@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400;500;600&display=swap');

:root {
    --main-color: #0093D9;
    --sub-color: #002541;
    --navy-color: #013F6E;
    --light-blue: #009CE5;
    --dark-navy: #001322;
    --dark-blue: #003F6E;
    --mid-blue: #0060A7;
    --side-blue: #0098e0;
    --bg-gray: #F5F5F5;
    --border-gray: #CCC;
    --blue-grad: linear-gradient(to bottom right, #0875CA, #39ADEA);
    --side-blbk: #E5F5FC;
    --q-bk: #00618A;
    --a-bk: #B8E2F8;
    --a-contentbk: #F8FCFF;
    --font-navy:
}

body {
    padding-top: 0 !important;
    position: relative;
    font-family: "Noto Sans JP", "游ゴシック体", "YuGothic", "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
    color: black;
}

pre {
    background: #f7f7f9;
    padding: 20px;
    width: 100%;
}

.red {
    color: red;
}

a{
    word-break: break-all;
}

blockquote {
    position: relative;
    padding: 10px 15px;
    font-style: normal;
    background: white;
    border-left: none;
    box-shadow: none;
}

blockquote:before {
    display: none;
}

@media (min-width: 768px) {
    body>.navbar-transparent {
        box-shadow: none
    }

    body>.navbar-transparent .navbar-nav>.open>a {
        box-shadow: none
    }
}

#page-top {
    position: absolute;
    top: 0;
}

#home,
#help {
    font-size: 0.9rem
}

#home .navbar,
#help .navbar {
    background: #349aed;
    background: linear-gradient(145deg, #349aed 50%, #34d8ed 100%);
    transition: box-shadow 200ms ease-in
}

#home .navbar-transparent,
#help .navbar-transparent {
    background: none !important;
    box-shadow: none
}

#home .navbar-brand .nav-link,
#help .navbar-brand .nav-link {
    display: inline-block;
    margin-right: -30px
}

#home .navbar-brand img,
#help .navbar-brand img {
    display: inline-block;
    margin: 0 10px;
    width: 30px
}

#home .nav-link,
#help .nav-link {
    text-transform: uppercase;
    font-weight: 500;
    color: #fff
}

#home {
    padding-top: 0px
}

#home .btn {
    padding: 0.6rem 0.55rem 0.5rem;
    box-shadow: none;
    font-size: 0.7rem;
    font-weight: 500
}

.bs-docs-section {
    margin-top: 4em
}

.bs-docs-section .page-header h1 {
    padding: 2rem 0;
    font-size: 3rem
}

.dropdown-menu.show[aria-labelledby="themes"] {
    display: flex;
    width: 420px;
    flex-wrap: wrap
}

.dropdown-menu.show[aria-labelledby="themes"] .dropdown-item {
    width: 33.333%
}

.dropdown-menu.show[aria-labelledby="themes"] .dropdown-item:first-child {
    width: 100%
}

.bs-component {
    position: relative
}

.bs-component+.bs-component {
    margin-top: 1rem
}

.bs-component .card {
    margin-bottom: 1rem
}

.bs-component .modal {
    position: relative;
    top: auto;
    right: auto;
    left: auto;
    bottom: auto;
    z-index: 1;
    display: block
}

.bs-component .modal-dialog {
    width: 90%
}

.bs-component .popover {
    position: relative;
    display: inline-block;
    width: 220px;
    margin: 20px
}

#source-button {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 100;
    font-weight: bold
}

#source-modal pre {
    max-height: calc(100vh - 11rem);
    background-color: rgba(0, 0, 0, 0.7);
    color: rgba(255, 255, 255, 0.7)
}

.nav-tabs {
    margin-bottom: 15px
}

.progress {
    margin-bottom: 10px
}

#header {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    list-style-type: none;
    justify-content: flex-end;
    -webkit-justify-content: flex-end;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    padding: 0;
    margin: 0 0 -85px;
    z-index: 100;
}

#header.sub_page {
    margin: 0;
    background-color: white;
}

#header .nav_menu {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    list-style-type: none;
    justify-content: left;
    -webkit-justify-content: left;
    align-items: center;
    width: 88%;
    padding: 0;
    margin: 0 0 0 12%;
    height: 85px;
    z-index: 1000;
}

#header.sub_page .nav_menu {
    width: 100%;
    margin: 0;
}

#header.sub_page .nav_menu .subpage_logo {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    list-style-type: none;
    justify-content: left;
    -webkit-justify-content: left;
    align-items: center;
    width: 240px;
    padding: 0 20px;
    margin: 0;
}

#header .nav_menu #site-navigation {
    display: block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: calc(100% - 375px);
    padding: 0;
    margin: 0;
    font-weight: 400;
}

#header.sub_page .nav_menu #site-navigation {
    width: calc(100% - 615px);
}

#header .nav_menu #site-navigation .nav_login {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    list-style-type: none;
    justify-content: flex-end;
    -webkit-justify-content: flex-end;
    width: 100%;
    padding-top: 10px;
    margin: 0;
    background-color: rgba(0, 0, 0, .8);
    height: 40px;
}

#header.sub_page #site-navigation .nav_login {
    background-color: rgba(0, 0, 0, 0);
}

#header .nav_menu #site-navigation .nav_login li {
    width: auto;
    list-style: none;
    padding: 0 20px 0 0;
    line-height: 1;
}

#header .nav_menu #site-navigation .nav_login li a {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    list-style-type: none;
    justify-content: left;
    -webkit-justify-content: left;
    align-items: center;
    color: white;
    text-decoration: none;
    height: auto;
    font-size: 13px;
    font-weight: normal;
}

#header.sub_page #site-navigation .nav_login li a {
    color: black;
}

#header .nav_menu #site-navigation .nav_main {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    list-style-type: none;
    justify-content: flex-end;
    -webkit-justify-content: flex-end;
    align-items: center;
    width: 100%;
    padding: 0;
    margin: 0;
    height: 46px;
    background-color: rgba(0, 0, 0, .8);
}

#header.sub_page .nav_menu #site-navigation .nav_main {
    background-color: rgba(0, 0, 0, .0);
}

#header .nav_menu #site-navigation .nav_main li {
    width: auto;
    list-style: none;
    padding: 0;
    line-height: 1;
}

#header .nav_menu #site-navigation .nav_main li a {
    color: white;
    text-decoration: none;
    padding: 0 20px 0 0;
    font-size: 14px;
    font-weight: normal;
}

#header.sub_page #site-navigation .nav_main li a {
    color: black;
}

#header .nav_menu #site-navigation .sp_logo {
    display: none;
}

#header .nav_menu .serch_header {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    list-style-type: none;
    justify-content: left;
    -webkit-justify-content: left;
    align-items: center;
    width: 375px;
    padding: 0;
    margin: 0;
    z-index: 1000;
}

#header .nav_menu .serch_header .box_menu {
    display: block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 75px;
    padding: 0;
    margin: 0;
    background-color: var(--dark-navy);
    height: 86px;
    cursor: pointer;
}

#header .nav_menu .serch_header .box_menu a {
    color: white;
    text-decoration: none;
}

#header .nav_menu .serch_header .box_menu:hover {
    opacity: .8;
}

#header .nav_menu .serch_header .box_menu:nth-child(2) {
    background-color: var(--sub-color);
}

#header .nav_menu .serch_header .box_menu:nth-child(3) {
    background-color: var(--dark-blue);
}

#header .nav_menu .serch_header .box_menu:nth-child(4) {
    background-color: var(--mid-blue);
}

#header .nav_menu .serch_header .box_menu:nth-child(5) {
    background-color: var(--main-color);
}

#header .nav_menu .serch_header .box_menu .icon_box {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    list-style-type: none;
    justify-content: center;
    -webkit-justify-content: center;
    align-items: center;
    width: 100%;
    padding: 15px 0 0;
    margin: 0;
    height: calc(100% - 25px);
    text-align: center;
    font-size: 24px;
}

#header .nav_menu .serch_header .box_menu .icon_box svg{
    width: 100%;
    max-width: 24px;
    height: 100%;
    max-height: 25px;
    fill:white;
}

#header .nav_menu .serch_header .box_menu:nth-child(5) .icon_box {
    padding: 10px 0 0;
}

#header .nav_menu .serch_header .box_menu .text_box {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    list-style-type: none;
    justify-content: center;
    -webkit-justify-content: center;
    width: 100%;
    padding: 0;
    margin: 0;
    height: 25px;
    text-align: center;
    font-size: 10px;
}

#header .nav_menu ul li a .humb_wrap {
    height: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

#header .nav_menu ul li a .humb_wrap span {
    display: block;
    height: 3px;
    width: 30px;
    background-color: #fff;
    position: relative;
    -webkit-transition: .5s;
    transition: .5s;
}

#header .nav_menu ul li a .humb_wrap span:nth-of-type(1) {
    top: -8px;
}

#header .nav_menu ul li a .humb_wrap span:nth-of-type(3) {
    bottom: -8px;
}

#header .nav_menu ul .menu_pc_mode.active span:nth-of-type(1) {
    top: 3px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

#header .nav_menu ul .menu_pc_mode.active span:nth-of-type(2) {
    opacity: 0;
}

#header .nav_menu ul .menu_pc_mode.active span:nth-of-type(3) {
    bottom: 3px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

@media screen and (max-width: 767px) {
    #header .nav_menu ul li a .humb_wrap {
        height: 36px;
    }

    #header .nav_menu ul li a .humb_wrap span {
        display: block;
        height: 2px;
        width: 26px;
    }

    #header .nav_menu ul li a .humb_wrap span:nth-of-type(1) {
        top: -8px;
    }

    #header .nav_menu ul li a .humb_wrap span:nth-of-type(3) {
        bottom: -8px;
    }

    #header .nav_menu ul .menu_pc_mode.active span:nth-of-type(1) {
        top: 2px;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    #header .nav_menu ul .menu_pc_mode.active span:nth-of-type(3) {
        bottom: 2px;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }
}

#header .pc_menu_list {
    width: 650px;
    height: calc(100%);
    overflow: hidden;
    margin: 0;
    position: absolute;
    top: 0;
    left: unset;
    right: 0;
    opacity: 0;
    bottom: unset;
    min-height: calc(100vh - 85px);
    padding: 85px 0 0;
    -webkit-transition: .5s;
    transition: .5s;
    z-index: -100;
}

#header .pc_menu_list.active {
    opacity: 1;
    z-index: 100;
}

#header .pc_menu_list .bg_wrap {
    padding: 20px 0 50px;
    background-color: var(--main-color);
    height: calc(100vh - 85px);
    overflow: auto;
}

#header .pc_menu_list .bg_wrap ul li {
    list-style: none;
}

#header .pc_menu_list li a {
    position: relative;
    display: block;
    color: #fff;
    padding: 1rem 0;
    font-size: 14px;
    line-height: 1.2;
}

#header .pc_menu_list li a::before,
#header .pc_menu_list li a::after {
    content: "";
    pointer-events: none;
}

#header .pc_menu_list li a.has_child~ul {
    display: none;
}

#header .pc_menu_list li a.has_child::before,
#header .pc_menu_list li a.has_child::after {
    width: 14px;
    height: 2px;
    background-color: #fff;
    position: absolute;
    right: 20px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: .5s;
    transition: .5s;
}

#header .pc_menu_list li a.has_child::after {
    -webkit-transform: translateY(-50%) rotate(90deg);
    transform: translateY(-50%) rotate(90deg);
}

#header .pc_menu_list li a.has_child.active::after {
    -webkit-transform: translateY(-50%) rotate(0deg);
    transform: translateY(-50%) rotate(0deg);
}

#header .pc_menu_list li a:not(.has_child)::before {
    width: 9px;
    height: 9px;
    position: absolute;
    right: 20px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: .5s;
    transition: .5s;
    border-right: solid 2px #fff;
    border-bottom: solid 2px #fff;
    -webkit-transform: translateX(-4px) translateY(-60%) rotate(-45deg);
    transform: translateX(-4px) translateY(-60%) rotate(-45deg);
}

#header .pc_menu_list .parent_list {
    padding-left: 20px;
    border-bottom: solid 1px var(--side-blbk);
}

#header .pc_menu_list .child_list {
    background-color: #4baedd;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

#header .pc_menu_list .child_list>li {
    border-top: solid 1px var(--side-blbk);
}

#header .pc_menu_list .child_list>li>a {
    padding-left: 1em;
}

#header .pc_menu_list .grandchild_list,
#header .pc_menu_list .side_sub {
    background-color: #7dd5ff;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

#header .pc_menu_list .grandchild_list a,
#header .pc_menu_list .side_sub a {
    padding-left: 2em;
}

#header .pc_menu_list .menu_bottom {
    margin: 30px 20px 0;
    border: solid 1px #fff;
}

@media screen and (max-width: 767px) {
    #header {
        height: 60px;
    }

    #header .pc_menu_list {
        padding: 60px 0 0;
        width: 100%;
    }

    #header .pc_menu_list li a.has_child~ul {
        display: none;
    }

    #header .pc_menu_list li a.has_child::before,
    #header .pc_menu_list li a.has_child::after {
        width: 12px;
        height: 2px;
        right: 15px;
    }

    #header .pc_menu_list li a:not(.has_child)::before {
        width: 7px;
        height: 7px;
        right: 15px;
        border-right: solid 2px #fff;
        border-bottom: solid 2px #fff;
        -webkit-transform: translateX(-3px) translateY(-65%) rotate(-45deg);
        transform: translateX(-3px) translateY(-65%) rotate(-45deg);
    }
}

#header .pc_menu_list .menu_box {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    list-style-type: none;
    justify-content: left;
    -webkit-justify-content: left;
    align-items: normal;
    width: 100%;
    padding: 40px 80px;
    margin: 0;
    font-size: 16px;
}

#header .pc_menu_list .menu_box .menu_list {
    display: block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 24.25%;
    padding: 0;
    margin: 0 1% 0 0;
}

#header .pc_menu_list .menu_box.en .menu_list {
    width: 49%;
    margin: 0 2% 0 0;
}

#header .pc_menu_list .menu_box .menu_list:nth-child(4) {
    margin: 0;
}

#header .pc_menu_list .menu_box .menu_list:nth-child(2) {
    margin: 0;
}

#header .pc_menu_list .menu_box .menu_list li {
    list-style: none;
    padding: 8px 0;
}

#header .pc_menu_list .menu_box .menu_list li a {
    color: white;
    text-decoration: none;
}

#header .pc_menu_list .menu_box .menu_list li a[target="_blank"]::after {
    content: "";
    background-image: url(https://www.nara-edu.ac.jp/assets/svg/blank.svg);
    background-size: 14px 18px;
    background-repeat: no-repeat;
    width: 14px;
    height: 18px;
    margin: 0 0 0 5px;
    position: absolute;
    filter: invert(100%);
}

#header .pc_menu_list .menu_box .menu_list li .side_sub {
    padding: 10px 0 0 20px;
}

#header .change_lang {
    display: none;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 375px;
    padding: 20px;
    margin: 0;
    position: absolute;
    top: 85px;
    left: unset;
    right: 0;
    bottom: unset;
    background: rgba(0, 96, 167, 0.8);
    z-index: 99999;
}

#header .change_lang .lang_box {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    list-style-type: none;
    justify-content: left;
    -webkit-justify-content: left;
    align-items: normal;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    padding: 0;
    margin: 0;
}

#header .change_lang .lang_box li {
    display: block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 50%;
    padding: 0;
    margin: 0;
}

#header .change_lang .lang_box li a {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    list-style-type: none;
    justify-content: center;
    -webkit-justify-content: center;
    align-items: center;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    padding: 10px 0;
    margin: 0;
    color: white;
    text-decoration: none;
}

#header .change_lang .lang_box li a:hover {
    background-color: var(--mid-blue);
}

#header .search_box {
    display: none;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 375px;
    padding: 20px;
    margin: 0;
    position: absolute;
    top: 85px;
    left: unset;
    right: 0;
    bottom: unset;
    background: rgba(0, 19, 34, 0.8);
    z-index: 99999;
}

#header .search_box form {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    list-style-type: none;
    justify-content: left;
    -webkit-justify-content: left;
    align-items: normal;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    padding: 0;
    margin: 0;
}

#header .search_box form #query-box {
    display: block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: calc(100% - 40px) !important;
    padding: 4px;
    margin: 0 !important;
    border-radius: unset !important;
}

#header .search_box form button.btn {
    padding: 0;
    margin: 0;
    background-color: var(--main-color) !important;
    width: 40px !important;
    border-radius: unset !important;
    border: none !important;
}

#header .search_box form button.btn svg{
    width: 28px;
    fill: white;
}

@media (max-width: 1100px) {

    #header .nav_menu #site-navigation .nav_login,
    #header .nav_menu #site-navigation .nav_main {
        display: none;
    }
}

