@media print, screen and (min-width:768px) and (max-width:1048px) {
    .page-faculty_index .inner {
        padding-left: 16px;
        padding-right: 16px
    }
}

.page-faculty_index .graphic-header {
    background-image: url(/assets/img/faculty/index/bg_graphic-header_sp.jpg);
    background-position: center center
}

.content .graphic-header__item {
    letter-spacing: 6px
}

@media print, screen and (min-width:768px) {
    .page-faculty_index .graphic-header {
        background-image: url(/assets/img/faculty/index/bg_graphic-header_pc.jpg)
    }
    .content .graphic-header__item {
        letter-spacing: 12px
    }
}

.page-faculty_index .facultycont {
    padding: 20px 0 30px 0
}

.page-faculty_index .facultycont .inner {
    padding-left: 16px;
    padding-right: 16px
}

.page-faculty_index .facultycont_navigation {
    display: none
}

.page-faculty_index .facultycont__rowgroup {
    margin-bottom: 30px
}

.page-faculty_index .facultycont__rowgroup__block {
    border: 4px solid #eaeeed;
    border-top: 0;
    position: relative;
    padding: 18px 16px 16px 16px;
    margin-bottom: 16px
}

.page-faculty_index .facultycont__rowgroup__block:before {
    content: '';
    display: block;
    width: calc(100% + 8px);
    width: -webkit-calc(100% + 8px);
    height: 8px;
    position: absolute;
    left: -4px;
    top: 0
}

.page-faculty_index #facultycont__rowgroup__block01:before {
    background: #8d0119
}

.page-faculty_index #facultycont__rowgroup__block02:before {
    background: #f2899d
}

.page-faculty_index #facultycont__rowgroup__block03:before {
    background: #f1a03c
}

.page-faculty_index #facultycont__rowgroup__block04:before {
    background: #2990c6
}

.page-faculty_index #facultycont__rowgroup__block05:before {
    background: #1cb2b2
}

.page-faculty_index #facultycont__rowgroup__block06:before {
    background: #788ed3
}

.page-faculty_index #facultycont__rowgroup__block07:before {
    background: #80bc3f
}

.page-faculty_index #facultycont__rowgroup__block08:before {
    background: #1177be
}

.page-faculty_index #facultycont__rowgroup__block09:before {
    background: #bed253
}

.page-faculty_index #facultycont__rowgroup__block10:before {
    background: #255937
}

.page-faculty_index .facultycont__rowgroup__block__body__head h3 {
    display: none
}

.page-faculty_index #facultycont__rowgroup__block01 .facultycont__rowgroup__block__body__head h3, .page-faculty_index #facultycont__rowgroup__block01 .facultycont__rowgroup__block__togglettl {
    color: #8d0119
}

.page-faculty_index #facultycont__rowgroup__block02 .facultycont__rowgroup__block__body__head h3, .page-faculty_index #facultycont__rowgroup__block02 .facultycont__rowgroup__block__togglettl {
    color: #f2899d
}

.page-faculty_index #facultycont__rowgroup__block03 .facultycont__rowgroup__block__body__head h3, .page-faculty_index #facultycont__rowgroup__block03 .facultycont__rowgroup__block__togglettl {
    color: #f1a03c
}

.page-faculty_index #facultycont__rowgroup__block04 .facultycont__rowgroup__block__body__head h3, .page-faculty_index #facultycont__rowgroup__block04 .facultycont__rowgroup__block__togglettl {
    color: #2990c6
}

.page-faculty_index #facultycont__rowgroup__block05 .facultycont__rowgroup__block__body__head h3, .page-faculty_index #facultycont__rowgroup__block05 .facultycont__rowgroup__block__togglettl {
    color: #1cb2b2
}

.page-faculty_index #facultycont__rowgroup__block06 .facultycont__rowgroup__block__body__head h3, .page-faculty_index #facultycont__rowgroup__block06 .facultycont__rowgroup__block__togglettl {
    color: #788ed3
}

.page-faculty_index #facultycont__rowgroup__block07 .facultycont__rowgroup__block__body__head h3, .page-faculty_index #facultycont__rowgroup__block07 .facultycont__rowgroup__block__togglettl {
    color: #80bc3f
}

.page-faculty_index #facultycont__rowgroup__block08 .facultycont__rowgroup__block__body__head h3, .page-faculty_index #facultycont__rowgroup__block08 .facultycont__rowgroup__block__togglettl {
    color: #1177be
}

.page-faculty_index #facultycont__rowgroup__block09 .facultycont__rowgroup__block__body__head h3, .page-faculty_index #facultycont__rowgroup__block09 .facultycont__rowgroup__block__togglettl {
    color: #bed253
}

.page-faculty_index #facultycont__rowgroup__block10 .facultycont__rowgroup__block__body__head h3, .page-faculty_index #facultycont__rowgroup__block10 .facultycont__rowgroup__block__togglettl {
    color: #255937
}

.page-faculty_index .facultycont__rowgroup__block__img {
    margin-bottom: 16px
}

.page-faculty_index .facultycont__rowgroup__block__img img {
    width: 100%
}

.page-faculty_index .facultycont__rowgroup__block__body__head {
    margin-bottom: 8px
}

.page-faculty_index .facultycont__rowgroup__block__body__head div a {
    display: block;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    border: 1px solid #c3c9cf;
    border-radius: 14px;
    min-width: 172px;
    height: 28px
}

