@charset "UTF-8";
/* CSS Document */

#main_box .text_only {
    height: 144px;
    padding-bottom: 10px;
}
#main_box h2 .text_only {
    font-size: 1.5rem;
}
@media only screen and (min-width: 601px) and (max-width: 900px) {
    #main_box div.text_only {
        height: 8rem;
    }
    #main_box h2 .text_only {
        font-size: 1.5rem;
    }
}
@media only screen and (max-width: 600px) {
    #main_box .text_only {
        height: 75px;
    }
    #main_box h2 .text_only {
        font-size: 1.125rem;
    }
}
.border_footer{
	margin-top: 1em;
	border-top: 1px solid #D8D6D6;
}

.sitemap_area {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 0px 16px;
    max-width: 1120px;
    width: calc(100% - 32px);
    margin: 32px auto;
}
/* 地色を敷く領域 */
.sitemap_unit {
    display: grid;
    grid-template-rows: 16px auto;
    gap: 8px 16px;
    font-size: 14px;
    padding: 16px 0px;
    margin-bottom: 16px;
}
.sitemap_unit.es {
    grid-column: 1 / 5;
    grid-template-columns: repeat(4, 1fr);
    background-color: #FEF5F1;
}
.sitemap_unit.jh {
    grid-column: span 4;
    grid-template-columns: repeat(3, 1fr);
    background-color: #FDF3E6;
}
.sitemap_unit.college {
    grid-column: span 2;
    grid-template-columns: repeat(2, 1fr);
    background-color: #F0F5FB;
}
.sitemap_unit.books {
    grid-template-columns: 1fr;
    background-color: #F3EFE9;
}
.sitemap_unit.digital_textbook {
    grid-template-columns: 1fr;
    background-color: #FEF4F3;
}
.sitemap_unit.digital_databank {
    grid-column: 1 / 5;
    grid-template-columns: repeat(4, 1fr);
    background-color: #F6FCEF;
}
.sitemap_unit.corporate {
    grid-template-columns: 1fr;
    background-color: #FDF5EF;
}
.sitemap_unit.other {
    grid-column: 3/5;
    grid-template-columns: 1fr;
    background-color: #F3F0EF;
}
.sitemap_unit.news {
    grid-template-columns: 1fr;
    background-color: #F3F0EF;
}
.sitemap_unit_ttl {
    font-size: 16px;
    font-weight: bold;
    margin-left: 20px;
}
.sitemap_unit_ttl.es, .sitemap_unit_ttl.jh, .sitemap_unit_ttl.digital_databank {
    grid-column: 1 / 5;
}
.sitemap_unit_ttl.college {
    grid-column: span 2;
}
.sitemap_unit_ttl.books, .sitemap_unit_ttl.digital_textbook, .sitemap_unit_ttl.corporate, .sitemap_unit_ttl.news, .sitemap_unit_ttl.other {
    grid-column: span 1;
}
/* unit内の各列 */
.sitemap_clm {
    margin: 0px 20px;
}
.sitemap_clm.digital_databank {
    grid-column: 1 / 5;
}
.sitemap_clm_list {
    margin-left: 12px;
    margin-bottom: 12px;
}
.sitemap_clm_list li {
    margin-top: 16px;
}
.sitemap_clm_ttl {
    margin-top: 16px;
    font-size: 14px;
    font-weight: bold;
}
/* digital_databank は変則で sitemap_clm を１つだけとし， その中の ul を grid としている */
.sitemap_clm_list.digital_databank {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
}
.sitemap_clm_ttl.revision {
    font-size: 16px;
}
/* 3-column */
@media only screen and (min-width: 769px) and (max-width: 1024px) {
    .sitemap_area {
        grid-template-columns: repeat(3, 1fr);
        width: auto;
        margin: 16px;
    }
    
    .sitemap_unit {
        padding: 16px 0px;
    }
    .sitemap_unit.es, .sitemap_unit.jh {
        grid-column: 1 / 4;
        grid-template-columns: repeat(3, 1fr);
    }
    .sitemap_unit.digital_databank {
        grid-column: 2 / 4;
        grid-template-columns: repeat(2, 1fr);
    }
    .sitemap_unit.other {
        grid-column: span 1;
    }
    .sitemap_unit.news {
        grid-column: auto;
        grid-row: auto;
    }
    .sitemap_unit_ttl {
        margin-left: 16px;
    }
    .sitemap_unit_ttl.es, .sitemap_unit_ttl.jh, .sitemap_unit_ttl.digital_databank {
        grid-column: 1 / 4;
    }
    
    .sitemap_clm {
        margin: 0px 16px;
    }
    .sitemap_clm.digital_databank {
        grid-column: 1 / 3;
    }
    .sitemap_clm_list.digital_databank {
        grid-template-columns: repeat(2, 1fr);
    }
}
/* 2-column */
@media only screen and (min-width: 501px) and (max-width: 768px) {
    .sitemap_area {
        grid-template-columns: repeat(2, 1fr);   
        gap: 0px 12px;
        width: auto;
        margin: 12px;
    }
    
    .sitemap_unit {
        gap: 8px 12px;
        padding: 14px 0;
        margin-bottom: 12px;
    }
    .sitemap_unit.es, .sitemap_unit.jh, .sitemap_unit.digital_databank {
        grid-column: 1 / 3;
        grid-template-columns: repeat(2, 1fr);
    }
    /* 2-column時だけ，ご利用案内unit と お知らせunit を入れ替えているため，.other で grid-row の指定が必要 */
    .sitemap_unit.other {
        grid-column: 2;
        grid-row: 6;
    }
    .sitemap_unit_ttl {
        margin-left: 14px;
    }
    .sitemap_unit_ttl.es, .sitemap_unit_ttl.jh, .sitemap_unit_ttl.digital_databank {
        grid-column: 1 / 3;
    }
    
    .sitemap_clm {
        margin: 0px 14px;
    }
    .sitemap_clm.digital_databank {
        grid-column: 1 / 3;
    }
    .sitemap_clm_list.digital_databank {
        grid-template-columns: repeat(2, 1fr);
    }
}
/* 1-column */
@media only screen and (max-width: 500px) {
    .sitemap_area {
        width: 100%;
        grid-template-columns: 1fr;
    }
    
    .sitemap_unit {
        font-size: 16px;
        padding: 16px 0px;
    }
    .sitemap_unit.es, .sitemap_unit.jh, .sitemap_unit.college, .sitemap_unit.digital_databank {
        grid-column: span 1;
        grid-template-columns: 1fr;
    }
    .sitemap_unit.other {
        grid-column: span 1;
    }
    .sitemap_unit.news {
        grid-column: auto;
        grid-row: auto;
    }
    .sitemap_unit_ttl {
        font-size: 16px;
        margin-left: 16px;
    }
    .sitemap_unit_ttl.es, .sitemap_unit_ttl.jh, .sitemap_unit_ttl.college, .sitemap_unit_ttl.digital_databank {
        grid-column: span 1;
    }
    
    .sitemap_clm {
        margin: 0px 16px;
    }
    .sitemap_clm_ttl {
        font-size: 16px;
    }
    .sitemap_clm.digital_databank {
        grid-column: 1 / 2;
    }
    .sitemap_clm_list.digital_databank {
        grid-template-columns: repeat(1, 1fr);
    }
}
/* arrow */
.icon {
    margin: -0.1875rem 0.3125rem 0 0;
    display: inline-block;
    vertical-align: middle;
    width: 7.8px;
    height: 16.5px;
}
/* IE  */
@media all and (-ms-high-contrast: none) {
    .sitemap_area {
        display: flex;
        flex-wrap: wrap;
        width: calc(100% - 16px);
    }
    .sitemap_unit {
        margin-left: 8px;
        margin-right: 8px;
        display: flex;
        flex-wrap: wrap;
        align-content: flex-start;
    }
    .sitemap_unit.es, .sitemap_unit.jh, .sitemap_unit.digital_databank {
        width: 100%;
    }
    .sitemap_unit.college {
        flex-grow: 2;
    }
    .sitemap_unit.books, .sitemap_unit.digital_textbook, .sitemap_unit.corporate, .sitemap_unit.other, .sitemap_unit.news {
        flex-grow: 1;
    }
    .sitemap_unit_ttl {
        flex-basis: 100%;
    }
    .sitemap_clm.digital_databank {
        width: 100%;
    }
    .sitemap_clm_list.digital_databank {
        display: flex;
        flex-wrap: wrap;
    }
    .sitemap_clm_list.digital_databank li {
        margin-right: 16px;
    }
}