@charset "utf-8";
@media screen and (max-width:767px) {
    .site {
        padding-bottom: 40px
    }
}

.width-wrapper {
    margin: 0 auto;
    max-width: 100%;
    width: 980px
}

@media screen and (max-width:1279px) {
    .width-wrapper {
        padding: 0 10px
    }
}

@media screen and (max-width:767px) {
    .width-wrapper {
        padding: 0 10px
    }
}

.sec-wrap {
    padding: 60px 0
}

@media screen and (max-width:767px) {
    .sec-wrap {
        margin-top: 100px;
        padding: 0
    }
}

.green-wrap {
    background: #126732;
    color: #fff
}

@media screen and (max-width:767px) {
    .green-wrap {
        padding: 60px 0
    }
}

.mark {
    overflow: hidden;
    position: relative
}

.mark-inner {
    position: relative
}

.mark--white:before,
.mark--green:before {
    bottom: 0;
    content: "";
    display: block;
    height: 30vw;
    margin: auto;
    position: absolute;
    right: -5vw;
    top: 0;
    width: 30vw
}

.mark--green:before {
    /*background: url('../img/beijing.jpg') no-repeat center center/contain;*/
    background-size: 100% 100%;
}

@media screen and (max-width:768px) {
    .mark:before {
        display: none !important
    }
}

.common-h2 {
    color: #126732;
    font-size: 1.875rem;
    font-weight: 700;
    line-height: 1.7;
    margin: 0 0 2em;
    position: relative;
    text-align: center
}

.green-wrap .common-h2 {
    color: #fff
}

.common-h2:before {
    background: #126732;
    border-radius: 10px;
    content: "";
    display: block;
    height: 5px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 100%;
    width: 140px
}

.green-wrap .common-h2:before {
    background: #fff
}

.common-h2:after {
    font-size: .73em;
    left: 0;
    letter-spacing: .3em;
    position: absolute;
    text-align: center;
    top: calc(100% + .2em);
    width: 100%
}

@media screen and (max-width:767px) {
    .common-h2 {
        font-size: 2rem;
        margin: 0 0 2.5em;
        letter-spacing: .2rem
    }

    .common-h2:before {
        height: 3px
    }

    .common-h2:after {
        font-weight: 300
    }
}

.line-h2 {
    align-items: center;
    color: #126732;
    display: flex;
    font-size: 1.875rem;
    font-weight: 700;
    line-height: 1.7;
    margin: 0 0 1em
}

.line-h2:after {
    background: #126732;
    content: "";
    display: block;
    flex-grow: 1;
    height: 1px;
    margin-left: 20px
}

.deco-tri {
    display: block;
    position: relative
}

.bigbutton {
    font-size: 1.2rem;
    -moz-box-shadow: 4px 10px 11px -10px rgba(0, 0, 0, .61);
    -webkit-box-shadow: 4px 10px 11px -10px rgba(0, 0, 0, .61);
    -ms-box-shadow: 4px 10px 11px -10px rgba(0, 0, 0, .61);
    box-shadow: 4px 10px 11px -10px rgba(0, 0, 0, .61)
}

