@charset "UTF-8";

/* Welcome to Compass.
 * In this file you should write your main styles. (or centralize your imports)
 * Import this file using the following HTML or equivalent:
 * <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" /> */

@media screen and (min-width: 600px) {
    .simplebar-content:after,
    .simplebar-content:before {
        content: none!important;
    }
    .simplebar-track {
        display: none;
    }
}

@media screen and (max-width: 1000px) {
    /* line 2, ../sass/_base.scss */
    #wide {
        width: 100%;
        max-width: 1000px;
        position: relative;
        left: 30%;
        margin-left: -1439px;
    }
    /* line 9, ../sass/_base.scss */
    html,
    body {
        height: 100%;
        min-width: 1000px;
        width: 1000px;
        margin: 0 auto;
    }
    /* line 16, ../sass/_base.scss */
    .device {
        width: 300%;
        margin-left: 60px !important;
        overflow: hidden;
    }
    /* line 21, ../sass/_base.scss */
    #pageTop {
        position: fixed;
        bottom: 240px;
        right: 20px;
    }
}

@media screen and (min-width: 600px) {
    /* line 28, ../sass/_base.scss */
    .menu-logo {
        display: none;
    }
}

@media screen and (max-width: 599px) {
    /* line 36, ../sass/_base.scss */
    * {
        box-sizing: border-box;
    }
    /* line 39, ../sass/_base.scss */
    img {
        max-width: 100%;
        height: auto;
    }
    /* line 43, ../sass/_base.scss */
    #wide {
        width: 100%;
        max-width: 1040px;
        position: relative;
        left: 0 !important;
        margin-left: 0 !important;
    }
    /* line 52, ../sass/_base.scss */
    .pagination {
        display: none;
    }
    /* line 55, ../sass/_base.scss */
    #pageTop {
        position: fixed;
        bottom: 60px;
        right: 20px;
        transition: .3s;
    }
    /* line 60, ../sass/_base.scss */
    #pageTop.footer-position {
        bottom: 234px;
    }
    /* line 64, ../sass/_base.scss */
    html,
    body {
        height: 100%;
        min-width: auto;
        max-width: 1040px;
        width: 100%;
        margin: 0 auto;
        font-size: 14px;
    }
    /* line 73, ../sass/_base.scss */
    #header #headBtns li.li03 {
        clear: both;
    }
    /* line 76, ../sass/_base.scss */
    .content_wrap dl dt {
        font-size: 20px;
        width: 154px;
    }
    /* line 80, ../sass/_base.scss */
    .content_wrap dl dd {
        max-width: 565px;
        width: 100%;
    }
    /* line 84, ../sass/_base.scss */
    #navi ul li {
        max-width: 50%;
        width: 100%;
        float: left;
        margin-bottom: 5px;
        text-align: center;
    }
    /* line 91, ../sass/_base.scss */
    #navi ul li a {
        width: 100%;
    }
    /* line 94, ../sass/_base.scss */
    #navi ul li a {
        display: block;
        height: 150px;
    }
    /* line 98, ../sass/_base.scss */
    #navi ul li.gaiyo a {
        background: url(../img/share/top_navi01.png) no-repeat center top;
        background-size: 60% auto;
    }
    /* line 102, ../sass/_base.scss */
    #navi ul li.gakka a {
        background: url(../img/share/top_navi02.png) no-repeat center top;
        background-size: 60% auto;
    }
    /* line 106, ../sass/_base.scss */
    #navi ul li.shinro a {
        background: url(../img/share/top_navi03.png) no-repeat center top;
        background-size: 60% auto;
    }
    /* line 110, ../sass/_base.scss */
    #navi ul li.nyushi a {
        background: url(../img/share/top_navi04.png) no-repeat center top;
        background-size: 60% auto;
    }
    /* line 114, ../sass/_base.scss */
    #navi ul li.schoollife a {
        background: url(../img/share/top_navi05.png) no-repeat center top;
        background-size: 60% auto;
    }
    /* line 118, ../sass/_base.scss */
    #navi ul li.lib a {
        background: url(../img/share/top_navi06.png) no-repeat center top;
        background-size: 60% auto;
    }
    /* line 122, ../sass/_base.scss */
    #navi ul li.techno a {
        background: url(../img/share/top_navi07.png) no-repeat center top;
        background-size: 60% auto;
    }
    /* line 126, ../sass/_base.scss */
    #navi ul li.current-menu-item,
    #navi ul li.current-page-ancestor {
        background: none;
    }
    /* line 131, ../sass/_base.scss */
    #header {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 16px 0;
        position: relative;
    }
    /* line 137, ../sass/_base.scss */
    #header .rightbox {
        display: none;
    }
    /* line 140, ../sass/_base.scss */
    #header .menu-logo {
        position: absolute;
        left: 0;
        top: 0;
        opacity: 0;
        transition: .6s;
    }
    /* line 148, ../sass/_base.scss */
    #navi {
        display: none;
    }
    /* line 151, ../sass/_base.scss */
    #navi02 {
        position: relative;
    }
    /* line 153, ../sass/_base.scss */
    #navi02:before {
        content: "";
        display: block;
        width: 1px;
        height: calc(100% - 40px);
        position: absolute;
        left: 50%;
        top: 20px;
        background: #fff;
    }
    /* line 163, ../sass/_base.scss */
    #navi02 ul {
        width: 100%;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        padding: 0 10px;
        margin-bottom: 30px;
    }
    /* line 170, ../sass/_base.scss */
    #navi02 ul li {
        float: none;
        width: calc(50% - 10px);
        margin-top: 30px;
    }
    /* line 174, ../sass/_base.scss */
    #navi02 ul li img {
        width: 142px;
        height: 48px;
    }
    /* line 181, ../sass/_base.scss */
    #header_wrap {
        transition: .6s;
    }
    /* line 184, ../sass/_base.scss */
    #header #logo {
        width: 200px;
    }
    /* line 187, ../sass/_base.scss */
    #header #logo .default-logo {
        transition: .6s;
    }
    /* line 190, ../sass/_base.scss */
    #header #logo a {
        float: none;
        margin-top: 0;
    }
    /* line 195, ../sass/_base.scss */
    #title,
    #breadcrumb {
        max-width: 960px;
        width: calc(100%);
        margin-block: auto;
        float: none;
    }
    /* line 202, ../sass/_base.scss */
    #header,
    #navi,
    .contents,
    #footer_cts,
    .footnavi .content_wrap02 {
        max-width: 960px;
        width: calc(100% - 20px);
        margin-block: auto;
        float: none;
    }
    /* line 212, ../sass/_base.scss */
    #title {
        overflow: hidden;
    }
    /* line 214, ../sass/_base.scss */
    #title h2 {
        font-size: 24px;
    }
    /* line 217, ../sass/_base.scss */
    #title img {
        max-width: inherit;
        position: absolute;
        left: -100px;
    }
    /* line 223, ../sass/_base.scss */
    #sub_page,
    #rightbar,
    #toppage .banner_block {
        padding-bottom: 40px;
    }
    /* line 228, ../sass/_base.scss */
    #sub_page,
    #breadcrumb ul {
        max-width: 960px;
        width: 100%;
        float: none;
    }
    /* line 234, ../sass/_base.scss */
    #news_block .rightbox {
        width: 100%;
    }
    /* line 238, ../sass/_base.scss */
    #com_blk a {
        color: #fff;
        text-decoration: none;
    }
    /* line 243, ../sass/_base.scss */
    #header_wrap,
    #footer_cts .com_blk,
    #header #logo a {
        min-width: initial;
        width: 100%;
    }
    /* line 249, ../sass/_base.scss */
    #sub_page .category_menu,
    .index_list,
    #toppage .banner_block ul {
        width: 100%;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    /* line 257, ../sass/_base.scss */
    #sub_page .category_menu li,
    #toppage .banner_block ul li,
    #toppage .banner_block ul li.nomar {
        width: calc((100% / 3) - 10px);
        margin: 0 0 20px 0;
    }
    /* line 262, ../sass/_base.scss */
    #sub_page .category_menu li img,
    #toppage .banner_block ul li img,
    #toppage .banner_block ul li.nomar img {
        max-width: initial;
        width: 100%;
    }
    /* line 266, ../sass/_base.scss */
    #sub_page .category_menu li:last-of-type,
    #toppage .banner_block ul li:last-of-type,
    #toppage .banner_block ul li.nomar:last-of-type {
        margin: 0 auto 20px 15px;
    }
    /* line 271, ../sass/_base.scss */
    #sub_page .ol_style01 {
        margin-left: 0;
    }
    /* line 275, ../sass/_base.scss */
    #sub_page p:last-of-type {
        padding-bottom: 0;
    }
    /* line 279, ../sass/_base.scss */
    #sub_page .anchor {
        margin-bottom: 0;
        padding-bottom: 0;
    }
    /* line 284, ../sass/_base.scss */
    #sub_page .index_list dl {
        width: calc(50% - 10px);
        margin: 0 0 20px 0;
    }
    /* line 287, ../sass/_base.scss */
    #sub_page .index_list dl dd {
        width: 100%;
        height: auto;
    }
    /* line 290, ../sass/_base.scss */
    #sub_page .index_list dl dd a {
        display: inline-block;
        width: 100%;
    }
    /* line 293, ../sass/_base.scss */
    #sub_page .index_list dl dd a img {
        max-width: inherit;
        width: 100%;
    }
    /* line 301, ../sass/_base.scss */
    #sub_page ol {
        margin-left: 0;
    }
    /* line 305, ../sass/_base.scss */
    #sub_page ul.img_list {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    /* line 309, ../sass/_base.scss */
    #sub_page ul.img_list li {
        float: none;
        width: calc(50% - 10px);
    }
    /* line 315, ../sass/_base.scss */
    #sub_page .wp-caption {
        max-width: 100%;
    }
    /* line 318, ../sass/_base.scss */
    #sub_page p {
        word-wrap: break-word;
        word-break: break-all;
    }
    /* line 325, ../sass/_base.scss */
    #sub_page .wp-block-table {
        width: 100%;
        margin: auto;
    }
    /* line 329, ../sass/_base.scss */
    #sub_page table {
        width: 100% !important;
		table-layout: auto;
		word-break: normal;
    }
    /* line 330, ../sass/_base.scss */
	#sub_page .recruit table th {
		white-space: nowrap;
		text-align: center;
	}
    /* line 334, ../sass/_base.scss */
    #sub_page table.table_style05 td,
    #sub_page table.table_style05 th {
        padding-left: 10px;
        padding-right: 10px;
    }
    /* line 340, ../sass/_base.scss */
    #sub_page table.table_style01,
    #sub_page table.table_style03,
    #sub_page table.table_style02,
    #sub_page table.table_style04 {
        width: 100% !important;
    }
    /* line 345, ../sass/_base.scss */
    #sub_page table.table_style01 td,
    #sub_page table.table_style03 td,
    #sub_page table.table_style02 td,
    #sub_page table.table_style04 td {
        min-width: initial;
    }
    /* line 351, ../sass/_base.scss */
    #sub_page table.table_style04 th:first-of-type {
        width: 20% !important;
    }
    /* line 354, ../sass/_base.scss */
    #sub_page table.table_style04 th:nth-of-type(2) {
        width: 15% !important;
    }
    /* line 358, ../sass/_base.scss */
    #sub_page table.table_style04 td {
        width: 65% !important;
    }
    /* line 363, ../sass/_base.scss */
    #sub_page table.mp3 .pR30 {
        width: 30%;
    }
    /* line 369, ../sass/_base.scss */
    #rightbar {
        width: 100%;
        float: initial;
    }
    /* line 372, ../sass/_base.scss */
    #rightbar h2 {
        background: #00428e;
        border-radius: 8px 8px 0 0;
    }
    /* line 376, ../sass/_base.scss */
    #rightbar #banner {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    /* line 380, ../sass/_base.scss */
    #rightbar #banner li {
        width: calc(50% - 5px);
        padding-bottom: 0 !important;
        margin-bottom: 10px;
    }
    /* line 385, ../sass/_base.scss */
    #rightbar #banner li:first-of-type {
        order: 10;
        display: inline-flex;
        align-items: center;
        background: #545454;
    }
    /* line 390, ../sass/_base.scss */
    #rightbar #banner li:first-of-type a {
        display: inline-block;
        width: 100%;
        aspect-ratio: 200 / 50;
        overflow: hidden;
    }
    /* line 398, ../sass/_base.scss */
    #rightbar #banner li img {
        max-width: initial;
        width: 100%;
    }
    /* line 406, ../sass/_base.scss */
    .footnavi {
        display: none;
    }
    /* line 409, ../sass/_base.scss */
    .footnavi .content_wrap02 {
        width: 100%;
        margin: 0 auto;
        padding: 20px 20px 10px;
        font-size: 14px;
    }
    /* line 414, ../sass/_base.scss */
    .footnavi .content_wrap02 ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    /* line 418, ../sass/_base.scss */
    .footnavi .content_wrap02 ul li {
        width: calc(50% - 5px);
        margin-bottom: 10px;
    }
    /* line 421, ../sass/_base.scss */
    .footnavi .content_wrap02 ul li a {
        background: url(../img/share/pt.png) no-repeat left top 10px;
        padding-left: 12px;
        text-decoration: none;
        display: inline-block;
    }
    /* line 432, ../sass/_base.scss */
    #footer_cts #flogo img {
        width: 200px;
    }
    /* line 435, ../sass/_base.scss */
    #footer_cts #flogo+p {
        font-size: 12px;
    }
    /* line 439, ../sass/_base.scss */
    #footer_cts .link_blk {
        width: 100%;
        float: none;
        text-align: center;
    }
    /* line 443, ../sass/_base.scss */
    #footer_cts .link_blk #link01 {
        width: 100%;
        padding: 20px 0 10px;
        float: none;
        display: flex;
        flex-wrap: wrap;
    }
    /* line 449, ../sass/_base.scss */
    #footer_cts .link_blk #link01 li {
        margin-bottom: 10px;
        padding-left: 0;
        padding-right: 20px;
        font-size: 12px;
    }
    /* line 456, ../sass/_base.scss */
    #footer_cts .link_blk #link02 {
        text-align: left;
    }
    /* line 459, ../sass/_base.scss */
    #footer_cts .link_blk .copy {
        text-align: left;
    }
    /* line 465, ../sass/_base.scss */
    #toppage .bg_blue {
        width: 100%;
        height: auto !important;
    }
    /* line 469, ../sass/_base.scss */
    #toppage .harfBox {
        width: 100%;
        margin: 0 0 20px;
        float: initial !important;
    }
    /* line 474, ../sass/_base.scss */
    #header_wrap {
        padding-bottom: 0px;
    }
    /* line 477, ../sass/_base.scss */
    .footnavi .naviwrap {
        width: 100%;
    }
    /* line 479, ../sass/_base.scss */
    .footnavi .naviwrap ul,
    .footnavi .naviwrap #tab02 {
        width: calc(100% - 40px);
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    /* line 485, ../sass/_base.scss */
    .footnavi .naviwrap ul li,
    .footnavi .naviwrap #tab02 li {
        float: none;
        width: calc(50% - 10px);
        text-align: center;
    }
    /* line 489, ../sass/_base.scss */
    .footnavi .naviwrap ul li span,
    .footnavi .naviwrap #tab02 li span {
        border-bottom: 3px solid #00428D;
        left: 10px !important;
        bottom: 0 !important;
        width: calc(100% - 20px);
        transition: .6s;
        display: block;
        transform: scaleX(0);
    }
    /* line 497, ../sass/_base.scss */
    .footnavi .naviwrap ul li span img,
    .footnavi .naviwrap #tab02 li span img {
        display: none;
    }
    /* line 502, ../sass/_base.scss */
    .footnavi .naviwrap ul li.select span,
    .footnavi .naviwrap #tab02 li.select span {
        transform: scaleX(1);
    }
    /* line 509, ../sass/_base.scss */
    #sub_page .harfBox02 {
        width: 100%;
        text-align: center;
        float: none;
    }
    /* line 514, ../sass/_base.scss */
    #sub_page ul.pdf_list li {
        line-height: 1.6;
    }
    /* line 517, ../sass/_base.scss */
    .device {
        margin-left: 0 !important;
        overflow: hidden;
        width: 100% !important;
    }
    /* line 522, ../sass/_base.scss */
    #toppage .bg_blue {
        width: 100%;
    }
    /* line 525, ../sass/_base.scss */
    #news_block {
        clear: both;
        position: relative;
        overflow: hidden;
        background: #dbe6f6;
        margin: 20px 0;
    }
    /* line 531, ../sass/_base.scss */
    #news_block .btn {
        bottom: inherit;
        right: 20px;
        top: 22px;
        left: inherit;
    }
    /* line 539, ../sass/_base.scss */
    #news_block .rightbox .content_wrap dl {
        display: flex;
    }
    /* line 540, ../sass/_base.scss */
    #news_block .rightbox .content_wrap dl:nth-of-type(5),
    #news_block .rightbox .content_wrap dl:nth-of-type(6),
    #news_block .rightbox .content_wrap dl:nth-of-type(7),
    #news_block .rightbox .content_wrap dl:nth-of-type(8) {
        display: none;
    }
    /* line 547, ../sass/_base.scss */
    #news_block .rightbox .content_wrap dl dt {
        font-size: 12px;
        width: max-content;
        float: none;
        padding: 10px;
    }
    /* line 552, ../sass/_base.scss */
    #news_block .rightbox .content_wrap dl dt span.icon {
        font-size: 10px;
    }
    /* line 556, ../sass/_base.scss */
    #news_block .rightbox .content_wrap dl dd {
        padding: 10px;
        font-size: 14px;
    }
    /* line 563, ../sass/_base.scss */
    #news_block .leftbox {
        width: 100%;
        float: none;
        padding: 20px;
        background-color: #00428D;
    }
    /* line 568, ../sass/_base.scss */
    #news_block .leftbox h2 {
        padding-bottom: 20px;
    }
    /* line 571, ../sass/_base.scss */
    #news_block .leftbox #tab {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    /* line 575, ../sass/_base.scss */
    #news_block .leftbox #tab li {
        width: calc(50% - 10px);
    }
    /* line 578, ../sass/_base.scss */
    #news_block .leftbox #tab li.select span {
        display: none;
    }
}