@media (max-width: 960px) {
    #header .logo {
        width: calc(100% - 375px);
    }

    #header .nav_menu #site-navigation .nav_login,
    #header .nav_menu #site-navigation .nav_main {
        display: none;
    }
}


@media (max-width: 767px) {
    #header {
        margin: 0;
    }

    #header .nav_menu {
        width: 100% !important;
        margin: 0 !important;
        height: 60px;
        background-color: white;
    }

    #header .nav_menu #site-navigation {
        width: calc(100% - 231px) !important;
    }

    #header .nav_menu #site-navigation .nav_login,
    #header .nav_menu #site-navigation .nav_main {
        display: none;
    }

    #header .nav_menu #site-navigation .sp_logo {
        display: block;
        padding: 0 10px;
        width: 100%;
    }


    #header .nav_menu #site-navigation .sp_logo img {
        display: block;
        max-height: 50px;
        width: auto;
    }

    #header .nav_menu .serch_header {
        width: 231px;
    }

    #header .nav_menu .serch_header .box_menu {
        width: 25px;
        background-color: transparent;
        height: 60px;
        padding: 0 5px 0 0;
    }

    #header .nav_menu .serch_header .box_menu a{
        color: var(--dark-navy);
    }

    #header .nav_menu .serch_header .box_menu a .icon_box svg{
        fill: var(--dark-navy);
        width: 20px;
    }

    #header .nav_menu .serch_header .box_menu:nth-child(2) {
        background-color: transparent;
        width: 45px;
    }

    #header .nav_menu .serch_header .box_menu:nth-child(2) a {
        color: var(--sub-color);
    }

    #header .nav_menu .serch_header .box_menu:nth-child(2) a .icon_box svg{
        fill: var(--sub-color);
        width: 20px;
    }

    #header .nav_menu .serch_header .box_menu:nth-child(3) {
        background-color: transparent;
        width: 65px;
    }

    #header .nav_menu .serch_header .box_menu:nth-child(3) a {
        color: var(--dark-blue);
    }

    #header .nav_menu .serch_header .box_menu:nth-child(3) a .icon_box svg{
        fill: var(--dark-blue);
        width: 20px;
    }

    #header .nav_menu .serch_header .box_menu:nth-child(4) {
        background-color: transparent;
        width: 46px;
    }

    #header .nav_menu .serch_header .box_menu:nth-child(4) a {
        color: var(--mid-blue);
    }

    #header .nav_menu .serch_header .box_menu:nth-child(4) a .icon_box img{
        background-color: var(--mid-blue);
        width: 20px;
        mask-image:svg;
    }

    #header .nav_menu .serch_header .box_menu:nth-child(5) {
        width: 50px;
        padding: 0 5px;
    }

    #header .nav_menu .serch_header .box_menu:nth-child(5) a {
        color: white;
    }

    #header .nav_menu .serch_header .box_menu .text_box {
        font-size: 8px;
        align-items: center;
    }

    #header.sub_page .nav_menu .subpage_logo {
        display: none;
    }
    
    #header .pc_menu_list {
        top: 0;
        min-height: calc(100vh - 60px);
        width: 100%;
    }

    #header .pc_menu_list .menu_box {
        padding: 20px 10px;
        font-size: 13px;
    }

    #header .pc_menu_list .menu_box .menu_list {
        width: 50%;
        padding: 0 10px;
        margin: 0;
    }

    #header .pc_menu_list .menu_box.en .menu_list {
        width: 100%;
        margin: 0;
    }

    #header .search_box {
        top: 60px;
        width: 100%;
        padding: 10px;
    }

    #header .change_lang {
        top: 60px;
        width: 100%;
        padding: 10px;
    }
}

.link_ad{
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    list-style-type: none;
    justify-content: flex-end;
    -webkit-justify-content: flex-end;
    width: 100%;
    padding: 20px 20px 10px;
    margin: 0 auto;
    max-width: 1240px;
    text-align: right;
    background-color: var(--bg-gray);
    border-radius: 10px 10px 0 0;
}

.ad_box {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    list-style-type: none;
    justify-content: left;
    -webkit-justify-content: left;
    align-items: center;
    width: 100%;
    padding: 0 20px 20px;
    margin: 0 auto;
    max-width: 1240px;
    background-color: var(--bg-gray);
    border-radius: 0 0 10px 10px;
}

.ad_box li{
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    list-style-type: none;
    justify-content: left;
    -webkit-justify-content: left;
    align-items: center;
    width: 15%;
    padding: 0;
    margin: 0 2% 0 0;
}

.ad_box li img{
    width: 100%;
}

.ad_box li:nth-child(6n){
    margin: 0;
}

@media (max-width: 767px) {
    .ad_box {
        flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
    }

    .ad_box li{
        width: 48%;
        margin: 0 4% 10px 0;
    }

    .ad_box li:nth-child(2n){
        margin: 0 0 10px;
    }

    .ad_box li:nth-child(6n){
        margin: 0 0 10px;
    }
}

.fixed_view {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    list-style-type: none;
    justify-content: left;
    -webkit-justify-content: left;
    align-items: normal;
    width: 70px;
    padding: 0;
    margin: 0;
    position: fixed;
    top: 25%;
    right: 0;
    z-index: 10;
}

.fixed_view .contribution_box a {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    list-style-type: none;
    justify-content: center;
    -webkit-justify-content: center;
    align-items: normal;
    width: 100%;
    padding: 10px;
    margin: 0 0 10px;
    background-color: #5FC002;
    color: white;
    text-decoration: none;
}

.fixed_view .document_box a {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    list-style-type: none;
    justify-content: center;
    -webkit-justify-content: center;
    align-items: normal;
    width: 100%;
    padding: 10px;
    margin: 0 0 10px;
    background-color: #FF6501;
    color: white;
    text-decoration: none;
}

.fixed_view .seeds_box a {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    list-style-type: none;
    justify-content: center;
    -webkit-justify-content: center;
    align-items: normal;
    width: 100%;
    padding: 10px;
    margin: 0;
    background-color: var(--main-color);
    color: white;
    text-decoration: none;
}

.fixed_view .contribution_box a:hover,
.fixed_view .document_box a:hover,
.fixed_view .seeds_box a:hover {
    opacity: 0.8;
}

.fixed_view .text_sp {
    display: none;
}

.fixed_view img {
    display: block;
    margin: 0 auto 10px;
    max-width: 30px;
}

.first_look_box {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    list-style-type: none;
    justify-content: left;
    -webkit-justify-content: left;
    align-items: normal;
    width: 100%;
    padding: 0;
    margin: 0;
    height: 90vh;
    position: relative;
    overflow: hidden;
}

.first_look_box .news_special {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    list-style-type: none;
    justify-content: left;
    -webkit-justify-content: left;
    align-items: normal;
    width: 88%;
    padding: 0;
    margin: 0;
    position: absolute;
    bottom: 0;
    right: 0;
    font-size: 20px;
}

.first_look_box .news_special .icon_area {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    list-style-type: none;
    justify-content: center;
    -webkit-justify-content: center;
    align-items: center;
    width: 90px;
    padding: 0;
    margin: 0;
    text-align: center;
    height: 90px;
    color: white;
    background: var(--blue-grad);
    font-family: "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
    font-size: 24px;
}

.first_look_box .news_special .icon_area .sp_only {
    display: none;
}

.first_look_box .news_special .text_special {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    list-style-type: none;
    justify-content: left;
    -webkit-justify-content: left;
    align-items: center;
    width: calc(100% - 90px);
    padding: 0 30px;
    margin: 0;
    color: white;
    background-color: rgba(0, 0, 0, 0.8);
}
/*　bet皇冠体育_皇冠体育365【游戏娱乐】5年6月2日追記 */
.first_look_box .news_special .text_special a {
    color: white;
}
/*　bet皇冠体育_皇冠体育365【游戏娱乐】5年6月2日追記ここまで */

.first_look_box .news_special .text_special .date {
    font-size: 16px;
    padding: 0 20px 0 0;
}

.logo_right {
    display: block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 12%;
    padding: 0;
    margin: 0;
}

.logo_right .jp_logo {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    list-style-type: none;
    justify-content: center;
    -webkit-justify-content: center;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    padding: 20px 0 0;
    margin: 0;
    height: 102px;
}

.logo_right .en_logo {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    list-style-type: none;
    justify-content: center;
    -webkit-justify-content: center;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    padding: 20px 0 10px;
    margin: 0;
    height: calc(100vh - 102px);
}

.logo_right .en_logo img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    max-height: 420px;
}

#slider_t {
    display: block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 88%;
    padding: 0;
    margin: 0;
    position: relative;
    height: 100%;
}

#slider_t video {
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    min-width: 100%;
    min-height: 100%;
}

#slider_t .wrap {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0);
}

@media (max-width: 1300px) {
    .first_look_box {
        height: 80vh;
    }

    .logo_right {
        width: 15%;
    }

    .logo_right .en_logo {
        height: calc(100% - 102px);
    }

    #slider_t {
        width: 85%;
    }

    #header .nav_menu {
        width: 85%;
        margin: 0 0 0 15%;
    }

    #header .pc_menu_list {
        width: 85%;
    }
}

@media (max-width: 1170px) {
    .first_look_box {
        height: 70vh;
    }

    .logo_right {
        width: 18%;
    }

    #slider_t {
        width: 82%;
    }

    #header .nav_menu {
        width: 82%;
        margin: 0 0 0 12%;
    }

    #header .pc_menu_list {
        width: 82%;
    }
}

@media (max-width: 1180px) {
    .first_look_box {
        max-height: 560px;
    }
}

@media (max-width: 1100px) {
    .first_look_box {
        height: 60vh;
    }

    .logo_right {
        max-height: 400px;
    }
}

@media (max-width: 960px) {

    .first_look_box {
        max-height: 400px;
    }

    .logo_right {
        max-height: 360px;
    }

    .logo_right .en_logo {
        height: calc(100% - 102px);
    }
}

@media (max-width: 960px) {

    .first_look_box {
        max-height: 360px;
    }

    #slider_t .wrap {
        background-color: rgba(0, 0, 0, 0);
    }
}

@media (max-width: 767px) {

    .fixed_view {
        width: 100%;
        top: unset;
        bottom: 0;
    }

    .fixed_view .seeds_box,
    .fixed_view .document_box {
        width: 50%;
        height: auto;
    }

    .fixed_view .contribution_box {
        width: 100%;
        height: auto;
    }

    .fixed_view .contribution_box a,
    .fixed_view .document_box a,
    .fixed_view .seeds_box a {
        display: flex;
        display: -webkit-flex;
        flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        list-style-type: none;
        justify-content: center;
        -webkit-justify-content: center;
        margin: 0;
        align-items: center;
        height: 40px;
        padding: 0;
    }

    .fixed_view .text_pc {
        display: none;
    }

    .fixed_view .text_sp {
        display: unset;
        font-size: 13px;
        padding: 0 0 0 1rem;
    }

    .fixed_view img {
        margin: 0;
        width: 20px;
        height: auto;
    }

    .first_look_box {
        height: 100%;
        max-height: 220px;
        min-height: 220px;
        padding: 0;
    }

    .first_look_box .news_special {
        left: 0;
        font-size: 13px;
    }

    .first_look_box .news_special .icon_area {
        width: 30px;
        font-size: 14px;
        height: 60px;
    }

    .first_look_box .news_special .icon_area .sp_only {
        display: block;
    }

    .first_look_box .news_special .text_special {
        width: calc(100% - 30px);
        padding: 0 10px;
    }

    .first_look_box .news_special .text_special .date {
        font-size: 13px;
    }

    .logo_right {
        display: none;
    }

    #slider_t {
        width: 100%;
        padding: 0 0 50px;
        margin: 0;
    }

    #slider_t video {
        top: 0;
        bottom: unset;
        ;
    }

    #slider_t .wrap {
        background-color: rgba(0, 0, 0, 0);
    }
}

section {
    display: block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    padding: 45px 0;
    margin: 0;
}

section.bottom_padding_none {
    padding: 45px 0 0;
}