.page-faculty_index .facultycont__rowgroup__block__body__head div span {
    position: relative;
    display: inline-block;
    font-weight: bold;
    font-size: 12px;
    padding: 0 14px 0 0
}

.page-faculty_index .facultycont__rowgroup__block__body__head div span:after {
    content: '';
    display: block;
    background: url(/assets/img/module/icn_link_g.png) no-repeat;
    background-size: 100% 100%;
    width: 11px;
    height: 10px;
    position: absolute;
    right: 0;
    top: 3px
}

.page-faculty_index .facultycont__rowgroup__block__body__txt {
    font-size: 14px;
    line-height: 22px
}

.page-faculty_index .facultycont__rowgroup__block__body__txt__link {
    margin-top: 1em
}

.page-faculty_index .facultycont__rowgroup__block__body__txt__link li+li {
    margin-top: 4px
}

.page-faculty_index .facultycont__rowgroup__block__togglettl {
    font-size: 17px;
    margin-bottom: 8px
}

.page-faculty_index .facultycont__rowgroup__btn {
    margin-top: 24px
}

.page-faculty_index .facultycont__rowgroup__btn__item+.facultycont__rowgroup__btn__item {
    margin-top: 12px
}

@media print, screen and (min-width:768px) {
    .page-faculty_index .facultycont {
        padding-right: 16px;
        padding-left: 16px;
        padding-bottom: 50px
    }
    .page-faculty_index .facultycont .inner {
        padding-left: 0;
        padding-right: 0
    }
    .page-faculty_index .facultycont .module__ttl-big {
        margin-bottom: 36px
    }
    .page-faculty_index .facultycont_navigation {
        display: block;
        margin-bottom: 50px
    }
    .page-faculty_index .facultycont_navigation ul {
        padding: 14px 22px;
        background: url(/assets/img/module/bg_dot3.gif) repeat;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .page-faculty_index .facultycont_navigation li {
        margin-right: 22px;
        padding: 2px 0;
        line-height: 200%
    }
    .page-faculty_index .facultycont_navigation .module__link a:before {
        top: 7px;
        background-image: url(/assets/img/module/icn_arrow_02.png)
    }
    .page-faculty_index .facultycont__intro p {
        line-height: 28px
    }
    .page-faculty_index .facultycont__rowgroup {
        margin-bottom: 50px
    }
    .page-faculty_index .facultycont__rowgroup__block, .page-faculty_index .facultycont__rowgroup__block.active {
        padding-top: 24px;
        padding-bottom: 16px
    }
    .page-faculty_index .facultycont__rowgroup__block__togglebody {
        display: -webkit-flex;
        display: flex
    }
    .page-faculty_index .facultycont__rowgroup__block__body__head {
        display: -webkit-flex;
        display: flex;
        align-items: center;
        -webkit-align-items: center
    }
    .page-faculty_index .facultycont__rowgroup__block__body__head h3 {
        display: block;
        font-size: 24px;
        margin-right: 20px
    }
    .page-faculty_index .facultycont__rowgroup__block {
        margin-bottom: 20px
    }
    .page-faculty_index .facultycont__rowgroup__block__img {
        width: 300px;
        margin-bottom: 0;
        margin-right: 24px
    }
    .page-faculty_index .facultycont__rowgroup__block__body {
        flex: 1;
        -webkit-flex: 1
    }
    .page-faculty_index .facultycont__rowgroup__block__body__txt {
        line-height: 24px
    }
    .page-faculty_index .facultycont__rowgroup__block__body__head a {
        transition: .2s background;
        -webkit-transition: .2s background
    }
    .page-faculty_index .facultycont__rowgroup__block__body__head a:hover {
        background: #c3c9cf
    }
    .page-faculty_index .facultycont__rowgroup__block__togglettl {
        display: none
    }
    .page-faculty_index .active .facultycont__rowgroup__block__togglebody {
        display: -webkit-flex;
        display: flex
    }
    .page-faculty_index .facultycont__rowgroup__block__body__txt__link {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-top: 6px
    }
    .page-faculty_index .facultycont__rowgroup__block__body__txt__link li {
        margin-right: 20px;
        line-height: 1.7em
    }
    .page-faculty_index .facultycont__rowgroup__block__body__txt__link li+li {
        margin-top: 0
    }
    .page-faculty_index .facultycont__rowgroup__btn {
        display: -webkit-flex;
        display: flex;
        justify-content: center;
        -webkit-justify-content: center;
        align-items: center;
        -webkit-align-items: center;
        margin-top: 50px;
        margin-bottom: 80px
    }
    .page-faculty_index .facultycont__rowgroup__btn__item {
        margin: 0;
        max-width: 235px
    }
    .page-faculty_index .facultycont__rowgroup__btn__item+.facultycont__rowgroup__btn__item {
        margin-left: 20px;
        margin-top: 0
    }
}

.page-faculty_index .facultycont__rowgroup__block__body__txt__link li a:before {
    top: 5px
}

.page-faculty_index .facultycont__rowgroup__block__body__txt__link li a:before {
    top: 4px
}

@media print, screen and (min-width:768px) {
    .page-faculty_index .facultycont__rowgroup__block__body__txt__link li a:before {
        top: 5px
    }
}

@media print, screen and (min-width: 768px) {
    .content .module__link.link-external a:after {
        top: 5px;
    }
}