.deco-tri:after {
    background: linear-gradient(to bottom right, rgba(255, 255, 255, 0) 50%, #fff 50.5%) no-repeat top left/100% 100%;
    bottom: 10px;
    content: "";
    display: block;
    height: 20px;
    position: absolute;
    right: 10px;
    width: 20px
}

.contact-enrollment {
    align-items: center;
    background: #ff9300;
    color: #fff;
    display: flex;
    font-size: 2rem;
    font-weight: 700;
    justify-content: center;
    line-height: 1.2;
    margin: 2.5rem auto 0;
    max-width: 600px;
    padding: 1rem;
    text-decoration: none;
    width: 100%;
    text-align: center;
}

.contact-enrollment:before {
    background: url(//nara.doyu.jp/wp-content/themes/twentysixteen_child/css/../img/common/icon/enrollment.svg) no-repeat center center/contain;
    content: "";
    display: block;
    height: 2em;
    margin-right: .3em;
    width: 2.56em
}

@media screen and (max-width:768px) {
    .contact-enrollment {
        font-size: 1.5rem
    }
}

@media screen and (max-width:767px) {
    .contact-enrollment {
        font-size: 1.3rem;
        font-weight: 500;
        margin: 25px 0 0
    }

    .contact-enrollment:after {
        bottom: 5px;
        height: 15px;
        right: 5px;
        width: 15px
    }
}

.contact-wrap {
    align-items: center;
    margin: 2rem 0 0
}

@media screen and (max-width:767px) {
    .contact-wrap {
        flex-direction: column
    }
}

@media screen and (max-width:767px) {
    .contact-wrap-tel {
        width: 250px
    }
}

.contact-wrap-tel {
    flex-shrink: 0;
    margin-right: 30px
}

@media screen and (max-width:767px) {
    .contact-wrap-tel {
        margin-right: 0
    }
}

.contact-wrap-tel_txt {
    font-size: 1.25rem;
    font-weight: 700;
    margin: 0 0 .5em
}

@media screen and (max-width:767px) {
    .contact-wrap-tel_txt {
        text-align: center
    }
}

@media screen and (min-width:769px) {
    .contact-wrap-tel_txt br {
        display: none
    }
}

.contact-wrap-other {
    max-width: 466px;
    width: 100%
}

@media screen and (max-width:768px) {
    .contact-wrap-other {
        width: 50%
    }
}

@media screen and (max-width:767px) {
    .contact-wrap-other {
        margin: 20px 0 0;
        width: 100%
    }
}

.contact-wrap-other_item {
    align-items: center;
    color: #fff;
    display: flex;
    font-size: 1.8rem;
    font-weight: 700;
    justify-content: center;
    padding: .66em 1em;
    text-decoration: none
}

*+.contact-wrap-other_item {
    margin: .8em 0 0
}

.contact-wrap-other_item--document {
    background: #0093ff
}

.contact-wrap-other_item--contact {
    background: #126732
}

.contact-wrap-other_item--recruit {
    background: #ff9300
}

.contact-wrap-other_item:before {
    content: "";
    display: block;
    height: 1.1em;
    margin-right: .5em;
    width: 1.44em
}

.contact-wrap-other_item--document:before {
    background: url(//nara.doyu.jp/wp-content/themes/twentysixteen_child/css/../img/common/icon/document.svg) no-repeat center center/contain
}

.contact-wrap-other_item--contact:before {
    background: url(//nara.doyu.jp/wp-content/themes/twentysixteen_child/css/../img/common/icon/contact-white.svg) no-repeat center center/contain
}

.contact-wrap-other_item--recruit:before {
    background: url(//nara.doyu.jp/wp-content/themes/twentysixteen_child/css/../img/common/icon/for_members-white.svg) no-repeat center center/contain
}

@media screen and (max-width:768px) {
    .contact-wrap-other_item {
        font-size: 1.5rem
    }
}

@media screen and (max-width:767px) {
    .contact-wrap-other_item {
        font-size: 1.3rem;
        font-weight: 500
    }

    .contact-wrap-other_item:after {
        bottom: 5px;
        height: 15px;
        right: 5px;
        width: 15px
    }
}

.common_btn {
    display: flex;
    justify-content: center;
    margin: 25px 0 0;
    width: 100%
}

.common_btn a {
    background: #ff9300;
    border: 1px solid transparent;
    color: #fff;
    padding: 2px 70px;
    text-decoration: none;
    transition: .4s
}

.common_btn--big a {
    font-size: 1.125rem
}

.common_btn a:hover {
    background: #fff;
    border: 1px solid;
    box-shadow: 0 0 5px #ff9300;
    color: #ff9300;
    opacity: 1
}

.common_btn a:after {
    bottom: 5px;
    height: 10px;
    right: 5px;
    width: 10px
}

@media screen and (max-width:1279px) {
    .common_btn a {
        padding: .5em 0;
        text-align: center;
        width: 100%
    }
}

.breadcrumbs {
    margin: 20px 0 60px
}

@media screen and (max-width:1024px) {
    .breadcrumbs {
        margin: 20px 0
    }
}

.breadcrumbs a {
    background: 0 0 !important
}

.cat-wrap {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    margin: 10px 0 0
}

.cat-narrow .cat-wrap {
    margin-top: 0
}

.cat-wrap--header {
    justify-content: flex-end
}

.cat_tag {
    font-size: .75rem;
    margin: 5px 15px 0 0;
    padding: 2px 16px;
    position: relative;
    transition: .4s
}

.cat_tag:not(.cat_tag--deco) {
    box-shadow: 2px 2px 2px rgba(0, 0, 0, .4)
}

.cat_tag:not(.cat_tag--deco):hover {
    box-shadow: none
}

.cat_tag:not(.cat_tag--deco):after {
    background: linear-gradient(to bottom right, rgba(255, 255, 255, 0) 50%, #fff 50.5%) no-repeat top left/100% 100%;
    bottom: 3px;
    content: "";
    display: block;
    height: 6px;
    position: absolute;
    right: 3px;
    width: 6px
}

.cat_tag--deco {
    padding: 2px 16px 2px 10px
}

.cat_tag--deco:before {
    content: "";
    display: block;
    height: 100%;
    left: 100%;
    position: absolute;
    top: 0;
    width: .5rem
}

.cat_tag--deco:after {
    background: #fff;
    border-radius: 50%;
    bottom: 0;
    content: "";
    display: block;
    height: 7px;
    left: calc(100% - 8px);
    margin: auto;
    position: absolute;
    top: 0;
    width: 7px
}

.cat_tag--shcedule_report {
    background: #de761d
}

.cat_tag--shcedule_report:before {
    background: linear-gradient(to bottom left, rgba(255, 255, 255, 0) 50%, #de761d 50.5%) no-repeat top left/100% 50%, linear-gradient(to top left, rgba(255, 255, 255, 0) 50%, #de761d 50.5%) no-repeat bottom right/100% 50%
}

.cat_tag--welcome {
    background: #ef4e79
}

.cat_tag--welcome:before {
    background: linear-gradient(to bottom left, rgba(255, 255, 255, 0) 50%, #ef4e79 50.5%) no-repeat top left/100% 50%, linear-gradient(to top left, rgba(255, 255, 255, 0) 50%, #ef4e79 50.5%) no-repeat bottom right/100% 50%
}

.cat_tag--area {
    background: #126732
}

.cat_tag--area:before {
    background: linear-gradient(to bottom left, rgba(255, 255, 255, 0) 50%, #126732 50.5%) no-repeat top left/100% 50%, linear-gradient(to top left, rgba(255, 255, 255, 0) 50%, #126732 50.5%) no-repeat bottom right/100% 50%
}

.cat_tag--committee {
    background: #124067
}

.cat_tag--committee:before {
    background: linear-gradient(to bottom left, rgba(255, 255, 255, 0) 50%, #124067 50.5%) no-repeat top left/100% 50%, linear-gradient(to top left, rgba(255, 255, 255, 0) 50%, #124067 50.5%) no-repeat bottom right/100% 50%
}

.cat_tag--department,
.cat_tag--group {
    background: #67125a
}

.cat_tag--department:before,
.cat_tag--group:before {
    background: linear-gradient(to bottom left, rgba(255, 255, 255, 0) 50%, #67125a 50.5%) no-repeat top left/100% 50%, linear-gradient(to top left, rgba(255, 255, 255, 0) 50%, #67125a 50.5%) no-repeat bottom right/100% 50%
}

.news_cat:not(.cat_tag--news),
.news_cat:not(.cat_tag--media),
.news_cat:not(.cat_tag--useful),
.news_cat:not(.cat_tag--expert) {
    background: #295c3c
}

.news_cat:not(.cat_tag--news):before,
.news_cat:not(.cat_tag--media):before,
.news_cat:not(.cat_tag--useful):before,
.news_cat:not(.cat_tag--expert):before {
    background: linear-gradient(to bottom left, rgba(255, 255, 255, 0) 50%, #295c3c 50.5%) no-repeat top left/100% 50%, linear-gradient(to top left, rgba(255, 255, 255, 0) 50%, #295c3c 50.5%) no-repeat bottom right/100% 50%
}

.news_cat.cat_tag--news {
    background: #295c3c
}

.news_cat.cat_tag--news:before {
    background: linear-gradient(to bottom left, rgba(255, 255, 255, 0) 50%, #295c3c 50.5%) no-repeat top left/100% 50%, linear-gradient(to top left, rgba(255, 255, 255, 0) 50%, #295c3c 50.5%) no-repeat bottom right/100% 50%
}

.news_cat.cat_tag--media {
    background: #d63f68
}

.news_cat.cat_tag--media:before {
    background: linear-gradient(to bottom left, rgba(255, 255, 255, 0) 50%, #d63f68 50.5%) no-repeat top left/100% 50%, linear-gradient(to top left, rgba(255, 255, 255, 0) 50%, #d63f68 50.5%) no-repeat bottom right/100% 50%
}

.news_cat.cat_tag--useful {
    background: #3370b8
}

.news_cat.cat_tag--useful:before {
    background: linear-gradient(to bottom left, rgba(255, 255, 255, 0) 50%, #3370b8 50.5%) no-repeat top left/100% 50%, linear-gradient(to top left, rgba(255, 255, 255, 0) 50%, #3370b8 50.5%) no-repeat bottom right/100% 50%
}

.news_cat.cat_tag--expert {
    background: #846300
}

.news_cat.cat_tag--expert:before {
    background: linear-gradient(to bottom left, rgba(255, 255, 255, 0) 50%, #846300 50.5%) no-repeat top left/100% 50%, linear-gradient(to top left, rgba(255, 255, 255, 0) 50%, #846300 50.5%) no-repeat bottom right/100% 50%
}

.cat_tag a {
    color: #fff;
    text-decoration: underline
}

.site-header {
    position: relative;
    z-index: 100
}

.site-header-main {
    align-items: center;
    padding: 0 20px
}

@media screen and (max-width:1279px) {
    .site-header-main {
        flex-wrap: wrap;
        padding: 10px;
        position: relative
    }
}

@media screen and (max-width:767px) {
    .site-header-main {
        background: #fff;
        box-shadow: 0 3px 3px rgba(0, 0, 0, .16);
        left: 0;
        position: fixed;
        top: 0;
        width: 100%
    }
}

.site-branding {
    width: 283px
}

@media screen and (max-width:767px) {
    .site-branding {
        width: 60%
    }
}

@media screen and (max-width:767px) {
    .menubtn {
        /*background: #126733;*/
        height: 48px;
        position: absolute;
        right: 7px;
        width: 100px;
        top: 7px;
        z-index: 2;;
    }

    .menubtnInner {
        align-items: center;
        display: flex;
        flex-direction: column;
        height: 100%;
        justify-content: space-between;
        padding: 10px 0 5px;
        width: 100%
    }

    .menubtnInner:after {
        color: #fff;
        content: "MENU";
        font-size: 10px;
        line-height: 1
    }

    .menubtnInner span {
        background: #fff;
        border-radius: 5px;
        height: 1px;
        opacity: 1;
        transition: .4s;
        width: 81%
    }

    .open .menubtnInner span:nth-child(1) {
        transform: translateY(8px) rotate(45deg) scaleX(.8)
    }

    .open .menubtnInner span:nth-child(2) {
        opacity: 0
    }

    .open .menubtnInner span:nth-child(3) {
        transform: translateY(-7px) rotate(-45deg) scaleX(.8)
    }
}

.header-nav {
    align-items: center;
    padding: 15px 365px 15px 0;
    position: relative
}

@media screen and (max-width:1599px) {
    .header-nav {
        padding: 15px 0
    }
}

@media screen and (max-width:1279px) {
    .header-nav {
        margin: 10px 0 0;
        padding: 0;
        position: static;
        width: 100%
    }
}

@media screen and (max-width:767px) {
    .header-nav {
        background: #fff;
        flex-direction: column;
        height: 0;
        left: 0;
        margin: 0;
        overflow: hidden;
        padding: 0 10px;
        position: fixed;
        top: 60px;
        transition: .4s;
        width: 100%;
        z-index: 1
    }

    .open .header-nav {
        overflow: scroll;
        padding: 0 10px 150px
    }
}

.header-nav_item {
    color: inherit;
    text-decoration: none
}

.header-nav_item.current {
    color: #126732
}

.header-nav_item--hanging {
    color: #fff;
    font-size: 1.25rem;
    font-weight: 700;
    position: absolute;
    right: 0;
    top: 0
}

.header-nav_item--hanging .header-nav_item {
    border-radius: 0 0 20px 20px;
    padding: 10px 40px
}

.header-nav_item--hanging *+.header-nav_item {
    margin-left: 15px
}

.header-nav_item--document {
    background: #0093ff
}

.header-nav_item--enrollment {
    background: #ff9300
}

*+.header-nav_item {
    margin-left: 30px
}

@media screen and (max-width:1599px) {
    .header-nav_item--hanging {
        top: 100%
    }
}

@media screen and (max-width:1279px) {
    .header-nav_item {
        font-size: 14px
    }

    *+.header-nav_item {
        margin-left: 14px
    }

    .header-nav_item--hanging {
        font-weight: 500;
        right: 10px;
        top: 0
    }

    .header-nav_item--hanging .header-nav_item {
        padding: 5px 40px
    }
}

@media screen and (max-width:767px) {
    .header-nav_item {
        align-items: center;
        display: flex;
        font-size: 16px;
        order: 1;
        padding: 10px 0;
        width: 100%
    }

    *+.header-nav_item {
        /*border-top: 1px solid #000;*/
        margin: 0
    }

    .header-nav_item--hanging {
        margin: 30px 0;
        order: 0;
        position: static;
        width: 100%
    }

    .header-nav_item--hanging .header-nav_item {
        align-items: center;
        border-radius: 0;
        justify-content: center;
        padding: 10px
    }

    .header-nav_item--hanging *+.header-nav_item {
        border: none;
        margin: 0 0 0 20px
    }
}

.header-nav_item--icon:before {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    display: block;
    height: 19px;
    width: 100%
}

.header-nav_item--icon--home:before {
    background-image: url(//nara.doyu.jp/wp-content/themes/twentysixteen_child/css/../img/common/icon/home.svg)
}

.header-nav_item--icon--schedule:before {
    background-image: url(//nara.doyu.jp/wp-content/themes/twentysixteen_child/css/../img/common/icon/schedule.svg)
}

.header-nav_item--icon--report:before {
    background-image: url(//nara.doyu.jp/wp-content/themes/twentysixteen_child/css/../img/common/icon/report.svg);
    height: 16px
}

.header-nav_item--icon--about:before {
    background-image: url(//nara.doyu.jp/wp-content/themes/twentysixteen_child/css/../img/common/icon/about.svg);
    height: 16px
}

.header-nav_item--icon--for_members:before {
    background-image: url(//nara.doyu.jp/wp-content/themes/twentysixteen_child/css/../img/common/icon/for_members.svg);
    height: 17px
}

.header-nav_item--icon--qa:before {
    background-image: url(//nara.doyu.jp/wp-content/themes/twentysixteen_child/css/../img/common/icon/qa.svg)
}

.header-nav_item--icon--contact:before {
    background-image: url(//nara.doyu.jp/wp-content/themes/twentysixteen_child/css/../img/common/icon/contact-black.svg);
    height: 18px
}

.header-nav_item--icon--home.current:before {
    background-image: url(//nara.doyu.jp/wp-content/themes/twentysixteen_child/css/../img/common/icon/home-green.svg)
}

.header-nav_item--icon--schedule.current:before {
    background-image: url(//nara.doyu.jp/wp-content/themes/twentysixteen_child/css/../img/common/icon/schedule-green.svg)
}

.header-nav_item--icon--report.current:before {
    background-image: url(//nara.doyu.jp/wp-content/themes/twentysixteen_child/css/../img/common/icon/report-green.svg)
}

.header-nav_item--icon--about.current:before {
    background-image: url(//nara.doyu.jp/wp-content/themes/twentysixteen_child/css/../img/common/icon/about-green.svg)
}

.header-nav_item--icon--for_members.current:before {
    background-image: url(//nara.doyu.jp/wp-content/themes/twentysixteen_child/css/../img/common/icon/for_members-green.svg)
}

.header-nav_item--icon--qa.current:before {
    background-image: url(//nara.doyu.jp/wp-content/themes/twentysixteen_child/css/../img/common/icon/qa-green.svg)
}

.header-nav_item--icon--contact.current:before {
    background-image: url(//nara.doyu.jp/wp-content/themes/twentysixteen_child/css/../img/common/icon/contact-green.svg)
}

.header-nav_item--icon--document:before {
    background-image: url(//nara.doyu.jp/wp-content/themes/twentysixteen_child/css/../img/common/icon/document.svg);
    background-size: auto 18px;
    height: 24px
}

.header-nav_item--icon--enrollment:before {
    background-image: url(//nara.doyu.jp/wp-content/themes/twentysixteen_child/css/../img/common/icon/enrollment.svg);
    height: 24px
}

@media screen and (max-width:767px) {
    .header-nav_item--icon:before {
        margin-right: 5px;
        width: 30px
    }
}

.header-nav-accWrap {
    cursor: pointer;
    position: relative
}

.header-nav-accWrap>div span:before {
    content: ">";
    display: inline-block;
    margin-right: 5px;
    transform: rotate(90deg) scale(1, 1.5);
    transition: .4s
}

.header-nav-accWrap.open>div span:before {
    transform: rotate(90deg) scale(-1, 1.5)
}

.header-nav-accContent {
    background: #fff;
    border: 1px solid;
    left: 0;
    opacity: 0;
    overflow: hidden;
    padding: 0 20px;
    position: absolute;
    text-align: left;
    top: calc(100% + 10px);
    transition: .4s;
    width: max-content;
    z-index: 1
}

.header-nav-accContent .header-nav_item {
    display: block
}

.header-nav-accContent *+.header-nav_item {
    margin: 10px 0 0
}

.header-nav_item--indent {
    padding-left: 1em
}

.header-nav_item--indent:before {
    content: "- "
}

@media screen and (max-width:767px) {
    .header-nav-accWrap {
        display: block;
        padding: 0
    }

    .header-nav-accWrap>div span:before {
        display: none
    }

    .header-nav-accContent {
        border: none;
        border-top: 1px dotted;
        opacity: 1;
        padding: 0;
        position: static;
        width: 100%
    }

    .header-nav-accContent .header-nav_item {
        font-size: 14px;
        padding-left: 35px
    }

    .header-nav-accContent *+.header-nav_item {
        border-top: 1px dotted;
        margin: 0
    }

    .header-nav-accContent .header-nav_item:before {
        content: "-- "
    }

    .header-nav-accContent .header-nav_item--indent {
        padding-left: 50px
    }
}

.key_txt {
    color: #126732;
    font-weight: 700;
    text-shadow: .1em .1em .1em #fff, -.1em .1em .1em #fff, .1em -.1em .1em #fff, -.1em -.1em .1em #fff, .1em 0 .1em #fff, 0 .1em .1em #fff, -.1em 0 .1em #fff, 0 -.1em .1em #fff
}

.sub-nav {
    border-bottom: 2px solid #126732
}

.sub-nav-inner {
    padding: 15px 0
}

@media screen and (max-width:768px) {
    .sub-nav .width-wrapper {
        padding: 0 10px
    }
}

.sub-nav-inner>.header-nav_item {
    border-right: 2px solid #126732;
    flex-grow: 1;
    padding: 5px 0;
    text-align: center
}

.sub-nav-inner>.header-nav_item:first-child {
    border-left: 2px solid #126732
}

.sub-nav-inner>*+.header-nav_item {
    margin: 0
}

.sub-nav-inner .header-nav_item--home:before {
    content: none
}

.footer-banner {
    margin: 70px 0 0
}

@media screen and (max-width:767px) {
    .footer-banner {
        margin: 60px 0 10px
    }
}

.footer-banner-inner {
    align-items: center;
    flex-wrap: wrap
}

.footer-banner-inner:before,
.footer-banner-inner:after {
    content: "";
    display: block;
    order: 1;
    width: 23%
}

@media screen and (max-width:768px) {

    .footer-banner-inner:before,
    .footer-banner-inner:after {
        width: 32%
    }
}

.footer-banner-inner a {
    width: 23%
}

.footer-banner-inner a:not(:nth-of-type(-n+3)) {
    margin-top: 20px
}

@media screen and (max-width:768px) {
    .footer-banner-inner a {
        width: 32%
    }
}

@media screen and (max-width:767px) {
    .footer-banner-inner a {
        width: 48%
    }

    .footer-banner-inner a:not(:nth-of-type(-n+2)) {
        margin-top: 10px
    }
}

.footer-banner-inner a img {
    width: 100%
}

.banner-link {
    margin: 20px 0 0;
    text-align: right
}

.banner-link a {
    color: #126732;
    font-weight: 700
}

.site-footer {
    padding: 45px 0
}

@media screen and (max-width:767px) {
    .footer-inner {
        display: block
    }
}

.footer-logo {
    background: #fff;
    display: block;
    max-width: 352px;
    padding: 5px
}

@media screen and (max-width:767px) {
    .footer-logo {
        margin: 0 auto
    }
}

.footer_address {
    font-weight: 700;
    margin: 15px 0 0
}

@media screen and (max-width:767px) {
    .footer_address {
        text-align: center
    }
}

.footer_tel {
    display: block;
    margin: 10px 0 0;
    max-width: 280px
}

@media screen and (max-width:767px) {
    .footer_tel {
        margin: 20px auto;
        width: 250px
    }
}

.footer-nav {
    width: 600px
}

@media screen and (max-width:768px) {
    .footer-nav {
        flex-shrink: 0;
        margin-left: 20px;
        width: 63%
    }
}

@media screen and (max-width:767px) {
    .footer-nav {
        margin: 30px 0 0;
        width: 100%
    }
}

.footer-nav_title {
    border-bottom: 2px solid;
    font-size: 1.25rem;
    margin: 0 0 30px;
    padding: 0 0 .5em;
    text-align: center
}

@media screen and (max-width:767px) {
    .footer-nav_title {
        margin: 0 0 20px
    }
}

@media screen and (max-width:767px) {
    .footer-nav-inner {
        display: block
    }
}

.footer-nav-wrap {
    width: 30%
}

@media screen and (max-width:767px) {
    .footer-nav-wrap {
        width: 100%
    }
}

.footer-nav_item {
    border-bottom: 1px solid;
    color: #fff;
    display: block;
    padding: 8px 10px;
    text-decoration: none;
    transition: .4s
}

.footer-nav_item:hover {
    background: #fff;
    color: #126732;
    opacity: 1
}

.footer-nav_item:after {
    bottom: 5px;
    height: 10px;
    right: 0;
    width: 10px
}

.footer-nav_item--indent {
    padding-left: 20px
}

.footer-nav_item--indent:before {
    content: "- "
}

.site-credit {
    color: #126732;
    display: block;
    font-size: 10px;
    margin: 20px 0;
    text-align: center
}

.page-top {
    align-items: center;
    background: #126732;
    border-radius: 50%;
    bottom: 55px;
    color: #fff;
    display: flex;
    flex-direction: column;
    height: 100px;
    justify-content: center;
    position: fixed;
    right: 20px;
    text-decoration: none;
    width: 100px
}

.page-top:after {
    background: url(//nara.doyu.jp/wp-content/themes/twentysixteen_child/css/../img/footer/totop_arrow.svg) no-repeat center center/contain;
    content: "";
    display: block;
    height: 15px;
    margin: 5px 0 0;
    width: 100%
}

@media screen and (max-width:1279px) {
    .page-top {
        transform: scale(.7)
    }
}

@media screen and (max-width:767px) {
    .footer-fix {
        bottom: 0;
        height: 40px;
        left: 0;
        position: fixed;
        width: 100%;
        z-index: 99
    }

    .footer-fix a {
        align-items: center;
        color: #fff;
        display: flex;
        justify-content: center;
        text-decoration: none
    }

    .footer-fix a:before {
        content: "";
        display: block;
        height: 20px;
        margin-right: 5px
    }

    .footer-fix__document {
        background: #0093ff;
        width: 60%
    }

    .footer-fix__document:before {
        background: url(//nara.doyu.jp/wp-content/themes/twentysixteen_child/css/../img/common/icon/document.svg) no-repeat center center/contain;
        width: 20px
    }

    .footer-fix__document:after {
        bottom: 5px;
        height: 10px;
        right: 5px;
        width: 10px
    }

    .footer-fix__top {
        background: #7d7d7d;
        width: 40%
    }

    .footer-fix__top:before {
        background: url(//nara.doyu.jp/wp-content/themes/twentysixteen_child/css/../img/footer/totop_arrow.svg) no-repeat center center/contain;
        width: 13px
    }
}

.archive-imgBrock {
    background: #ececec;
    flex-shrink: 0;
    padding: 14px;
    width: 170px
}

@media screen and (max-width:767px) {
    .archive-imgBrock {
        width: 100px
    }
}

.single-meta-inner {
    align-items: center;
    margin-top: 10px
}

.single-meta-inner .cat-wrap,
.single-meta-inner .cat-wrap li {
    margin-top: 0
}

@media screen and (max-width:767px) {
    .single-meta-inner {
        align-items: stretch;
        flex-direction: column;
        margin: 0
    }

    .single-meta-inner .cat-wrap li {
        margin-top: 10px
    }
}

.single-meta_date {
    font-size: .875rem
}

@media screen and (max-width:767px) {
    .single-meta_date {
        margin: 5px 0 0;
        text-align: right
    }
}

.single-meta_title {
    color: #126732;
    font-size: 1.875rem;
    margin: 20px 0 0
}

@media screen and (max-width:767px) {
    .single-meta_title {
        font-size: 1.5rem
    }
}

.entry-nav {
    align-items: center;
    display: flex;
    margin-top: 30px;
    justify-content: space-between
}

.entry-nav_item {
    align-items: center;
    background: #126732;
    color: #fff;
    display: flex;
    font-size: 1.25rem;
    font-weight: 700;
    justify-content: center;
    padding: 20px 70px;
    text-decoration: none
}

.entry-nav_item:before {
    background: linear-gradient(to top right, rgba(255, 255, 255, 0) 50%, #fff 50.5%) no-repeat bottom left/100% 50%, linear-gradient(to bottom right, rgba(255, 255, 255, 0) 50%, #fff 50.5%) no-repeat top right/100% 50%;
    content: "";
    display: block;
    height: 18px;
    margin-right: 7px;
    width: 10px
}

.entry-nav_item--next:before {
    order: 1;
    margin: 0 0 0 7px;
    transform: scale(-1, 1)
}

@media screen and (max-width:767px) {
    .entry-nav_item {
        padding: 20px 34px
    }
}

.introduce-single-relation:nth-of-type(1) {
    margin-top: 60px
}

.wp-pagenavi {
    display: flex;
    justify-content: center;
    margin: 60px 0 0
}

.wp-pagenavi a,
.wp-pagenavi span {
    align-items: center;
    color: #797979;
    display: flex;
    font-size: 1.25rem;
    height: 40px;
    justify-content: center;
    margin: 0;
    padding: 0;
    width: 40px
}

.wp-pagenavi *+a,
.wp-pagenavi *+span {
    margin-left: 5px
}

.wp-pagenavi span.current {
    background: #126732;
    color: #fff
}

.news-single .entry-content h2,
.introduce .entry-content h2,
.areagroup_content h2 {
    background: #126732;
    color: #fff;
    margin: 4rem 0 1rem;
    padding: 5px 10px
}

.news-single .entry-content h3:not(.member-list_name),
.introduce .entry-content h3,
.areagroup_content h3 {
    border-left: 5px solid;
    color: #126732;
    margin: 3rem 0 1rem;
    padding: 5px 10px
}

.news-single .entry-content h4,
.introduce .entry-content h4,
.areagroup_content h4 {
    color: #1b1b1b;
    font-size: 1.125rem;
    margin: 2rem 0 1rem
}

.news-single .entry-content p,
.introduce .entry-content p,
.areagroup_content p {
    margin: 1rem 0 0
}

.news-single .entry-content ul,
.introduce .entry-content ul,
.areagroup_content ul {
    list-style: disc;
    margin: 1rem 0 0;
    padding-left: 2em
}

.news-archive-content {
    align-items: center;
    border-bottom: 1px solid #126732;
    justify-content: flex-start;
    padding: 15px 0
}

@media screen and (max-width:767px) {
    .news-archive-content {
        flex-wrap: wrap
    }
}

.news-archive_date {
    font-size: .75rem
}

@media screen and (max-width:767px) {
    .news-archive_date {
        font-size: .875rem
    }
}

.news-archive-content .cat-wrap {
    margin: 0 20px;
    width: 11em
}

.news-archive-content .cat_tag {
    margin-top: 0
}

@media screen and (max-width:767px) {
    .news-archive-content .cat-wrap {
        flex-grow: 1
    }
}

.news-archive-content a {
    text-decoration: none
}

.news-archive_title {
    color: #126732;
    font-size: 1.125rem
}

@media screen and (max-width:767px) {
    .news-archive_title {
        margin-top: 3px
    }
}

.schedule-container.mark--green:before {
    bottom: auto;
    top: 230px
}

a.to-past {
    background: #5a3d16
}

.schedule-archiveWrap {
    flex-wrap: wrap;
    margin: 25px 0 0
}

ul.schedule-archiveWrap {
    list-style: disc;
    padding-left: 2em
}

.shcedule-archive-content {
    background: #fff;
    border: 1px solid #707070;
    width: 49%
}

.shcedule-archive-content:not(:nth-of-type(-n+2)) {
    margin: 20px 0 0
}

@media screen and (max-width:768px) {
    .shcedule-archive-content {
        width: 100%
    }

    *+.shcedule-archive-content {
        margin: 20px 0 0
    }
}

.schedule-archive-info {
    padding: 14px;
    width: 100%
}

.schedule-archive_subtitle {
    color: #126732;
    font-size: .8rem;
    font-weight: 100
}

.schedule-archive_title {
    color: #126732;
    font-size: 1rem
}

.schedule-archive_subtitle a,
.schedule-archive_title a {
    color: #126732
}

.schedule-archive_date {
    font-size: .875rem;
    font-weight: 700;
    margin: 5px 0 0
}

.schedule-info_target {
    display: flex;
    flex-wrap: wrap;
    gap: 10px
}

.schedule-info_target li {
    background: #123867;
    color: #fff;
    font-size: .875em;
    line-height: 1;
    padding: 5px 10px
}

.schedule-info dl {
    display: flex;
    font-size: .875rem;
    margin: 15px 0 0
}

.schedule-info dt {
    color: #126732;
    flex-shrink: 0;
    font-weight: 700;
    width: 6em
}

@media screen and (max-width:767px) {
    .schedule-info dl {
        flex-direction: column
    }

    .schedule-info dt {
        width: 100%
    }
}

*+.shcedule_reporter {
    margin: 10px 0 0
}

.shcedule_reporter,
.shcedule_reporter span {
    display: block
}

.report-list {
    margin: 50px 0 0
}

@media screen and (max-width:767px) {
    .report-list {
        margin: 10px 0 0
    }
}

.report-list_item {
    border-bottom: 1px solid #126732;
    padding: 15px 0
}

.report-list_img {
    flex-shrink: 0;
    margin-right: 20px;
    width: 170px
}

@media screen and (max-width:767px) {
    .report-list_img {
        width: 100px
    }
}

.report-list_img a {
    display: block;
    height: 100%;
    text-decoration: none
}

.report-list_img--txt {
    align-items: center;
    background: #b6e2c7;
    display: flex;
    flex-direction: column;
    font-size: .75rem;
    height: 100%;
    justify-content: center;
    position: relative
}

.report-list_img--txt:before {
    background: url(//nara.doyu.jp/wp-content/themes/twentysixteen_child/css/../img/common/icon/mark-white.svg) no-repeat center center/auto 80%;
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    width: 100%
}

@media screen and (max-width:767px) {
    .report-list_img--txt {
        height: calc(200px/3)
    }
}

.report-list_img--txt span {
    color: #126732;
    position: relative;
    text-shadow: .1em .1em .1em #fff, -.1em .1em .1em #fff, .1em -.1em .1em #fff, -.1em -.1em .1em #fff, .1em 0 .1em #fff, 0 .1em .1em #fff, -.1em 0 .1em #fff, 0 -.1em .1em #fff
}

.report-list-info {
    flex-grow: 1
}

.report-list-info a {
    text-decoration: none
}

.report-list_title {
    color: #126732;
    font-size: 1.125rem
}

.report-list_data {
    font-size: .875rem;
    margin: 5px 0 0
}

.report-list_data dt {
    color: #126732;
    flex-shrink: 0;
    font-weight: 700;
    width: 7em
}

.report-list_data dd {
    color: #000;
    flex-grow: 1
}

@media screen and (max-width:767px) {
    .report-list_data {
        flex-direction: column
    }

    .report-list_data dt {
        width: 100%
    }
}

.report-list_date {
    font-size: .75rem;
    margin: 10px 0 0
}

@media screen and (min-width:769px) {
    .member-list-wrap {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between
    }

    .member-list-wrap .member-list_item {
        width: 49%
    }
}

.member-list_item {
    align-items: center;
    border-bottom: 2px solid #126732;
    padding: 15px 0
}

.member-list_img {
    flex-shrink: 0;
    height: 100px;
    margin-right: 20px;
    width: 100px
}

@media screen and (max-width:767px) {
    .member-list_img {
        height: 70px;
        width: 70px
    }
}

.member-list-info {
    width: 100%
}

.member-list-info .cat-wrap {
    list-style: none !important;
    margin: 0 0 10px !important;
    padding: 0 !important
}

.member-list_name a {
    color: #126732;
    font-size: 1.125rem
}

.introduce-archiveWrap {
    flex-wrap: wrap;
    margin: 50px 0 0
}

@media screen and (max-width:767px) {
    .introduce-archiveWrap {
        margin: 10px 0 0
    }
}

.introduce-archive-info {
    padding: 14px;
    width: 100%
}

.introduce-archive_date {
    font-size: .75rem
}

.introduce-archive_title {
    color: #126732;
    font-size: 1.125rem;
    font-weight: 700;
    margin: 10px 0 0
}

.introduce-archive_title a {
    color: #126732
}

.introduce-archive-info dl {
    margin: 10px 0 0
}

.introduce-archive-info dt {
    color: #126732;
    font-weight: 700
}

.introduce-archive-info dd {
    margin: 5px 0 0
}

.introduce-archive_by {
    font-size: .875rem
}

.qa-content {
    border-bottom: 1px solid #126732;
    padding: 20px
}

@media screen and (max-width:767px) {
    .qa-content {
        padding: 20px 0
    }
}

.qa_question {
    color: #126732;
    font-size: 1.25rem
}

.qa_question:before {
    content: "Q.";
    margin-right: 1em
}

@media screen and (max-width:767px) {
    .qa_question {
        display: flex
    }
}

.qa-answer {
    margin: 1em 0 0;
    padding: 0 20px
}

@media screen and (max-width:767px) {
    .qa-answer {
        padding: 0
    }
}

.qa-answer_txt {
    display: flex
}

.qa-answer_txt:before {
    color: #0062ff;
    content: "A.";
    flex-shrink: 0;
    font-size: 1.25rem;
    font-weight: 700;
    margin-right: 1em
}

.qa-answer_txt span {
    flex-grow: 1
}

.green-wrap .qa-content {
    border-color: #fff
}

.green-wrap .qa_question,
.green-wrap .qa-answer_txt:before {
    color: #fff
}

.page-common-nav {
    margin: 40px 0 0
}

@media screen and (max-width:767px) {
    .page-common-nav {
        flex-wrap: wrap;
        justify-content: center
    }
}

.page-common-nav_item {
    background: #fff;
    color: #ff9300;
    font-size: 1.875rem;
    font-weight: 700;
    text-align: center;
    text-decoration: none;
    width: 32%
}

.page-common-nav_item:after {
    background: linear-gradient(to bottom right, rgba(255, 255, 255, 0) 50%, #ff9300 50.5%) no-repeat top left/100% 100%;
    bottom: 5px;
    height: 10px;
    right: 5px;
    width: 10px
}

.page-common-nav_item img {
    width: 100%
}

.page-common-nav_item span {
    display: block;
    padding: .5em 0
}

@media screen and (max-width:768px) {
    .page-common-nav_item {
        font-size: 1.3rem;
        width: 32%
    }
}

@media screen and (max-width:767px) {
    .page-common-nav_item {
        width: calc(50% - 10px)
    }

    .page-common-nav_item:nth-child(even) {
        margin-left: 20px
    }

    .page-common-nav_item:nth-child(odd):not(:nth-child(1)) {
        margin-top: 20px
    }
}

.learn:before {
    left: -5vw;
    right: auto
}

.lean_lead {
    border-bottom: 1px solid;
    font-size: 1.5rem;
    font-weight: 700;
    padding-bottom: 1em;
    text-align: center
}

.lean_lead strong {
    font-size: 1.625em
}

@media screen and (max-width:767px) {
    .lean_lead strong {
        font-size: 1.4em
    }
}

.learn_txt {
    margin: 1.5em 0 0;
    text-align: center
}

@media screen and (max-width:767px) {
    .learn_txt {
        text-align: left
    }
}

.insta-list {
    display: grid;
    grid-gap: 1%;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: auto
}

.insta-list_item {
    position: relative
}

.insta-list_item:before {
    content: "";
    display: block;
    padding-top: 100%
}

.insta-list_item a {
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.insta-list_item figure {
    height: 100%;
    margin: 0;
    position: relative
}

.insta-list figure img {
    height: 100%;
    object-fit: cover;
    width: 100%
}

.insta-list_item figcaption {
    background: rgba(255, 255, 255, .5);
    bottom: 0;
    font-size: 12px;
    position: absolute;
    width: 100%
}

@media screen and (max-width:767px) {
    .insta-list_item figcaption {
        font-size: 10px
    }
}

.insta-list+.schedule_join {
    margin-top: 50px
}

.qr-wrap {
    padding: 50px 0;
    text-align: center
}

.qr-wrap canvas {
    margin: 10px auto 0
}

.pdf-icon {
    align-items: center;
    background: #126732;
    display: flex !important;
    gap: 5px;
    margin-top: 20px;
    padding: 10px 20px !important
}

.pdf-icon:before {
    background: url(//nara.doyu.jp/wp-content/themes/twentysixteen_child/css/../img/common/icon/pdf--white.svg) no-repeat center/contain;
    content: "";
    display: block;
    flex-shrink: 0;
    height: 1em;
    width: .7em
}