/* line 1, ../sass/_common.scss */

.menu-trigger,
.hb-menu {
    display: none;
}


/* line 6, ../sass/_common.scss */

#sub_page h4 {
    font-weight: bold;
}


/* line 11, ../sass/_common.scss */

#sub_page h2 {
    margin-top: 40px;
}


/* line 13, ../sass/_common.scss */

#sub_page h2:first-of-type {
    margin-top: 0;
}


/* line 17, ../sass/_common.scss */

#sub_page .mT-20 {
    margin-top: 20px !important;
}

@media screen and (max-width: 599px) {
    /* line 23, ../sass/_common.scss */
    #header_wrap {
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        background: #fff;
    }
    /* line 30, ../sass/_common.scss */
    #wrapper {
        padding-top: 60px;
    }
    /* line 33, ../sass/_common.scss */
    .hb-menu {
        position: fixed;
        width: calc(100%);
        top: 60px;
        left: 0;
        background-color: #00428E;
        height: calc(100vh - 60px);
        display: block;
        transform: translate(100%, 0);
        transition: .6s;
        opacity: 0;
        padding: 26px 26px 60px;
        overflow: auto;
    }
    /* line 46, ../sass/_common.scss */
    .hb-menu .pie {
        -webkit-appearance: none;
    }
    /* line 49, ../sass/_common.scss */
    .hb-menu #btn_wrap {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    /* line 53, ../sass/_common.scss */
    .hb-menu #btn_wrap #language_btn a {
        color: #fff;
        font-weight: bold;
        background: #fa9800;
        text-decoration: none;
        padding: 5px 10px;
    }
    /* line 61, ../sass/_common.scss */
    .hb-menu #serch_box {
        margin-top: 0;
    }
    /* line 63, ../sass/_common.scss */
    .hb-menu #serch_box input.pie {
        width: 225px;
        height: 40px;
        border: 1px solid #9eb7d2;
        box-shadow: 2px 1px #f2f2f2 inset;
        padding: 3px 5px;
        border-radius: 12px;
        -webkit-border-radius: 35px;
        -moz-border-radius: 12px;
        position: relative;
    }
    /* line 74, ../sass/_common.scss */
    .hb-menu #serch_box #serch_icon {
        position: absolute;
        right: 15px;
        top: 10px;
    }
    /* line 79, ../sass/_common.scss */
    .hb-menu #serch_box #searchsubmit {
        width: 20px;
        height: 20px;
    }
    /* line 84, ../sass/_common.scss */
    .hb-menu #headBtns {
        display: flex;
        flex-wrap: wrap;
        margin-top: 40px;
    }
    /* line 88, ../sass/_common.scss */
    .hb-menu #headBtns li {
        padding-left: 16px;
        margin-right: 20px;
        position: relative;
        line-height: 1;
        margin-bottom: 20px;
    }
    /* line 94, ../sass/_common.scss */
    .hb-menu #headBtns li a {
        font-size: 12px;
    }
    /* line 97, ../sass/_common.scss */
    .hb-menu #headBtns li:before {
        position: absolute;
        left: 0;
        top: 50%;
        transform: translate(0, -50%);
        content: url(../img/share/pt.png);
    }
    /* line 106, ../sass/_common.scss */
    .hb-menu .toggle-switch {
        font-size: 16px;
        line-height: 1;
        border-bottom: 1px solid #fff;
        display: flex;
        justify-content: space-between;
        align-items: center;
        background-position: center left;
        background-repeat: no-repeat;
        background-size: 48px 32px;
    }
    /* line 116, ../sass/_common.scss */
    .hb-menu .toggle-switch.gaiyo {
        background-image: url(../img/share/icon-gaiyo.png);
    }
    /* line 119, ../sass/_common.scss */
    .hb-menu .toggle-switch.gakka {
        background-image: url(../img/share/icon-gakka.png);
    }
    /* line 122, ../sass/_common.scss */
    .hb-menu .toggle-switch.lib {
        background-image: url(../img/share/icon-lib.png);
    }
    /* line 125, ../sass/_common.scss */
    .hb-menu .toggle-switch.nyushi {
        background-image: url(../img/share/icon-nyushi.png);
    }
    /* line 128, ../sass/_common.scss */
    .hb-menu .toggle-switch.schoollife {
        background-image: url(../img/share/icon-schoollife.png);
    }
    /* line 131, ../sass/_common.scss */
    .hb-menu .toggle-switch.shinro {
        background-image: url(../img/share/icon-sinro.png);
    }
    /* line 134, ../sass/_common.scss */
    .hb-menu .toggle-switch.techno {
        background-image: url(../img/share/icon-techno.png);
    }
    /* line 137, ../sass/_common.scss */
    .hb-menu .toggle-switch a {
        text-decoration: none;
        display: inline-block;
        padding: 22px 0 22px 65px;
    }
    /* line 142, ../sass/_common.scss */
    .hb-menu .toggle-switch img {
        transition: .6s;
    }
    /* line 146, ../sass/_common.scss */
    .hb-menu .toggle-switch.on img {
        transform: rotate(180deg);
    }
    /* line 151, ../sass/_common.scss */
    .hb-menu .children-menu {
        display: none;
    }
    /* line 154, ../sass/_common.scss */
    .hb-menu .children-menu ul li {
        margin-top: 24px;
        font-size: 14px;
    }
    /* line 157, ../sass/_common.scss */
    .hb-menu .children-menu ul li a {
        display: inline-block;
        padding-left: 16px;
        position: relative;
        text-decoration: none;
    }
    /* line 162, ../sass/_common.scss */
    .hb-menu .children-menu ul li a:before {
        position: absolute;
        left: 0;
        top: 50%;
        transform: translate(0, -50%);
        content: url(../img/share/pt.png);
    }
    /* line 170, ../sass/_common.scss */
    .hb-menu .children-menu ul li:first-of-type {
        margin-top: 20px;
    }
    /* line 173, ../sass/_common.scss */
    .hb-menu .children-menu ul li:last-of-type {
        margin-bottom: 20px;
    }
    /* line 177, ../sass/_common.scss */
    .hb-menu .children-menu ul.sub-menu {
        display: none;
    }
    /* line 182, ../sass/_common.scss */
    .hb-menu a {
        color: #fff;
    }
    /* line 186, ../sass/_common.scss */
    .hb-menu .link_blk li {
        display: inline;
        padding-left: 8px;
        font-size: 11px;
    }
    /* line 190, ../sass/_common.scss */
    .hb-menu .link_blk li a {
        position: relative;
        border-radius: 3px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        color: #fff;
        font-weight: bold;
        background: #fa9800;
        padding: 3px 9px;
        background: #fa9800;
        text-decoration: none;
    }
    /* line 205, ../sass/_common.scss */
    .menu-trigger,
    .menu-trigger span {
        display: inline-block;
        transition: all .4s;
        box-sizing: border-box;
        margin-left: auto;
    }
    /* line 212, ../sass/_common.scss */
    .menu-trigger {
        position: relative;
        width: 28px;
        height: 18px;
        background: none;
        border: none;
        appearance: none;
        cursor: pointer;
    }
    /* line 220, ../sass/_common.scss */
    .menu-trigger span {
        position: absolute;
        left: 0;
        width: 100%;
        height: 2px;
        background-color: #00428E;
        border-radius: 4px;
        transition: .6s;
    }
    /* line 228, ../sass/_common.scss */
    .menu-trigger span:nth-of-type(1) {
        top: 0;
    }
    /* line 231, ../sass/_common.scss */
    .menu-trigger span:nth-of-type(2) {
        top: 8px;
    }
    /* line 234, ../sass/_common.scss */
    .menu-trigger span:nth-of-type(3) {
        bottom: 0;
    }
    /* line 240, ../sass/_common.scss */
    .menu-on .hb-menu {
        transform: translate(0, 0);
        opacity: 1;
    }
    /* line 245, ../sass/_common.scss */
    .menu-on .menu-trigger span {
        background-color: #fff;
    }
    /* line 247, ../sass/_common.scss */
    .menu-on .menu-trigger span:nth-of-type(1) {
        transform: translateY(8px) rotate(-45deg);
    }
    /* line 250, ../sass/_common.scss */
    .menu-on .menu-trigger span:nth-of-type(2) {
        opacity: 0;
    }
    /* line 253, ../sass/_common.scss */
    .menu-on .menu-trigger span:nth-of-type(3) {
        transform: translateY(-8px) rotate(45deg);
    }
    /* line 258, ../sass/_common.scss */
    .menu-on #header_wrap {
        background-color: #00428E;
    }
    /* line 261, ../sass/_common.scss */
    .menu-on #header_wrap #header .menu-logo {
        opacity: 1;
    }
    /* line 264, ../sass/_common.scss */
    .menu-on #header_wrap #header .default-logo {
        opacity: 0;
    }
    /* line 271, ../sass/_common.scss */
    #sub_page h2 {
        font-size: 20px;
        margin-top: 20px;
    }
    /* line 274, ../sass/_common.scss */
    #sub_page h2:first-of-type {
        margin-top: 0;
    }
    /* line 276, ../sass/_common.scss */
    #sub_page h2:first-of-type+h2 {
        margin-top: 0;
    }
    /* line 281, ../sass/_common.scss */
    #sub_page h3 {
        font-size: 16px;
        margin: 24px 0 16px 0;
    }
    /* line 285, ../sass/_common.scss */
    #sub_page .btn01 {
        width: 100%;
        margin-bottom: 10px;
        float: initial;
        margin-left: 0;
    }
    /* line 291, ../sass/_common.scss */
    #sub_page .overflow-h {
        margin-top: 20px;
        overflow-x: auto;
    }
    /* line 294, ../sass/_common.scss */
    #sub_page .overflow-h::-webkit-scrollbar {
        height: 8px;
    }
    /* line 297, ../sass/_common.scss */
    #sub_page .overflow-h::-webkit-scrollbar-track {
        background: #f1f1f1;
    }
    /* line 300, ../sass/_common.scss */
    #sub_page .overflow-h::-webkit-scrollbar-thumb {
        background: #888;
        border-radius: 5px;
    }
    /* line 304, ../sass/_common.scss */
    #sub_page .overflow-h::-webkit-scrollbar-thumb:hover {
        background: #555;
    }
    /* line 307, ../sass/_common.scss */
    #sub_page .overflow-h::-webkit-scrollbar {
        -webkit-appearance: none;
        /* スクロールバーを非表示にする */
        width: 10px;
    }
    /* line 312, ../sass/_common.scss */
    #sub_page .overflow-h::-webkit-scrollbar-thumb {
        background-color: rgba(0, 0, 0, 0.5);
        border-radius: 20px;
        border: 2px solid #ffffff;
    }
    /* line 317, ../sass/_common.scss */
    #sub_page .overflow-h::-webkit-scrollbar-track {
        background-color: #ffffff;
    }
    /* line 321, ../sass/_common.scss */
    #sub_page .harf_box {
        width: 100%;
        float: initial;
    }
    /* line 324, ../sass/_common.scss */
    #sub_page .harf_box>img {
        width: 100%;
    }
    /* line 328, ../sass/_common.scss */
    #sub_page .harf_box p>img {
        width: 100%;
    }
    /* line 335, ../sass/_common.scss */
    .en #header #logo {
        width: 290px;
    }
    /* line 338, ../sass/_common.scss */
    .en .harfBox {
        height: auto !important;
    }
    /* line 342, ../sass/_common.scss */
    .en .toggle-switch.gaiyo,
    .en .toggle-switch.gakka,
    .en .toggle-switch.lib,
    .en .toggle-switch.nyushi,
    .en .toggle-switch.schoollife,
    .en .toggle-switch.shinro,
    .en .toggle-switch.techno {
        background: none;
    }
    /* line 351, ../sass/_common.scss */
    .en .toggle-switch a {
        text-decoration: none;
        display: inline-block;
        padding: 22px 0 22px 0;
    }
    /* line 356, ../sass/_common.scss */
    .en .toggle-switch img {
        transition: .6s;
    }
    /* line 360, ../sass/_common.scss */
    .en .toggle-switch.on img {
        transform: rotate(180deg);
    }
    /* line 368, ../sass/_common.scss */
    .en .hb-menu #headBtns lI:last-of-type {
        display: none;
    }
}