.top_box {
    display: block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    padding: 0 7%;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.top_box.all_width {
    width: 100%;
    margin: 0;
    padding: 0;
}

.top_box h2 {
    position: relative;
    width: auto;
    height: 120px;
    font-size: 56px;
    margin: 0;
    font-family: "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
    font-weight: normal !important;
    max-width: 500px;
    text-align: left;
}

.top_box h2 hr {
    transform: rotate(-35deg);
    width: 260px;
    border: 0;
    border-top: 1px solid var(--border-gray);
    position: absolute;
    top: 20%;
    left: 14%;
    right: unset;
    bottom: unset;
}

.top_box h2 .small_font {
    position: absolute;
    top: unset;
    left: 38%;
    bottom: 20px;
    font-family: "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
    font-size: 20px;
    font-weight: bold;
    ;
}

.top_box h2.about_nara {
    background-image: url(/assets/images/theme/natukyon01.png);
    background-repeat: no-repeat;
    background-position: bottom right;
    background-size: auto 100px;
}

.top_box h2.number_nara {
    height: auto;
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    list-style-type: none;
    justify-content: center;
    -webkit-justify-content: center;
    align-items: flex-end;
    color: white;
    max-width: 100%;
    padding: 0 0 40px;
}

.top_box h2.number_nara .number_info {
    display: block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 260px;
    padding: 0;
    margin: 0 0 0 120px;
    font-size: 36px;
    position: relative;
    text-align: center;
    font-family: "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
}

.top_box h2.number_nara .number_info::before {
    position: absolute;
    bottom: 45%;
    left: -18%;
    content: "";
    background-color: white;
    height: 1px;
    width: 75px;
    transform: rotate(70deg);
}

.top_box h2.number_nara .number_info::after {
    position: absolute;
    bottom: 45%;
    right: -15%;
    content: "";
    background-color: white;
    height: 1px;
    width: 75px;
    transform: rotate(-70deg);
}

.top_box h2.number_nara .number_info span {
    display: block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    padding: 0;
    margin: 0;
    font-size: 46px;
    font-family: "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
}

.top_box h2.number_nara .number_info span strong {
    font-family: "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
    font-weight: 900;
}

.top_box h2.number_nara .year_info {
    display: block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 150px;
    padding: 0 0 8px 10px;
    margin: 0;
    font-size: 14px;
    font-family: "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
}

.top_box .slider {
    display: block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    padding: 60px 0 0;
    margin: 0 0 60px !important;
}

.top_box .slider .slick-prev,
.top_box .slider_event .slick-prev {
    left: unset;
    right: 110px;
    top: 23px;
    z-index: 10;
    width: 46px;
    height: 46px;
    background: var(--blue-grad);
}

.top_box .slider .slick-prev::before,
.top_box .slider_event .slick-prev::before {
    content: "";
    background-image: url(https://www.nara-edu.ac.jp/assets/svg/angle-left.svg);
    background-size: 32px 32px;
    filter: invert(100%);
    background-repeat: no-repeat;
    width: 32px;
    height: 32px;
    position: absolute;
    top:calc(50% - 16px);
    left:calc(50% - 16px);
}

.top_box .slider .slick-next,
.top_box .slider_event .slick-next {
    right: 50px;
    top: 23px;
    z-index: 10;
    width: 46px;
    height: 46px;
    background: var(--blue-grad);
}

.top_box .slider .slick-next::before,
.top_box .slider_event .slick-next::before {
    content: "";
    background-image: url(https://www.nara-edu.ac.jp/assets/svg/angle-right.svg);
    background-size: 32px 32px;
    filter: invert(100%);
    background-repeat: no-repeat;
    width: 32px;
    height: 32px;
    position: absolute;
    top:calc(50% - 16px);
    left:calc(50% - 16px);
}


.top_box .slider .slider_item {
    display: block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 317px;
    padding: 0;
    margin: 0 40px 0 0;
}

.top_box .slider .slider_item a {
    text-decoration: none;
    color: black
}

.top_box .slider .slider_item:hover {
    opacity: .8;
}

.top_box .slider .slider_item .text_box {
    display: block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    padding: 30px 0 5px;
    margin: 0;
    font-size: 12px;
    border-bottom: 1px solid var(--border-gray);
    position: relative;
}

.top_box .slider .slider_item .text_box::after {
    position: absolute;
    top: unset;
    left: unset;
    right: 0;
    bottom: -3px;
    width: 30px;
    height: 3px;
    background: linear-gradient(to right, #0D69B2 45%, #48B3E9 55%, #48B3E9 100%);
    content: '';
}

.top_box .slider .slick-dots {
    bottom: -50px;
}

.top_box .slick-dots li button:before {
    font-size: 30px;
}

.top_box .slider_event {
    display: block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    padding: 0;
    margin: 0;
}

.top_box .slider_event .slider_item {
    display: block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 422px;
    padding: 0;
    margin: 0 30px 0 0;
}

.top_box .slider_event .slider_item a {
    text-decoration: none;
    color: black
}

.top_box .slider_event .slider_item:hover {
    opacity: .8;
}

.top_box .slider_event .slider_item .text_box {
    display: block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    padding: 0;
    margin: 0;
    height: 160px;
    background: linear-gradient(to right, #0B7BCF 0%, #43B7F0 100%);
    position: relative;
}

.top_box .slider_event .slider_item .text_box .white_box {
    display: block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: calc(100% - 20px);
    padding: 10px;
    margin: 0;
    height: 140px;
    background: white;
    position: absolute;
    top: -20px;
    left: 0;
    right: unset;
    bottom: unset;
}

.top_box .slider_event .slider_item .text_box .cat_area {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    list-style-type: none;
    justify-content: flex-end;
    -webkit-justify-content: flex-end;
    align-items: center;
    width: 100%;
    padding: 0 10px 8px;
    margin: 0;
    position: absolute;
    top: unset;
    left: 0;
    right: unset;
    bottom: 0;
    color: white;
    line-height: 1;
}

.top_box .slider_event .slider_item .text_box .cat_area .date {
    padding: 2px 4px;
}

.top_box .slider_event .slider_item .text_box .cat_area .cat {
    padding: 2px 4px;
    border: 1px solid #DCFF31;
    color: #DCFF31;
}

.top_box .event_link {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    list-style-type: none;
    justify-content: flex-end;
    -webkit-justify-content: flex-end;
    align-items: normal;
    width: 100%;
    padding: 80px 20% 0 0;
    margin: 0;
}

.top_box .link_bt {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    list-style-type: none;
    justify-content: center;
    -webkit-justify-content: center;
    align-items: center;
    width: 100%;
    padding: 0;
    margin: 0;
    width: 258px;
    text-align: center;
    height: 58px;
    border: 1px solid black;
    position: relative;
    background: rgba(255, 255, 255, 0.4);
    color: black;
    text-decoration: none;
    font-family: "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
    font-weight: bold;
}

.top_box .link_bt:hover {
    background: var(--bg-gray);
    color: black;
}

.top_box .link_bt::after {
    position: absolute;
    top: calc(50% - 1px);
    left: unset;
    right: -27px;
    bottom: unset;
    width: 55px;
    height: 1px;
    background: #7F7F7F;
    content: '';
    z-index: 10;
}

.top_box .news_bk {
    position: absolute;
    top: 40px;
    left: unset;
    right: 0;
    bottom: unset;
    width: 940px;
    height: 640px;
    background-image: url(/assets/images/theme/nara_bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    z-index: -1;
}

.top_box .news_area {
    display: block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    padding: 20px 0 40px 3%;
    margin: 0;
    max-width: 1100px;
}

.reco_tab_list {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    list-style-type: none;
    justify-content: left;
    -webkit-justify-content: left;
    align-items: flex-end;
    width: 100%;
    padding: 0;
    margin: 0;
    position: relative;
}

.reco_tab_list .icons {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    list-style-type: none;
    justify-content: center;
    -webkit-justify-content: center;
    align-items: center;
    width: 20%;
    padding: 0 10px;
    margin: 0;
    position: absolute;
    right: 0;
    top: 15px;
    background-color: white;
    height: 50px;
}

.reco_tab_list .icons li {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    list-style-type: none;
    justify-content: center;
    -webkit-justify-content: center;
    align-items: center;

    width: 20%;
    padding: 0;
    margin: 0;
}

.reco_tab_list .icons li img {
    max-width: 26px
}


.reco_tab_list .tab-reco {
    display: none;
}

.reco_tab_list .label_reco {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    list-style-type: none;
    justify-content: center;
    -webkit-justify-content: center;
    align-items: center;
    width: calc(20% - 1px);
    padding: 0;
    margin: 0 1px 0 0;
    color: white;
    text-align: center;
    border-bottom: none;
    border-right: 1px;
    order: -1;
    font-weight: bold;
    height: 50px;
}

.reco_tab_list.knowledge .label_reco {
    margin: 0 1px 20px 0;
}

.reco_tab_list .label_reco {
    background-color: #D4D4D4;
}

.reco_tab_list .label_reco:hover {
    cursor: pointer;
}

.reco_tab_list .label_reco.all:hover {
    background-color: var(--main-color);
}

.reco_tab_list .label_reco.exem:hover {
    background-color: var(--dark-blue);
}

.reco_tab_list .label_reco.news:hover {
    background-color: var(--sub-color);
}

.reco_tab_list .label_reco.student:hover {
    background-color: var(--dark-navy);
}

.reco_tab_list .tab-reco:checked+.label_reco {
    height: 65px;
}

.reco_tab_list .tab-reco:checked+.label_reco.all {
    background-color: var(--main-color);
}

.reco_tab_list .tab-reco:checked+.label_reco.exem {
    background-color: var(--dark-blue);
}

.reco_tab_list .tab-reco:checked+.label_reco.news {
    background-color: var(--sub-color);
}

.reco_tab_list .tab-reco:checked+.label_reco.student {
    background-color: var(--dark-navy);
}

.reco_tab_list .reco_box {
    width: 100%;
    display: none;
}

.reco_tab_list .tab-reco:checked+.label_reco+.reco_box {
    display: block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    padding: 0;
    margin: 0;
}

.reco_tab_list .news_box {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    list-style-type: none;
    justify-content: left;
    -webkit-justify-content: left;
    align-items: normal;
    width: 100%;
    padding: 0 10px;
    margin: 0;
    border-top: 4px solid #009aE5;
    background: rgba(255, 255, 255, 0.9);
    filter: drop-shadow(6px 6px 3px rgba(0, 0, 0, 0.2));
}

.reco_tab_list .news_box .news_list {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    list-style-type: none;
    justify-content: left;
    -webkit-justify-content: left;
    align-items: center;
    width: 25%;
    padding: 20px 10px;
    margin: 0;
    text-decoration: none;
    color: black;
}

.reco_tab_list .news_box .news_list.full_width {
    width: 100%;
}

.reco_tab_list .news_box .news_list.full_width+.news_list.full_width {
    border-top: 1px solid var(--border-gray);
}

.reco_tab_list .news_box .news_list:hover {
    opacity: .8;
}

.reco_tab_list .news_box .news_list.full_width:hover {
    background-color: rgba(203, 203, 203, .2);
}

.reco_tab_list .news_box .news_list.full_width.pdf .info {
    width: calc(100% - 25px);
}

.reco_tab_list .news_list .date_area {
    display: block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 110px;
    padding: 0;
    margin: 0;
    letter-spacing: 0;
    color: var(--font-navy);
    font-weight: bold;
    font-size: 13px;
}

.reco_tab_list .news_box .news_list.full_width .date_area {
    padding: 0 0 0 10px;
}

.reco_tab_list .news_box .news_list .cat {
    display: block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 80px;
    padding: 6px 4px;
    margin: 0;
    background-color: var(--navy-color);
    color: white;
    font-size: 10px;
    text-align: center;
    line-height: 1;
}

.reco_tab_list .news_box .news_list .cat.student {
    background-color: var(--dark-navy);
}

.reco_tab_list .news_box .news_list .cat.exem {
    background-color: var(--dark-blue);
}

.reco_tab_list .news_box .news_list .cat.all {
    background-color: var(--main-color);
}

.reco_tab_list .news_box .news_list .info {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    list-style-type: none;
    justify-content: left;
    -webkit-justify-content: left;
    align-items: center;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    padding: 0;
    margin: 0;
    height: 40px;
}

.reco_tab_list .news_box .news_list.full_width .info {
    height: auto;
}

.reco_tab_list .news_box .news_list.full_width .info .text_horizon {
    display: block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: calc(100% - 110px);
    padding: 0;
    margin: 0;
}

.reco_tab_list .news_box .news_list.full_width .info .text_pluscat {
    display: block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: calc(100% - 190px);
    padding: 0 0 0 20px;
    margin: 0;
}

.reco_tab_list .news_box .news_list .text {
    display: block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    padding: 10px 0 0;
    margin: 0;
    height: calc(100% - 220px);
}

.reco_tab_list .news_box .news_list .img_box {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    list-style-type: none;
    justify-content: center;
    -webkit-justify-content: center;
    align-items: center;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    padding: 0;
    margin: 0;
    background-color: #D4D4D4;
    overflow: hidden;
    height: 180px;
}

.reco_box .link_bt {
    margin: 40px 0 0 80px;
}

.top_box .info_recluit {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    list-style-type: none;
    justify-content: left;
    -webkit-justify-content: left;
    align-items: normal;
    width: 100%;
    padding: 20px 0 0;
    margin: 0;
}

.top_box .img_box_l {
    display: block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 919px;
    padding: 0;
    margin: 0;
}

.top_box .info_recluit .box_recluit {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    list-style-type: none;
    justify-content: left;
    -webkit-justify-content: left;
    align-items: normal;
    width: calc(100% - 919px);
    padding: 30px 0 0 40px;
    margin: 0;
}

.top_box .info_recluit .box_recluit h3 {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    list-style-type: none;
    justify-content: left;
    -webkit-justify-content: left;
    align-items: normal;
    width: 100%;
    padding: 0;
    margin: 0;
    max-height: 153px;
}

.top_box .info_recluit .box_recluit h3 .h3_text {
    display: block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: auto;
    padding: 0 0 0 70px;
    margin: 0;
    text-align: center;
    font-size: 30px;
    font-family: "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
}

.top_box .info_recluit .box_recluit h3 img {
    display: block;
    margin: 0;
    max-width: 135px;
    max-height: 158px;
}

.top_box .info_recluit .box_recluit .img_box_sp {
    display: none;
}

.top_box .info_recluit .box_recluit .text_box {
    display: block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    padding: 100px 0;
    margin: 0;
    max-width: 450px;
    background-image: url(/assets/images/logo_bk.png);
    background-repeat: no-repeat;
    background-position: top right 60px;
}

.top_box .info_recluit .box_recluit .link_bt {
    margin: 30px 0 0 76px;
}

.top_box .info_about {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    list-style-type: none;
    justify-content: center;
    -webkit-justify-content: center;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    padding: 40px 4% 0;
    margin: 0 auto;
}

.top_box .info_about li {
    display: block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 28%;
    padding: 0;
    margin: 0 8% 6% 0;
    overflow: hidden;
    max-height: 320px;
    filter: drop-shadow(6px 6px 3px rgba(0, 0, 0, 0.2));
}

.top_box .info_about li:nth-child(3n) {
    margin: 0 0 20px;
}

.top_box .info_about li a {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    list-style-type: none;
    justify-content: left;
    -webkit-justify-content: left;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    padding: 75% 0 0;
    margin: 0;
    color: white;
    background-color: rgba(0, 0, 0, .4);
    position: relative;
    overflow: hidden;
    max-height: 320px;
}

.top_box .info_about li a h3 {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    list-style-type: none;
    justify-content: left;
    -webkit-justify-content: center;
    align-items: center;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    padding: 0;
    margin: 0;
    position: absolute;
    bottom: 10px;
    left: 0;
    text-align: center;
    font-size: 20px
}

.top_box .info_about li a h3 .en_text {
    display: block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px;
    margin: 0;
    font-size: 13px;
    width: 100%;
}

.top_box .info_about li a .img_bk {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    z-index: -100;
}

.top_box .info_about li a .img_bk img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.top_box .info_about li a:hover {
    background-color: rgba(0, 0, 0, .6);
}

.top_box .info_about li a:hover .img_bk img {
    transition: all 0.3s ease;
    transform: translate(0, 0) scale(1.2, 1.2) !important;
    -moz-transform: translate(0, 0) scale(1.2, 1.2) !important;
    -webkit-transform: translate(0, 0) scale(1.2, 1, 2) !important;
}

.top_box .info_about li a .link {
    position: absolute;
    right: 0;
    bottom: 0;
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    list-style-type: none;
    justify-content: center;
    -webkit-justify-content: center;
    align-items: center;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 40px;
    height: 40px;
    margin: 0;
    background: var(--blue-grad);
}

.top_box .info_about li a .link::before {
    content: "";
    background-image: url(https://www.nara-edu.ac.jp/assets/svg/angle-right.svg);
    background-size: 16px 16px;
    filter: invert(100%);
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    position: absolute;
}

.top_box.event_bk {
    background-color: var(--bg-gray);
    padding: 80px 7% 40px;
}

.top_box .topics_view {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    list-style-type: none;
    justify-content: left;
    -webkit-justify-content: left;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    padding: 20px 0 0 3%;
    margin: 0;
}

.top_box .topics_view .event_list {
    display: block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 60%;
    padding: 0 40px 0 0;
    margin: 0;
}

.top_box .topics_view .event_list li {
    list-style: none;
}

.top_box .topics_view .event_list .event_day_list {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    list-style-type: none;
    justify-content: left;
    -webkit-justify-content: left;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    padding: 20px 0;
    margin: 0;
    border-bottom: 1px solid var(--border-gray);
    text-decoration: none;
    color: black;
}

.top_box .topics_view .event_list .event_day_list:hover {
    opacity: .6
}

.top_box .topics_view .event_list .event_day_list .day_box {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    list-style-type: none;
    justify-content: left;
    -webkit-justify-content: left;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100px;
    padding: 2px;
    margin: 0;
    background-color: var(--light-blue);
}

.top_box .topics_view .event_list .event_day_list .day_box .title {
    display: block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    padding: 4px 0 6px;
    margin: 0;
    background-color: var(--light-blue);
    color: white;
    text-align: center;
    line-height: 1;
    font-size: 13px;
}

.top_box .topics_view .event_list .event_day_list .day_box .day_info {
    display: block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    padding: 0;
    margin: 0;
    background-color: white;
    height: 70px;
    text-align: center;
}

.top_box .topics_view .event_list .event_day_list .day_box .day_info .month {
    display: block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    padding: 2px 0 0;
    margin: 0;
    font-size: 18px;
    font-weight: bold;
}

.top_box .topics_view .event_list .event_day_list .day_box .day_info .day {
    display: block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    padding: 2px 0;
    font-size: 28px;
    color: var(--light-blue);
    font-weight: bold;
}

.top_box .topics_view .event_list .event_day_list .info {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    list-style-type: none;
    justify-content: left;
    -webkit-justify-content: left;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: calc(100% - 100px);
    padding: 0 0 0 20px;
    margin: 0;
    position: relative;
}

.top_box .topics_view .event_list .event_day_list .info::after {
    position: absolute;
    top: 40%;
    right: 0;
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    list-style-type: none;
    justify-content: center;
    -webkit-justify-content: center;
    align-items: center;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 20px;
    padding: 0;
    margin: 0;
    content: "";
    background-image: url(https://www.nara-edu.ac.jp/assets/svg/angle-right.svg);
    background-size: 16px 16px;
    filter: invert(44%) sepia(100%) saturate(2793%) hue-rotate(172deg) brightness(99%) contrast(101%);;
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
}

.top_box .topics_view .event_list .event_day_list .info .status {
    padding: 4px 10px;
    line-height: 1;
    background-color: #78BD36;
    color: white;
    font-size: 14px;
    width: 120px;
    height: 24px;
    text-align: center;
}

.top_box .topics_view .event_list .event_day_list .info .status+.status {
    margin: 0 0 0 10px;
}

.top_box .topics_view .event_list .event_day_list .info .status.end {
    background-color: #909090;
}

.top_box .topics_view .event_list .event_day_list .info .status.entries {
    background-color: #E50149;
}

.top_box .topics_view .event_list .event_day_list .info .status.hold {
    background-color: #E50149;
}

.top_box .topics_view .event_list .event_day_list .info .title {
    display: block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: calc(100% - 20px);
    padding: 6px 0;
    font-size: 15px;
    font-weight: bold;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.top_box .topics_view .event_list .event_day_list .info .days {
    display: block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: calc(100% - 20px);
    padding: 0;
}

.top_box .topics_view .event_cal {
    display: block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 40%;
    padding: 0;
    margin: 0;
}

.top_box .topics_view .event_cal .link_bt {
    margin: 40px 0 0 60px;
}

.top_box .topics_view .event_cal .cal_box {
    display: block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    padding: 0;
    margin: 0;
    background-color: white;
    max-width: 440px;
    box-shadow: 3px 3px 3px 3px rgba(0, 0, 0, 0.15);
}


.top_box .topics_view .event_cal .cal_box h3 {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    list-style-type: none;
    justify-content: center;
    -webkit-justify-content: center;
    align-items: center;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    padding: 20px 0;
    margin: 0;
    text-align: center;
    font-family: "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
}

.top_box .topics_view .event_cal .cal_box h3 .cal_prev {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    list-style-type: none;
    justify-content: center;
    -webkit-justify-content: center;
    align-items: center;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 30px;
    height: 30px;
    margin: 0 20px 0 0;
    background: var(--blue-grad);
    user-select: none;
    position: relative;
}

.top_box .topics_view .event_cal .cal_box h3 .cal_prev::before {
    content: "";
    background-image: url(https://www.nara-edu.ac.jp/assets/svg/angle-left.svg);
    background-size: 16px 16px;
    filter: invert(100%);
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    position: absolute;
}

.top_box .topics_view .event_cal .cal_box h3 .cal_next {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    list-style-type: none;
    justify-content: center;
    -webkit-justify-content: center;
    align-items: center;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 30px;
    height: 30px;
    margin: 0 0 0 20px;
    background: var(--blue-grad);
}

.top_box .topics_view .event_cal .cal_box h3 .cal_next::before {
    content: "";
    background-image: url(https://www.nara-edu.ac.jp/assets/svg/angle-right.svg);
    background-size: 16px 16px;
    filter: invert(100%);
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    position: absolute;
}

.top_box .topics_view .event_cal .cal_box table {
    width: 100%;
    table-layout: fixed;
}

.top_box .topics_view .event_cal .cal_box table th {
    padding: 10px 0;
    text-align: center;
    font-weight: bold;
}

.top_box .topics_view .event_cal .cal_box table td {
    padding: 20px 0;
    text-align: center;
    border-top: 1px solid var(--border-gray);
    border-left: 1px solid var(--border-gray);
}

.top_box .topics_view .event_cal .cal_box table td span {
    line-height: 1;
    font-weight: bold;
}

.top_box .topics_view .event_cal .cal_box table td span.event_day {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    list-style-type: none;
    justify-content: center;
    -webkit-justify-content: center;
    align-items: center;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 32px;
    height: 32px;
    margin: 0 auto;
    border-radius: 50%;
    background-color: var(--light-blue);
    color: white;
    font-size: 16px;
    cursor: pointer;
}

.top_box .topics_view .event_cal .cal_box table tr th:first-child {
    color: red;
}

.top_box .topics_view .event_cal .cal_box table tr td:first-child {
    border-left: none;
}

.top_box .number_view {
    display: block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    padding: 40px 2% 22%;
    margin: 0;
    background-image: url(/assets/images/theme/number_biew_bg.png);
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: cover;
}

.top_box .number_view .number_list {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    list-style-type: none;
    justify-content: center;
    -webkit-justify-content: center;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    padding: 0;
}

.top_box .number_view .number_list li {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    list-style-type: none;
    justify-content: center;
    -webkit-justify-content: center;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 20%;
    margin: 0;
    padding: 0 10px 60px;
    background-image: url(/assets/images/theme/number_history.png);
    background-repeat: no-repeat;
    background-position: top 60px center;
    list-style: none;
    color: white;
}

.top_box .number_view .number_list li:nth-child(2) {
    background-image: url(/assets/images/theme/number_unesco.png);
}

.top_box .number_view .number_list li:nth-child(3) {
    background-image: url(/assets/images/theme/number_img.png);
}

.top_box .number_view .number_list li:nth-child(4) {
    background-image: url(/assets/images/theme/number_teacher.png);
}

.top_box .number_view .number_list li:nth-child(5) {
    background-image: url(/assets/images/theme/number_library.png);
}

.top_box .number_view .number_list li .title {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    list-style-type: none;
    justify-content: center;
    -webkit-justify-content: center;
    align-items: center;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    margin: 0 0 120px;
    padding: 0;
    height: 40px;
    text-align: center;
    font-weight: bold;
}

.top_box .number_view .number_list li .number {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    list-style-type: none;
    justify-content: center;
    -webkit-justify-content: center;
    align-items: flex-end;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    padding: 0;
    line-height: 1;
}

.top_box .number_view .number_list li .number strong {
    font-size: 40px;
}

@media (max-width: 1200px) {
    .top_box .info_recluit .img_box_l {
        width: 50%;
    }

    .top_box .info_recluit .box_recluit {
        width: 50%;
        padding: 0 0 0 20px;
    }

    .top_box .info_recluit .box_recluit h3 .h3_text {
        padding: 20px 0 0;
        width: calc(100% - 135px);
    }

    .top_box .info_recluit .box_recluit .text_box {
        padding: 40px 0;
        background-position: center center;
        background-size: 200px;
        margin: 0 auto;
        min-height: 200px;
    }

    .top_box .number_view {
        padding: 40px 1% 40%;
    }
}

@media (max-width: 960px) {
    section {
        padding: 60px 0;
    }

    section.bottom_padding_none {
        padding: 60px 0 0;
    }

    .top_box h2 {
        max-width: 340px;
        height: 80px;
        font-size: 28px;
    }

    .top_box h2 hr {
        left: 12%;
        width: 120px;
    }

    .top_box h2 .small_font {
        left: 30%;
    }

    .top_box .news_bk {
        width: 60%;
        height: 100%;
        max-height: 600px;
    }

    .top_box h2.about_nara {
        background-size: auto 80px;
    }

    .top_box h2.number_nara {
        padding: 0 0 30px;
    }

    .top_box h2.number_nara .number_info {
        width: 180px;
    }

    .top_box h2.number_nara .number_info::before {
        bottom: 45%;
        left: -18%;
        width: 60px;
    }

    .top_box h2.number_nara .number_info::after {
        bottom: 45%;
        right: -15%;
        width: 60px;
    }

    .top_box h2.number_nara .number_info strong,
    .top_box h2.number_nara .number_info span {
        font-size: 26px;
    }

    .top_box .info_about {
        padding: 0 10px;
    }

    .top_box .topics_view .event_list {
        width: 100%;
        padding: 0;
    }

    .top_box .topics_view .event_cal {
        width: 100%;
    }

    .top_box .topics_view .event_cal .cal_box {
        margin: 20px auto 0;
    }

    .top_box .topics_view .event_cal .link_bt {
        margin: 20px auto 0;
    }

    .top_box .number_view {
        padding: 20px 10px 20%;
    }

    .top_box .number_view .number_list li {
        width: 33%;
    }

    .top_box.event_bk {
        padding: 40px;
    }
}

@media (max-width: 767px) {
    section {
        padding: 40px 0;
    }

    section.bottom_padding_none {
        padding: 20px 0 0;
    }

    .top_box {
        width: 100%;
        margin: 0;
        padding: 0 5%;
    }

    .top_box h2 {
        max-width: 80%;
        max-height: 60px;
    }

    .top_box h2 hr {
        left: 20%;
        width: 100px;
    }

    .top_box h2 .small_font {
        font-size: 16px;
        left: 35%;
        bottom: 10px;
    }

    .top_box.event_bk h2 {
        padding-left: 10px !important;
    }

    .top_box h2.about_nara {
        background-size: auto 50px;
        max-width: 100%;
    }

    .top_box h2.about_nara hr {
        left: 11%;
    }

    .top_box h2.about_nara .small_font {
        left: 27%;
    }

    .top_box h2.number_nara {
        padding: 0 0 20px;
        max-height: 100%;
    }

    .top_box h2.number_nara .number_info {
        margin: 0 auto;
        font-size: 20px;
    }

    .top_box h2.number_nara .year_info {
        width: 100%;
        padding: 10px 0 0;
        text-align: center;
    }

    .top_box .slider {
        padding: 50px 0 0 10px;
        margin: 0 0 30px !important;
    }

    .top_box .slider .slick-prev,
    .top_box .slider_event .slick-prev {
        width: 36px;
        height: 36px;
        right: 100px;
    }

    .top_box .slider .slick-next,
    .top_box .slider_event .slick-next {
        width: 36px;
        height: 36px;
    }

    .top_box .slider .slick-dots {
        bottom: -30px;
    }

    .top_box .slick-dots li button:before {
        font-size: 20px;
    }

    .top_box .slider_event {
        padding: 0 0 0 10px;
    }

    .top_box .event_link {
        justify-content: center;
        -webkit-justify-content: center;
        padding: 40px 0 0;
    }

    .top_box .news_bk {
        display: none;
    }

    .top_box .news_area {
        background-image: url(/assets/images/theme/nara_bg.png);
        background-repeat: no-repeat;
        background-size: cover;
        padding: 0 20px 60px;
        margin: 50px 0 0;
        background-position-y: 43px;
    }

    .reco_tab_list .icons {
        justify-content: flex-end;
        -webkit-justify-content: flex-end;
        width: 100%;
        padding: 10px;
        top: -50px;
    }

    .reco_tab_list .icons li {
        width: 10%;
    }

    .reco_tab_list .label_reco {
        height: 30px;
        font-size: 13px;
        width: 25%;
        margin: 0;
    }

    .reco_tab_list .tab-reco:checked+.label_reco {
        height: 40px;
    }

    .reco_box {
        background: rgba(255, 255, 255, 0.8);
    }

    .reco_tab_list .news_box {
        background: rgba(255, 255, 255, 0);
        filter: drop-shadow(6px 6px 3px rgba(0, 0, 0, 0));
    }

    .reco_tab_list .news_box .news_list {
        width: 100%;
    }

    .reco_tab_list .news_box .news_list.full_width .info .text_horizon,
    .reco_tab_list .news_box .news_list.full_width .info .text_pluscat {
        width: 100%;
        padding: 10px 0 0;
    }

    .reco_box .link_bt {
        margin: 40px auto;
    }

    .top_box .info_recluit {
        padding: 0;
    }

    .top_box .info_recluit .box_recluit {
        padding: 0 0 10px;
        margin: 0;
        width: 100%;
        display: block;
    }

    .top_box .info_recluit .img_box_l {
        display: none;
    }

    .top_box .info_recluit .box_recluit h3 {
        padding: 0 10px;
    }

    .top_box .info_recluit .box_recluit h3 .h3_text {
        padding: 20px 0 0;
        width: calc(100% - 135px);
        font-size: 24px;
    }

    .top_box .info_recluit .box_recluit .img_box_sp {
        display: block;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        width: 100%;
        padding: 0;
        margin: 0;
    }

    .top_box .info_recluit .box_recluit .text_box {
        padding: 60px 40px 20px;
        background-position: center center;
        background-size: 260px;
        margin: 0 auto;
        min-height: 260px;
    }

    .top_box .info_recluit .box_recluit .link_bt {
        margin: 0 auto;
    }

    .top_box .info_about {
        padding: 20px 0 0;
    }

    .top_box .info_about li {
        width: 47%;
        margin: 0 6% 20px 0;
    }

    .top_box .info_about li a h3 {
        font-size: 13px;
        padding: 0 30px;
    }

    .top_box .info_about li:nth-child(3n) {
        margin: 0 6% 20px 0;
    }

    .top_box .info_about li:nth-child(2n) {
        margin: 0 0 20px;
    }

    .top_box .info_about li a .link {
        width: 20px;
        height: 20px;
    }

    .top_box .info_about li a .link::before {
        font-size: 13px;
    }

    .top_box.event_bk {
        padding: 20px 10px
    }

    .top_box .number_view {
        padding: 20px 10px 60%;
    }

    .top_box .number_view .number_list li {
        width: 50%;
    }

    .top_box .number_view .number_list li .number strong {
        font-size: 30px;
    }
}

h1 {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    list-style-type: none;
    justify-content: center;
    -webkit-justify-content: center;
    align-items: center;
    box-sizing: border-box;
    width: 100%;
    padding: 5% 0 0;
    margin: 0;
    background-image: url(/assets/images/theme/h1_bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    height: 100vh;
    max-height: 420px;
    color: white;
    position: relative;
}

h1.folder_h1 {
    display: none;
}

h1.folder_h1.show {
    display: flex;
    display: -webkit-flex;
}

h1.side_general {
    background-image: url(/assets/images/theme/h1/h1_bg_general.jpg);
}

h1.side_hoken {
    background-image: url(/assets/images/theme/h1/h1_bg_hoken.jpg);
}

h1.side_ipc {
    background-image: url(/assets/images/theme/h1/h1_bg_ipc.jpg);
}

h1.side_teachers {
    background-image: url(/assets/images/theme/h1/h1_bg_teachers.jpg);
}

h1.side_mhme {
    background-image: url(/assets/images/theme/h1/h1_bg_siryokan.jpg);
}

h1.side_admissions {
    background-image: url(/assets/images/theme/h1/h1_bg_admissions.jpg);
}

h1.side_nesm {
    background-image: url(/assets/images/theme/h1/h1_bg_nesm.jpg);
}

h1.side_nakki {
    background-image: url(/assets/images/theme/h1_bg.png);
}

h1.side_graduate {
    background-image: url(/assets/images/theme/h1/h1_bg_graduate.jpg);
}

h1.side_campus_life {
    background-image: url(/assets/images/theme/h1/h1_bg_campus_life.jpg);
}

h1.side_guide {
    background-image: url(/assets/images/theme/h1_bg.png);
}

h1.side_faculty {
    background-image: url(/assets/images/theme/h1/h1_bg_faculty.jpg);
}

h1.side_ecne {
    background-image: url(/assets/images/theme/h1/h1_bg_ecne.jpg);
}

h1.side_company {
    background-image: url(/assets/images/theme/h1/h1_bg_company.jpg);
}

h1.side_cies {
    background-image: url(/assets/images/theme/h1/h1_bg_cies.jpg);
}

h1.side_none {
    background-image: url(/assets/images/theme/h1_bg.png);
}

h1.side_news {
    background-image: url(/assets/images/theme/h1_bg_news.jpg);
}

h1.side_event {
    background-image: url(/assets/images/theme/h1_bg_event.jpg);
}

h1.side_topic {
    background-image: url(/assets/images/theme/h1_bg_event.jpg);
}

h1.side_prospective {
    background-image: url(/assets/images/theme/h1/h1_bg_prospective.jpg);
}

h1.side_supporter {
    background-image: url(/assets/images/theme/h1/h1_bg_supporter.jpg);
}

h1.side_employments {
    background-image: url(/assets/images/theme/h1/h1_bg_employments.jpg);
}

h1.side_international {
    background-image: url(/assets/images/theme/h1/h1_bg_international.jpg);
}

h1.side_students {
    background-image: url(/assets/images/theme/h1/h1_bg_students.jpg);
}

h1.side_pd {
    background-image: url(/assets/images/theme/h1/h1_pd.png);
}

h1.side_knowledge {
    background-image: url(/assets/images/theme/h1/h1_knowledge.jpg);
}


h1.side_esd {
    background-image: url(/assets/images/theme/h1/h1_esd.jpg);
}

h1 .breadcrumb {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    list-style-type: none;
    justify-content: left;
    -webkit-justify-content: left;
    -moz-box-sizing: border-box;
    width: 100%;
    margin: 0;
    padding: 0.75rem 1rem 0.75rem 340px;
    box-sizing: border-box;
    background-color: rgba(0, 0, 0, .6);
    position: absolute;
    bottom: 0;
    left: 0;
    border-radius: unset;
    color: white;
    font-size: 13px;
}


h1 .breadcrumb.view_side {
    padding-left: 70px;
}

h1 .text_box {
    display: block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    padding: 0;
    margin: 0;
    text-align: center;
}

h1 .title_text {
    padding: 0 0 10px;
    border-bottom: 2px solid white;
    font-size: 32px;
    font-family: "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
    font-weight: bold;
}

h1 .title_text.entry {
    font-size: 24px;
}

h1 .small_font,
h1 .date {
    display: block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    padding: 20px 0 0;
    margin: 10px 0 0;
    font-size: 18px;
    font-family: "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
    font-weight: bold;
}

h1 .breadcrumb a {
    color: white;
    text-decoration: none;
}

h1 .breadcrumb .breadcrumb-item {
    color: white !important;
}

h1 .breadcrumb .breadcrumb-item br {
    display: none;
}


h1.side_knowledge .text_box,
h1.side_knowledge .small_font {
    display: none;
}

@media (max-width: 767px) {
    h1 .breadcrumb.view_side {
        padding-left: 10px;
        font-size: 10px;
    }
}

.pagination_js_area li.active {
    background-color: #eee;
}

ul.pagination.justify-content-center {
    display: flex;
}

li.page-item {
    display: flex;
    width: 30px;
    height: 30px;
    border: 1px solid #aaa;
    border-radius: 3px;
    margin: 1px;
    justify-content: center;
    cursor: pointer;
}


.sub_content {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    list-style-type: none;
    justify-content: left;
    -webkit-justify-content: left;
    align-items: normal;
    box-sizing: border-box;
    width: 100%;
    padding: 0;
    margin: 0;
    line-height: 1.6;
}

.sub_content p {
    padding: 0 10px;
    margin: 10px 0 15px;
}

.sub_content a.pdf::after {
    display: inline-block;
    content: "";
    background-image: url(https://www.nara-edu.ac.jp/assets/svg/pdf.svg);
    background-size: 14px 20px;
    background-repeat: no-repeat;
    width: 14px;
    height: 17px;
    margin: 0 2px;
    filter: invert(44%) sepia(63%) saturate(4276%) hue-rotate(174deg) brightness(99%) contrast(102%);
}

.sub_content a.other::after {
    content: "";
    background-image: url(https://www.nara-edu.ac.jp/assets/svg/blank.svg);
    background-size: 14px 26px;
    background-repeat: no-repeat;
    width: 14px;
    height: 26px;
    margin: 0 5px;
    filter: invert(44%) sepia(63%) saturate(4276%) hue-rotate(174deg) brightness(99%) contrast(102%);
}

.sub_content a.other.pdf::after {
    background-image: url(https://www.nara-edu.ac.jp/assets/pdf.svg);
}

.sub_content a.inside::after {
    content: "";
    background-image: url(https://www.nara-edu.ac.jp/assets/user-lock.svg);
    filter: invert(44%) sepia(63%) saturate(4276%) hue-rotate(174deg) brightness(99%) contrast(102%);
    background-size: 14px 26px;
    background-repeat: no-repeat;
}

.sub_content a.doc::after,
.sub_content a.docx::after {
    content: "";
    background-image: url(https://www.nara-edu.ac.jp/assets/word.svg);
    filter: invert(44%) sepia(63%) saturate(4276%) hue-rotate(174deg) brightness(99%) contrast(102%);
    background-size: 14px 26px;
    background-repeat: no-repeat;
}

.sub_content a.xls::after,
.sub_content a.xlsx::after {
    content: "";
    background-image: url(https://www.nara-edu.ac.jp/assets/excel.svg);
    filter: invert(44%) sepia(63%) saturate(4276%) hue-rotate(174deg) brightness(99%) contrast(102%);
    background-size: 14px 26px;
    background-repeat: no-repeat;
}

.sub_content .col-lg-9 a::after{
    /* position: absolute; */
}

.reco_tab_list .news_box a.pdf.full_width::after {
    display: none;
}

.reco_tab_list .news_box a.pdf.full_width .info .text_horizon::after {
    content: "";
    background-image: url(https://www.nara-edu.ac.jp/assets/pdf.svg);
    background-size: 28px 28px;
    background-repeat: no-repeat;
    width: 28px;
    height: 28px;
    margin: 0 5px;
}

.sub_content .page-body h2 {
    display: block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    padding: 15px 0;
    margin: 0 0 30px;
    box-sizing: border-box;
    color: var(--sub-color);
    font-size: 26px;
    position: relative;
    border: none;
    border-bottom: solid 3px #DDDDDD;
    font-family: "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
}

.sub_content .page-body p+h2,
.sub_content .page-body dd+h2,
.sub_content .page-body dl+h2,
.sub_content .page-body div+h2,
.sub_content .page-body table+h2,
.sub_content .page-body ul+h2,
.sub_content .page-body a+h2 {
    margin-top: 65px;
}

.sub_content .page-body h2::after {
    position: absolute;
    content: " ";
    display: block;
    border-bottom: solid 3px #009CE4;
    bottom: -3px;
    width: 25%;
}

.sub_content .page-body h3 {
    display: block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    padding: 10px 15px;
    margin: 40px 0 30px;
    color: var(--sub-color);
    font-size: 22px;
    position: relative;
    border: none;
    background-color: var(--bg-gray);
    font-family: "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
}

.sub_content .page-body h4 {
    display: block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    padding: 10px 15px;
    margin: 20px 0 0;
    color: var(--sub-color);
    font-size: 20px;
}

.sub_content .page-body h5 {
    display: block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    padding: 10px 15px;
    margin: 20px 0 0;
    color: var(--sub-color);
    font-size: 18px;
}

.sub_content .page-body h6 {
    display: block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    padding: 10px 15px;
    margin: 20px 0 0;
    color: var(--sub-color);
    font-size: 16px;
}

.sub_content .col-lg-3 {
    background-color: var(--side-blbk);
    padding: 0;
    margin: -110px 0 0;
    flex: unset;
    max-width: unset;
    width: 300px;
}

.sub_content .col-lg-3.view_side {
    flex: unset;
    width: 70px;
    background-color: transparent;
    max-width: auto;
}

.sub_content .col-lg-3 .folder_top {
    display: none;
}

.sub_content .col-lg-3 .folder_top.show {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    list-style-type: none;
    justify-content: center;
    -webkit-justify-content: center;
    align-items: center;
    width: 100%;
    padding: 0;
    margin: 0;
    text-align: center;
    height: 70px;
    color: white;
    font-size: 18px;
    position: relative;
    background: var(--blue-grad);
    cursor: pointer;
}

.sub_content .col-lg-3 .folder_top:hover {
    opacity: .8;
}

.sub_content .col-lg-3 .folder_top::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 70px;
    height: 100%;
    content: '';
    background: url(/assets/images/theme/natukyon01.png) right 5px bottom / auto 96% no-repeat;
    transform: scale(-1, 1)
}

.sub_content .col-lg-3 .folder_top::after {
    position: absolute;
    top: 0;
    right: 0;
    width: 70px;
    height: 100%;
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    list-style-type: none;
    justify-content: center;
    -webkit-justify-content: center;
    align-items: center;
    content: "";
    background-image: url(https://www.nara-edu.ac.jp/assets/svg/minus.svg);
    background-size: 28px 28px;
    background-position: center center;
    filter: invert(100%);
    background-repeat: no-repeat;
}

.sub_content .col-lg-3 .folder_top.view_side span {
    display: none;
    font-family: "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
}

.sub_content .col-lg-3 .folder_top.view_side::before {
    display: none;
}

.sub_content .col-lg-3 .folder_top.view_side::after {
    background-image: url(https://www.nara-edu.ac.jp/assets/svg/plus.svg);
}


.sub_content .col-lg-3 .topLevel {
    display: none;
}

.sub_content .col-lg-3 .topLevel.show {
    display: block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    padding: 20px;
    margin: 0;
}

.sub_content .col-lg-3 .topLevel.view_side {
    display: none;
}

.sub_content .col-lg-3 .topLevel li {
    list-style: none;
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    list-style-type: none;
    justify-content: left;
    -webkit-justify-content: left;
    align-items: center;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    padding: 0;
    margin: 0 0 10px;
    border-bottom: 1px solid var(--side-blue);
}

.sub_content .col-lg-3 .topLevel li a {
    list-style: none;
    display: grid;
    grid-template-columns: 12px auto 14px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    padding: 10px;
    margin: 0;
    color: var(--side-blue);
    gap:5px; 
}

.sub_content .col-lg-3 .topLevel li a font{
    display: contents;
}

.sub_content .col-lg-3 .topLevel li a:not(:has(:after)) {
    grid-template-columns: 12px auto;
}

.sub_content .col-lg-3 .topLevel li a::before {
    content: "";
    background-image: url(https://www.nara-edu.ac.jp/assets/svg/angle-right.svg);
    background-size: 12px 26px;
    filter: invert(44%) sepia(63%) saturate(4276%) hue-rotate(174deg) brightness(99%) contrast(102%);
    background-repeat: no-repeat;
    width: 12px;
    height: 26px;
}

.sub_content .col-lg-3 .topLevel li a:hover {
    opacity: .8;
    text-decoration: none;
}



.sub_content .col-lg-3 .topLevel li.side_accordion a {
    width: calc(100% - 40px);
}

.sub_content .col-lg-3 .topLevel li.side_accordion .add_menu {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    list-style-type: none;
    justify-content: center;
    -webkit-justify-content: center;
    align-items: center;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 30px;
    padding: 0;
    height: 30px;
    margin: 0 0 0 10px;
    background-color: var(--side-blue);
    cursor: pointer;
}

.sub_content .col-lg-3 .topLevel li.side_accordion .add_menu::after {
    content: "";
    background-image: url(https://www.nara-edu.ac.jp/assets/svg/plus.svg);
    background-size: 14px 14px;
    background-position: center center;
    filter: invert(100%);
    background-repeat: no-repeat;
    position: absolute;
    width: 14px;
    height: 14px;
}

.sub_content .col-lg-3 .topLevel li.side_accordion .view.add_menu::after {
    background-image: url(https://www.nara-edu.ac.jp/assets/svg/minus.svg);
}

.sub_content .col-lg-3 .topLevel li.side_accordion .side_sub {
    display: none;
}

.sub_content .col-lg-3 .topLevel li.side_accordion .side_sub.view {
    display: block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    padding: 10px 10px 10px 20px;
    margin: 0;
    border-top: 1px solid var(--side-blue);
}

.sub_content .col-lg-3 .topLevel li.side_accordion .side_sub.view li {
    border-bottom: none;
    margin: 0;
}

.sub_content .col-lg-3 .topLevel li.side_accordion .side_sub.view li a {
    width: 100%;
}

.sub_content .col-lg-9 {
    padding: 4% 8%;
    width: calc(100% - 300px);
    flex: unset;
    max-width: unset;
}

.sub_content .col-lg-9.view_side {
    flex: unset;
    width: calc(100% - 140px);
    max-width: unset;
}

.sub_content .col-lg-9 .accordion .card {
    border: none;
    border-radius: unset;
    border-bottom: 1px solid var(--border-gray);
}

.black .sub_content .col-lg-9 .card .card-header {
    border: 0;
    background-color: transparent;
    color: black;
    padding: 0;
}

.sub_content .col-lg-9 .card .card-header h5 {
    margin: 0;
    padding: 0;
    font-size: 16px;
}

.sub_content .col-lg-9 .card .card-header .btn-link {
    display: block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    color: black;
    text-align: left;
    padding: 15px 0;
}

.sub_content .col-lg-9 .card .card-header .btn-link:hover {
    text-decoration: none;
}

.sub_content .col-lg-9 .card-header:first-child {
    border-radius: unset;
}

.black .sub_content .col-lg-9 .card .card-body {
    padding: 0 0 1.4rem;
}

.sub_content .img_center {
    display: block;
    margin: 0 auto 20px;
}

.sub_content .big_font {
    color: red;
    font-size: 22px;
}

.sub_content .list-group {
    display: block;
    width: 100%;
    padding: 0;
    margin: 10px 0 20px;
}

.sub_content .list-group .list-group-item {
    display: block;
    width: 100%;
    padding: 20px 10px;
    margin: 0;
    border: none;
    border-bottom: 1px solid var(--border-gray);
}

.sub_content .list-group .list-group-item .row {
    margin: 0;
}

.sub_content .list-group .list-group-item .row .col-lg-2 {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    list-style-type: none;
    justify-content: left;
    -webkit-justify-content: left;
    align-items: center;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 80px;
    padding: 0;
    margin: 0;
    letter-spacing: 0;
    color: var(--dark-blue);
    max-width: 100%;
    flex: none;
}

.sub_content .list-group .list-group-item .row .col-lg-10 {
    width: calc(100% - 80px);
    max-width: 100%;
    flex: none;
}

.sub_content .list-group .list-group-item .row .col-lg-10 .badge {
    display: block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 120px;
    padding: 6px 8px;
    margin: 0;
    background-color: var(--sub-color);
    color: white;
    font-size: 12px;
    text-align: center;
    line-height: 1;
    height: 26px;
}

.sub_content .list-group .list-group-item .row .col-lg-10 a {
    width: calc(100% - 120px);
    text-decoration: none;
    padding: 0 10px;
}

.sub_content .list-group .list-group-item .row .col-lg-10.text_only {
    padding: 0;
}

.sub_content .list-group .list-group-item .row .col-lg-10.text_only a {
    width: 100%;
    padding: 0 0 0 20px;
}

.list-main a {
    border-bottom: none !important;
}

.sub_content .form-inline input[type="text"] {
    display: block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 200px;
    padding: 4px;
    margin: 0 0 0 10px;
    border-radius: unset !important;
    height: 40px;
    border: 1px solid var(--border-gray);
}

.sub_content .form-inline button {
    padding: 0;
    margin: 0;
    background-color: var(--main-color) !important;
    width: 40px !important;
    border-radius: unset !important;
    border: none !important;
    color: white;
    height: 40px;
}

.sub_content .form-inline button svg{
    width: 100%;
    max-width: 24px;
    height: 100%;
    max-height: 25px;
    fill: white;
}

/* ul
-------------------------------------------------------------------- */

.sub_content ul {
    display: block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: calc(100% - 20px);
    margin: 5px 0px 15px 20px;
    padding: 5px 0;
}

.sub_content ul.links {
    display: block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    margin: 5px 0px 15px;
    padding: 0;
}

.sub_content ul.links li {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    list-style-type: none;
    justify-content: left;
    -webkit-justify-content: left;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    margin: 0 0 5px;
    padding: 0 0 0 22px;
    list-style: none;
    position: relative;
}

.sub_content ul.links li::before {
    padding: 0;
    position: absolute;
    top: 1px;
    left: 0;
    color: var(--main-color);
    content: "";
    background-image: url(https://www.nara-edu.ac.jp/assets/svg/angle-right.svg);
    background-size: 16px 16px;
    filter: invert(45%) sepia(79%) saturate(2623%) hue-rotate(171deg) brightness(91%) contrast(101%);
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
}

.sub_content ul.linksSp {
    display: block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    margin: 5px 0px 15px;
    padding: 0;
}

.sub_content ul.linksSp li {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    list-style-type: none;
    justify-content: left;
    -webkit-justify-content: left;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    margin: 0 0 5px;
    padding: 0 0 0 22px;
    list-style: none;
    position: relative;
}

.sub_content ul.linksSp li::before {
    position: absolute;
    content: '';
    top: 1px;
    left: 0;
    background-image: url(https://www.nara-edu.ac.jp/assets/svg/circle-arrow-right.svg);
    background-size: 16px 24px;
    filter: invert(45%) sepia(79%) saturate(2623%) hue-rotate(171deg) brightness(91%) contrast(101%);
    background-repeat: no-repeat;
    width: 26px;
    height: 26px;
}

.sub_content ul.bottoms {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    list-style-type: none;
    justify-content: left;
    -webkit-justify-content: left;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    padding: 15px 0 0;
}

.sub_content ul.bottoms li {
    display: block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 48%;
    margin: 0 4% 10px 0;
    padding: 4px 0;
    border-bottom: 1px solid var(--border-gray);
    position: relative;
}

.sub_content ul.bottoms li a {
    display: block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    padding: 10px 0;
}

.sub_content ul.bottoms li:nth-child(2n) {
    margin: 0 0 10px;
}

.sub_content ul.bottoms li::after {
    position: absolute;
    top: unset;
    left: unset;
    right: 0;
    bottom: -3px;
    width: 30px;
    height: 3px;
    background: linear-gradient(to right, #0D69B2 45%, #48B3E9 55%, #48B3E9 100%);
    content: '';
}

.sub_content ul.none {
    list-style: none;
}

.sub_content ul.category_buttons {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    list-style-type: none;
    justify-content: left;
    -webkit-justify-content: left;
    align-items: flex-end;
    width: 100%;
    padding: 0;
    margin: 0;
    border-bottom: 4px solid var(--main-color);
}

.sub_content li.category_button {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    list-style-type: none;
    justify-content: center;
    -webkit-justify-content: center;
    align-items: center;
    width: calc(25% - 1px);
    padding: 0;
    margin: 0 1px 0 0;
    color: white;
    text-align: center;
    border-bottom: none;
    border-right: 1px;
    order: -1;
    font-weight: bold;
    height: 30px;
    cursor: pointer;
    background-color: #D4D4D4;
}

.sub_content .pagination_list_category_7 li.category_button {
    width: calc(20% - 1px);
}

.sub_content li.category_button.active {
    background-color: var(--main-color);
    height: 50px;
}

.sub_content .indexLink {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    list-style-type: none;
    justify-content: left;
    -webkit-justify-content: left;
    width: 100%;
    padding: 0;
    margin: 30px 0;
}

.sub_content .indexLink li {
    list-style: none;
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    list-style-type: none;
    justify-content: left;
    -webkit-justify-content: left;
    width: 48%;
    padding: 0 28px 0 0;
    margin: 0 4% 2% 0;
    min-height: 70px;
}

.sub_content .indexLink li:nth-child(2n) {
    margin: 0 0 2%;
}

.sub_content .indexLink li a {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    list-style-type: none;
    justify-content: left;
    -webkit-justify-content: left;
    align-items: center;
    width: 100%;
    padding: 0 48px 0 10px;
    margin: 0;
    border: 1px solid black;
    position: relative;
    background: rgba(255, 255, 255, 0.4);
    color: black;
    text-decoration: none;
    font-family: "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
    font-weight: bold;
}

.sub_content .indexLink li a:before {
    background: var(--bg-gray);
    color: black;
}

.sub_content .indexLink li a::before {
    position: absolute;
    top: calc(50% - 1px);
    right: -28px;
    bottom: unset;
    width: 56px;
    height: 1px;
    background: #7F7F7F;
    content: '';
    z-index: 10;
}

.sub_content .indexLink li a::after {
    position: absolute;
    right: 28px;
}

.sub_content .loginlink {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    list-style-type: none;
    justify-content: left;
    -webkit-justify-content: left;
    width: 100%;
    padding: 0;
    margin: 30px 0;
}

.sub_content .loginlink li {
    list-style: none;
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    list-style-type: none;
    justify-content: left;
    -webkit-justify-content: left;
    width: 48%;
    padding: 0;
    margin: 0 4% 2% 0;
    border: 1px solid black;
}

.sub_content .loginlink li:nth-child(2n) {
    margin: 0 0 2%;
}

.sub_content .loginlink li a {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    list-style-type: none;
    justify-content: left;
    -webkit-justify-content: left;
    align-items: center;
    width: 100%;
    padding: 10px 48px 10px 10px;
    margin: 0;
    position: relative;
    background: var(--bg-gray);
    color: black;
    text-decoration: none;
    font-family: "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
    font-weight: bold;
}

.sub_content .loginlink li p {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    list-style-type: none;
    justify-content: left;
    -webkit-justify-content: left;
    align-items: center;
    width: 100%;
    padding: 10px 48px 10px 10px;
    margin: 0;
    color: black;
    font-family: "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
    font-weight: bold;
}

.sub_content .loginlink li .red {
    color: red !important;
}

.sub_content .loginlink li a:before {
    background: var(--bg-gray);
    color: black;
}

.sub_content .loginlink li a::after {
    position: absolute;
    right: 28px;
}

.sub_content .link_ad{
    max-width: 100%;
}

.sub_content .ad_box {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    list-style-type: none;
    justify-content: left;
    -webkit-justify-content: left;
    align-items: center;
    width: 100%;
    padding: 0 20px 20px;
    margin: 0 auto;
    max-width: 100%;
    background-color: var(--bg-gray);
    border-radius: 0 0 10px 10px;
}


/* accordion
-------------------------------------------------------------------- */

.sub_content .accbox label {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    list-style-type: none;
    justify-content: left;
    -webkit-justify-content: left;
    align-items: center;
    margin: 0;
    padding: 10px;
    font-weight: bold;
    cursor: pointer;
    border-bottom: 1px solid var(--border-gray);
    position: relative;
}

.sub_content .accbox label::after {
    position: absolute;
    right: 0;
    top: 0;
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    list-style-type: none;
    justify-content: left;
    -webkit-justify-content: center;
    align-items: center;
    width: 40px;
    height: 100%;
    content: "";
    background-image: url(https://www.nara-edu.ac.jp/assets/svg/minus.svg);
    background-size: 16px 16px;
    background-position: center center;
    filter: invert(100%);
    background-repeat: no-repeat;
}

.sub_content .accbox label:hover {
    background: var(--side-blbk);
}


.sub_content .accbox input {
    display: none;
}


.sub_content .accbox .accshow {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
}

.sub_content .accbox .accshow ul {
    width: 98%;
}

.sub_content .cssacc:checked+label+.accshow {
    height: auto;
    padding: 10px;
    opacity: 1;
    border-bottom: 1px solid var(--border-gray);
}

.sub_content .cssacc:checked+label::after {
    background-image: url(https://www.nara-edu.ac.jp/assets/svg/minus.svg);
}

.sub_content .main_accordion {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    list-style-type: none;
    justify-content: left;
    -webkit-justify-content: left;
    align-items: center;
    margin: 0 0 10px;
    padding: 10px;
    font-weight: bold;
    cursor: pointer;
    border-bottom: 1px solid var(--border-gray);
    position: relative;
}

.sub_content .main_accordion:hover {
    background: var(--side-blbk);
}

.sub_content .main_accordion::after {
    position: absolute;
    right: 0;
    top: 0;
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    list-style-type: none;
    justify-content: left;
    -webkit-justify-content: center;
    align-items: center;
    width: 40px;
    height: 100%;
    content: "";
    background-image: url(https://www.nara-edu.ac.jp/assets/svg/minus.svg);
    background-size: 16px 16px;
    background-position: center center;
    filter: invert(100%);
    background-repeat: no-repeat;
}

.sub_content .main_accordion.view {
    border-bottom: none;
}

.sub_content .main_accordion.view::after {
    background-image: url(https://www.nara-edu.ac.jp/assets/svg/minus.svg);
}

ul+.main_accordion,
p+.main_accordion {
    margin-top: 40px !important;
}

.sub_content .top_acc {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
}

.sub_content .top_acc.view {
    height: auto;
    padding: 10px 0;
    opacity: 1;
    border-bottom: 1px solid var(--border-gray);
}

.sub_content .qa_accordion {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    list-style-type: none;
    justify-content: left;
    -webkit-justify-content: left;
    align-items: center;
    margin: 0 0 10px;
    padding: 0;
    font-weight: bold;
    cursor: pointer;
    background: var(--side-blbk);
    position: relative;
}

.sub_content .qa_accordion:hover {
    background: var(--main-color);
}

.sub_content .qa_accordion span {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    list-style-type: none;
    justify-content: left;
    -webkit-justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    background: var(--q-bk);
    color: white;
    margin: 5px;
    font-size: 20px;
}

.sub_content .qa_accordion p {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    list-style-type: none;
    justify-content: left;
    -webkit-justify-content: left;
    align-items: center;
    width: calc(100% - 100px);
    padding: 0 10px;
    color: var(--side-blue);
    font-size: 16px;
    line-height: 1.1;
}

.sub_content .qa_accordion:hover p {
    color: white;
}


.sub_content .qa_accordion::after {
    position: absolute;
    right: 0;
    top: 0;
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    list-style-type: none;
    justify-content: left;
    -webkit-justify-content: center;
    align-items: center;
    width: 50px;
    height: 100%;
    background: var(--main-color);
    color: white;
    content: "";
    background-image: url(https://www.nara-edu.ac.jp/assets/svg/minus.svg);
    background-size: 16px 16px;
    background-position: center center;
    background-repeat: no-repeat;
}

.sub_content .qa_accordion.view {
    margin: 0;
}

.sub_content .qa_accordion.view::after {
    background-image: url(https://www.nara-edu.ac.jp/assets/svg/plus.svg);
}

.sub_content .qa_area {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    list-style-type: none;
    justify-content: left;
    -webkit-justify-content: left;
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
}

.sub_content .qa_area.view {
    height: auto;
    padding: 20px 0;
    opacity: 1;
    background: var(--a-contentbk);
    margin: 0 0 10px;
}

.sub_content .qa_area span {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    list-style-type: none;
    justify-content: left;
    -webkit-justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    background: var(--a-bk);
    color: var(--main-color);
    margin: 5px;
    font-size: 20px;
}

.sub_content .qa_area p {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    list-style-type: none;
    justify-content: left;
    -webkit-justify-content: left;
    align-items: center;
    width: calc(100% - 50px);
    padding: 0 10px;
    font-size: 16px;
}

/* figureBox
-------------------------------------------------------------------- */

.sub_content .figureBox {
    display: block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 10px;
    margin: 20px 0 30px;
    width: 100%;
}

.sub_content .figureBox::after {
    content: url(/img/common/pixel.gif);
    display: block;
    clear: both;
    height: 0;
}

.sub_content .figureRight {
    float: right;
    display: inline;
    margin: 0 0 10px 20px;
    padding: 3px 0 0 0;
    text-align: center;
}

.sub_content .figureRight#clubImg {
    max-width: 200px;
}

.sub_content .figureRight span {
    display: block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 5px 0 0 0;
    font-size: 85%;
}

.sub_content .figureLeft {
    float: left;
    display: inline;
    text-align: center;
    margin: 0 20px 10px 0;
    padding: 3px 0 0 0;
}

.sub_content .imgBox {
    display: block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
    margin: 0;
    width: 100%;
}

.sub_content .imgBox .imgBoxInner {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    list-style-type: none;
    justify-content: left;
    -webkit-justify-content: left;
    width: 100%;
    padding: 0;
    margin: 10px 0 0;
}

.sub_content .imgBox .imgBoxInner.txtC {
    align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
}

.sub_content .imgBox .imgBoxInner img+img {
    margin-left: 20px
}

.sub_content dl.lineTypeLevelDotted {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    list-style-type: none;
    justify-content: left;
    -webkit-justify-content: left;
    width: 100%;
    padding: 0;
    margin: 20px 0;
    border-top: 1px solid #d0d0d0;
}

.sub_content dl.lineTypeLevelDotted dt {
    display: block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 150px;
    padding: 10px 0 10px 10px;
    margin: 0;
    font-weight: bold;
    border-bottom: 1px solid #d0d0d0;
}

.sub_content dl.lineTypeLevelDotted dd {
    display: block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px;
    margin: 0;
    width: calc(100% - 150px);
    border-bottom: 1px solid #d0d0d0;
}

/* table
-------------------------------------------------------------------- */

.sub_content table {
    width: 100%;
}

.sub_content table.fixed {
    table-layout: fixed;
}

.sub_content table+table {
    margin: 20px 0 0;
}

.sub_content table ul {
    width: 98%;
}

.sub_content table#nakkiImgBox td {
    width: 50%;
    text-align: center;
}

.sub_content table#nakkiImgBox td img {
    display: block;
    margin: 0 auto 10px;
}

.sub_content table#nakkiImgBox td span {
    display: block;
    width: 100%;
}

.sub_content table th,
.sub_content table td {
    border: var(--border-gray) 1px solid;
    padding: 5px 10px;
}

.sub_content table thead th {
    background: #EDEDED;
    font-weight: bold;
    text-align: center;
}

.sub_content table tbody th {
    background: #F7F7F7;
    font-weight: bold;
    text-align: center;
}

.sub_content table tbody th h5 {
    margin: 0 !important;
}

.sub_content table tbody td.text_center {
    text-align: center;
}

.sub_content table tbody .width_05 {
    width: 50%;
}

.sub_content table .bg_PBR {
    background: #ecf0fd;
}

.sub_content table .bg_MBR {
    background: #c9d4f9;
}

/* dl
-------------------------------------------------------------------- */

.sub_content dl.inquryBox {
    border: 1px solid var(--border-gray);
    padding: 1px;
    margin: 50px 0 20px;
}

.sub_content dl.inquryBox dt {
    background: var(--side-blbk);
    font-size: 108%;
    padding: 5px 14px;
    font-weight: bold;
    margin: 0 0 14px;
}

.sub_content dl.inquryBox dd {
    padding: 0;
    margin: 0;
}

.sub_content dl.inquryBox dd dl {
    margin: 0 14px 14px 14px;
    padding: 0;
}

.sub_content dl.inquryBox dd dl dt {
    font-size: 100%;
    background: white;
    padding: 0;
    margin: 0;
    color: #141414;
}

.sub_content dl.linkListBox {
    border: 1px solid var(--border-gray);
    padding: 1px;
    margin: 20px 0 30px;
}

.sub_content dl.linkListBox dt {
    background: #eee;
    font-size: 108%;

    padding: 5px 14px;
    font-weight: bold;
    margin: 0;
}

.sub_content dl.linkListBox dd {
    padding: 10px 15px 15px 15px;
}

.sp_br {
    display: none;
}

@media (max-width: 767px) {
    .sp_br {
        display: block;
    }

    h1 {
        height: 200px;
        max-height: auto;
        font-size: 22px;
    }

    h1 .title_text {
        padding: 0;
        font-size: 22px;
    }

    h1 .breadcrumb {
        padding: 0.75rem 1rem;
    }

    h1 .small_font {
        padding: 0;
        font-size: 16px;
    }

    .sub_content .page-body h2 {
        padding: 10px 0;
        margin: 0 0 20px;
        font-size: 22px;
    }

    .sub_content .page-body p+h2,
    .sub_content .page-body dd+h2,
    .sub_content .page-body dl+h2,
    .sub_content .page-body div+h2,
    .sub_content .page-body table+h2,
    .sub_content .page-body a+h2,
    .sub_content .page-body ul+h2 {
        margin-top: 30px;
    }

    .sub_content .page-body h3 {
        padding: 8px 12px;
        margin: 30px 0 2px;
        font-size: 20px;
    }

    .sub_content .page-body h4 {
        padding: 8px 12px;
        margin: 10px 0 0;
        font-size: 18px;
    }

    .sub_content .page-body h5 {
        padding: 8px 12px;
        margin: 10px 0 0;
        font-size: 16px;
    }

    .sub_content .page-body h6 {
        padding: 8px 12px;
        margin: 10px 0 0;
        font-size: 14px;
    }

    .sub_content .col-lg-3 {
        display: none;
    }

    .sub_content .col-lg-9 {
        padding: 15px 10px;
        width: 100% !important;
    }

    .sub_content .indexLink li,
    .sub_content .loginlink li {
        margin: 0 0 20px;
        width: 100%;
    }

    .sub_content .indexLink li:nth-child(2n),
    .sub_content .loginlink li:nth-child(2n) {
        margin: 0 0 20px;
    }

    .sub_content dl.lineTypeLevelDotted dt {
        width: 100%;
        padding: 10px 10px 0;
        border-bottom: none;
    }

    .sub_content dl.lineTypeLevelDotted dd {
        width: 100%;
        padding: 0 10px 10px;
    }

    .sub_content .figureRight,
    .sub_content .figureLeft {
        max-width: 130px;
    }

    .sub_content table {
        overflow-x: scroll;
        white-space: nowrap;
        display: block;
    }

    .sub_content li.category_button {
        font-size: 13px;
    }

    .sub_content li.category_button.active {
        height: 40px;
    }

    .sub_content .list-group .list-group-item .row .col-lg-2 {
        width: 100%;
    }

    .sub_content .list-group .list-group-item .row .col-lg-10 {
        width: 100%;
        padding: 0;
    }

    .sub_content .list-group .list-group-item .row .col-lg-10 a {
        width: 100%;
        padding: 0;
    }
}

/* 就職Q&A用
-------------------------------------------------------------------- */
dl.faqSet {
    margin: 25px 0;
    padding: 0;
    border-top: 2px solid #bdd4e5;
    border-bottom: 2px solid #bdd4e5;
}

dl.faqSet dt.question {
    font-weight: bold;
    padding: 10px 10px 10px 35px;
    border-bottom: 1px solid #eee;
    background: url(/img/common/icon_question.gif) 10px 10px no-repeat;
    color: #005898;
}

dl.faqSet dd.answer p,
dl.faqSet dt.question p {
    padding: 0;
    margin: 0;
}


dl.faqSet dd.answer {
    padding: 10px 10px 10px 35px;
    background: url(/img/common/icon_answer.gif) 10px 10px no-repeat;
}


/* bottom nav */
ul.bottomNav {
    padding: 10px 0 0;
    position: relative;
    margin: 0;
    list-style-type: none;
    height: 2em;
}

ul.bottomNav li {
    background: url(/img/common/arrow.gif) left center no-repeat;
    float: right;
    padding: 0 0 0 10px;
}

ul.bottomNav li:first-child {
    margin: 0 0 0 13px;
}

.bottomNav li a {
    text-decoration: none;
}

.bottomNav li a:hover {
    text-decoration: underline;
}

/* CIES
---------------------------------*/

.sub_content .table_B td {
    text-align: center;
}

.sub_content .table_B .align_L {
    text-align: left;
}

.sub_content .table_B .new {
    color: red;
    padding: 0 0 0 10px;
}

.sub_content .table_B.almni tr td:nth-child(1) {
    text-align: left;
}

.sub_content .table_B.almni tr td:nth-child(2) {
    width: 25%;
}

.sub_content .table_B.almni tr td:nth-child(3) {
    width: 25%;
}

.sub_content .table_B.almni tr td:nth-child(4) {
    width: 15%;
}

.sub_content ul.linksSp.page_scroll li {
    cursor: pointer;
}

.sub_content .year_nav a {
    padding: 0 10px;
}

.sub_content .article h2 {
    margin-top: 65px;
}

.sub_content .photo {
    display: flex;
    display: -webkit-flex;
    flex-wrap: nowrap;
    -webkit-flex-wrap: nowrap;
    list-style-type: none;
    justify-content: center;
    -webkit-justify-content: center;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    padding: 0;
    margin: 0;
}

.sub_content .photo img {
    display: block;
    width: auto;
    max-width: 48%;
    margin: 0 0 20px
}

.sub_content .photo img+img {
    margin: 0 0 20px 2%;
}

.sub_content .photo_three {
    display: inline;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    padding: 0;
    margin: 0;
}

.sub_content .photo_three img {
    display: inline-block;
    width: auto;
    max-width: 30%;
    margin: 0 0 20px;
}

.sub_content .photo_three img+img {
    margin: 0 0 20px 2%;
}

.sub_content .align_C {
    display: block;
    margin: 0 auto;
}

.sub_content .align_C.height480 {
    max-height: 480px;
    width: auto;
}

.sub_content .align_C.width600 {
    max-width: 600px;
}

.sub_content .align_R {
    text-align: right;
    display: block;
}

.sub_content .font_S {
    font-size: 0.9em
}

.sub_content .float_R {
    float: right;
    margin: 0 0 20px 20px;
}

.sub_content .float_L {
    float: left;
    margin: 0 20px 20px 0;
}

.sub_content .float_R.width_05 {
    width: 50%;
}

.sub_content .float_R.width_02,
.sub_content .float_L.width_02 {
    width: 20%;
}

.sub_content center section {
    padding: 20px 0
}


.sub_content .cies_bn_top {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    list-style-type: none;
    justify-content: left;
    -webkit-justify-content: left;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    padding: 40px 0 0;
    margin: 0;
}

.sub_content .cies_bn_top a {
    display: block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px 0;
    margin: 0 3.5% 0 0;
    width: 31%;
    border: 1px solid var(--border-gray);
}

.sub_content .cies_bn_top a img {
    display: block;
    margin: 0 auto;
}

.sub_content .cies_bn_top a:nth-child(3n) {
    margin: 0;
}

.sub_content .almni_img {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    list-style-type: none;
    justify-content: left;
    -webkit-justify-content: left;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    margin: 0;
}

.sub_content .almni_img li {
    list-style: none;
    text-align: center;
}

.sub_content .almni_img li+li {
    padding: 0 0 10px 5px;
}

.year_tab span {
    display: inline-block;
    width: 100px;
    background-color: var(--main-color);
    padding: 5px;
    margin: 3px;
    text-align: center;
    cursor: pointer;
    color: white;
}

.year_tab span a {
    color: white;
    text-decoration: none;
}

.year_tab span a:hover {
    opacity: .8;
}

@media screen and (max-width: 768px) {
    .sub_content .cies_bn_top {
        padding: 20px 0 0;
    }

    .sub_content .cies_bn_top a {
        width: 100%;
        max-width: 240px;
        margin: 0 auto 20px;
    }

    .sub_content .article h2 {
        margin-top: 35px;
    }
}

/* educational_progress
---------------------------------*/

.sub_content .point-list {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    list-style-type: none;
    justify-content: left;
    -webkit-justify-content: left;
    align-items: flex-start;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    list-style: none;
    padding: 0;
}

.sub_content .point-list li {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    list-style-type: none;
    justify-content: left;
    -webkit-justify-content: left;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 32%;
    padding: 0;
    margin: 0 2% 20px 0;
}

.sub_content .point-list li:nth-child(3n) {
    margin: 0 0 20px;
}

.sub_content .point-list li .img {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    list-style-type: none;
    justify-content: left;
    -webkit-justify-content: left;
    -moz-box-sizing: border-box;
    align-items: flex-start;
    width: 100%;
    margin: 0;
    padding: 0;
}

.sub_content .point-list li .text {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    list-style-type: none;
    justify-content: left;
    -webkit-justify-content: left;
    -moz-box-sizing: border-box;
    align-items: flex-start;
    width: 100%;
    margin: 0;
    padding: 20px 0 0;
}

.sub_content .point-list li .text h4 {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    list-style-type: none;
    justify-content: left;
    -webkit-justify-content: left;
    -moz-box-sizing: border-box;
    align-items: flex-start;
    margin: 0;
    padding: 0;
}

.sub_content .point-list li .text p {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    list-style-type: none;
    justify-content: left;
    -webkit-justify-content: left;
    -moz-box-sizing: border-box;
    align-items: flex-start;
    margin: 0;
    padding: 20px 0 0;
}

.sub_content .schedule-list {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    list-style-type: none;
    justify-content: left;
    -webkit-justify-content: left;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    list-style: none;
}

.sub_content .schedule-list li {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    list-style-type: none;
    justify-content: left;
    -webkit-justify-content: left;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    padding: 0 0 20px;
}

.sub_content .schedule-list li .img {
    display: block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 30%;
    margin: 0;
    padding: 0;
}

.sub_content .schedule-list li .text {
    display: block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 70%;
    margin: 0;
    padding: 0 0 0 40px;
}

.sub_content .img_view {
    display: block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    margin: 0 0 40px;
    text-align: center
}

.sub_content .img_view img {
    display: block;
    margin: 0 auto 20px;
    max-width: 500px;
    width: 100%;
}

.sub_content .img_view img.schedule {
    max-width: 80%;
}

@media screen and (max-width: 768px) {
    .sub_content .point-list {
        margin: 20px 0 0;
    }

    .sub_content .point-list li {
        width: 100%;
        margin: 0 0 20px;
    }

    .sub_content .point-list li .img {
        height: auto;
    }

    .sub_content .point-list li .img img {
        display: block;
        margin: 0 auto;
        max-width: 260px;
    }

    .sub_content .point-list li .text {
        height: auto;
    }

    .sub_content .point-list li .text h4 {
        height: auto;
        padding: 10px 0;
    }

    .sub_content .point-list li .text p {
        height: auto;
    }

    .sub_content .schedule-list li .img {
        width: 100%;
        margin: 0;
        padding: 0;
    }

    .sub_content .schedule-list li .img img {
        display: block;
        margin: 0 auto;
        max-width: 260px;
    }

    .sub_content .schedule-list li .text {
        width: 100%;
        padding: 20px 0 0;
    }

    .sub_content .img_view img {
        max-width: 260px;
    }
}


/* MA PD
---------------------------------*/


.sub_content .img_center_spde {
    display: block;
    margin: 60px auto 20px;
}

.sub_content .sample-box {
    display: block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 20px;
    width: 100%;
    margin: 20px 0;
    border: 1px solid var(--border-gray);
}

.sub_content .movie {
    display: block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 20px;
    width: 100%;
    margin: 20px 0;
}

.sub_content .movie figure {
    display: block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
    width: 100%;
    margin: 0 auto;
    max-width: 540px
}

.sub_content .movie figure iframe {
    width: 100%;
}

.sub_content article h2,
.sub_content .wp-block-proide-block-content-box h2 {
    margin-top: 65px !important;
}

.sub_content .pd_th {
    width: 15%;
}

.sub_content .box-list {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    list-style-type: none;
    justify-content: left;
    -webkit-justify-content: left;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    list-style: none;
}

.sub_content .box-list li {
    display: block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
    margin: 0;
    width: 25%;
}

.sub_content .masters_img {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: nowrap;
    list-style-type: none;
    justify-content: left;
    -webkit-justify-content: left;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    margin: 20px 0 0;
    list-style: none;
}

.sub_content .masters_img .view_box {
    display: inline-block;
    justify-content: left;
    -webkit-justify-content: left;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: auto;
    margin: 0;
}

.sub_content .masters_img .view_box+.view_box {
    margin: 0 0 0 10px;
}

.sub_content .blocks-gallery-grid {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    list-style-type: none;
    justify-content: left;
    -webkit-justify-content: left;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    list-style: none;
}

.sub_content .blocks-gallery-grid li {
    display: block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
    margin: 0 4% 20px 0;
    width: 48%;
}

.sub_content .blocks-gallery-grid li:nth-child(2n) {
    margin: 0 0 20px;
}

.sub_content .blocks-gallery-grid.columns-3 li {
    margin: 0 3.5% 20px 0;
    width: 31%;
}

.sub_content .blocks-gallery-grid.columns-3 li:nth-child(2n) {
    margin: 0 0 20px;
}

.sub_content .reco_box .news_pd_box {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    list-style-type: none;
    justify-content: left;
    -webkit-justify-content: left;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    list-style: none;
}


.sub_content .reco_box .news_pd_box .news_list {
    display: block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
    margin: 0 2% 40px 0;
    width: 23.5%;
    text-decoration: none;
}

.sub_content .reco_box .news_pd_box .news_list:hover {
    opacity: .8;
}

.sub_content .reco_box .news_pd_box .news_list .img_area {
    display: block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
    margin: 0;
    width: 100%;
    overflow: hidden;
    min-height: 170px;
    max-height: 170px;
}

.sub_content .reco_box .news_pd_box .news_list:hover img {
    transform: translate(0, 0) scale(1.1, 1.1);
    -moz-transform: translate(0, 0) scale(1.1, 1.1);
    -webkit-transform: translate(0, 0) scale(1.1, 1, 1);
    transition: 0.3s;
}

.sub_content .reco_box .news_pd_box .news_list .date_area {
    display: block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px 0 0;
    margin: 0;
    width: 100%;
    color: var(--font-navy);
    font-weight: bold;
    font-size: 13px;
}

.sub_content .reco_box .news_pd_box .news_list .text {
    display: block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px 0 0;
    margin: 0;
    width: 100%;
}

.sub_content .reco_box .news_pd_box .news_list .text span {
    display: block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 0 10px;
    margin: 0;
    width: 100%;
    color: var(--dark-navy);
}


.sub_content .reco_box .news_pd_box .news_list:nth-child(4n) {
    margin: 0 0 40px;
}

.sub_content .message {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    list-style-type: none;
    justify-content: left;
    -webkit-justify-content: left;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    list-style: none;
}

.sub_content .message li {
    display: block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
    margin: 0 4% 20px 0;
    width: 48%;
}

.sub_content .message li:nth-child(2n) {
    margin: 0 0 20px;
}

.sub_content .message li iframe {
    width: 100%;
}

@media screen and (max-width: 768px) {
    .sub_content .message li {
        margin: 0 0 20px;
        width: 100%;
    }

    .sub_content article h2,
    .sub_content .wp-block-proide-block-content-box h2 {
        margin-top: 30px !important;
    }

    .sub_content .box-list li {
        width: 50%;
    }

    .sub_content .reco_box .news_pd_box .news_list {
        display: block;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding: 0;
        margin: 0 4% 20px 0;
        width: 48%;
    }

    .sub_content .reco_box .news_pd_box .news_list:nth-child(2n) {
        margin: 0 0 20px;
    }
}

/* footer
---------------------------------*/

.back_to_top {
    position: fixed;
    top: unset;
    left: unset;
    right: 45px;
    bottom: 45px;
    padding: 4px 0 0;
    text-align: center;
    font-size: 16px;
    font-weight: normal;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    max-width: 50px;
    min-width: 50px;
    height: 50px;
    z-index: 10000;
    opacity: 0;
}

.back_to_top.fade_In {
    transform: translate(0, 0);
    opacity: 1;
    color: #FFF;
    background: var(--main-color);
}

.back_to_top.fade_Out {
    transform: translate(0, 30px);
    opacity: 0;
}

.back_to_top a {
    display: block;
    max-width: 100%;
    min-width: 100%;
    color: #FFF;
}

.back_to_top svg {
    fill: white;
    width: 30px;
}

.back_to_top:hover {
    transition: all 0.3s ease;
    transform: translate(0, 0) scale(1.1, 1.1) !important;
    -moz-transform: translate(0, 0) scale(1.1, 1.1) !important;
    -webkit-transform: translate(0, 0) scale(1.1, 1, 1) !important;
}

#fieldlink .menu_box {
    display: grid;
    grid-template-columns: repeat(5,1fr);
    list-style-type: none;
    justify-content: center;
    -webkit-justify-content: center;
    align-items: normal;
    width: 100%;
    padding: 0;
    margin: 0;
    font-size: 16px;
    gap: 1rem;
}

#fieldlink .menu_box .menu_list {
    display: grid;
    grid-template-columns: 1fr;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
    margin: 0;
    list-style: none;
}

#fieldlink .menu_box .menu_list a {
    display: grid;
    grid-template-columns: 1fr;
    align-items: center;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    padding: 15px;
    margin: 0;
    text-align: center;
    background-color: var(--navy-color);
    color: white;
}

#fieldlink .menu_box .menu_list a:hover {
    opacity: .8;
}

.bk_menu {
    display: block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    padding: 50px 0;
    margin: 0;
    background-color: var(--navy-color);
}

.bk_menu .menu_box {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    list-style-type: none;
    justify-content: center;
    -webkit-justify-content: center;
    align-items: normal;
    width: 100%;
    padding: 0 10px;
    margin: 0 auto;
    font-size: 13px;
}

.bk_menu .menu_box .menu_list {
    /* display: block; */
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: auto;
    padding: 6px 1%;
    margin: 0;
    list-style: none;
}

.bk_menu .menu_box .menu_list a[target="_blank"]::after {
    display:block;
    content: "";
    background-image: url(https://www.nara-edu.ac.jp/assets/svg/blank.svg);
    background-size: 14px 18px;
    background-repeat: no-repeat;
    width: 14px;
    height: 18px;
    margin: 0 0 0 5px;
    /* position: absolute; */
    filter: invert(100%);
}

.bk_menu .menu_box .menu_list a {
    color: white;
}

.bk_menu .menu_box .menu_list .link_tab {
    display: grid;
    grid-template-columns: 1fr 20px;
}

.ft_bk {
    display: block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    padding: 0;
    margin: 0;
    background-image: url(/assets/images/theme/footer_bk.png);
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    background-position: center center;
}

.footer_cont {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    list-style-type: none;
    justify-content: left;
    -webkit-justify-content: left;
    align-items: normal;
    width: 100%;
    padding: 40px 0;
    margin: 0;
    background-color: rgba(26, 35, 39, 0.85);
}

.footer_cont h2 {
    display: block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    padding: 0;
    text-align: center;
    line-height: 1;
    color: white;
    font-size: 38px;
    margin: 80px 0;
    font-family: "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
    font-weight: 600;
}

.footer_cont .title_box {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    list-style-type: none;
    justify-content: left;
    -webkit-justify-content: left;
    align-items: normal;
    width: 100%;
    padding: 0 10px;
    margin: 0 auto;
    max-width: 1220px;
}

.footer_cont .title_box .title {
    display: block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 18.4%;
    padding: 0;
    margin: 0 2% 60px 0;
}

.footer_cont .title_box .title:nth-child(5n) {
    margin: 0 0 60px;
}

.footer_cont .title_box .title:nth-child(6) {
    display: none;
}

#footer {
    padding: 40px 0 0;
    margin: 0;
    background-color: rgba(0, 117, 166, 0.85);
}

#footer .inner {
    display: block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    padding: 0 10px;
    margin: 0 auto;
    max-width: 1220px;
    color: white;
    font-size: 12px;
}

#footer .inner.text_r {
    text-align: right;
}

#footer .inner .logo_area {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    list-style-type: none;
    justify-content: left;
    -webkit-justify-content: left;
    align-items: normal;
    width: 100%;
    padding: 0 0 30px;
    margin: 0;
}

#footer .inner .logo_area .menu_area {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    list-style-type: none;
    justify-content: flex-end;
    -webkit-justify-content: flex-end;
    align-items: normal;
    width: calc(100% - 510px);
    padding: 20px 0 0;
    margin: 0;
}

#footer .inner .logo_area .menu_area i {
    font-size: 30px;
}

#footer .inner .logo_area .menu_area li {
    width: auto;
    list-style: none;
}

#footer .inner .logo_area .menu_area a {
    color: white;
}

#footer .inner .logo_area .menu_area .icons {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    list-style-type: none;
    justify-content: flex-end;
    -webkit-justify-content: flex-end;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    padding: 0;
    margin: 0;
    text-align: right;
}

#footer .inner .logo_area .menu_area .icons img {
    max-width: 35px;
}

#footer .inner .logo_area .menu_area .link {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    list-style-type: none;
    justify-content: flex-end;
    -webkit-justify-content: flex-end;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    padding: 30px 0 0;
    margin: 0;
    text-align: right;
}

#footer .inner .logo_area .menu_area li+li {
    margin: 0 0 0 30px;
}

#footer .inner .logo_area .name_area {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    list-style-type: none;
    justify-content: left;
    -webkit-justify-content: left;
    box-sizing: border-box;
    width: 510px;
    padding: 0;
    margin: 0;
}

#footer .inner .logo_area .name_area .logo_box {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    list-style-type: none;
    justify-content: left;
    -webkit-justify-content: left;
    align-items: center;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    padding: 0 0 10px;
    margin: 0;
}

#footer .inner .logo_area .name_area .logo_box .logo_img {
    display: block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 250px;
    padding: 0;
    margin: 0;
}

#footer .inner .logo_area .name_area .logo_box .logo_img img {
    max-width: 238px;
}

#footer .inner .logo_area .name_area .logo_box .add_box {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    list-style-type: none;
    justify-content: left;
    -webkit-justify-content: left;
    align-items: center;
    width: calc(100% - 260px);
    padding: 0;
    margin: 0;
}

#footer .cr_area {
    display: block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    padding: 10px 0;
    margin: 0;
    border-top: 1px solid white;
}

#footer .cr_area.en {
    border-top: none;
}

@media screen and (max-width: 768px) {

    .back_to_top {
        right: 20px;
        bottom: 70px;
        font-size: 14px;
        max-width: 40px;
        min-width: 40px;
        height: 40px;
        padding: 8px 0 0;
    }

    .back_to_top svg {
        width: 20px;
    }

    #fieldlink .menu_box {
        grid-template-columns: 1fr;
        justify-content: left;
        -webkit-justify-content: left;
    }

    .bk_menu {
        padding: 20px 10px;
    }

    .bk_menu .menu_box {
        font-size: 11px;
        justify-content: left;
        -webkit-justify-content: left;
    }

    .bk_menu .menu_box .menu_list {
        width: 49%;
        margin: 0 2% 0 0;
        padding: 6px 0;
    }

    .bk_menu .menu_box .menu_list:nth-child(2n) {
        margin: 0;
    }

    .footer_cont h2 {
        font-size: 26px;
        margin: 20px 0 40px;
    }

    .footer_cont h2 i {
        display: block;
        margin: 0 auto 10px;
    }

    .footer_cont .title_box {
        justify-content: center;
        -webkit-justify-content: center;
    }

    .footer_cont .title_box .title {
        width: 33%;
        margin: 0 0.5% 0 0;
        line-height: 1;
    }

    .footer_cont .title_box .title:nth-child(5n) {
        margin: 0 0.5% 0 0;
    }

    .footer_cont .title_box .title:nth-child(3n) {
        margin: 0;
    }

    .footer_cont .title_box .title:nth-child(6) {
        display: block;
    }

    #footer {
        padding: 20px 0;
    }

    #footer .inner {
        padding: 0;
    }

    #footer .inner .logo_area {
        padding: 0 0 20px;
    }

    #footer .inner.en .logo_area {
        padding: 0;
    }

    #footer .inner .logo_area .name_area {
        width: 100%;
    }

    #footer .inner .logo_area .name_area .logo_box .logo_img {
        display: flex;
        display: -webkit-flex;
        flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        list-style-type: none;
        justify-content: center;
        -webkit-justify-content: center;
        width: 100%;
    }

    #footer .inner .logo_area .name_area .logo_box .add_box {
        display: flex;
        display: -webkit-flex;
        flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        list-style-type: none;
        justify-content: center;
        -webkit-justify-content: center;
        align-items: center;
        width: 100%;
        padding: 5px 0 0;
    }

    #footer .inner .logo_area .menu_area {
        max-width: 100%;
        min-width: 100%;
        justify-content: center;
        -webkit-justify-content: center;
    }

    #footer .inner .logo_area .menu_area .icons {
        justify-content: center;
        -webkit-justify-content: center;
    }

    #footer .inner .logo_area .menu_area .icons img {
        max-width: 40px;
    }

    #footer .inner .logo_area .menu_area .link {
        justify-content: left;
        -webkit-justify-content: left;
        align-items: normal;
        width: 100%;
        padding: 20px 0 0;
        margin: 0;
    }

    #footer .inner .logo_area .menu_area li+li {
        margin: 0 0 0 20px;
    }

    #footer .inner .logo_area .menu_area .link li {
        display: block;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        width: 50%;
        padding: 8px 0;
        margin: 0;
        text-align: center;
    }

    #footer .inner .logo_area .menu_area .link.link_sp {
        padding: 0;
        margin: 20px 0 0;
        border-top: 1px solid white;
    }

    #footer .inner .logo_area .menu_area .link.link_sp li {
        display: block;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        width: 100%;
        padding: 8px 0;
        margin: 0;
        text-align: center;
        border-bottom: 1px solid white;
    }

    #footer .cr_area {
        padding: 10px 0 65px;
    }

    #footer .inner.text_r {
        font-size: 10px;
        text-align: center;
    }
}

