/*
Theme Name: òëÓô‘›ÖƒºÇ¤´Ãø?ÏU? Þ‰?Í‘?Ö™?Ö{?ÖƒºÇ¤´åÚƤ??ÀI?¿ ?ÀI?¿ ?
Theme URI: http://proide.vport.org/
Description:
Version: 1.0
Author: ßZ?ݹâº?Èß?»­?·[??¿w?¿€?ÀIÚæ?¿€?
*/

@charset 'utf-8';

:root {
    --main-color: #2a934f;
    --sub-color: #3cb367;
    --green-color: #10843a;
    --border-color: #B3B3B3;;
    --sub-border-color: #e7e7e7;
    --gray-color: #CCCCCC;
    --gray-bk-color: #f8f8f8;
    --light-green-color: #e4f8db;
    --about-bk-color:#fcfff4;
}

.alarm{
    color:#F00;
    font-weight:bold;}
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
html {
    font-size: 100%;
    /* font-family: 'Noto Sans JP', sans-serif,Arial, '¿ ‚ɦ«ÀI?¿ ÊÖ?‚ɤ¶ Pro W3', 'Hiragino Kaku Gothic Pro', '¿ ?ÀI?¿ ?ÀI?', Meiryo, Osaka, '???? ??ÀI?ÀI?¿ ?¤±', 'MS P Gothic', Verdana, Helvetica; */
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 300;
    line-height: 1.75;
}
body{
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 300;
    /* font-family: "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;*/
}
a {
    text-decoration: none;
}
/* firefox¿€?×d?Çñ‰Û?Ò½£À */
a:focus {
    outline: none;
}
.clearfix:after {
    display: block;
    clear: both;
    content: '';
}
img {
    max-width: 100%;
    height: auto;
}
/* WP¿€?¿ Ú椦¿ ?¤¥¿ Åòss WP¿€?¿€?ÀI¾Å¡ãÇWëÈ?¿€?¿€´ú¡ûÇW?´À‘Ñ?ÀIáá¡ù¿€ÂD£¤ */

.textright {
    text-align: right;
}
.aligncenter {
    display: block;
    margin: 0 auto;
}
.alignright {
    float: right;
}
.alignleft {
    float: left;
}
img[class*='wp-image-'],
img[class*='attachment-'] {
    max-width: 100%;
    height: auto;
}
.wp-caption-text {
    text-align: center;
    font-size: .8em;
    line-height: 1.8em;
}
.alignright img {
    float: right;
}
.alignleft img {
    float: left;
}
/* WP¿€?¿ Ú椦¿ ?¤¥¿ Åòss ¿€ËS£¥¿€?¿€? */
/************************************************************
ÖuĽ??¿ Ò¼?ÀI?¿w?òé??¿ ?ÀI?ó¡¤é®x¿€?ÞŸ?ÕŸÉÏ£À¿€äۣ⿀?
**************************************************************/
/*--------ó«?ôNáá¡â¿€äÛ¡î¿€´ú?¿ ?ÀI?ÀI?ÀI?¿ ?---------------------------*/

table.scheduleOtasuke {
    width:100%;
    border-collapse:collapse;
}
table.scheduleOtasuke th {
    background-color:#5EA848;
    color:white;
    font-weight:bold;
    font-size:16px;
}
table.scheduleOtasuke  td , table.scheduleOtasuke th{
    /*font-weight:normal;*/
    padding:3px;
    border:1px solid var(--gray-color);
}
table .kidsOtasuke{
    background-color:#CDE2F1;
    font-weight:bold;
}
table .parOtasuke{
    background-color:#E2D6DE;
    font-weight:bold;
}



.widthWide {
    margin: 0 auto;
    width: 100%;
}
.widthNarrow {
    margin: 0 auto;
    max-width: 1100px;
    /* max-width: 1000px; */
}
.pc {
    display: block;
}
.sp {
    display: none;
}
/* =====================
header,headerSlider,gNav
===================== */
.header {
    position: relative;
}
.headerSp {
    position: relative;
    display: block; /*sp¿€?Èäáᨓ×P?¿€?*/
}
.headerSp .headerSpBtn {
    position: absolute;
    top:10px;
    right:10px;
    z-index: 200;
    display: none;
}
.headerSp .headerSpUl {
    position: absolute;
    top:70px;
    left:0;
    z-index:300;
    display: none;
    width:100%;
    background-color: #f0faef;
}
.headerSp .headerSpUl li a {
    display: block;
    padding:15px 8px;
    border-top:1px solid var(--gray-color);
    color:#333;
}
.headerSp .headerSpUl li:last-child a {
    border-bottom:1px solid var(--gray-color);
}



.headerLink {
    display: grid;
    justify-content: flex-end;
}
.headerLinkBtn {
    display: grid;
    grid-template-columns: 16px 1fr;
    width: fit-content;
    padding: .5rem 1.5rem .6rem;
    border-radius:0 0 .5rem .5rem;
    background:var(--main-color);
    font-size: .9rem;
    line-height: 1;
    color: white;
    font-weight: bold;
    text-decoration: none;
    gap: .5rem;
}