@media screen and (max-width: 599px) {
    /* line 5, ../sass/_contents.scss */
    .post-384 .section_box ul li {
        margin-top: 20px;
    }
    /* line 7, ../sass/_contents.scss */
    .post-384 .section_box ul li:first-of-type {
        margin-top: 0;
    }
    /* line 11, ../sass/_contents.scss */
    .post-384 .section_box ul li a img {
        display: block;
        margin-bottom: 20px;
    }
    /* line 21, ../sass/_contents.scss */
    .post-384 .section_box .table_style03.col-2 tr th {
        width: 50% !important;
    }
    /* line 28, ../sass/_contents.scss */
    .post-384 .section_box .table_style03 tr th:first-of-type {
        width: 36%;
    }
    /* line 35, ../sass/_contents.scss */
    .post-384 .section_box .overflow-h .table_style03 {
        min-width: 540px;
    }
    /* line 43, ../sass/_contents.scss */
    .post-398 #sub_page hr {
        margin: 20px 0;
    }
    /* line 46, ../sass/_contents.scss */
    .post-398 #sub_page h2 {
        margin-bottom: 10px;
    }
    /* line 53, ../sass/_contents.scss */
    .post-400 #sub_page h4 {
        margin-bottom: 10px;
    }
    /* line 61, ../sass/_contents.scss */
    .post-65 figure>img,
    .post-65 p>img {
        width: 100%;
    }
    /* line 68, ../sass/_contents.scss */
    .post-22975 #title h2 {
        text-align: left;
        width: calc(100% - 40px);
    }
    /* line 75, ../sass/_contents.scss */
    .post-22975 p a img {
        width: 100%;
    }
    /* line 84, ../sass/_contents.scss */
    .post-384 .section_box ul li {
        margin-top: 20px;
    }
    /* line 86, ../sass/_contents.scss */
    .post-384 .section_box ul li:first-of-type {
        margin-top: 0;
    }
    /* line 90, ../sass/_contents.scss */
    .post-384 .section_box ul li a img {
        display: block;
        margin-bottom: 20px;
    }
    /* line 100, ../sass/_contents.scss */
    .post-384 .section_box .table_style03.col-2 tr th {
        width: 50% !important;
    }
    /* line 107, ../sass/_contents.scss */
    .post-384 .section_box .table_style03 tr th:first-of-type {
        width: 36%;
    }
    /* line 114, ../sass/_contents.scss */
    .post-384 .section_box .overflow-h .table_style03 {
        min-width: 540px;
    }
    /* line 120, ../sass/_contents.scss */
    .simplebar-track.simplebar-horizontal {
        height: 10px;
        background: #B5B5B5;
        border-radius: 5px;
        max-width: 372px;
        margin: 0 auto;
        bottom: inherit;
        top: 0;
    }
    /* line 129, ../sass/_contents.scss */
    .simplebar-scrollbar {
        height: 10px;
        background: #41485B;
        border-radius: 5px;
        top: 0;
    }
    /* line 138, ../sass/_contents.scss */
    .post-22178 #sub_page .overflow-h .table_style05 {
        min-width: 1060px !important;
        height: auto !important;
    }
    /* line 144, ../sass/_contents.scss */
    .post-22178 #sub_page .overflow-h .table_style05 tr:first-of-type th:first-of-type {
        width: 10vw !important;
    }
    /* line 156, ../sass/_contents.scss */
    .post-418 #sub_page .img_list02 {
        display: flex;
        flex-direction: column;
    }
    /* line 159, ../sass/_contents.scss */
    .post-418 #sub_page .img_list02 li {
        margin-bottom: 20px;
        width: 100%;
    }
    /* line 162, ../sass/_contents.scss */
    .post-418 #sub_page .img_list02 li img {
        width: 100%;
    }
    /* line 168, ../sass/_contents.scss */
    .post-418 #sub_page .overflow-h table {
        width: 800px !important;
    }
    /* line 175, ../sass/_contents.scss */
    .post-418 #sub_page .table_style03 tr th:last-of-type {
        width: 20% !important;
    }
    /* line 184, ../sass/_contents.scss */
    .blue_box ol {
        padding-left: 20px;
    }
    /* line 192, ../sass/_contents.scss */
    .device .metaslider .flexslider .slides li {
        height: 250px;
        position: relative;
    }
    /* line 195, ../sass/_contents.scss */
    .device .metaslider .flexslider .slides li img {
        height: 250px;
        width: auto;
        position: absolute;
        left: 50%;
        top: 0;
        transform: translate(-50%, 0);
    }
}