.splash {
    padding: 12em 0 6em;
    background: #349aed;
    background: linear-gradient(145deg, #349aed 50%, #34d8ed 100%);
    color: #fff;
    text-align: center
}

.splash .logo {
    width: 160px
}

.splash h1 {
    font-size: 3em;
    color: #fff
}

.splash #social {
    margin: 2em 0 3em
}

.splash .alert {
    margin: 2em 0;
    border: none
}

.splash .sponsor a {
    color: #fff
}

.section-tout {
    padding: 6em 0 1em;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    background-color: #eaf1f1
}

.section-tout .fa {
    margin-right: 0.2em
}

.section-tout p {
    margin-bottom: 5em
}

.section-preview {
    padding: 4em 0 4em
}

.section-preview .preview {
    margin-bottom: 4em;
    background-color: #eaf1f1
}

.section-preview .preview img {
    max-width: 100%
}

.section-preview .preview .image {
    position: relative
}

.section-preview .preview .image:before {
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    pointer-events: none
}

.section-preview .preview .options {
    padding: 2em;
    border: 1px solid rgba(0, 0, 0, 0.05);
    border-top: none;
    text-align: center
}

.section-preview .preview .options p {
    margin-bottom: 2em
}

.section-preview .dropdown-menu {
    text-align: left
}