.headerLinkBtn:before{
    content: "";
    background-image: url(https://www.nara-edu.ac.jp/cp-support/cp/common/img/greater-than.svg);
    background-size: 16px 16px;
    filter: invert(100%);
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
}

.headerLinkBtn:hover {
    opacity: 0.7;
    color: white;
    text-decoration: none;
}
.headerH1 {
    position: relative;
    top: 16px;
    z-index:10;
    text-align: center;
}
.headerSlider {
    margin: 0 auto;
    max-width: 1200px;
}
.gNav {
    position: relative;
    top: -40px;
}
.gNavUl {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    padding: 0 0 40px;
    background: url(https://www.nara-edu.ac.jp/cp-support/cp/common/img/bg_gnav.png) no-repeat;
    background-size: 100% 100%;
}
.gNavUl li {
    display: grid;
    grid-template-columns: 1fr;
    height: 120px;
    position: relative;
}
.gNavUl li + li::before {
    content: '';
    background-color: var(--border-color);
    top:6px;
    width: 1px;
    height: 108px;
    position: absolute;
}
.gNavUl li a{
    display: grid;
    grid-template-columns: 1fr;
    gap: .2rem;
    color: black;
    align-items:center;
    text-align: center;
    place-content: center;
    font-size: 1rem;
    line-height: 1.1;
    font-weight: bold;
    padding: 0 .4rem;
    position: relative;
}
.gNavUl li a::before{
    content: "";
    position: absolute;
    top: 6px;
    left: 6px;
    background-image: url(https://www.nara-edu.ac.jp/cp-support/cp/common/img/menu_traiangle.svg);
    background-size: 12px 12px;
    filter: invert(47%) sepia(21%) saturate(1280%) hue-rotate(88deg) brightness(96%) contrast(92%);
    background-repeat: no-repeat;
    width: 12px;
    height: 12px;
}
.gNavUl li a span{
    font-size: .8rem;
    color:var(--border-color);
    font-weight: normal;
}
.gNavUl li a:hover,.gNavUl li a.active{
    text-decoration: none;
    background:var(--main-color);
    color:white;
}
.gNavUl li a:hover::before,.gNavUl li a.active::before{
    filter: invert(99%) sepia(10%) saturate(185%) hue-rotate(116deg) brightness(119%) contrast(100%);
}

@media screen and (max-width:1000px) {
    .headerSp .headerSpUl li a .headbr{
        display:contents;
    }
}

/* =====================
main
===================== */
section + section{
    padding-top:2rem;
}
section.form{
    padding:0 20px 20px;
    background-color: var(--about-bk-color);
}
.main {
    margin-top:-40px;
}
.newEnt {
    position: relative;
}
/*newEntOuter*/
.newEntOuter {
    padding: 30px 0;
    background: var(--gray-bk-color);
}
.newEntH2 {
    display: grid;
    grid-template-columns: 1fr 215px;
    font-size: 2em;
    padding: 0 0 1rem;
}
.newEntBtn {
    position: absolute;
    top:0;
    right:0;
}
.newEntH2 a {
    display: grid;
    grid-template-columns: 15px 1fr;
    border-radius: .5rem;
    color: white;
    font-weight: bold;
    background:var(--main-color);
    font-size: 1rem;
    padding:.5rem 1rem;
    gap:.5rem;
    align-items: center;
}

.newEntH2 a:before{
    content: "";
    background-image: url(https://www.nara-edu.ac.jp/cp-support/cp/common/img/circle-arrow-right.svg);
    background-size: 15px 15px;
    filter: invert(100%);
    background-repeat: no-repeat;
    width: 15px;
    height: 15px;
}

.newEntH2 a:hover {
    opacity: 0.7;
}
.newEntLst {

    margin:10px -10px 10px;
}
.newEntItem {
    position: relative;
    float:left;
    margin:0 10px;
    padding:10px;
    width: 323px;
    border: 1px solid #bfbfbf;
    border-radius: 5px;
    background: white;
    transition: background 0.5s;
}
.newEntItem:last-child {
    margin-right: 0;
}

.newEntItem:hover {
    background: #ebf7f0;
}
.newEntLink {
    position: absolute;
    top: 0;
    left: 0;
    right:0;
    bottom:0;
    display: block;
    width: 100%;
}
.newEntItemH3Box{
    height:60px;
    border-left: 5px solid var(--main-color);
}
.newEntItemH3 {
    padding-left: 10px;
    line-height: 1.3;
}
.newEntItemMain {
    margin: 10px 0;
    padding-bottom: 10px;
    border-bottom: 1px solid #bfbfbf;
}
.newEntItemMain img {
     width:128px;
    height:128px;
}
.newEntImg {
    float: left;
    margin-right: 10px;
}
.newEntSummary {
    font-size: .8em;
    line-height: 1.5;
}
.newEntCat {
    float: left;
    padding-left: 20px;
    background: url(https://www.nara-edu.ac.jp/cp-support/cp/common/img/img_entry_catMarkx2.png) no-repeat left center;
    background-size: 16px;
    color: #0d8314;
    font-weight: bold;
    line-height: 1.3;
    font-size:14px;
}
.newEntLim .status .accept{
    background: #E10005;
    color: white;
    padding: 4px;
}

.newEntLim .status .acceptEnd{
    background: #EDA245;
    color: white;
    padding: 4px;
}

.newEntLim {
    float: right;

   /* background: #70971b;*/
    /*color: white;*/
    font-size: .92em;
}

.newEntDate {
    float: right;
    padding: 4px;
   /* background: white;*/
    color: #70971b;
    font-size: .92em;
}

.reco_tab_list {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    width: 100%;
    padding: 0;
    margin: 0;
}

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

.reco_tab_list .label_reco {
    display: grid;
    grid-template-columns: 1fr;
    align-items: center;
    padding: 1.5rem .5rem;
    margin: 0;
    color: black;
    text-align: center;
    border-bottom: none;
    border-right: 1px;
    font-weight: bold;
    background-color: var(--light-green-color);
    order:1;
}

.reco_tab_list .label_reco + .label_reco{
    border-left: 1px solid var(--gray-bk-color);
}


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

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

a.link_bt {
    display: grid;
    grid-template-columns: 15px 1fr;
    padding: .8rem 1rem;
    border-radius: .5rem;
    color: white;
    font-weight: bold;
    background:var(--main-color);
    grid-column: span 3;
    width: fit-content;
    margin-inline: auto;
    align-items: center;
    gap: .5rem;
}

a.link_bt:before{
    content: "";
    background-image: url(https://www.nara-edu.ac.jp/cp-support/cp/common/img/circle-arrow-right.svg);
    background-size: 15px 15px;
    filter: invert(100%);
    background-repeat: no-repeat;
    width: 15px;
    height: 15px;
}

a.link_bt:hover {
    opacity: 0.7;
}



a.course {
    display: grid;
    grid-template-columns: 15px 1fr;
    padding: .8rem 1rem;
    border-radius: .5rem;
    color: white;
    font-weight: bold;
    background:var(--main-color);
    grid-column: span 3;
    width: fit-content;
    margin-inline: auto;
    align-items: center;
    margin-inline: auto;
    gap: .5rem;
}

a.course:before{
    content: "";
    background-image: url(https://www.nara-edu.ac.jp/cp-support/cp/common/img/circle-arrow-right.svg);
    background-size: 15px 15px;
    filter: invert(100%);
    background-repeat: no-repeat;
    width: 15px;
    height: 15px;
}

a.course:hover {
    opacity: 0.7;
}

.reco_tab_list .tab-reco:checked+.label_reco+.reco_box {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    grid-column: span 4;
    gap:2rem;
    padding: 1rem 0;
}

.reco_tab_list .news_list {
    display: grid;
    grid-template-columns: 120px 1fr;
    width: 100%;
    padding: 1rem;
    gap:1rem;
    margin: 0;
    border: 1px solid var(--border-color);
    border-radius: .5rem;
    color:black
}

.reco_tab_list .news_list:hover {
    opacity: .7;
}

.reco_tab_list .news_list h3 {
    display: -webkit-box;
    gap: .5rem;
    grid-column: span 2;
    font-size: 1.2rem;
    border-left: 5px solid var(--main-color);
    padding: 0 0 0 .5rem;
    min-height: 60px;
    max-height: 60px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.reco_tab_list .news_list .date_area {
    display: grid;
    color: var(--main-color);
    font-size:1rem;
    padding: 0 0 .3rem;
}

.reco_tab_list .news_list .text {
    display: -webkit-box;
    min-height: 114px;
    max-height: 114px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 7;
    padding: 1px
}



.top_news_list .reco_box {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    grid-column: span 4;
    gap:2rem;
    padding: 1rem 0;
}

.top_news_list .news_list {
    display: grid;
    grid-template-columns: 120px 1fr;
    width: 100%;
    padding: 1rem;
    gap:1rem;
    margin: 0;
    border: 1px solid var(--border-color);
    border-radius: .5rem;
    color:black
}

.top_news_list .news_list:hover {
    opacity: .7;
}

.top_news_list .news_list h3 {
    display: -webkit-box;
    gap: .5rem;
    grid-column: span 2;
    font-size: 1.2rem;
    border-left: 5px solid var(--main-color);
    padding: 0 0 0 .5rem;
    min-height: 60px;
    max-height: 60px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.top_news_list .news_list .date_area {
    display: grid;
    color: var(--main-color);
    font-size:1rem;
    padding: 0 0 .3rem;
}

.top_news_list .news_list .text {
    display: -webkit-box;
    min-height: 114px;
    max-height: 114px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 7;
    padding: 1px;
}

.top_news_list .news_list .text a{
    display: none;
}

h3.entry {
    display: grid;
    grid-template-columns: 130px 1fr;
    gap:1rem;
    margin: 0!important;
    padding: 0 0 1rem;
    line-height: 1.6;
}

h3.entry .date_area {
    display: grid;
    color: var(--main-color);
    font-size:1rem;
    padding: 0 0 .3rem;
}

.cat_archive {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap:2rem;
    padding: 1rem 0 2rem;
}

.cat_archive a {
    display: grid;
    grid-template-columns: 120px 1fr;
    width: 100%;
    padding: 1rem;
    gap:1rem;
    margin: 0;
    color:black;
    border: 1px solid var(--border-color);
    border-radius: .5rem;
}

.cat_archive a:hover {
    opacity: .7;
}

.cat_archive a h3 {
    display: -webkit-box;
    gap: .5rem;
    grid-column: span 2;
    font-size: 1.2rem;
    border-left: 5px solid var(--main-color);
    padding: 0 0 0 .5rem;
    min-height: 60px;
    max-height: 60px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

.cat_archive a .date_area {
    display: grid;
    color: var(--main-color);
    font-size:1rem;
    padding: 0 0 .3rem;
}

.cat_archive a .text {
    display: -webkit-box;
    min-height: 114px;
    max-height: 114px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 7;
    padding: 1px 0 0;
}

.top_link_area{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(490px, 1fr));
    gap:2rem;
    padding: 0 0 3rem;
}

.top_link_area h2.pageNavH2 {
    margin-bottom:0;
    padding:10px 10px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    background-color: white;
    font-size:24px;
    line-height: 1;
}
.pageNavBtn {
    position: absolute;
    top:14px;
    right:10px;
}
.pageNavBtn a {
    display: inline-block;
    padding:7px 6px 7px 20px;
    border-radius: 8px;
    /*background-image: url(/cp-support/css/images/img_entry_arrow.png); */
    background-position: left 5px center;
    background-repeat: no-repeat;
    color:white;
    font-size:12px;
}
.pageNavBtn a:hover {
    opacity: 0.7;
}
.pageNavTxt {
    padding:20px;
    width:100%;
    color:white;
    font-size:13px;
    line-height: 1.5;
}
.pageNavTxt p {
    margin-right:120px;
    height: 60px;
}

.pageNavItem{
    padding: .5rem;
    border-radius: 5px;
}

.pageNavItemfb {
    position: relative;
    padding:.5rem;
    border-radius: 5px;
}
/*pageNav¿€?žN?¿€?ó¸?òê?¿€?ÀIÂD£ï¿€?*/
.navGreen {
    background: url(https://www.nara-edu.ac.jp/cp-support/cp/common/img/bg_pageList_green.png);
}
.navGreen .pageNavBtn a {
    background-color: #69bd43;
}
.navGreen .pageNavTxt {
    background-color: #69bd43;
    background-image: url(https://www.nara-edu.ac.jp/cp-support/cp/common/img/bg_pageList_01.png);
    background-position: top 20px right 40px;
    background-repeat: no-repeat;
}
.navGreen h2 {
    color:#69bd43;
}
.navOrange {
    background: url(https://www.nara-edu.ac.jp/cp-support/cp/common/img/bg_pageList_orange.png);
}
.navOrange .pageNavBtn a {
    background-color: #f7a211;
}
.navOrange .pageNavTxt {
    background-color: #f7a211;
    background-image: url(https://www.nara-edu.ac.jp/cp-support/cp/common/img/bg_pageList_02.png);
    background-position: top 20px right 40px;
    background-repeat: no-repeat;
}
.navOrange h2 {
    color:#f7a211;
}
.navPink{
    background: url(https://www.nara-edu.ac.jp/cp-support/cp/common/img/bg_pageList_pink.png);
}
.navPink .pageNavBtn a {
    background-color: #d68292;
}
.navPink .pageNavTxt {
    background-color: #d68292;
    background-image: url(https://www.nara-edu.ac.jp/cp-support/cp/common/img/bg_pageList_03.png);
    background-position: top 20px right 40px;
    background-repeat: no-repeat;
}
.navPink h2 {
    color:#d68292;
}
.navBlue{
    background: url(https://www.nara-edu.ac.jp/cp-support/cp/common/img/bg_pageList_blue.png);
}
.navBlue .pageNavBtn a {
    background-color: #40b0cf;
}
.navBlue .pageNavTxt {
    background-color: #40b0cf;
    background-image: url(https://www.nara-edu.ac.jp/cp-support/cp/common/img/bg_pageList_04.png);
    background-position: top 20px right 40px;
    background-repeat: no-repeat;
}
.navBlue h2 {
    color:#40b0cf;
}
.bnrOuter {
    padding:30px;
    background-color: var(--light-green-color);
}
.bnrOuter ul {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap:1rem;
    margin-inline: auto;
    max-width: 1000px;
}
.bnrOuter ul li a:hover {
    opacity: 0.7;
}
.pageContactItem {
    position: relative;
    float: left;
    margin-bottom:0px;
    padding:5px;
    max-width: 490px;
    width:100%;
}
.pageContactItem a:hover img {
     opacity: 0.7;
}
.pageContactItem img {
     width:100%;
}
/* =====================
footer
===================== */
.footer {
    margin-top:120px;
    padding-top:20px;
    width:100%;
    border-top:1px solid var(--green-color);
}
.footerOuter {
    display: grid;
    grid-template-columns: 1fr 1fr;
    padding: 0 0 1rem;
    position: relative;
}
.footerOuter p.totop {
     position: absolute;
     grid-column: span 2;
    right:10px;
    top:-67px;
}
ul.footerLnkUl {
    display: grid;
    grid-template-columns: 1fr;
    padding-left: 4rem;
}
ul.footerLnkUl li {
    display: grid;
    grid-template-columns: 14px 1fr;
    font-size:.9rem;
    line-height:2;
    gap: .5rem;
    align-items: center;
}

ul.footerLnkUl li::before {
    content: '';
    background-image: url(https://www.nara-edu.ac.jp/cp-support/cp/common/img/circle-arrow-right.svg);
    background-size: 14px 14px;
    background-repeat: no-repeat;
    width: 14px;
    height: 14px;
}

ul.footerLnkUl li a span {
    display: none;
}

ul.footerLnkUl li a:hover {
    text-decoration: underline;
}
.footerAddr {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1rem;
}
.footerAddr p.footerAddrTxt {
    margin-right:50px;
    padding:10px;
    border: 1px solid var(--sub-border-color);
    font-size:12px;
    line-height: 1.6;
}
.footerCopyright {
    padding:10px;
    width:100%;
    background-color: var(--green-color);
    color:white;
    text-align: center;
    font-size:.8rem;
}
/************************************************************
ÇW¾ä??¿ Ò¼?ÀI?¿w?òÚ?ò…?
**************************************************************/
.gNav.second {
    position: relative;
    top: 50px;
}
.main.second {
    margin-top:60px;
}
.second h2 {
    margin-bottom:20px;
    padding-left:10px;
    background-color: var(--sub-color);
}
.second h2 span {
    display: inline-block;
    padding:1rem 15px;
    background: white;
    color:var(--sub-color);
    font-size:1.6rem;
}
.aboutBox h3 span {
    color:#990000;
    font-size:15px;
}
.aboutBox p {
    line-height: 1.6;
}

.aboutBox p + p {
    margin-top: 2rem;
}
.second .pageNav {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap:2rem;
    padding: 1rem 0;

}
/************************************************************
ÇW¾ä??¿ Ò¼?ÀI?¿w?ÀI?¿ ?ÀI?¿ ?¿€?¿€?¿€?¡ù
**************************************************************/
.second .aboutBox {
    margin-bottom: 2rem;
    padding:20px;
    background-color: var(--about-bk-color);
    position:relative;
}
.second .aboutBox h3 {
    margin-bottom:20px;
    margin-right:100px;
    color:#252525;
    font-size: 1.4rem;
}
.second .aboutBox a:hover img {
    opacity: 0.7;
}
.second .aboutBox .txtBlock p {
    margin-bottom:1em;
    line-height: 1.9;
}
.second .aboutBox .txtBlock ul li {
    margin-left:20px;
    list-style-type: disc;
    line-height: 1.9;
}

.second .aboutBox .txtBlock span {
    line-height: 1.6;
}
.second .aboutBox .planBlock {
    margin-bottom:20px;
    margin-left:20px;
}
.second .aboutBox h4 {
    color:var(--sub-color);
    font-weight: bold;
    line-height: 1.9;
}
.second .aboutBox h5 {
    font-weight: bold;
    line-height: 1.9;
}
.second .aboutBox .staffList {
    margin:0 -2%;
}
.second .aboutBox .staffList .staffMember {
    float:left;
    margin:0 2% 15px;
    padding:10px;
    max-width:440px;
    width:46%;
    border:1px solid var(--gray-color);
    background-color: white;
    line-height: 1.6;
}
.second .aboutBox .staffList .staffMember.haslink {
    position: relative;
    padding-bottom:60px;
}
.second .aboutBox .staffList .staffMember.haslink p.jump {
    position:absolute;
    left:50%;
    bottom: 0px;
    margin-left:-128px;
    text-align: center;
    margin-bottom: 20px;
}
.second .aboutBox .staffList .staffMember:nth-child(2n+1) {
    clear: both;
}
.second .aboutBox .staffList .staffMember img.face {
    float:right;
    margin: 5px;
}

.second .aboutBox .staffList .staffMember p.position {
    margin-bottom:10px;
    color:var(--green-color);
    font-size:13px;
}
.second .aboutBox .staffList .staffMember p.spell {
    font-size:13px;
    line-height: 1;
}
.second .aboutBox .staffList .staffMember p.name {
    font-size:30px;
    line-height: 1.2;
}
.second .aboutBox .staffList .staffMember p.name span {
    font-size:20px;
}
.second .aboutBox .staffList .staffMember p.jump a:hover img {
    opacity: 0.7;
}
.second .aboutBox .staffList .staffMember div.contactBlock p {
    font-size:13px;
    line-height: 1.4;
}
.second .aboutBox .staffList .staffMember table {
    margin-top:20px;
}
.second .aboutBox .staffList .staffMember table th,
.second .aboutBox .staffList .staffMember table td {
    font-size:13px;
}
.second .aboutBox .staffList .staffMember table th {
    width:86px;
    text-align: left;
}
.second .aboutBox .staffList .staffMember div.excerpt {
    margin-top:20px;
}
.second .aboutBox .staffList .staffMember div.excerpt p {
    font-size:13px;
}
section.form table{
    width: 100%;
}
section.form table th{
    width: 30%;
    padding: 1rem 1rem 0;
    text-align: left;
    vertical-align: top;
    border-bottom: 1px dotted var(--border-color);
}
section.form table th small{
    color:red;
    font-size: .8rem;
    padding-left: .5rem;
}
section.form table td{
    width: 70%;
    padding: 1rem;
    border-bottom: 1px dotted var(--border-color);
}
section.form table td .form-control-feedback{
    color: red;
}
section.form table td.text-center{
    border-bottom:none;
}
section.form table td button[type="submit"]{
    display: grid;
    grid-template-columns: 15px 1fr;
    padding: .8rem 2rem;
    border-radius: .5rem;
    color: white;
    font-weight: bold;
    background: var(--main-color);
    grid-column: span 3;
    width: fit-content;
    margin-inline: auto;
    align-items: center;
    gap: .5rem;
    outline: none;
    border: none;
    font-size: 1.2rem;
    cursor: pointer;
}
section.form table td button[type="submit"]::before{
    content: "";
    background-image: url(https://www.nara-edu.ac.jp/cp-support/cp/common/img/circle-arrow-right.svg);
    background-size: 15px 15px;
    filter: invert(100%);
    background-repeat: no-repeat;
    width: 15px;
    height: 15px;
}
section.form table td button[type="submit"]:hover{
    opacity: .7;
}
section.form table td input[type="text"],section.form table td textarea{
    width: 100%;
    padding: .5rem;
    font-size: 1.2rem;
}
@media screen and (max-width:768px) {
    section + section{
        padding-top:1rem;
    }
    .second h2 span {
        font-size:1.4rem;
    }
    .second .aboutBox{
        margin-bottom: 1rem;
    }
    .second .aboutBox h3{
        font-size:1.2rem;
    }
    .footerOuter {
        grid-template-columns: 1fr;
        padding: 0;
    }
    ul.footerLnkUl {
        grid-template-columns:1fr 1fr;
        padding-left:0;
        border-top:1px solid var(--gray-color);
        border-left:1px solid var(--gray-color);
    }
    ul.footerLnkUl li{
        padding: .5rem;
        border-right:1px solid var(--gray-color);
        border-bottom:1px solid var(--gray-color);
        line-height: 1.2;
    }

    .second .aboutBox .staffList .staffMember {
        float:none;
        margin:0 2% 15px;
        max-width:none;
        width:96%;
        border:1px solid var(--gray-color);
    }
}
@media screen and (max-width:480px) {
    .second .aboutBox .staffList .staffMember img.face {
        display: block;
        float: none;
        margin:0 auto 15px;
        width:60%;
    }
    .second .aboutBox .staffList .staffMember.haslink p.jump img{
        width:90%;
    }
}
/************************************************************
ÇW¾ä??¿ Ò¼?ÀI?¿w?ÃøÒ¹¦ª¿ ?¿ ?ÀI?
**************************************************************/
.second .linkList .linkItem {
    position: relative;
    float:left;
    margin:0 0 2%;
    padding:20px 20px 65px;
    width:32%;
    border:1px solid #e5e6e2;
    background-color: var(--about-bk-color);
    line-height: 1.6;
}
.second .linkList .linkItem h3 {
    font-size:18px;
}
.second .linkList .linkItem p.url {
    margin-bottom:0px;
    word-break: break-all;
    font-size:12px;
}
.second .linkList .linkItem a {
    color:#005bac;
    text-decoration: underline;
}
.second .linkList .linkItem a:hover {
    color: #67acea;
}
.second .linkList .linkItem p.btn {
    position: absolute;
    bottom:20px;
    left:50%;
    margin-left:-90px;
    text-align: center;
}
.second .linkList .linkItem p.btn a:hover img {
    opacity: 0.7;
}

.second .linkList .linkItem:nth-child(3n-1) {
    margin:0 2%;
}
.second .linkList .linkItem:nth-child(3n+1) {
    clear:both;
}
@media screen and (max-width:768px) {

    .top_link_area{
        grid-template-columns: 1fr;
        gap: 1rem;
        padding: 0 0 2rem;
    }

    .bnrOuter ul {
        grid-template-columns: 1fr;
        gap: 1rem;
    }

    a.link_bt{
        font-size: .8rem;
    }
    
    h3.entry div {
        display: -webkit-box;
        min-height: 130px;
        max-height: 130px;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
    }
    
    .second .linkList .linkItem {
        margin:0;
        width:47%;
    }
    .second .linkList .linkItem:nth-child(3n-1) {
        margin:0;
    }
    .second .linkList .linkItem:nth-child(3n+1) {
        clear:none;
    }
    .second .linkList .linkItem:nth-child(2n-1) {
        margin:0 2% 20px;
    }
    .second .linkList .linkItem:nth-child(2n+1) {
        clear: both;
        margin-bottom:20px;
    }
}
@media screen and (max-width:480px) {
    .second .linkList {
        margin:0 1%;
    }
    .second .linkList .linkItem {
        float:none;
        margin:0 auto 20px;
        width:98%;
    }
    .second .linkList .linkItem:nth-child(3n-1) {
        margin:0 auto 20px;
    }
    .second .linkList .linkItem:nth-child(3n+1) {
        margin:0 auto 20px;
    }
    .second .linkList .linkItem:nth-child(2n-1) {
        margin:0 auto 20px;
    }
    .second .linkList .linkItem:nth-child(2n+1) {
        margin:0 auto 20px;
    }
}
@media screen and (max-width:1000px) {
    .second .pageNav {
        padding: 1rem;
        gap: 1rem;
    }
    .pageContactItem {
        position: relative;
        float: left;
        margin-bottom:5px;
        padding-top:5px;
        max-width: none;
        width:100%;
    }
    .pageContactItem img {
        width:100%;
    }
    .top_link_area{
        padding: 0 1rem 2rem;
    }
}
@media screen and (max-width:768px) {
    .newEntH2 {
        grid-template-columns: 1fr;
        font-size: 1.6em;
        padding: 0 0 1rem;
        gap: 1rem;
        text-align: center;
    }
    .newEntH2 a{
        width: fit-content;
        margin-inline: auto;
        font-size: .8rem;
    }
}
/************************************************************
ÇW¾ä??¿ Ò¼?ÀI?¿w?åÚƤ??¿ ?ë[?×Y?
**************************************************************/
.projectList .project {
    display: table;
    margin-bottom:20px;
    padding:10px 10px 20px 10px;
    width:100%;
    border-bottom:1px solid var(--gray-color);
}
.projectList .project h4 {
    color:#252525;
    font-size:16px;
    line-height: 1.5;
}
.projectList .projectYear {
    padding:10px 0;
    border-bottom:5px solid var(--gray-color);
    margin-top:15px;
    margin-bottom:15px;
    font-weight:bold;
    color:#096;
    font-size:25px;
}
.projectList .project p.date {
    margin-bottom:5px;
    padding-left:25px;
    background-image: url(https://www.nara-edu.ac.jp/cp-support/cp/common/img/ico_time.png);
    background-position: left top 1px;
    background-repeat: no-repeat;
    line-height: 22px;
}
.projectList .project .excerpt {
    margin-bottom: 20px;
}
.projectList .project .excerpt p {
    color:#252525;
    font-size:14px;
    line-height: 1.6;
}
.projectList .project .left {
    display: table-cell;
    padding-right:5px;
    vertical-align: top;
}
.projectList .project .right {
    display: table-cell;
    width:90px;
    vertical-align: top;
}
.projectList .project .right a:hover img {
    opacity: 0.7;
}
.projectList .project .taglist {
    float: left;
}
.projectList .project .taglist li {
    font-size: 14px;
    display: inline-block;
    /*width: 240px;*/
}
.projectList .project .taglist li:not(:last-child) {
    margin-right: 60px;
}
.projectList .project .taglist li:last-child {
    width: auto;
}
.projectList .project .infotag {
    border: 1px solid var(--sub-color);
    background: white;
    color: var(--sub-color);
    width: 72px;
    margin-right: 10px;
    padding: 10px 10px;
    display: inline-block;
    text-align: center;
}
.projectList .project .notes {
    font-size: 14px;
    line-height: 34px;
    float: right;
}
.projectList .project .notes .mark {
    color: var(--sub-color);
    font-size: 34px;
    vertical-align: middle;
    position: relative;
    top: -4px;
}
@media screen and (max-width:910px) {
    .projectList .project .notes {
        float: none;
        clear: both;
    }
}
@media screen and (max-width:780px) {
    .projectList .project .infotag {
        width: 62px;
    }
    .projectList .project .taglist li {
        width: auto;
        margin-bottom: 10px;
    }
    .projectList .project .taglist li:not(:last-child) {
        margin-right: 30px;
    }
}
@media screen and (max-width:480px) {
    .projectList .project .left {
        display: block;
    }
    .projectList .project .right {
        display: block;
        margin-top:15px;
        width:100%;
    }
    .projectList .project .right p {
        text-align: center;
    }
}
/************************************************************
ÇW¾ä??¿ Ò¼?ÀI?¿w?ÇžêË??ét??ÏU²õ?²¯ól¿€´ú?¿ ?ÀI?¿ ?¿ ?
**************************************************************/
.cat_link{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    padding: 2rem 0;
    gap:1rem 2rem;
    line-height: 1.6;
}

.cat_link li {
    position: relative;
    padding: 0 0 0 1.4rem;
}

.cat_link li::before {
    content: '';
    position: absolute;
    top: 6px;
    left: 6px;
    background-image: url(https://www.nara-edu.ac.jp/cp-support/cp/common/img/circle-arrow-right.svg);
    background-size: 14px 14px;
    background-repeat: no-repeat;
    width: 14px;
    height: 14px;
}

.cat_link li ul{
    display: grid;
    grid-template-columns:1fr;
    padding: .5rem 0 0;
    gap: 0;
}

.cat_area .sidebar h3 {
    padding:9px 10px;
    border-bottom:1px solid #e0ede3;
    background-color: #e2f4e8;
    color:var(--main-color);
    font-weight: bold;
    font-size:21px;
    line-height: 1.4;
}
.cat_area .sidebar .menu {
    margin-bottom:25px;
    padding:20px 15px;
    background-color: var(--about-bk-color);
}
.cat_area .sidebar .menu ul li {
    margin:4px 0 7px 0px;
    padding-left:17px;
    padding-bottom:7px;
    border-bottom: 1px solid #333;
    background-image: url(https://www.nara-edu.ac.jp/cp-support/cp/common/img/menu_traiangle.svg);
    background-size: 12px 12px;
    filter: invert(47%) sepia(21%) saturate(1280%) hue-rotate(88deg) brightness(96%) contrast(92%);
    background-repeat: no-repeat;
    background-position: left 5px top 7px;
    font-size:15px;
    line-height: 1.4;
    position: relative;
}
.cat_area .sidebar .menu ul li ul li {
    border-bottom: none;
    line-height: 1.4;
    list-style-type: none;
    background-image: none;
    padding-left:0;
    margin-left:25px;
}
.cat_area .sidebar .menu ul li a {
    color:#333;
}
.cat_area .sidebar .menu ul li a:hover {
    color: var(--green-color);
    text-decoration: underline;
}
.contents .entryHeader {
    position: relative;
    margin-bottom:50px;
}
.contents .entryHeader .eyecatch {
    display: table-cell;
    width:130px;
    vertical-align: top;
}
.contents .entryHeader .title {
    display: table-cell;
    padding-right:200px;
    padding-left:10px;
    vertical-align: top;
    line-height: 1.4;
}
.contents .entryHeader .title a {
    color:var(--main-color);
    text-decoration: underline;
}
.contents .entryHeader .title a:hover {
    color:#71c980;
}
.contents .entryHeader .status {
    position: absolute;
    top:0;
    right:0;
}
.contents .entryHeader .status p {
    display: inline-block;
    padding:12px;

    color:white;
    font-size:13px;
    font-weight:bolder;
}

.contents .entry .status .accept {
    background-color:#E10005;

}
.contents .entry .status .acceptEnd {
    background-color:#EDA245;
}

.contents .entry .status {
    position: absolute;
    top:20px;
    right:20px;
}

.contents .entry .status p {
    /*float:right;*/
    display: inline-block;
    padding:12px;
    color:white;
    font-size:18px;
    font-weight:bolder;
}

.contents .entryHeader .eyecatch img {
    width:128px;
    height:128px;
}
.contents .entryHeader .deadline {
    position: absolute;
    right:0;
    bottom:0;
}
.contents .entryBody {
    margin-bottom:20px;
    font-size:13px;
    line-height: 1.8;

}
.contents .entryBody p {
    margin-bottom:1.6em;
    word-break: break-all;
    margin:5px 0;
}
.contents .btnArea {
    margin-bottom:10px;
}
.contents .btnArea ul li {
    float:left;
    width:50%;
    text-align: center;
}
.contents .btnArea ul li a:hover img {
    opacity: 0.7;
}
@media screen and (max-width:1000px) {
    .cat_area .sidebar {
        float:none;
        width:100%;
    }
    .cat_area .contents {
        float:none;
        width:100%;
    }
}
@media screen and (max-width:768px) {
    .cat_link{
        grid-template-columns: repeat(2, 1fr);
        padding: 1rem 0;
        gap:1rem;
    }
    
    .contents .entryHeader .eyecatch {
        width:130px;
    }
    .contents .entryHeader .title {
        display: table-cell;
        padding-right:0px;
        vertical-align: top;
        line-height: 1.4;
    }
    .contents .entry .status {
        position: static;
        margin-top:10px;
    }
    .contents .entryHeader .status p {
        margin-top:15px;
        margin-bottom:15px;
        width:100%;
        text-align: center;
    }
    .contents .entryHeader .deadline {
        position: static;
    }
    .contents .entryHeader .deadline p {
        text-align: center;
    }
    .contents .btnArea ul li {
        float:none;
        margin-bottom:10px;
        width:100%;
    }
}
@media screen and (max-width:480px) {
    .contents .entryHeader .eyecatch {
        display: block;
        margin-bottom:15px;
        width:100%;
        text-align: center;
    }
    .contents .entryHeader .eyecatch p img {
        width:60%;
        height:60%;
    }
    .contents .entryHeader .title {
        display: block;
    }
}
/************************************************************
ÇW¾ä??¿ Ò¼?ÀI?¿w?¿€î†ÑÜÀI¶ë¡ðÇW?ëE?
**************************************************************/
.aboutBox.entry {
    margin-bottom:20px;
}
.aboutBox.entry h3 {
    margin-bottom:20px;
    margin-right:0px;
}
.aboutBox.entry p.category {
    display: inline-block;
    padding:6px;
    background-color: #e3acb3;
    color:white;
    margin:5px 0;
}
.aboutBox.entry p.category.information {
    background-color: #2A9350;
}
.aboutBox.entry p.category.program {
    background-color: #D68292;
}
.aboutBox.entry p.category.kensyuu,
.aboutBox.entry p.category.open,
.aboutBox.entry p.category.kensyu-child {
    background-color: #41B0CE;
}
.aboutBox.entry p.category.newsletter {
    background-color: #2A9350;
}
.aboutBox.entry p.date {
    display: inline-block;
    margin-left:10px;
    padding-left:25px;
    background-image: url(https://www.nara-edu.ac.jp/cp-support/cp/common/img/ico_time.png);
    background-position: left center;
    background-repeat: no-repeat;
    line-height: 22px;
}
.aboutBox.entry h3 {
    margin-top:28px;
    line-height: 1.4;
}
.aboutBox.entry h3 a {
    color:var(--main-color);
    text-decoration: underline;
    font-size:21px;
}
.aboutBox.entry h3 a:hover {
    color:#69bd43;
}
.aboutBox.entry .eyecatch {
    width:128px;
   display: table-cell;
    vertical-align: top;
}
.aboutBox.entry .eyecatch img{
     width:128px;
    height:128px;
}
.aboutBox.entry .excerpt {
    line-height: 1.8;
    padding-left:20px;
    display: table-cell;
    vertical-align: top;
}
.aboutBox.entry .excerpt p.more {
    text-align: right;
}
.aboutBox.entry .excerpt p.more a:hover {
    text-decoration: underline;
}
.aboutBox.contact{
    margin:0!important;
}

.aboutBox.contact .text-center{
    text-align: center;
    color: red;
    font-size: 1.4rem;
}

.aboutBox.contact ul{
    line-height: 1.6;
    color: red;
}

/************************************************************
ÇW¾ä??¿ Ò¼?ÀI?¿w?¿€î†ÑÜÀI¶ë¡ðËí?߉?
**************************************************************/
.contents .info .entryHeader .title {
    padding-right:20px;
}
.contents .entryHeader .time {
    position: absolute;
    right:0;
    bottom:0;
}
.contents .entryExcerpt {
    line-height: 1.8;
}
.contents span.underline {
    text-decoration: underline;
}
.contents div.borderEnclose {
    margin: 2em 0;
    border: 1px solid #000;
		padding: 1em;
}
.contents ol.circledNumbers {
  position: relative;
  margin: 0;
  padding: 0;
}
.contents ol.circledNumbers li {
  list-style: none;
  list-style-position: outside;
  margin: 0;
  padding-left: 1.25em;
	margin-bottom: 1em;
}
.contents ol.circledNumbers li span {
  position: absolute;
  left: 0;
  margin: 0;
}
.contents .emailMiddle {
  vertical-align: middle;
}
@media screen and (max-width:768px) {
    .contents .info .entryHeader .title {
        padding-right:10px;
    }
    .contents .info .entryHeader .title h3 {
        margin-right:10px;
    }
    .contents .info .entryHeader {
        padding-bottom:20px;
    }
}


 
@media screen and (max-width: 768px) {
  .xTable {
    overflow-x: auto;
  }
  .xTableInner {
    min-width: 768px;
    margin: 0 10px 50px;
  }
}



/************************************************************
¿ ?¿ ?¤¥ÀI?ÀI?ÀI?¿ ?
**************************************************************/
@media screen and (min-width:1001px) {
    .headerSpUl {
        display: none !important;
    }
    .gNav {
        display: block !important;
    }
}
@media screen and (max-width:1000px) {
    .headerH1 {
        top:0;
        padding-top:16px;
    }
    .headerSp .headerSpBtn {
        display: block;
    }
    .headerLink {
        display: none;
    }
    .gNav {
        display: none;
    }
    .main {
        margin-top:40px;
    }
    .newEntLst {
        margin:0px 30px;
    }
    .newEntH2 {
        padding: 0 1rem 1rem;
    }

    .reco_tab_list .label_reco {
        padding: 1rem .5rem;
        font-size: .9rem;
    }
    
    .reco_tab_list .tab-reco:checked+.label_reco+.reco_box {
        grid-template-columns: 1fr;
        gap:1rem 0;
        padding: 1rem;
    }

    .reco_tab_list .news_list img {
        order:1;
        grid-row: span 2;
    }

    .reco_tab_list .news_list h3 {
        min-height: 40px;
        max-height: 40px;
        grid-column: unset;
        -webkit-line-clamp: 2;
        order:2;
    }

    .reco_tab_list .news_list .text {
        min-height: 60px;
        max-height: 60px;
        -webkit-line-clamp: 3;
        line-height: 1.2;
        order:3;
    }

    .cat_archive {
        grid-template-columns: 1fr;
        gap:1rem;
        padding: 1rem 1rem 2rem;
    }

    .cat_archive a img {
        order:1;
        grid-row: span 2;
    }

    .cat_archive a h3 {
        min-height: 40px;
        max-height: 40px;
        grid-column: unset;
        -webkit-line-clamp: 2;
        order:2;
    }

    .cat_archive a .text {
        min-height: 60px;
        max-height: 60px;
        -webkit-line-clamp: 3;
        line-height: 1.2;
        order:3;
    }
    .newEntBtn {
        position: static;
        top:14px;
        right:20px;
        display: none;
    }
}
@media screen and (max-width:768px) {
    .textright{
        padding: 0 1rem;
    }
    .reco_tab_list {
        grid-template-columns: 1fr 1fr;
    }
    
    .reco_tab_list .tab-reco:checked+.label_reco+.reco_box {
        grid-column: span 2;
    }
    .pc {
         display: none;
    }
    .sp {
         display: block;
    }
    .aboutBox.entry .eyecatch {
        width:256px;
        margin:0 auto 20px;
        display: block;
    }
    .aboutBox.entry .eyecatch img{
        width:256px;
        height:256px;
    }
    .aboutBox.entry .excerpt {
        padding-left:0px;
        display: block;
        width:100%;
    }
    .newEntImg {
        display: block;
        margin:0 auto 10px;
        float:none;
    }
    .pageNavH2 {
        padding:10px 10px;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        background-color: white;
        font-size:24px;
    }
    .pageNavTxt p {
        margin-right:0px;
    }
    .navGreen .pageNavTxt {
        background-image: none;
    }
    .navOrange .pageNavTxt {
        background-image: none;
    }
    .navPink .pageNavTxt {
        background-image: none;
    }
    .navBlue .pageNavTxt {
        background-image: none;
    }
    .footer {
        border-top: none;
        margin-top: 80px;
    }
    .footerLnkWrap {
        float:none;
        width:100%;
    }
    .footerLnkUl {
        display: none;
    }
    .footerAddr {
        padding-top:20px;
        width:100%;
        background-color: var(--green-color);
    }
    .footerAddr img{
        display: block;
        margin-inline: auto;
        width: 80%;
    }
    .footerAddr p.footerAddrTxt {
        margin:0 10px;
        color:white;
    }
    .footerAddr p.footerAddrTxt a{
        color:white;
    }
    .footerCopyright {
        padding:20px;
        background-color: var(--green-color);
        color:white;
        text-align: center;
        font-size:13px;
        line-height: 1.3;
    }
}
@media screen and (max-width:500px) {
    .pageNavBtn {
        position: absolute;
        top:14px;
        right:10px;
    }
    .navPink h2 {
        padding-right:0px;
        height:75px;
    }
    .navPink .pageNavBtn {
        position: absolute;
        top:45px;
        right:10px;
    }
}