.section-preview .lead {
    margin-bottom: 2em
}

@media (max-width: 767px) {
    .section-preview .image img {
        width: 100%
    }
}

.sponsor img {
    max-width: 100%
}

.sponsor #carbonads {
    max-width: 240px;
    margin: 0 auto
}

.sponsor .carbon-text {
    display: block;
    margin-top: 1em;
    font-size: 12px
}

.sponsor .carbon-poweredby {
    float: right;
    margin-top: 1em;
    font-size: 10px
}

.custom-control {
    position: relative;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    min-height: 1.5rem;
    padding-left: 1.5rem;
    margin-right: 1rem;
    cursor: pointer;
}

.custom-control-input {
    position: absolute;
    z-index: -1;
    opacity: 0;
}

.custom-control-input:checked~.custom-control-indicator {
    color: #fff;
    background-color: #0275d8;
}

.custom-control-input:focus~.custom-control-indicator {
    -webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 3px #0275d8;
    box-shadow: 0 0 0 1px #fff, 0 0 0 3px #0275d8;
}

.custom-control-input:active~.custom-control-indicator {
    color: #fff;
    background-color: #8fcafe;
}

.custom-control-input:disabled~.custom-control-indicator {
    cursor: not-allowed;
    background-color: #eceeef;
}

.custom-control-input:disabled~.custom-control-description {
    color: #636c72;
    cursor: not-allowed;
}

.custom-control-indicator {
    position: absolute;
    left: 0;
    display: block;
    width: 1rem;
    height: 1rem;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #ddd;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: 50% 50%;
    background-size: 50% 50%;
}

.custom-checkbox .custom-control-indicator {
    border-radius: 0.25rem;
    box-shadow: 0 0 0 1px #333333;
}

.custom-checkbox .custom-control-input:checked~.custom-control-indicator {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
}

.custom-checkbox .custom-control-input:indeterminate~.custom-control-indicator {
    background-color: #0275d8;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='%23fff' d='M0 2h4'/%3E%3C/svg%3E");
}

.custom-radio .custom-control-indicator {
    border-radius: 50%;
    box-shadow: 0 0 0 1px #333333;
}

.custom-radio .custom-control-input:checked~.custom-control-indicator {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E");
}

.custom-controls-stacked {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

.custom-controls-stacked .custom-control {
    margin-bottom: 0.25rem;
}

.custom-controls-stacked .custom-control+.custom-control {
    margin-left: 0;
}

.d-flex .badge {
    height: 1.7em;
}

@media (max-width: 767px) {
    .splash {
        padding-top: 8em
    }

    .splash .logo {
        width: 100px
    }

    .splash h1 {
        font-size: 2em
    }

    #banner {
        margin-bottom: 2em;
        text-align: center
    }

    .form-table {
        display: block !important;
        width: 100% !important;
    }

    .form-table thead,
    .form-table tbody,
    .form-table tfoot,
    .form-table tr,
    .form-table th,
    .form-table td {
        display: block !important;
        width: 100% !important;
        text-align: left !important;
    }

    .form-table th {
        padding-bottom: 8px !important;
    }

    .form-table th label {
        margin: 0;
        padding: 0;
        width: 100%;
    }

    .d-flex .badge {
        position: absolute;
        top: -20px;
        left: 110px;
    }
}

.badge {
    height: auto !important;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}



@media print {

    .fixed_view,
    .back_to_top,
    .sub_content .col-lg-3,
    .logo_right {
        display: none;
    }

    .sub_content .col-lg-9 {
        width: 100%;
        padding: 40px 0;
    }

    #slider_t {
        width: 100%;
        height: 300px;
    }

    #header {
        margin: 0;
    }

    #header .nav_menu {
        height: 85px;
        width: 100%;
        margin: 0;
        flex-wrap: nowrap;
        -webkit-flex-wrap: nowrap;
    }

    #header .nav_menu .serch_header {
        width: 375px;
        flex-wrap: nowrap;
        -webkit-flex-wrap: nowrap;
    }

    #header .nav_menu .serch_header .box_menu {
        width: 75px;
        background-color: var(--dark-navy);
        height: 86px;
    }

    #header .nav_menu .serch_header .box_menu a {
        color: white;
        text-decoration: none;
    }

    #header .nav_menu .serch_header .box_menu:hover {
        opacity: .8;
    }

    #header .nav_menu .serch_header .box_menu:nth-child(2) {
        width: 75px;
        background-color: var(--sub-color);
    }

    #header .nav_menu .serch_header .box_menu:nth-child(3) {
        width: 75px;
        background-color: var(--dark-blue);
    }

    #header .nav_menu .serch_header .box_menu:nth-child(4) {
        width: 75px;
        background-color: var(--mid-blue);
    }

    #header .nav_menu .serch_header .box_menu:nth-child(5) {
        width: 75px;
        background-color: var(--main-color);
    }

    #header .nav_menu .serch_header .box_menu .icon_box {
        padding: 10px 0 0;
        height: 50px;
        color: white;
    }

    #header .nav_menu .serch_header .box_menu .text_box {
        color: white;
    }


    #header .nav_menu .serch_header .box_menu:nth-child(5) .icon_box {
        padding: 10px 0 0;
    }

    #header .nav_menu #site-navigation,
    #header.sub_page .nav_menu #site-navigation {
        width: calc(100% - 375px);
    }

    #header .nav_menu #site-navigation .nav_login,
    #header .nav_menu #site-navigation .nav_main {
        display: none;
    }

    #header .nav_menu #site-navigation .sp_logo {
        display: block;
        width: 240px;
    }

    #header.sub_page .nav_menu .subpage_logo {
        display: none;
    }

    h1 {
        height: 260px;
        max-height: 260px;
        padding: 0;
    }


    h1 .breadcrumb {
        padding: 0.75rem 1rem;
    }

    .sub_content table {
        overflow-x: auto;
        white-space: unset;
        display: table;
    }

    .bk_menu .menu_box .menu_list {
        white-space: nowrap;
    }

    #footer .inner .logo_area .menu_area .link {
        display: none;
    }

    .bk_menu {
        padding: 20px 0;
    }

    .footer_cont {
        padding: 40px 0 0;
    }

    .footer_cont h2 {
        margin: 0 0 40px;
        font-size: 26px;
    }

    #header .pc_menu_list {
        height: 0;
    }

    .reco_tab_list .news_box .news_list {
        box-sizing: border-box;
        width: 25%;
    }

    .reco_tab_list .label_reco {
        width: calc(20% - 1px);
    }

    .reco_tab_list .icons {
        display: none;
    }

    .top_box {
        padding: 0;
    }

    .top_box h2 {
        max-width: 540px;
    }

    .top_box .topics_view .event_list {
        width: 60%;
    }

    .top_box .topics_view .event_cal {
        width: 40%;
    }

    .top_box .number_view .number_list li {
        width: 20%;
    }

    section {
        padding: 20px 0;
    }

    .top_box .news_area {
        padding: 20px 0 40px;
    }

    .top_box.event_bk {
        padding: 40px 0 20px;
    }

    .top_box .topics_view {
        padding: 20px 0 0;
    }

    .top_box .info_about {
        padding: 20px 0 0;
    }

    section.bottom_padding_none {
        padding: 20px 0 0;
    }

    .top_box .number_view {
        padding: 40px 10px 10%;
    }

    .top_box h2.number_nara .number_info {
        font-size: 26px;
    }

    .top_box .info_about li {
        width: 28%;
        margin: 0 8% 3% 0;
    }

    .top_box .info_about li:nth-child(2n) {
        margin: 0 8% 3% 0;
    }

    .top_box .info_about li:nth-child(3n) {
        margin: 0 0 3%;
    }


    .top_box .topics_view .event_list .event_day_list .info .status {
        padding: 4px;
        font-size: 13px;
        width: 100px !important;
        height: 20px;
    }
}

/* 2023年11月22日追加 */
.btn-blue-white {
  display: inline-block;
  padding: 0.5em 1em;
  text-decoration: none;
  border-radius: 4px;
  color: #ffffff;
  background-image: linear-gradient(#6795fd 0%, #67ceff 100%);
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
  border-bottom: solid 3px #5e7fca;
}

.btn-blue-white:active {
  -webkit-transform: translateY(4px);
  transform: translateY(4px);
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
  border-bottom: none;
}
/* 2023年11月22日追加ここまで */

/* 2023年12月20日追加*/

.sub_content ul.scholarship_li_style {
    display: block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: calc(100% - 20px);
    margin: 5px 0px 15px 20px;
    padding: 5px 0;
    list-style-type: "\203b";
}
.sub_content ul.scholarship_li_style li{
    padding-left: 10px;
}

.sub_content ul.flow_design10 {
  display: flex;
  justify-content: center;
  align-items: center;
}

.sub_content ul.flow10 {
  padding-left: 0;
  margin-left: 15px;
  padding-right: 10px;
}

.sub_content ul.flow10 > li {
  list-style-type: none;
  border: 2px solid #4D9BC1;
  padding: 20px;
  border-radius: 20px;
}

.sub_content ul.flow10 > li:not(:last-child) {
  margin-bottom: 40px;
  position: relative;
}

.sub_content ul.flow10 > li:not(:last-child)::after {
  content: '';
  position: absolute;
  border: 20px solid transparent;
  width: 0;
  height: 0;
  bottom: -53px;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  border-top-color: #4D9BC1;
}

.sub_content ul.flow10 > li dl dt {
  font-size: 1.3em;
  font-weight: bold;
  border-bottom: 2pt dashed #ccc;
  padding-bottom: 0.5em;
  margin-bottom: 0.5em;
}

.sub_content ul.flow10 > li .icon10 {
  color: #4D9BC1;
  margin-right: 0.5em;
}

.sub_content ul.flow10 > li dl dd {
  margin: 0;
}

.sub_content ul.flow_design11 {
  display: flex;
  justify-content: center;
  align-items: center;
}

.sub_content ul.flow11 {
  padding-left: 0;
  margin-left: 15px;
  padding-right: 10px;
}

.sub_content ul.flow11 > li {
  list-style-type: none;
  border: 2px solid #ffa3f2;
  padding: 20px;
  border-radius: 20px;
}

.sub_content ul.flow11 > li:not(:last-child) {
  margin-bottom: 40px;
  position: relative;
}

.sub_content ul.flow11 > li:not(:last-child)::after {
  content: '';
  position: absolute;
  border: 20px solid transparent;
  width: 0;
  height: 0;
  bottom: -53px;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  border-top-color: #ffa3f2;
}

.sub_content ul.flow11 > li dl dt {
  font-size: 1.3em;
  font-weight: bold;
  border-bottom: 2pt dashed #ccc;
  padding-bottom: 0.5em;
  margin-bottom: 0.5em;
}

.sub_content ul.flow11 > li .icon11 {
  color: #ffa3f2;
  margin-right: 0.5em;
}

.sub_content ul.flow11 > li dl dd {
  margin: 0;
}
.vol_container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.vol_column {
  width: 100%;
}

@media (min-width: 1024px) {
  .vol_column {
    width: calc(50% - 16.18px / 2);
  }
}
/* 2023年12月20日追加ここまで */
/* 2024年1月15日追加ここから */
h1.side_vol {
    background-image: url(/assets/images/theme/h1/h1_esd.jpg);
}
.sub_content .vol_ban {
    display: flex;
    display: -webkit-flex;
    flex-wrap: nowrap;
    -webkit-flex-wrap: nowrap;
    list-style-type: none;
    justify-content: center;
    -webkit-justify-content: center;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    padding: 0;
    margin: 0;
}

.sub_content .vol_ban img {
    display: block;
    width: auto;
    max-width: 95%;
    margin: 0 0 20px
}

.sub_content .vol_ban img+img {
    margin: 0 0 20px 2%;
}

.sub_content .vol-iframe-wrapper {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
}

.sub_content .vol-iframe-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.sub_content ul.PC_Flex_container{
    display: flex;
    justify-content: space-around;
}
.sub_content ul.PC_Flex_container a{
    /* background-color: #cddc39; */
    color: #444;
    display: block;
    /* padding: 20px; */
    margin: 10px;
    text-align: center;
    /* border: 3px solid #444; */
}

@media screen and (max-width:900px){
    .sub_content  ul.PC_Flex_container{
        display: contents;
        flex-direction: column;
    }
    .sub_content ul.PC_Flex_container a{
        /* width: 100%; */
        margin: 10px auto;
    }
}
/* 2024年1月15日追加ここまで */