@charset "UTF-8";
[class^="m-main"],
[class^="m-greeting"],
[class^="m-schedule"],
[class^="m-board"],
[class^="m-edu"],
[class^="m-video"],
[class^="m-shortcut"],
[class^="m-visual"],
[class^="n-board"],
[class^="n-schedule"],
[class^="n-mailing"],
[class^="n-related-video"],
[class^="n-related-card"],
[class^="d-leaflet"],
[class^="d-gateway"],
[class^="d-audio"],
[class^="d-tabs"],
[class^="d-guide"],
[class^="d-typical-relic"],
[class^="d-exhibition"],
[class^="d-poster"],
[class^="d-foreign"],
[class^="d-international"],
[class^="d-relic"],
[class^="d-relic-video"],
[class^="d-popup"],
[class^="e-tabs"],
[class^="e-edu"],
[class^="f-guide"],
[class^="f-sort"],
[class^="f-search"],
[class^="f-radio"],
[class^="f-step"],
[class^="f-ritual"],
[class^="f-collection"],
[class^="f-intro"],
[class^="f-album"],
[class^="f-process"],
[class^="f-published"],
[class^="f-video"],
[class^="f-thumb"],
[class^="f-card"],
[class^="f-life"],
[class^="f-seasonal"],
[class^="f-info"],
[class^="f-cultural"],
[class^="f-table"],
[class^="f-box"],
[class^="f-grouping"],
[class^="f-forms"],
[class^="f-donation"],
[class^="f-relic"],
[class^="f-relic-video"],
[class^="f-popup"],
[class^="h-login"],
[class^="h-gate"],
[class^="h-steps"],
[class^="h-terms"],
[class^="h-done"],
[class^="h-check"],
[class^="h-cart"],
[class^="h-purpose"],
[class^="h-sitemap"],
[class^="h-guide"],
[class^="h-forms"],
[class^="r-sliders"],
[class^="r-encyclopedia"],
[class^="r-guide"],
[class^="r-acodian"],
[class^="r-video"],
[class^="r-box"],
[class^="r-field"],
[class^="p-frames"],
[class^="p-frame"],
[class^="i-guide"],
[class^="i-mi"],
[class^="i-history"],
[class^="i-annual"],
[class^="i-organization"],
[class^="i-table"],
[class^="i-intro"],
[class^="i-box"],
[class^="i-map"],
[class^="s-filter"],
[class^="s-header"],
[class^="s-keyword"],
[class^="s-heading"],
[class^="s-content"],
[class^="s-forms"],
[class^="s-page"],
[class^="s-aside"],
[class^="s-contents"],
[class^="s-more"] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 1rem;
    line-height: 1.5;
    font-family: "Noto Sans Korean", "Malgun Gothic", sans-serif;
}

.m-main__panels:before,
.m-schedule:before,
.m-schedule__heading-area:before,
.m-schedule__calendar:before,
.m-schedule__list:before,
.m-board__tab-list:before,
.m-edu__tabs:before,
.m-edu__list:before,
.m-ex__list:before,
.m-ev__list:before,
.m-edu__one:before,
.m-shortcut__list:before,
.n-schedule__list:before,
.n-related-video__list:before,
.d-gateway:before,
.d-audio__list:before,
.d-tabs__list:before,
.d-typical-relic__list:before,
.d-exhibition:before,
.d-exhibition__list:before,
.d-exhibition__item:before,
.d-exhibition__link:before,
.d-exhibition__area:before,
.d-exhibition__util:before,
.d-poster__list:before,
.d-foreign__frames:before,
.d-foreign__list:before,
.d-international__group:before,
.d-relic__list:before,
.d-relic-video__list:before,
.d-popup-for__list:before,
.d-popup-nav__list:before,
.e-edu__list:before,
.e-edu__area:before,
.f-sort:before,
.f-sort__category:before,
.f-collection__list:before,
.f-process__list:before,
.f-published__cards:before,
.f-published__util:before,
.f-published__numbers:before,
.f-video:before,
.f-video__subtitle:before,
.f-thumb:before,
.f-thumb__row:before,
.f-thumb__thumb:before,
.f-card__row:before,
.f-life__list:before,
.f-cultural:before,
.f-grouping__group:before,
.f-grouping__value:before,
.f-forms__fieldset:before,
.f-donation__area:before,
.f-donation__util:before,
.f-donation__numbers:before,
.f-relic__list:before,
.f-relic-video__list:before,
.f-popup-for__list:before,
.f-popup-nav__list:before,
.h-login__util-aligner:before,
.h-login__info:before,
.h-gate__row:before,
.h-steps__list:before,
.h-forms__item:before,
.r-encyclopedia__item:before,
.r-guide--frame .r-guide__frames:before,
.r-guide__frames:before,
.r-video__list:before,
.r-box:before,
.r-field:before,
.p-frame__util:before,
.p-frame__numbers:before,
.i-mi__infos:before,
.i-history:before,
.i-history__date:before,
.i-annual__aligner:before,
.i-annual__link:before,
.i-annual__util:before,
.i-annual__numbers:before,
.i-organization__list:before,
.i-box--button:before,
.i-map:before,
.i-map__list:before,
.s-header__search:before,
.s-heading:before,
.s-content:before,
.s-page__aligner:before,
.m-main__panels:after,
.m-schedule:after,
.m-schedule__heading-area:after,
.m-schedule__calendar:after,
.m-schedule__list:after,
.m-board__tab-list:after,
.m-edu__tabs:after,
.m-edu__list:after,
.m-ex__list:after,
.m-ev__list:after,
.m-edu__one:after,
.m-shortcut__list:after,
.n-schedule__list:after,
.n-related-video__list:after,
.d-gateway:after,
.d-audio__list:after,
.d-tabs__list:after,
.d-typical-relic__list:after,
.d-exhibition:after,
.d-exhibition__list:after,
.d-exhibition__item:after,
.d-exhibition__link:after,
.d-exhibition__area:after,
.d-exhibition__util:after,
.d-poster__list:after,
.d-foreign__frames:after,
.d-foreign__list:after,
.d-international__group:after,
.d-relic__list:after,
.d-relic-video__list:after,
.d-popup-for__list:after,
.d-popup-nav__list:after,
.e-edu__list:after,
.e-edu__area:after,
.f-sort:after,
.f-sort__category:after,
.f-collection__list:after,
.f-process__list:after,
.f-published__cards:after,
.f-published__util:after,
.f-published__numbers:after,
.f-video:after,
.f-video__subtitle:after,
.f-thumb:after,
.f-thumb__row:after,
.f-thumb__thumb:after,
.f-card__row:after,
.f-life__list:after,
.f-cultural:after,
.f-grouping__group:after,
.f-grouping__value:after,
.f-forms__fieldset:after,
.f-donation__area:after,
.f-donation__util:after,
.f-donation__numbers:after,
.f-relic__list:after,
.f-relic-video__list:after,
.f-popup-for__list:after,
.f-popup-nav__list:after,
.h-login__util-aligner:after,
.h-login__info:after,
.h-gate__row:after,
.h-steps__list:after,
.h-forms__item:after,
.r-encyclopedia__item:after,
.r-guide--frame .r-guide__frames:after,
.r-guide__frames:after,
.r-video__list:after,
.r-box:after,
.r-field:after,
.p-frame__util:after,
.p-frame__numbers:after,
.i-mi__infos:after,
.i-history:after,
.i-history__date:after,
.i-annual__aligner:after,
.i-annual__link:after,
.i-annual__util:after,
.i-annual__numbers:after,
.i-organization__list:after,
.i-box--button:after,
.i-map:after,
.i-map__list:after,
.s-header__search:after,
.s-heading:after,
.s-content:after,
.s-page__aligner:after,
.d-popup:after {
    content: " ";
    display: table;
}

.m-main__panels:after,
.m-schedule:after,
.m-schedule__heading-area:after,
.m-schedule__calendar:after,
.m-schedule__list:after,
.m-board__tab-list:after,
.m-edu__tabs:after,
.m-edu__list:after,
.m-ex__list:before,
.m-ev__list:before,
.m-edu__one:after,
.m-shortcut__list:after,
.n-schedule__list:after,
.n-related-video__list:after,
.d-gateway:after,
.d-audio__list:after,
.d-tabs__list:after,
.d-typical-relic__list:after,
.d-exhibition:after,
.d-exhibition__list:after,
.d-exhibition__item:after,
.d-exhibition__link:after,
.d-exhibition__area:after,
.d-exhibition__util:after,
.d-poster__list:after,
.d-foreign__frames:after,
.d-foreign__list:after,
.d-international__group:after,
.d-relic__list:after,
.d-relic-video__list:after,
.d-popup-for__list:after,
.d-popup-nav__list:after,
.e-edu__list:after,
.e-edu__area:after,
.f-sort:after,
.f-sort__category:after,
.f-collection__list:after,
.f-process__list:after,
.f-published__cards:after,
.f-published__util:after,
.f-published__numbers:after,
.f-video:after,
.f-video__subtitle:after,
.f-thumb:after,
.f-thumb__row:after,
.f-thumb__thumb:after,
.f-card__row:after,
.f-life__list:after,
.f-cultural:after,
.f-grouping__group:after,
.f-grouping__value:after,
.f-forms__fieldset:after,
.f-donation__area:after,
.f-donation__util:after,
.f-donation__numbers:after,
.f-relic__list:after,
.f-relic-video__list:after,
.f-popup-for__list:after,
.f-popup-nav__list:after,
.h-login__util-aligner:after,
.h-login__info:after,
.h-gate__row:after,
.h-steps__list:after,
.h-forms__item:after,
.r-encyclopedia__item:after,
.r-guide--frame .r-guide__frames:after,
.r-guide__frames:after,
.r-video__list:after,
.r-box:after,
.r-field:after,
.p-frame__util:after,
.p-frame__numbers:after,
.i-mi__infos:after,
.i-history:after,
.i-history__date:after,
.i-annual__aligner:after,
.i-annual__link:after,
.i-annual__util:after,
.i-annual__numbers:after,
.i-organization__list:after,
.i-box--button:after,
.i-map:after,
.i-map__list:after,
.s-header__search:after,
.s-heading:after,
.s-content:after,
.s-page__aligner:after,
.d-popup:after {
    clear: both;
}

.f-forms__legend,
.f-forms__label,
.h-cart__row + .h-cart__row .h-cart__heading,
.h-forms__label,
.s-heading__label,
.s-forms__label {
    overflow: hidden;
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    clip: rect(0, 0, 0, 0);
}

.m-main {
    padding-bottom: 20px;
}

.m-main__pull {
    position: relative;
    z-index: 20;
    background-color: #fafafa;
}

.m-main__panels {
    margin-top: 10px;
}

.m-main__panel {
    width: 100%;
}

.m-main__panel + .m-main__panel {
    margin-top: 10px;
}

.m-main__panel-item + .m-main__panel-item {
    margin-top: 10px;
}

.m-greeting {
    position: relative;
    z-index: 10;
}

.m-greeting__list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.m-greeting__list .slick-dots {
    display: table;
    table-layout: fixed;
    border-collapse: collapse;
    border-spacing: 0;
    position: absolute;
    top: 35px;
    left: 50%;
    z-index: 100;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

.m-greeting__list .slick-dots li {
    display: table-cell;
    vertical-align: middle;
}

.m-greeting__list .slick-dots li + li {
    padding-left: 10px;
}

.m-greeting__list .slick-dots li button {
    display: block;
    width: 19px;
    height: 19px;
    margin: 0;
    padding: 0;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    -webkit-box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.6);
    box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.6);
    border: 3px solid rgba(255, 255, 255, 0.6);
    border-radius: 16px;
    background: none;
    text-indent: -9999px;
    -webkit-transition: all .2s;
    transition: all .2s;
    cursor: pointer;
    box-sizing: border-box;
}

.m-greeting__list .slick-dots li.slick-active button {
    width: 0;
    height: 0;
    border: 10px solid #c42047;
}

.m-greeting__item.slick-slide {
    padding: 70px 30px 55px;
    background-position: 50% 0;
    background-size: cover;
    outline: none;
}

.m-greeting__subject {
    color: #fff;
    font-weight: 800;
    font-size: 1.4375rem;
    letter-spacing: -1px;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6);
    text-align: center;
}

.m-greeting__desc {
    margin-top: 2px;
    color: #fff;
    font-size: 0.75rem;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6);
    text-align: center;
}

.m-greeting__links {
    margin-top: 25px;
    text-align: center;
}

.m-greeting__link {
    display: inline-block;
    min-width: 100px;
    padding: 4px 10px 5px;
    border: 1px solid rgba(157, 159, 161, 0.6);
    background-color: #000;
    color: #fff;
    font-size: 0.8125rem;
    text-decoration: none;
    text-align: center;
}

.m-greeting__controls {
    position: absolute;
    bottom: 18px;
    left: 50%;
    z-index: 1000;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

.m-greeting__control {
    display: inline-block;
}

.m-greeting__control--start {
    display: none;
    width: 17px;
    height: 20px;
    background: url('../images/pages/m-greeting__button--start.png') no-repeat;
    text-indent: -9999px;
}

.m-greeting__control--stop {
    width: 17px;
    height: 20px;
    background: url('../images/pages/m-greeting__button--stop.png') no-repeat;
    text-indent: -9999px;
}

.m-schedule__heading-area {
    position: relative;
    background: url('../images/pages/m-schedule__heading-area--mobile.png') no-repeat 0 50%;
    background-size: cover;
}

.m-schedule__heading {
    margin: 0;
    padding: 6px 15px;
    color: #fff;
    font-weight: 800;
    font-size: 1.375rem;
}

.m-schedule__more {
    position: absolute;
    top: 50%;
    right: 15px;
    color: #fff;
    font-size: 0.8125rem;
    text-decoration: none;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.m-schedule__more:after {
    content: ">";
    margin-left: 5px;
}

.m-schedule__month-area {
    position: relative;
    background-color: #1d1d1d;
}

.m-schedule__month {
    padding: 6px 40px 7px;
    color: #fff;
    font-size: 1.125rem;
    text-align: center;
}

.m-schedule__prev-month {
    position: absolute;
    top: 0;
    left: 0;
    width: 40px;
    height: 40px;
    text-indent: -9999px;
}

.m-schedule__prev-month:before {
    content: " ";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    border: 7px solid transparent;
    border-left-width: 0;
    border-right-color: #9d9fa1;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.m-schedule__next-month {
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 40px;
    text-indent: -9999px;
}

.m-schedule__next-month:before {
    content: " ";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    border: 7px solid transparent;
    border-right-width: 0;
    border-left-color: #9d9fa1;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.m-schedule__day {
    overflow-x: auto;
    overflow-y: hidden;
    background-color: #fff;
}

.m-schedule__day-list {
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 0;
    white-space: nowrap;
}

.m-schedule__day-item {
    display: inline-block;
}

.m-schedule__day-link {
    display: block;
    position: relative;
    width: 60px;
    padding: 29px 0 10px;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    color: #242526;
    font-size: 0.8125rem;
    text-decoration: none;
    text-align: center;
}

.m-schedule__day-link--today {
    border-top: 1px solid #c42047;
    border-bottom: 1px solid #c42047;
    background-color: #c42047;
    color: #fff;
    font-weight: 700;
}

.m-schedule__day-link--today:before {
    content: "TODAY";
    position: absolute;
    top: 14px;
    left: 50%;
    font-size: 0.625rem;
    line-height: 1.2;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

.m-schedule__day-link--sat {
    color: #c42047;
    font-weight: 700;
}

.m-schedule__day-link--sat:before {
    content: "SAT";
    position: absolute;
    top: 14px;
    left: 50%;
    color: #333;
    font-weight: 400;
    font-size: 0.625rem;
    line-height: 1.2;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

.m-schedule__day-link--sun {
    color: #c42047;
    font-weight: 700;
}

.m-schedule__day-link--sun:before {
    content: "SUN";
    position: absolute;
    top: 14px;
    left: 50%;
    color: #333;
    font-weight: 400;
    font-size: 0.625rem;
    line-height: 1.2;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

.m-schedule__day-link--active {
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    background-color: #e5e5e5;
    color: #1d1d1d;
    font-weight: 700;
}

.m-schedule__day-link--active.m-schedule__day-link--today {
    background-color: #981937;
    color: #fff;
}

.m-schedule__day-link--todaychoose {
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    background-color: #3bbce2;
    color: #1d1d1d;
    font-weight: 700;
}

.m-schedule__list {
    -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
    margin: 0;
    padding: 15px;
    border-top: 1px solid #c9cacc;
    border-bottom: 1px solid #c9cacc;
    background-color: #f3f4f5;
    list-style: none;
}

.m-schedule__item:before {
    content: " ";
    display: block;
    width: 24px;
    height: 2px;
    margin-bottom: 10px;
    background-color: #424446;
}

.m-schedule__item + .m-schedule__item {
    margin-top: 28px;
}

.m-schedule__link {
    text-decoration: none;
    display: inline-block;
}

.m-schedule__subject {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #424446;
    font-size: 0.875rem;
}

.m-schedule__date {
    color: #6f7275;
    font-size: 0.8125rem;
}

.m-board {
    position: relative;
    background-color: #fff;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
}

.m-board__tab {
    position: relative;
}

.m-board__tab:after {
    content: " ";
    display: block;
    bottom: 10px;
    right: 0;
    left: 0;
    border-bottom: 1px solid #e5e5e5;
}

.m-board__tab-list {
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
    position: relative;
    min-height: 319px;
    padding: 0 20px;
}

.m-board .mTSContainer {
    padding-right: 40px;
    padding-left: 15px;
}

.m-board__tab-item {
    float: left;
}

.m-board__tab-item--active .m-board__tab-link {
    color: #c42047;
    font-weight: 700;
}

.m-board__tab-item--active .m-board__tab-link:after {
    content: " ";
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    border-bottom: 3px solid #c42047;
}

.m-board__tab-item + .m-board__tab-item {
    margin-left: 20px;
}

.m-board__tab-link {
    display: block;
    position: relative;
    min-width: 50px;
    padding: 7px 0 8px;
    font-size: 1rem;
    color: #424446;
    text-align: center;
    text-decoration: none;
}

.m-board__target {
    display: none;
    position: absolute;
    top: 40px;
    left: 0;
    width: 100%;
}

.m-board__target--active {
    display: block;
}

.m-board__target ul {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    height: 243px;
    padding: 18px 15px;
}

.m-board__target ul li {
    list-style: none;
}

.m-board__target ul li a {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #424446;
    font-size: 0.9375rem;
    text-decoration: none;
}

.m-board__target ul li + li {
    margin-top: 15px;
}

.m-board__more {
    position: absolute;
    top: -40px;
    right: 0;
    width: 40px;
    height: 40px;
    background: url('../images/pages/m-board__more.png') no-repeat 0 0;
    text-indent: -9999px;
}

.m-edu {
    position: relative;
    background-color: #fff;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
}

.m-edu__tab-area {
    position: relative;
}

.m-edu__tab-area:after {
    content: " ";
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    border-bottom: 1px solid #e5e5e5;
}

.m-edu__tab-area.singular_tab {
    padding: 0 15px;
}

.singular_tab .tab_title {
    display: inline-block;
    position: relative;
    margin: 0 0 -1px;
    padding: 8px 0;
    min-width: 50px;
    text-align: center;
    font-size: 1rem;
    /* 	color: #1a95a4; */
    color: #078291;
    z-index: 1;
}

.singular_tab .tab_title:after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    /* 	border-bottom: 3px solid #1a95a4; */
    border-bottom: 3px solid #078291;
}

.m-edu__tabs {
    padding-right: 40px;
    padding-left: 40px;
}

.m-edu__tabs button {
    position: absolute;
    top: 0;
    width: 41px;
    height: 40px;
    border: none;
    text-indent: -9999px;
    cursor: pointer;
}

.m-edu__more {
    position: absolute;
    top: 0px;
    right: 0;
    width: 40px;
    height: 40px;
    background: url('../images/pages/m-board__more.png') no-repeat 0 0;
    text-indent: -9999px;
}

.m-edu__tabs .slick-track {
    height: 40px;
}

.m-edu__tabs .slick-prev {
    left: 0;
    background: url('../images/pages/m-edu__arrow--left.png') no-repeat;
    background-size: 40px 40px;
}

.m-edu__tabs .slick-next {
    right: 0;
    background: url('../images/pages/m-edu__arrow--right.png') no-repeat;
    background-size: 40px 40px;
    border-left: solid 1px #e6e6e7;
}

.m-edu__tabs .slick-track {
    left: 15px;
}

.m-edu__tab {
    display: block;
    float: left;
    min-width: 50px;
    margin-bottom: -1px;
    padding: 8px 0;
    font-size: 16px;
    color: #464647;
    text-align: center;
    text-decoration: none;
}

.m-edu__tab + .m-edu__tab {
    margin-left: 20px;
}

.m-edu__tab.slick-active {
    position: relative;
    color: #1a95a4;
    font-weight: 700;
}

.m-edu__tab.slick-active:after {
    content: " ";
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    border-bottom: 3px solid #1a95a4;
}

.m-edu__target {
    display: none;
}

.m-edu__target--active {
    display: block;
}

.m-edu__area {
    position: relative;
    padding: 15px 15px 25px 15px;
}

.m-edu__area._notice {
    margin-bottom: 15px;
    padding: 0;
    height: auto;
}

.m-edu__area .bx-pager {
    width: 100%;
    text-align: center;
    z-index: 10;
}

.m-edu__area .bx-pager-item {
    display: inline-block;
}

.m-edu__area .bx-pager-item + .bx-pager-item {
    margin-left: 10px;
}

.m-edu__area .bx-pager-link {
    display: block;
    width: 17px;
    height: 17px;
    font-size: 0;
    text-indent: -9999px;
    text-decoration: none;
    background: url('../images/pages/m-edu__pager--off.png') no-repeat 0 0;
    background-size: 10px auto;
    background-position: center;
}

.m-edu__area .bx-pager-link.active {
    background: url('../images/pages/m-edu__pager--on.png') no-repeat 0 0;
    background-size: 10px auto;
    background-position: center;
    background-color: #333;
}

.m-edu__area .bx_notice {
    position: relative;
}

.m-ex__list {
    margin: 0;
    padding: 0;
}

.m-ex__list {
    list-style: none;
}

.m-ev__list {
    margin: 0;
    padding: 0;
}

.m-ev__list {
    list-style: none;
}

.m-edu__list,
.m-notice__list {
    margin: 0;
    padding: 0;
}

.m-edu__list {
    list-style: none;
}

.m-notice__item a:focus {
    border: 1px solid #000;
}

.m-notice__list .slick-dots {
    margin: 1px 0 0 0;
}

.m-notice__item a {
    display: inline-block;
    float: left;
}

.m-notice__list,
.m-notice__list .slick-list,
.m-notice__list .slick-track,
.m-notice__list .slick-slide img {
    width: 100%;
    height: auto;
}

.m-notice__list .slick-dots {
    position: absolute;
    top: -40px;
    right: 40px;
    padding-left: 0;
    width: 145px;
    list-style: none;
    text-align: right;
    white-space: nowrap;
}

.m-notice__list .slick-dots > li {
    display: inline-block;
    margin-left: 5px;
}

.m-notice__list .slick-dots button,
._notice .m-notice__controls > a {
    width: 17px;
    height: 17px;
    font-size: 0;
    text-indent: -9999px;
    border: none;
    cursor: pointer;
}

.m-notice__list .slick-dots button {
    background: transparent url('../images/pages/m-edu__pager--off.png') center/10px auto no-repeat;
}

.m-notice__list .slick-dots .slick-active button {
    background-color: #333;
    background-image: url('../images/pages/m-edu__pager--on.png');
}

._notice .m-notice__controls {
    position: absolute;
    top: -40px;
    right: 0;
    padding: 11px 10px;
}

._notice .m-notice__controls > a {
    display: block;
    background-color: transparent;
    background-position: center;
    background-repeat: no-repeat;
}

._notice .m-notice__controls .m-notice__control--stop {
    background-image: url('../images/layout/l-popup-zone--stop.png');
}

._notice .m-notice__controls .m-notice__control--start {
    background-image: url('../images/layout/l-popup-zone--start.png');
}

.m-edu__one {
    display: block;
    text-decoration: none;
}

.m-edu__image a {
    display: inline-block;
}

.m-edu__half {
    float: left;
    width: calc(50% - 2px);
    text-decoration: none;
}

.m-edu__half + .m-edu__half {
    margin-top: 0;
    margin-left: 4px;
}

.m-edu__image img {
    display: block;
    max-width: 100%;
    height: 95px;
}

.m-edu__current {
    overflow: hidden;
    text-overflow: ellipsis;
    text-decoration: none;
    white-space: nowrap;
    margin: 5px 0 9px;
    /*     color: #1a95a4; */
    color: #078291;
    font-size: 0.75rem;
}

.m-edu__title {
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: inherit;
    word-wrap: break-word;
    height: 42px;
    color: #424446;
    font-size: 0.875rem;
}

.m-edu__title a {
    color: #000;
    text-decoration: none;
}

.m-video a {
    display: block;
    width: 100%;
    overflow: hidden;
}

.m-video img {
    display: block;
    width: 100%;
}

.m-shortcut__list {
    width: 100%;
    margin: 0;
    padding: 0;
    background: url('../images/pages/m-shotcut__bg--mobile.png') no-repeat 50% 50%;
    background-size: cover;
}

.m-shortcut__item {
    display: table;
    table-layout: fixed;
    border-collapse: collapse;
    border-spacing: 0;
    float: left;
    width: 50%;
    height: 70px;
    list-style: none;
}

.m-shortcut__item:nth-child(2) ~ .m-shortcut__item {
    border-top: 1px solid #115d65;
}

.m-shortcut__item:nth-child(even) {
    border-left: 1px solid #115d65;
}

.m-shortcut__link {
    display: table-cell;
    color: #fff;
    font-weight: 700;
    font-size: 0.875rem;
    line-height: 1.2;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
}

.m-visual {
    position: relative;
}

.m-visual__video video {
    display: block;
    width: 100%;
}

.m-visual__dim {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 10000;
    text-indent: -9999px;
}

.m-visual__video2 {
    position: relative;
    padding: 9.5% 0;
    min-height: 180px;
}

.m-visual__video2 iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.m-visual__pull {
    z-index: 100;
}

.m-visual__trigger {
    display: none;
    position: relative;
    opacity: .5;
    width: 66px;
    height: 66px;
    margin: 0 auto;
    margin-bottom: 20px;
    background: url('../images/pages/m-visual__trigger.png') no-repeat;
    background-position: 0 -66px;
    border: 0;
    text-decoration: none;
    text-indent: -9999px;
    cursor: pointer;
    outline: none;
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
}

.m-visual__trigger:hover,
.m-visual__trigger:focus {
    opacity: 1;
}

.m-visual__trigger--active {
    background-position: 0 0;
}

.m-visual__aligner {
    position: relative;
    max-width: 1200px;
    margin-right: auto;
    margin-left: auto;
}

.n-board__open {
    margin-top: 15px;
    text-align: center;
}

.n-board__open img {
    max-width: 100%;
    vertical-align: top;
}

.n-board__article {
    padding: 15px 0;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
}

.n-schedule__calendar {
    margin-bottom: 50px;
}

.n-schedule__list {
    margin: 0 -10px;
    padding: 0;
    list-style: none;
}

.n-schedule__item {
    padding-right: 10px;
    padding-left: 10px;
}

.n-schedule__item + .n-schedule__item {
    margin-top: 30px;
}

.n-schedule__link {
    display: block;
    text-decoration: none;
}

.n-schedule__link:hover .n-schedule__subject {
    text-decoration: underline;
}

.n-schedule__image {
    display: block;
    width: 100%;
}

.n-schedule__info {
    padding: 15px 20px;
    border: 1px solid #e5e5e5;
    border-top: 0;
    display: block;
}

.n-schedule__category {
    margin-bottom: 15px;
    color: #6f7275;
    font-weight: 500;
    font-size: 0.8125rem;
    display: block;
}

.n-schedule__subject {
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: inherit;
    word-wrap: break-word;
    height: 49px;
    color: #1d1d1d;
    font-weight: 500;
    font-size: 1rem;
}

.n-schedule__more {
    display: inline-block;
    position: relative;
    margin-top: 25px;
    padding-right: 10px;
    color: #c42047;
    font-weight: 500;
    font-size: 0.875rem;
}

.n-schedule__more a {
    color: #000;
    text-decoration: none;
}

.n-schedule__more:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    right: 0;
    width: 0;
    height: 0;
    border: 6px solid transparent;
    border-right-width: 0;
    border-left-color: #c42047;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.n-schedule__more:after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    right: 2px;
    width: 0;
    height: 0;
    border: 6px solid transparent;
    border-right-width: 0;
    border-left-color: #fff;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.n-mailing {
    border: 1px solid #e5e5e5;
}

.n-mailing__email {
    max-width: 390px;
    margin-right: auto;
    margin-left: auto;
    padding: 15px;
}

.n-mailing__email-label {
    display: block;
    margin-bottom: 5px;
    color: #424446;
    font-weight: 500;
    font-size: 0.9375rem;
}

.n-mailing__explain {
    padding: 20px 15px;
    background-color: #f3f4f5;
}

.n-mailing__list {
    display: table;
    table-layout: fixed;
    border-collapse: collapse;
    border-spacing: 0;
    margin: 0 auto;
    padding: 0;
    list-style: none;
}

.n-mailing__item {
    display: table-cell;
    vertical-align: middle;
}

.n-mailing__item + .n-mailing__item {
    padding-left: 20px;
}

.n-mailing__link {
    padding-left: 20px;
    background: url('../images/pages/n-mailing__link.png') no-repeat 0 50%;
    color: #c42047;
    font-weight: 700;
    font-size: 0.875rem;
    text-decoration: none;
}

.n-mailing__desc {
    margin: 0;
    margin-top: 10px;
    padding: 0;
    color: #1d1d1d;
    font-size: 0.875rem;
    text-align: center;
}

.n-mailing__agree {
    margin-top: 10px;
}

.n-mailing__check {
    text-align: center;
}

.n-mailing .c-forms__labels {
    font-size: 0.875rem;
}

.n-mailing__emphasis {
    font-weight: 700;
    font-size: inherit;
}

.n-mailing__button {
    margin-top: 10px;
    text-align: center;
}

.n-related-video__list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.n-related-video__item + .n-related-video__item {
    margin-top: 20px;
}

.n-related-video__link {
    display: block;
    text-decoration: none;
}

.n-related-video__image {
    display: block;
    width: 100%;
}

.n-related-video__subject {
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: inherit;
    word-wrap: break-word;
    max-height: 46px;
    margin-top: 5px;
    color: #424446;
    font-weight: 500;
    font-size: 0.9375rem;
}

.n-related-card {
    padding: 10px 40px;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
}

.n-related-card .slick-slide img {
    display: inline-block;
    vertical-align: middle;
    max-width: 100%;
    max-height: 100%;
}

.n-related-card__item {
    padding: 0 15px;
}

.n-related-card__link {
    display: table;
    table-layout: fixed;
    position: relative;
    width: 100%;
    outline: 0;
    text-decoration: none;
}

.n-related-card__thumb {
    display: table-cell;
    width: 100%;
    height: 130px;
    border: 1px solid #e5e5e5;
    text-align: center;
    font-size: 0;
    vertical-align: middle;
}

.n-related-card__dim {
    -webkit-transition: visibility .4s, opacity .4s;
    transition: visibility .4s, opacity .4s;
}

.n-related-card__subject {
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: inherit;
    word-wrap: break-word;
    max-height: 46px;
    margin-top: 5px;
    color: #424446;
    font-weight: 500;
    font-size: 0.875rem;
    -webkit-transition: visibility .4s, opacity .4s, margin .4s;
    transition: visibility .4s, opacity .4s, margin .4s;
}

.n-related-card .slick-prev,
.n-related-card .slick-next {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: absolute;
    top: 45px;
    width: 40px;
    height: 100%;
    border: 0;
    border-radius: 0;
    outline: 0;
    background-color: #FFF;
    text-indent: -9999px;
    cursor: pointer;
}

.n-related-card .slick-prev:hover,
.n-related-card .slick-prev:focus,
.n-related-card .slick-next:hover,
.n-related-card .slick-next:focus {
    background-color: #f3f4f5;
}

.n-related-card .slick-prev:active,
.n-related-card .slick-next:active {
    background-color: #e5e5e5;
}

.n-related-card .slick-prev:before,
.n-related-card .slick-next:before {
    content: " ";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    border: 10px solid transparent;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.n-related-card .slick-prev {
    left: -40px;
}

.n-related-card .slick-prev:before {
    border-right-color: #424446;
    border-left-width: 0;
}

.n-related-card .slick-next {
    right: -40px;
}

.n-related-card .slick-next:before {
    border-right-width: 0;
    border-left-color: #424446;
}

.n-related-card .slick-disabled {
    opacity: .2;
}

.d-leaflet {
    display: block;
}

.d-leaflet__image {
    height: 25px;
    vertical-align: top;
}

.d-gateway {
    position: relative;
    margin-bottom: 30px;
    padding-top: 15px;
}

.d-gateway__heading {
    position: absolute;
    top: 0;
    left: 20px;
    margin: 0;
    padding: 10px 20px;
    background-color: #c42047;
    color: #fff;
    font-weight: 400;
    font-size: 0.75rem;
}

.d-gateway__emphasis {
    margin-right: 23px;
    font-style: normal;
    font-weight: 700;
    font-size: 1rem;
    line-height: 1.2;
    vertical-align: middle;
}

.d-gateway__view-image {
    display: block;
    width: 100%;
}

.d-gateway__map-image {
    display: block;
    width: 100%;
}

.d-audio__list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.d-audio__item + .d-audio__item {
    margin-top: 8px;
}

.d-audio__button {
    display: table;
    table-layout: fixed;
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    height: 50px;
}

.d-audio__link {
    display: table-cell;
    position: relative;
    padding: 6px 20px 6px 60px;
    background-color: #f3f4f5;
    background-image: url('../images/pages/d-audio__icon.png');
    background-repeat: no-repeat;
    background-position: 20px center;
    color: #6f7275;
    font-size: 0.8125rem;
    text-decoration: none;
    vertical-align: middle;
}

.d-tabs__list {
    margin: 0 -4px;
    padding: 0;
    list-style: none;
}

.d-tabs__item {
    float: left;
    width: 50%;
    padding-right: 4px;
    padding-left: 4px;
}

.d-tabs__item--active .d-tabs__link:before {
    width: 100%;
}

.d-tabs__item--active .d-tabs__link:after {
    width: 30px;
    height: 30px;
}

.d-tabs__item--active .d-tabs__text {
    color: #95734b;
}

.d-tabs__item:nth-child(2) ~ .d-tabs__item {
    margin-top: 8px;
}

.d-tabs__link {
    display: block;
    position: relative;
    padding: 2px;
    outline: 0;
    background-color: #e5e5e5;
    color: #424446;
    text-decoration: none;
}

.d-tabs__link:hover:before,
.d-tabs__link:focus:before {
    width: 100%;
}

.d-tabs__link:hover:after,
.d-tabs__link:focus:after {
    width: 30px;
    height: 30px;
}

.d-tabs__link:hover .d-tabs__text,
.d-tabs__link:focus .d-tabs__text {
    color: #95734b;
}

.d-tabs__link:before {
    content: " ";
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    z-index: 10;
    background-color: #e0d2c1;
}

.d-tabs__link:after {
    content: " ";
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 20;
    width: 0;
    height: 0;
    background-color: #95734b;
    -webkit-transition: all .4s;
    transition: all .4s;
}

.d-tabs__heading {
    display: table;
    table-layout: fixed;
    border-collapse: collapse;
    border-spacing: 0;
    position: relative;
    z-index: 30;
    width: 100%;
    height: 50px;
}

.d-tabs__text {
    display: table-cell;
    padding: 5px 10px;
    background-color: #fff;
    font-size: 0.75rem;
    letter-spacing: -1px;
    text-align: center;
    vertical-align: middle;
}

.d-guide {
    position: relative;
}

.d-guide--map .d-guide__image {
    height: 180px;
    -webkit-transform: translateX(50px);
    -ms-transform: translateX(50px);
    transform: translateX(50px);
}

.d-guide--frames {
    width: 100%;
}

.d-guide__map {
    position: absolute;
    top: 75px;
    left: 50%;
    z-index: 10;
    margin-left: -70px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

.d-guide__map-image {
    height: 100px;
}

.d-guide__frames {
    display: table;
    table-layout: fixed;
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    margin-bottom: 20px;
}

.d-guide__frame {
    text-align: center;
}

.d-guide__frame + .d-guide__frame {
    margin-top: 10px;
}

.d-guide__image {
    height: 200px;
    vertical-align: top;
}

.d-guide__videos {
    margin: 15px 0 0 0;
    padding: 0;
}

.d-guide__video {
    position: relative;
    padding: 5px 0 5px 40px;
    list-style: none;
    color: #6f7275;
    font-size: 0.8125rem;
    letter-spacing: -1px;
}

.d-guide__video + .d-guide__video {
    margin-top: 10px;
}

.d-guide__video:before {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    width: 30px;
    height: 30px;
    background: url('../images/pages/d-guide__video.png') no-repeat;
}

.d-guide__video-title {
    display: inline-block;
    padding: 0 5px;
    font-style: normal;
    color: #c42047;
    font-weight: 500;
    font-size: 0.8125rem;
    letter-spacing: -1px;
}

.d-guide__video-title:first-child {
    padding-left: 0;
    padding-right: 0px;
}

.d-guide__video-title:first-child:after {
    content: "|";
    padding-left: 5px;
    color: #6f7275;
}

.d-guide__video-link {
    color: #c42047;
    font-size: 0.8125rem;
    letter-spacing: -1px;
    text-decoration: none;
}

.d-guide__list {
    margin: 30px 0 0 0;
    padding: 0;
}

[class^="c-heading"] + .d-guide__list {
    margin-top: 0;
}

.d-guide__item {
    list-style: none;
    color: #424446;
    font-size: 0.9375rem;
}

.d-guide__item + .d-guide__item {
    margin-top: 10px;
}

.d-typical-relic__list {
    margin: 0 -10px;
    padding: 0;
    list-style: none;
}

.d-typical-relic__item {
    float: left;
    width: 100%;
    padding-right: 10px;
    padding-left: 10px;
}

.d-typical-relic__item + .d-typical-relic__item {
    margin-top: 30px;
}

.d-typical-relic__link {
    display: block;
    text-decoration: none;
}

.d-typical-relic__thumb-image {
    display: block;
    width: 100%;
}

.d-typical-relic__info-list {
    padding: 15px;
    background-color: #fff;
    border: 1px solid #e5e5e5;
}

.d-typical-relic__info-item {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #6f7275;
    font-weight: 500;
    font-size: 0.875rem;
    letter-spacing: -1px;
}

.d-typical-relic__info-item + .d-typical-relic__info-item {
    margin-top: 10px;
}

.d-typical-relic__emphasis {
    color: #1d1d1d;
    font-size: inherit;
    font-style: normal;
}

.d-typical-relic__emphasis:after {
    content: ":";
    margin: 0 4px;
    color: #6f7275;
}

.d-exhibition--right {
    margin-bottom: 5px;
}

.d-exhibition__frames {
    padding-top: 15px;
    text-align: center;
    font-size: 0;
}

.d-exhibition__frame + .d-exhibition__frame {
    margin-top: 10px;
    margin-left: 0;
}

.d-exhibition__image {
    display: block;
    max-width: 100%;
    margin: 0 auto;
    vertical-align: top;
}

.d-exhibition__list {
    margin: 0;
    padding: 0;
}

.d-exhibition__item {
    position: relative;
    width: 100%;
    margin-top: 30px;
    list-style: none;
}

.d-exhibition__item:first-child {
    margin-top: 0px;
}

.d-exhibition__link {
    display: block;
    text-decoration: none;
}

.d-exhibition__thumb {
    float: left;
    width: 100px;
    border: 1px solid #e5e5e5;
    padding: 9px;
}

.d-exhibition__thumb-image {
    display: block;
    width: 100%;
}

.d-exhibition__info {
    float: right;
    position: relative;
    width: calc(100% - 110px);
    min-height: 126px;
    padding: 0;
}

.d-exhibition__label {
    margin-bottom: 10px;
}

.d-exhibition__period {
    margin-bottom: 10px;
    color: #9d9fa1;
    font-size: 0.8125rem;
}

.d-exhibition__subject {
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: inherit;
    word-wrap: break-word;
    max-height: 55px;
    margin-bottom: 10px;
    font-size: 0.9375rem;
    color: #1d1d1d;
    letter-spacing: -1px;
}

.d-exhibition__subject a:focus {
    border: 2px solid #000
}

.d-exhibition__subject a,
.d-exhibition__button a {
    color: #000;
    text-decoration: none;
}

.d-exhibition__button {
    display: none;
    position: absolute;
    left: 0px;
    bottom: 0px;
    min-width: 100px;
    padding: 9px 25px 8px 14px;
    border: 1px solid #e5e5e5;
    color: #1d1d1d;
    font-size: 0.875rem;
}

.d-exhibition__button:before {
    content: " ";
    display: block;
    position: absolute;
    top: 50%;
    right: 10px;
    width: 0;
    height: 0;
    border: 5px solid transparent;
    border-left: 5px solid #1d1d1d;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.d-exhibition__button:after {
    content: " ";
    display: block;
    position: absolute;
    top: 50%;
    right: 12px;
    width: 0;
    height: 0;
    border: 5px solid transparent;
    border-left: 5px solid #fff;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.d-exhibition__info-item {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 0.8125rem;
    color: #6f7275;
}

.d-exhibition__area {
    border-top: 2px solid #c42047;
}

.d-exhibition__align {
    margin-top: 70px;
    padding-top: 30px;
    border-top: 2px solid #e5e5e5;
}

.d-exhibition__poster {
    width: 100%;
    margin: 10px 0;
}

.d-exhibition__poster-image {
    display: block;
    width: 100%;
}

.d-exhibition__detail-label {
    margin-bottom: 10px;
}

.d-exhibition__information {
    width: 100%;
}

.d-exhibition__title {
    margin-bottom: 10px;
    color: #1d1d1d;
    font-size: 1.125rem;
    font-weight: 700;
}

.d-exhibition__data {
    padding: 3px 0;
    border-bottom: 1px solid #e5e5e5;
}

.d-exhibition__data:nth-child(1) {
    border-top: 1px solid #e5e5e5;
}

.d-exhibition__key {
    display: table-cell;
    min-width: 60px;
    color: #1d1d1d;
    font-size: 0.8125rem;
}

.d-exhibition__value {
    display: table-cell;
    color: #6f7275;
    font-size: 0.8125rem;
    word-break: break-all;
}

.d-exhibition__value > * {
    line-height: 1.8;
}

.d-exhibition__open {
    margin-top: 15px;
    text-align: right;
}

.d-exhibition__open img {
    max-width: 100%;
    height: 50px;
    vertical-align: top;
}

.d-exhibition__article {
    padding: 15px 0;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
}

.d-exhibition__util {
    float: none;
    width: 100%;
    max-width: 360px;
}

.d-poster__list {
    margin: 0 -7.5px;
    padding: 0;
    list-style: none;
}

.d-poster__item {
    float: left;
    width: 50%;
    padding-right: 7.5px;
    padding-left: 7.5px;
}

.d-poster__item:nth-child(2) ~ .d-poster__item {
    margin-top: 20px;
}

.d-poster__link {
    display: block;
    position: relative;
    padding: 9px;
    border: 1px solid #e5e5e5;
    text-decoration: none;
}

.d-poster__image {
    display: block;
    width: 100%;
}

.d-poster__info {
    margin-top: 5px;
}

.d-poster__info:before {
    content: " ";
}

.d-poster__info:after {
    content: " ";
}

.d-poster__date {
    margin-bottom: 5px;
    color: #6f7275;
    font-weight: 500;
    font-size: 0.8125rem;
}

.d-poster__subject {
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: inherit;
    word-wrap: break-word;
    height: 46px;
    color: #1d1d1d;
    font-weight: 500;
    font-size: 0.9375rem;
}

.d-foreign {
    position: relative;
    padding: 20px 0;
    border-top: 1px solid #d3dbe2;
    border-bottom: 1px solid #d3dbe2;
}

.d-foreign + .d-foreign {
    border-top: 0;
}

.d-foreign__explain {
    display: block;
    margin-top: 5px;
    color: #6f7275;
    font-size: 0.8125rem;
    font-weight: 400;
    letter-spacing: -0.4px;
}

.d-foreign__frames {
    margin-top: 15px;
}

.d-foreign__frame {
    float: left;
    width: calc( 33.33333% - 7px);
}

.d-foreign__frame + .d-foreign__frame {
    margin-left: 10px;
}

.d-foreign__image {
    width: 100%;
}

.d-foreign__detail {
    margin-top: 10px;
    text-align: right;
}

.d-foreign__detail-link {
    position: relative;
    display: inline-block;
    padding: 5px 24px 5px 15px;
    border: 1px solid #e5e5e5;
    color: #1d1d1d;
    font-size: 0.8125rem;
    text-decoration: none;
}

.d-foreign__detail-link:before {
    content: " ";
    display: block;
    position: absolute;
    top: 50%;
    right: 13px;
    border: 4px solid transparent;
    border-right-width: 0;
    border-left-color: #1d1d1d;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.d-foreign__detail-link:after {
    content: " ";
    display: block;
    position: absolute;
    top: 50%;
    right: 14px;
    border: 4px solid transparent;
    border-right-width: 0;
    border-left-color: #fff;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.d-foreign__list {
    padding: 0;
    margin: 0;
}

.d-foreign__item {
    height: auto;
    list-style: none;
    padding: 10px;
    margin-top: 10px;
    margin-left: 0;
    border: 1px solid #e5e5e5;
}

.d-foreign__item:nth-child(2n+1) {
    margin-left: 0;
}

.d-foreign__item:nth-child(n+2) ~ .d-foreign__item {
    margin-top: 10px;
}

.d-foreign__content .d-foreign__image {
    vertical-align: top;
}

.d-foreign__title {
    padding-top: 20px;
    color: #1d1d1d;
    font-size: 1rem;
}

.d-foreign__text {
    padding-top: 10px;
    color: #6f7275;
    font-size: 0.8125rem;
}

.d-international {
    position: relative;
}

.d-international__group .d-international__frame {
    float: left;
    width: calc( 33.33333% - 7px);
}

.d-international__group .d-international__frame + .d-international__frame {
    margin-top: 0;
    margin-left: 10px;
}

.d-international__group .d-international__frame:nth-child(3n+1) {
    margin-left: 0;
}

.d-international__group .d-international__frame:nth-child(3n) ~ .d-international__frame {
    margin-top: 10px;
}

.d-international__group .d-international__image {
    width: 100%;
}

.d-international--right .d-international__frames {
    position: relative;
    padding-top: 0;
    font-size: 0;
}

.d-international--right .d-international__frame {
    display: block;
    vertical-align: top;
}

.d-international--full .d-international__frame {
    width: 100%;
}

.d-international--full .d-international__frame + .d-international__frame {
    margin-left: 0;
}

.d-international__frames {
    padding-top: 15px;
    text-align: center;
    font-size: 0;
}

.d-international__frame + .d-international__frame {
    margin-top: 10px;
    margin-left: 0;
}

.d-international__image {
    display: block;
    max-width: 100%;
    margin: 0 auto;
    vertical-align: top;
}

.d-international__image-explain {
    display: inline-block;
    position: relative;
    padding-left: 10px;
    padding-top: 5px;
    color: #6f7275;
    font-size: 0.8125rem;
}

.d-international__image-explain:before {
    content: " ";
    display: block;
    position: absolute;
    top: 15px;
    left: 0px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 3px;
    height: 3px;
    background-color: #9d9fa1;
}

.d-international__link {
    display: block;
    text-decoration: none;
}

.d-relic__book_key {
    display: table-cell;
    min-width: 100px;
    color: #1d1d1d;
    font-size: 0.8125rem;
    vertical-align: top;
}

.d-relic {
    padding: 10px 40px;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
}

.d-relic .slick-slide img {
    display: inline-block;
    max-width: 100%;
    max-height: 100%;
}

.d-relic__data {
    padding: 3px 0;
    border-bottom: 1px solid #e5e5e5;
}

.d-relic__key {
    display: table-cell;
    min-width: 80px;
    color: #1d1d1d;
    font-size: 0.8125rem;
    vertical-align: top;
}

.d-relic__value {
    display: table-cell;
    color: #6f7275;
    font-size: 0.8125rem;
    word-break: break-all;
}

.d-relic__button {
    padding-top: 10px;
    text-align: center;
}

.d-relic__list {
    position: relative;
    display: block;
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
}

.d-relic__item {
    float: left;
    height: 100%;
    padding: 0 15px;
}

.d-relic__link {
    display: block;
    position: relative;
    outline: 0;
    text-decoration: none;
}

.d-relic__thumb {
    table-layout: fixed;
    display: table;
    width: 100%;
    border: 1px solid #e5e5e5;
}

.d-relic__images {
    display: table-cell;
    height: 80px;
    vertical-align: middle;
    text-align: center;
    font-size: 0;
}

.d-relic__dim {
    -webkit-transition: visibility .4s, opacity .4s;
    transition: visibility .4s, opacity .4s;
}

.d-relic__subject {
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: inherit;
    word-wrap: break-word;
    max-height: 46px;
    margin-top: 5px;
    color: #424446;
    font-weight: 500;
    font-size: 0.875rem;
    text-align: center;
    -webkit-transition: visibility .4s, opacity .4s, margin .4s;
    transition: visibility .4s, opacity .4s, margin .4s;
}

.d-relic .slick-arrow {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: absolute;
    top: 0;
    width: 40px;
    height: 100%;
    border: 0;
    border-radius: 0;
    outline: 0;
    background-color: #FFF;
    text-indent: -9999px;
    cursor: pointer;
}

.d-relic .slick-arrow:hover,
.d-relic .slick-arrow:focus {
    background-color: #f3f4f5;
}

.d-relic .slick-arrow:active {
    background-color: #e5e5e5;
}

.d-relic .slick-arrow:before {
    content: " ";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    border: 6px solid transparent;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.d-relic .slick-arrow.slick-prev {
    left: -40px;
}

.d-relic .slick-arrow.slick-prev:before {
    border-right-color: #424446;
    border-left-width: 0;
}

.d-relic .slick-arrow.slick-next {
    right: -40px;
}

.d-relic .slick-arrow.slick-next:before {
    border-right-width: 0;
    border-left-color: #424446;
}

.d-relic .slick-arrow.slick-disabled {
    opacity: .2;
}

.d-relic-video__list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.d-relic-video__item {
    float: left;
    width: 100%;
}

.d-relic-video__item + .d-relic-video__item {
    margin-top: 10px;
    margin-left: 0;
}

.d-relic-video__link {
    display: block;
    text-decoration: none;
}

.d-relic-video__image {
    display: inline-block;
    width: 100%;
}

.d-relic-video__subject {
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: inherit;
    word-wrap: break-word;
    max-height: 46px;
    margin-top: 5px;
    color: #424446;
    font-weight: 500;
    font-size: 0.9375rem;
}

.d-popup {
    position: relative;
}

.d-popup-for .slick-initialized .slick-slide {
    display: table;
    table-layout: fixed;
}

.d-popup-for .slick-slide img {
    display: inline-block;
    max-width: 100%;
    max-height: 100%;
}

.d-popup-for__list {
    position: relative;
    display: block;
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
}

.d-popup-for__item {
    float: left;
    border: 1px solid #e5e5e5;
    font-size: 0;
    text-align: center;
}

.d-popup-for__images {
    display: table-cell;
    height: 187px;
    font-size: 0;
    text-align: center;
    vertical-align: middle;
}

.d-popup-nav .slick-slide div:nth-child(2) .d-popup-nav__item {
    margin-top: 10px;
}

.d-popup-nav .slick-slide img {
    display: inline-block;
    max-width: 100%;
    max-height: 100%;
}

.d-popup-nav__list {
    position: relative;
    display: block;
    margin: 0;
    padding: 20px 0 30px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
}

.d-popup-nav__item {
    float: left;
    padding: 0 5px;
    height: 100%;
}

.d-popup-nav__link {
    display: table;
    table-layout: fixed;
    width: 100%;
    border: 1px solid #e5e5e5;
}

.d-popup-nav__images {
    displaY: table-cell;
    height: 60px;
    font-size: 0;
    text-align: center;
    vertical-align: middle;
}

.d-popup__poster {
    width: 100%;
    margin-bottom: 10px;
}

.d-popup__button {
    padding-top: 10px;
    text-align: center;
}

.d-popup__information {
    width: 100%;
}

.d-popup .slick-arrow {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: absolute;
    bottom: 0;
    left: 55%;
    width: 7px;
    height: 12px;
    border: 0;
    border-radius: 0;
    outline: 0;
    background-color: #FFF;
    text-indent: -9999px;
    cursor: pointer;
}

.d-popup .slick-arrow:hover,
.d-popup .slick-arrow:focus {
    background-color: #f3f4f5;
}

.d-popup .slick-arrow:active {
    background-color: #e5e5e5;
}

.d-popup .slick-arrow:before {
    content: " ";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    border: 7px solid transparent;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.d-popup .slick-arrow.slick-prev {
    left: calc(50% - 25px);
}

.d-popup .slick-arrow.slick-prev:before {
    border-right-color: #424446;
    border-left-width: 0;
}

.d-popup .slick-arrow.slick-next:before {
    border-right-width: 0;
    border-left-color: #424446;
}

.d-popup .slick-arrow.slick-disabled {
    opacity: .2;
}

.e-tabs {
    margin-bottom: 30px;
    font-size: 0;
    text-align: center;
}

.e-tabs__item {
    display: inline-block;
    min-width: auto;
    width: 33%;
    padding: 6px 0 7px 0;
    border-top: 1px solid #c42047;
    border-bottom: 1px solid #c9cacc;
    color: #424446;
    font-size: 0.75rem;
    border-right: 1px solid #c9cacc;
    text-decoration: none;
}

.e-tabs__item:first-child {
    border-left: 1px solid #c9cacc;
}

.e-tabs__item--active {
    border: 1px solid #c42047;
    background: #c42047;
    color: #f3f4f5;
}

.e-edu__list {
    margin: 0 -7.5px;
    padding: 0;
}

.e-edu__item {
    width: 100%;
    list-style: none;
    margin-top: 30px;
    padding-right: 7.5px;
    padding-left: 7.5px;
}

.e-edu__item:first-child {
    margin-top: 0px;
}

.e-edu__link {
    display: block;
    text-decoration: none;
}

.e-edu__thumb-image {
    display: block;
    width: 100%;
}

.e-edu__info {
    padding: 10px;
    border: 1px solid #e5e5e5;
    border-top: 0px;
}

.e-edu__category {
    display: inline-block;
    color: #6f7275;
    font-size: 0.75rem;
}

.e-edu__category + .c-label {
    margin-left: 10px;
}

.e-edu__subject {
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: inherit;
    word-wrap: break-word;
    height: 49px;
    margin-top: 10px;
    color: #1d1d1d;
    font-size: 0.9375rem;
}

.e-edu__label {
    margin-top: 10px;
    padding: 10px 0 10px 0;
    border-top: 1px solid #e5e5e5;
}

.e-edu__info-item {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #6f7275;
    font-size: 0.8125rem;
    letter-spacing: -1px;
}

.e-edu__title {
    margin-bottom: 10px;
    color: #1d1d1d;
    font-size: 1.125rem;
    font-weight: 700;
    letter-spacing: -1px;
}

.e-edu__area {
    padding-top: 10px;
    border-top: 2px solid #c42047;
}

.e-edu__poster {
    width: 100%;
    margin-bottom: 10px;
}

.e-edu__poster-image {
    display: block;
    width: 100%;
}

.e-edu__detail-label {
    margin-bottom: 10px;
}

.e-edu__information {
    width: 100%;
}

.e-edu__data {
    padding: 3px 0;
    border-bottom: 1px solid #e5e5e5;
}

.e-edu__data a {
    color: #000;
    text-decoration: none;
}

.e-edu__data:nth-child(1) {
    border-top: 1px solid #e5e5e5;
}

.e-edu__key {
    display: table-cell;
    min-width: 80px;
    color: #1d1d1d;
    font-size: 0.8125rem;
    vertical-align: top;
}

.e-edu__value {
    display: table-cell;
    color: #6f7275;
    font-size: 0.8125rem;
    word-break: break-all;
}

.e-edu__button {
    padding-top: 10px;
}

.e-edu__file {
    display: inline-block;
    color: #c42047;
    font-size: inherit;
    text-decoration: none;
}

.e-edu__class {
    margin-top: 15px;
}

.e-edu__open {
    margin-top: 15px;
    text-align: center;
}

.e-edu__open img {
    max-width: 100%;
    vertical-align: top;
}

.e-edu__article {
    padding: 15px 0;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
}

.f-guide {
    position: relative;
    min-height: 290px;
}

.f-guide--text {
    min-height: auto;
    padding-left: 0;
}

.f-guide--frame {
    min-height: auto;
    padding-left: 0;
}

.f-guide--frame .f-guide__frames {
    position: relative;
    text-align: center;
}

.f-guide--frame .f-guide__frames:first-child {
    padding-top: 20px;
}

.f-guide__frames {
    position: relative;
    margin-bottom: 15px;
    font-size: 0;
    text-align: center;
}

.f-guide__frame {
    display: block;
    vertical-align: top;
}

.f-guide__frame + .f-guide__frame {
    margin-top: 10px;
}

.f-guide__image {
    display: inline-block;
    max-width: 100%;
}

.f-guide__image-explain {
    padding-top: 5px;
    color: #6f7275;
    font-size: 0.8125rem;
}

.f-guide__step {
    margin-bottom: 10px;
    color: #1d1d1d;
    font-size: 0.9375rem;
    font-weight: 700;
}

.f-guide__list {
    margin: 30px 0 0 0;
    padding: 0;
}

[class^="c-heading"] + .f-guide__list {
    margin-top: 0;
}

.f-guide__item {
    list-style: none;
    color: #424446;
    font-size: 0.9375rem;
}

.f-guide__item + .f-guide__item {
    margin-top: 10px;
}

.f-sort {
    margin-bottom: 30px;
    border: 1px solid #e5e5e5;
    border-top: 2px solid #c42047;
}

.f-sort__category {
    width: 100%;
}

.f-sort__category + .f-sort__category {
    border-left: 1px solid #e5e5e5;
}

.f-sort__subject {
    float: left;
    width: 20%;
    height: 88px;
    padding: 7px 0;
    border-bottom: 1px solid #9d9fa1;
    background: #f3f4f5;
    color: #1d1d1d;
    font-size: 0.875rem;
    text-align: center;
    line-height: 74px;
}

.f-sort__area {
    float: left;
    width: 80%;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    height: 88px;
    padding: 0 10px;
    border-bottom: 1px solid #9d9fa1;
}

.f-sort__list {
    margin: 0;
    padding: 0;
}

.f-sort__item {
    list-style: none;
}

.f-sort__item--active .f-sort__link {
    color: #c42047;
    font-weight: 700;
}

.f-sort__link {
    text-decoration: none;
    color: #6f7275;
    font-size: 0.75rem;
    letter-spacing: -1px;
}

.f-search {
    font-size: 0;
}

.f-search__input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: calc(100% - 80px);
    height: 40px;
    margin-left: 0;
    padding: 0 10px;
    border: 0;
    border-left: 1px solid #c9cacc;
    border-top: 1px solid #c9cacc;
    border-bottom: 1px solid #c9cacc;
    border-radius: 0;
    font-size: 0.8125rem;
    vertical-align: top;
}

.f-search__button {
    width: 80px;
    height: 40px;
    padding: 0 15px;
    border: 0;
    background-color: #c42047;
    color: #fff;
    font-size: 0.9375rem;
    text-align: center;
    cursor: pointer;
}

.f-radios {
    margin-bottom: 40px;
    padding: 10px;
    background-color: #f3f4f5;
    font-size: 0;
}

.f-radio {
    display: inline-block;
    width: 50%;
    vertical-align: top;
}

.f-radio:nth-child(2) ~ .f-radio {
    margin-top: 5px;
}

.f-radio__item:checked + .f-radio__labels {
    font-weight: 700;
}

.f-radio__labels {
    font-size: 0.875rem;
    color: #1d1d1d;
}

.f-steps {
    padding: 10px;
    border: 1px solid #e5e5e5;
}

.f-step {
    position: relative;
}

.f-step + .f-step {
    margin-top: 15px;
}

.f-ritual {
    padding: 10px;
    border: 1px solid #e5e5e5;
    text-align: center;
}

.f-ritual__explain {
    margin-top: 20px;
    color: #6f7275;
    font-size: 0.8125rem;
}

.f-ritual__images {
    text-align: center;
}

.f-ritual__image {
    display: inline-block;
    max-width: 100%;
}

.f-collection .f-box {
    display: none;
}

.f-collection__frame {
    margin-top: 20px;
    text-align: center;
}

.f-collection__content {
    margin-top: 35px;
}

.f-collection__result {
    color: #1d1d1d;
    font-size: 1rem;
}

.f-collection__result--count {
    color: #c42047;
    font-style: normal;
    font-size: inherit;
    font-weight: 700;
}

.f-collection__list {
    margin: 0 -10px;
    padding: 35px 0 0 0;
}

.f-collection__item {
    float: left;
    width: 50%;
    padding-right: 10px;
    padding-left: 10px;
    list-style: none;
}

.f-collection__item:nth-child(2) ~ .f-collection__item {
    margin-top: 20px;
}

.f-collection__item:nth-child(4) ~ .f-collection__item {
    margin-top: 20px;
}

.f-collection__link {
    display: block;
    text-decoration: none;
}

.f-collection__thumbnail {
    display: table;
    table-layout: fixed;
    width: 100%;
    height: 100%;
    border: 1px solid #e5e5e5;
}

.f-collection__thumb {
    display: table-cell;
    vertical-align: middle;
    height: 130px;
    text-align: center;
}

.f-collection__thumb img {
    max-width: 100%;
    max-height: 100%;
}

.f-collection__image {
    vertical-align: middle;
    max-width: 100%;
    max-height: 100%;
}

.f-collection__subject {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding-top: 10px;
    color: #6f7275;
    font-size: 0.75rem;
    text-align: center;
}

.f-collection__button {
    position: relative;
    min-width: 160px;
    padding: 16px 62px 16px 35px;
    border: 0;
    background-color: #6f7275;
    color: #fff;
    font-size: 0.9375rem;
    -webkit-transition: all .2s;
    transition: all .2s;
}

.f-collection__button:before {
    content: " ";
    display: block;
    position: absolute;
    top: 46%;
    right: 36px;
    margin-top: 2px;
    border: 10px solid transparent;
    border-top-width: 10px;
    border-top-color: #fff;
    border-bottom: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.f-collection__button:after {
    content: " ";
    display: block;
    position: absolute;
    top: 45%;
    right: 36px;
    margin-top: 0;
    border: 10px solid transparent;
    border-top-color: #6f7275;
    border-top-width: 10px;
    border-bottom-width: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.f-collection__explain {
    margin-top: 30px;
}

.f-collection--active .f-box {
    display: block;
}

.f-collection--active .f-collection__button {
    margin-top: 10px;
}

.f-collection--active .f-collection__button:before {
    top: 45%;
    margin-top: 0;
    border-top-width: 0;
    border-top-color: #fff;
    border-bottom: 10px solid #fff;
}

.f-collection--active .f-collection__button:after {
    margin-top: 3px;
    border-top-color: #6f7275;
    border-top-width: 0;
    border-bottom-color: #6f7275;
    border-bottom-width: 10px;
}

.f-intro__heading-image {
    display: block;
    width: 100%;
}

.f-album {
    text-align: center;
}

.f-album__item + .f-album__item {
    margin-top: 15px;
}

.f-album__image {
    display: block;
    max-width: 100%;
    margin: 0 auto;
}

.f-album__caption {
    margin-top: 5px;
    color: #424446;
    font-size: 0.8125rem;
}

.f-process__list {
    margin: 0 -15px;
    padding: 0;
    list-style: none;
}

.f-process__item {
    float: left;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
}

.f-process__item + .f-process__item {
    position: relative;
    margin-top: 15px;
}

.f-process__item + .f-process__item:before {
    content: " ";
    display: block;
    position: absolute;
    top: -15px;
    left: 50%;
    width: 1px;
    height: 15px;
    background-color: #e5e5e5;
}

.f-process__card {
    border: 1px solid #e5e5e5;
}

.f-process__title {
    padding: 10px 15px;
    background-color: #f3f4f5;
    color: #424446;
    font-weight: 700;
    font-size: 0.875rem;
    text-align: center;
}

.f-process__content {
    padding: 15px;
}

.f-published {
    border-top: 2px solid #c42047;
    border-bottom: 1px solid #e5e5e5;
}

.f-published__list {
    table-layout: fixed;
    border-collapse: collapse;
    border-spacing: 0;
    max-width: none;
    width: 100%;
    max-width: 100%;
}

.f-published__row + .f-published__row .f-published__data {
    border-top: 1px solid #e5e5e5;
}

.f-published__heading {
    padding: 14px 10px;
    border-bottom: 1px solid #9d9fa1;
    font-weight: 700;
    font-size: 0.875rem;
}

.f-published__data {
    padding: 14px 5px;
    color: #1d1d1d;
    font-size: 0.875rem;
    text-align: center;
}

.f-published__data:last-child {
    text-align: left;
}

.f-published__subject {
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 100%;
    color: #1d1d1d;
    font-size: 0.9375rem;
    text-decoration: none;
}

.f-published__cards {
    margin-right: -7.5px;
    margin-left: -7.5px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.f-published__card {
    float: left;
    width: 50%;
    padding-top: 10px;
    padding-right: 7.5px;
    padding-bottom: 10px;
    padding-left: 7.5px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}

.f-published__card-link {
    text-decoration: none;
}

.f-published__thumb {
    padding: 9px;
    border: 1px solid #c9cacc;
}

.f-published__image {
    display: block;
    width: 100%;
}

.f-published__category {
    margin-top: 10px;
    padding: 9px 5px;
    background-color: #f3f4f5;
    color: #1d1d1d;
    font-weight: 500;
    font-size: 0.9375rem;
    text-align: center;
}

.f-published__util {
    margin-bottom: 20px;
}

.f-published__numbers {
    float: left;
}

.f-published__number {
    float: left;
    color: #1d1d1d;
    font-weight: 500;
    font-size: 0.9375rem;
    line-height: 40px
}

.f-published__number + .f-published__number {
    margin-left: 8px;
}

.f-published__types {
    float: right;
}

.f-published__type {
    display: block;
    float: left;
    position: relative;
    color: #1d1d1d;
    font-weight: 500;
    font-size: 1rem;
    letter-spacing: -1px;
    text-decoration: none;
    line-height: 40px
}

.f-published__type--image {
    padding-left: 18px;
}

.f-published__type--image.f-published__type--active {
    color: #c42047;
}

.f-published__type--image.f-published__type--active:before {
    border-right-color: #c42047;
    border-left-color: #c42047;
}

.f-published__type--image:before {
    content: " ";
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    width: 2px;
    height: 12px;
    border-right: 5px solid #9d9fa1;
    border-left: 5px solid #9d9fa1;
    background-color: #fff;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.f-published__type--image:after {
    content: " ";
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    width: 12px;
    height: 2px;
    background-color: #fff;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.f-published__type--list {
    padding-left: 18px;
}

.f-published__type--list.f-published__type--active {
    color: #c42047;
}

.f-published__type--list.f-published__type--active:before {
    background-color: #c42047;
}

.f-published__type--list.f-published__type--active:after {
    border-top-color: #c42047;
    border-bottom-color: #c42047;
}

.f-published__type--list:before {
    content: " ";
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    width: 12px;
    height: 2px;
    background-color: #9d9fa1;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.f-published__type--list:after {
    content: " ";
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    width: 12px;
    height: 6px;
    border-top: 2px solid #9d9fa1;
    border-bottom: 2px solid #9d9fa1;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.f-published__type + .f-published__type {
    margin-left: 8px;
}

.f-video {
    padding-top: 30px;
    padding-bottom: 30px;
    border-top: 2px solid #c42047;
    border-bottom: 1px solid #e5e5e5;
}

.f-video__option {
    margin-top: 15px;
}

.f-video__guide {
    margin-bottom: 5px;
}

.f-video__guide-message {
    position: relative;
    padding-left: 10px;
    color: #6f7275;
    font-size: 0.875rem;
}

.f-video__guide-message:before {
    content: " ";
    display: block;
    position: absolute;
    top: 9px;
    left: 0px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 3px;
    height: 3px;
    background-color: #c42047;
}

.f-video__speed {
    padding-left: 10px;
}

.f-video__assist {
    margin-top: 15px;
}

.f-video__subtitle {
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    height: 339px;
    padding: 20px;
    border: 1px solid #e5e5e5;
    background-color: #f3f4f5;
    color: #424446;
    font-size: 0.875rem;
}

.f-video__paragraph {
    margin: 0;
    padding: 0;
    font-size: 0.875rem;
    line-height: 1.8;
}

.f-video__paragraph + .f-video__paragraph {
    margin-top: 15px;
}

.f-video__button {
    margin-top: 15px;
}

.f-thumb {
    display: block;
    text-decoration: none;
}

.f-thumb__row {
    margin-right: -7.5px;
    margin-left: -7.5px;
}

.f-thumb__col {
    float: left;
    position: relative;
    width: 50%;
    padding-right: 7.5px;
    padding-left: 7.5px;
}

.f-thumb__col:nth-child(2) ~ .f-thumb__col {
    margin-top: 20px;
}

.f-thumb__thumb {
    margin-bottom: 10px;
}

.f-thumb__image {
    display: block;
    width: 100%;
}

.f-thumb__category {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-bottom: 5px;
    color: #c42047;
    font-weight: 700;
    font-size: 0.8125rem;
}

.f-thumb__title {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-bottom: 8px;
    color: #1d1d1d;
    font-size: 0.9375rem;
    line-height: 1.2;
}

.f-thumb__description {
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: inherit;
    word-wrap: break-word;
    height: 40px;
    color: #6f7275;
    font-size: 0.8125rem;
}

.f-thumb__item {
    color: #6f7275;
    font-size: 0.8125rem;
}

.f-thumb__link {
    position: absolute;
    bottom: 0;
    left: 7.5px;
    margin-top: 0;
}

.f-card {
    display: block;
    position: relative;
    padding: 20px;
    border: 1px solid #c9cacc;
    text-decoration: none;
}

.f-card__row {
    margin-right: -15px;
    margin-left: -15px;
}

.f-card__col {
    float: left;
    width: 100%;
    padding-right: 7.5px;
    padding-left: 7.5px;
}

.f-card__col + .f-card__col {
    margin-top: 20px;
}

.f-card__col:nth-child(2) ~ .f-thumb__col {
    margin-top: 20px;
}

.f-card__title {
    margin-bottom: 8px;
    color: #1d1d1d;
    font-weight: 700;
    font-size: 0.9375rem;
    line-height: 1.2;
}

.f-card__description {
    color: #6f7275;
    font-size: 0.9375rem;
    line-height: 1.8;
    letter-spacing: -1px;
    text-align: justify;
}

.f-card__link {
    margin-top: 10px;
}

.f-life {
    position: relative;
    max-width: 533px;
    margin-right: auto;
    margin-left: auto;
}

.f-life__heading {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 33.33333333%;
    margin: 0 0 15px;
    padding: 0;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.f-life__heading-image {
    display: block;
    width: 100%;
}

.f-life__list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.f-life__item {
    float: left;
    width: 33.33333333%;
}

.f-life__item:nth-child(5) {
    margin-left: 33.33333333%;
}

.f-life__link {
    display: block;
}

.f-life__image {
    display: block;
    width: 100%;
}

.f-life__message {
    color: #424446;
    font-size: 0.875rem;
}

.f-life__button {
    margin-top: 10px;
}

.f-seasonal {
    display: table;
    table-layout: fixed;
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    height: 150px;
    border: 1px solid #e5e5e5;
    -webkit-transition: all .1s;
    transition: all .1s;
}

.f-seasonal:hover {
    border-color: #c42047;
}

.f-seasonal:hover .f-seasonal__month-area {
    background-color: #c42047;
}

.f-seasonal__row {
    margin-right: -10px;
    margin-left: -10px;
}

.f-seasonal__col {
    float: left;
    width: 100%;
    padding: 10px;
}

.f-seasonal__month-area {
    display: table-cell;
    vertical-align: middle;
    width: 90px;
    background-color: #f3f4f5;
    text-decoration: none;
    text-align: center;
    -webkit-transition: all .1s;
    transition: all .1s;
}

.f-seasonal__month {
    display: inline-block;
    width: 60px;
    padding: 16px 0;
    border-radius: 60px;
    color: #1d1d1d;
    font-weight: 500;
    font-size: 24px;
    line-height: 1.2;
    background-color: #fff;
    letter-spacing: -1px;
    text-align: center;
}

.f-seasonal__list {
    display: table-cell;
    vertical-align: top;
    margin: 0;
    padding: 20px;
    list-style: none;
}

.f-seasonal__item {
    float: left;
    position: relative;
    width: 50%;
    padding-left: 10px;
}

.f-seasonal__item:before {
    content: " ";
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    width: 3px;
    height: 3px;
    background-color: #9d9fa1;
}

.f-seasonal__item:nth-child(2) ~ .f-seasonal__item {
    margin-top: 3px;
}

.f-seasonal__link {
    color: #6f7275;
    font-size: 0.875rem;
    text-decoration: none;
}

.f-infos {
    margin-top: 30px;
    border-top: 1px solid #e5e5e5;
}

.f-info {
    display: table;
    width: 100%;
    min-height: 100px;
    padding: 20px 0 20px 80px;
    border-bottom: 1px solid #e5e5e5;
    background-repeat: no-repeat;
    background-position: left 20px;
}

.f-info--time {
    background-image: url('../images/pages/f-info-list__icon--time.png');
}

.f-info--suspend {
    background-image: url('../images/pages/f-info-list__icon--suspend.png');
}

.f-info--manager {
    background-image: url('../images/pages/f-info-list__icon--manager.png');
}

.f-info--peruse {
    background-image: url('../images/pages/f-info-list__icon--peruse.png');
}

.f-info--search {
    background-image: url('../images/pages/f-info-list__icon--search.png');
}

.f-info--copy {
    background-image: url('../images/pages/f-info-list__icon--copy.png');
}

.f-info--counseling {
    background-image: url('../images/pages/f-info-list__icon--counseling.png');
}

.f-info__key {
    margin-bottom: 5px;
    color: #1d1d1d;
    font-size: 0.875rem;
    text-align: left;
    vertical-align: top;
}

.f-info__value {
    color: #6f7275;
    font-size: 0.875rem;
    text-align: left;
    vertical-align: middle;
}

.f-info__details {
    margin: 0;
    padding: 0;
}

.f-info__details--no-bullet .f-info-list__detail:before {
    display: none;
}

.f-info__detail {
    position: relative;
    list-style: none;
    color: #6f7275;
    font-size: 0.875rem;
}

.f-info__detail + .f-info__detail {
    margin-top: 10px;
}

.f-info__detail:before {
    content: " ";
    display: inline-block;
    width: 3px;
    height: 3px;
    margin: -3px 5px 0 0;
    background-color: #6f7275;
    vertical-align: middle;
}

.f-cultural__images {
    text-align: center;
}

.f-cultural__image {
    max-width: 100%;
    vertical-align: top;
}

.f-cultural__list {
    margin: 30px 0 0 0;
    padding: 0;
}

.f-cultural__item {
    display: table;
    width: 100%;
    padding: 13px 0 15px 0;
    border-bottom: 1px solid #e5e5e5;
    list-style: none;
}

.f-cultural__item:first-child {
    border-top: 1px solid #e5e5e5;
}

.f-cultural__key {
    display: table-cell;
    width: 80px;
    padding: 0 10px;
    font-size: 13px;
    color: #1d1d1d;
}

.f-cultural__value {
    display: table-cell;
    padding: 0 10px;
    font-size: 13px;
    color: #6f7275;
}

.f-table {
    border-top: 2px solid #c42047;
    border-bottom: 1px solid #e5e5e5;
    background-color: #fff;
}

.f-table table {
    table-layout: fixed;
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    text-align: center;
}

.f-table tr:first-child .f-table__row {
    border-top: 0;
}

.f-table tr:first-child .f-table__data {
    border-top: 0;
}

.f-table tr .f-table__data:nth-of-type(1) {
    border-left: 0;
}

.f-table.f-table--scrolling {
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    width: 100%;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.f-table.f-table--scrolling table {
    min-width: 768px;
}

.f-table.f-table--x {
    border-top: 0;
}

.f-table.f-table--x .f-table__row {
    border-right: 0;
    background: #fff;
    text-align: left;
}

.f-table.f-table--x .f-table__data {
    text-align: left;
}

.f-table--board {
    margin-top: 35px;
}

.f-table--board .f-table__col {
    border-left: 0;
    background: none;
}

.f-table--board .f-table__data {
    border-left: 0;
}

.f-table--board .f-table__data--left {
    color: #1d1d1d;
    text-align: center;
}

.f-table__col {
    padding: 10px;
    border-bottom: 1px solid #9d9fa1;
    color: #1d1d1d;
    font-weight: 500;
    font-size: 0.9375rem;
    text-align: center;
}

.f-table__row {
    padding: 10px;
    border-top: 1px solid #e5e5e5;
    background: #f3f4f5;
    color: #1d1d1d;
    font-weight: 500;
    font-size: 0.9375rem;
    text-align: center;
}

.f-table__data {
    padding: 10px;
    border-top: 1px solid #e5e5e5;
    color: #6f7275;
    font-size: 0.875rem;
    text-align: center;
    vertical-align: middle;
}

.f-table__data.f-table__data--left {
    text-align: left;
    font-size: 0.9375rem;
}

.f-table__box {
    position: relative;
    min-height: 70px;
    padding-left: 120px;
    font-size: 0.9375rem;
}

.f-table__images {
    display: inline-block;
    position: absolute;
    left: 0;
}

.f-table__image {
    display: inline-block;
    width: 100%;
}

.f-table__text {
    position: absolute;
    top: 35%;
    color: #1d1d1d;
}

.f-table__link {
    color: #1d1d1d;
    font-size: 0.875rem;
    text-decoration: none;
}

.f-box {
    padding: 10px 20px;
    border: 1px solid #e5e5e5;
    background-color: #fafafa;
}

.f-box__require {
    color: #c42047;
    font-weight: 500;
    font-size: 0.875rem;
}

.f-box__area {
    padding: 10px 20px;
    border: 1px solid #e5e5e5;
    background-color: #fafafa;
}

.f-box .c-heading3--bullet {
    text-align: left;
}

.f-box .c-heading3--bullet:before {
    top: 6px;
}

.f-grouping__group {
    position: relative;
    width: 100%;
    min-height: 36px;
    text-align: left;
    max-width: 900px;
    margin: 0 auto 20px
}

.f-grouping__group + .f-grouping__group {
    margin-top: 10px;
}

.f-grouping__key {
    float: none;
    padding-left: 0;
    color: #6f7275;
    font-weight: 500;
    font-size: 0.938rem;
}

.f-grouping__value {
    position: static;
    margin-top: 10px;
    color: #1d1d1d;
    font-size: 0.75rem;
}

.f-forms {
    float: none;
    margin: 0;
    padding: 0;
    line-height: 1.2;
}

.f-forms + .f-forms {
    margin-top: 10px;
    margin-left: 0;
}

.f-forms--radio {
    width: 100%;
    margin-bottom: 10px;
}

.f-forms__fieldset {
    margin: 0;
    padding: 0;
    border: 0;
}

.f-forms__fieldset[disabled] .forms__text,
.f-forms__fieldset[disabled] .forms__textarea,
.f-forms__fieldset[disabled] .forms__select {
    border: 1px solid #9d9fa1;
    background-color: #e5e5e5;
    color: #9d9fa1;
    cursor: default;
}

.f-forms__fieldset[disabled] .forms__selection {
    cursor: default;
}

.f-forms__fieldset[disabled] .forms__selection-text {
    color: #9d9fa1;
    cursor: default;
}

.f-forms__radio {
    float: none;
}

.f-forms__radio .f-forms__selection {
    margin: 6px 3px 0 20px;
}

.f-forms__radio .f-forms__selection,
.f-forms__radio .f-forms__selection-text {
    color: #1d1d1d;
    font-size: 0.9375rem;
}

.f-forms__text {
    width: 100%;
    height: 36px;
    border: 1px solid #c9cacc;
    padding: 0 10px
}

.f-forms__select {
    width: 100%;
    height: 36px;
    margin-bottom: 15px;
    padding: 0px 0px 0px 10px;
    background-color: white;
    color: #1d1d1d;
    font-size: 0.9375rem;
    line-height: 1.5;
    font-family: "Noto Sans Korean", "Malgun Gothic", sans-serif;
    border-width: 1px;
    border-style: solid;
    border-color: #c9cacc;
    -webkit-border-image: initial;
    border-image: initial;
    border-radius: 0px;
    outline: 0px;
    transition: box-shadow 0.4s, -webkit-box-shadow 0.4s;
}

.f-forms__select--middle {
    height: 40px;
}

.f-forms__word {
    display: block;
    margin-bottom: 10px;
    color: #6f7275;
    font-size: 0.9375rem;
}

.f-donation {
    border-bottom: 2px solid #e5e5e5;
    padding-bottom: 30px;
}

.f-donation__area {
    padding-top: 10px;
    border-top: 2px solid #c42047;
}

.f-donation__poster {
    width: 100%;
    margin-bottom: 10px;
}

.f-donation__poster-image {
    display: block;
    width: 100%;
}

.f-donation__domain {
    width: 100%;
    min-height: 80px;
    margin: 20px auto 0;
    padding: 30px 73px;
    background: #f3f4f5;
    color: #6f7275;
    font-size: 0.875rem;
    text-align: center;
}

.f-donation__information {
    width: 100%;
}

.f-donation__data {
    padding: 3px 0;
    border-bottom: 1px solid #e5e5e5;
}

.f-donation__key {
    display: table-cell;
    min-width: 80px;
    color: #1d1d1d;
    font-size: 0.8125rem;
    vertical-align: top;
}

.f-donation__value {
    display: table-cell;
    color: #6f7275;
    font-size: 0.8125rem;
    word-break: break-all;
}

.f-donation__button {
    padding-top: 10px;
    text-align: center;
}

.f-donation__util {
    margin-bottom: 5px;
}

.f-donation__numbers {
    float: left;
    margin-top: 10px;
}

.f-donation__number {
    float: left;
    color: #1d1d1d;
    font-weight: 500;
    font-size: 0.875rem;
}

.f-donation__number + .f-donation__number {
    margin-left: 8px;
}

.f-donation__types {
    float: none;
}

.f-donation__type {
    display: block;
    float: left;
    position: relative;
    color: #1d1d1d;
    font-weight: 500;
    font-size: 0.875rem;
    letter-spacing: -1px;
    text-decoration: none;
}

.f-donation__type--image {
    padding-left: 18px;
}

.f-donation__type--image.f-donation__type--active {
    color: #c42047;
}

.f-donation__type--image.f-donation__type--active:before {
    border-right-color: #c42047;
    border-left-color: #c42047;
}

.f-donation__type--image:before {
    content: " ";
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    width: 2px;
    height: 12px;
    border-right: 5px solid #9d9fa1;
    border-left: 5px solid #9d9fa1;
    background-color: #fff;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.f-donation__type--image:after {
    content: " ";
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    width: 12px;
    height: 2px;
    background-color: #fff;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.f-relic {
    padding: 10px 40px;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
}

.f-relic .slick-slide img {
    display: inline-block;
    max-width: 100%;
    max-height: 100%;
}

.f-relic__data {
    padding: 3px 0;
    border-bottom: 1px solid #e5e5e5;
}

.f-relic__key {
    display: table-cell;
    min-width: 80px;
    color: #1d1d1d;
    font-size: 0.8125rem;
    vertical-align: top;
}

.f-relic__value {
    display: table-cell;
    color: #6f7275;
    font-size: 0.8125rem;
    word-break: break-all;
}

.f-relic__button {
    padding-top: 10px;
    text-align: center;
}

.f-relic__list {
    position: relative;
    display: block;
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
}

.f-relic__item {
    float: left;
    height: 100%;
    padding: 0 15px;
}

.f-relic__link {
    display: block;
    position: relative;
    outline: 0;
    text-decoration: none;
}

.f-relic__images {
    display: table-cell;
    vertical-align: middle;
    font-size: 0;
    text-align: center;
}

.f-relic__thumb {
    table-layout: fixed;
    display: table;
    width: 100%;
    border: 1px solid #e5e5e5;
}

.f-relic__dim {
    -webkit-transition: visibility .4s, opacity .4s;
    transition: visibility .4s, opacity .4s;
}

.f-relic__subject {
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: inherit;
    word-wrap: break-word;
    max-height: 46px;
    margin-top: 5px;
    color: #424446;
    font-weight: 500;
    font-size: 0.875rem;
    text-align: center;
    -webkit-transition: visibility .4s, opacity .4s, margin .4s;
    transition: visibility .4s, opacity .4s, margin .4s;
}

.f-relic .slick-arrow {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: absolute;
    top: 0;
    width: 40px;
    height: 100%;
    border: 0;
    border-radius: 0;
    outline: 0;
    background-color: #FFF;
    text-indent: -9999px;
    cursor: pointer;
}

.f-relic .slick-arrow:hover,
.f-relic .slick-arrow:focus {
    background-color: #f3f4f5;
}

.f-relic .slick-arrow:active {
    background-color: #e5e5e5;
}

.f-relic .slick-arrow:before {
    content: " ";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    border: 6px solid transparent;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.f-relic .slick-arrow.slick-prev {
    left: -40px;
}

.f-relic .slick-arrow.slick-prev:before {
    border-right-color: #424446;
    border-left-width: 0;
}

.f-relic .slick-arrow.slick-next {
    right: -40px;
}

.f-relic .slick-arrow.slick-next:before {
    border-right-width: 0;
    border-left-color: #424446;
}

.f-relic .slick-arrow.slick-disabled {
    opacity: .2;
}

.f-relic-video__list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.f-relic-video__item {
    float: left;
    width: 100%;
}

.f-relic-video__item + .f-relic-video__item {
    margin-top: 10px;
    margin-left: 0;
}

.f-relic-video__link {
    display: block;
    text-decoration: none;
}

.f-relic-video__image {
    display: inline-block;
    width: 100%;
}

.f-relic-video__subject {
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: inherit;
    word-wrap: break-word;
    max-height: 46px;
    margin-top: 5px;
    color: #424446;
    font-weight: 500;
    font-size: 0.9375rem;
}

.f-popup {
    position: relative;
}

.f-popup-for .slick-initialized .slick-slide {
    display: table;
    table-layout: fixed;
}

.f-popup-for .slick-slide img {
    display: inline-block;
    max-width: 100%;
    max-height: 100%;
}

.f-popup-for__list {
    position: relative;
    display: block;
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
}

.f-popup-for__item {
    float: left;
    border: 1px solid #e5e5e5;
    font-size: 0;
    text-align: center;
    outline: none;
}

.f-popup-for__images {
    display: table-cell;
    height: 187px;
    font-size: 0;
    text-align: center;
    vertical-align: middle;
}

.f-popup-nav .slick-slide div:nth-child(2) .f-popup-nav__item {
    margin-top: 10px;
}

.f-popup-nav .slick-slide img {
    display: inline-block;
    max-width: 100%;
    max-height: 100%;
}

.f-popup-nav__list {
    display: block;
    position: relative;
    margin: 0;
    padding: 20px 0 30px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
}

.f-popup-nav__item {
    float: left;
    padding: 0 5px;
    height: 100%;
}

.f-popup-nav__link {
    display: table;
    table-layout: fixed;
    width: 100%;
    border: 1px solid #e5e5e5;
}

.f-popup-nav__images {
    displaY: table-cell;
    height: 60px;
    font-size: 0;
    text-align: center;
    vertical-align: middle;
}

.f-popup__poster {
    width: 100%;
    margin-bottom: 10px;
}

.f-popup__button {
    padding-top: 10px;
    text-align: center;
}

.f-popup__information {
    width: 100%;
}

.f-popup .slick-arrow {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: absolute;
    bottom: 0;
    left: 55%;
    width: 7px;
    height: 12px;
    border: 0;
    border-radius: 0;
    outline: 0;
    background-color: #FFF;
    text-indent: -9999px;
    cursor: pointer;
}

.f-popup .slick-arrow:hover,
.f-popup .slick-arrow:focus {
    background-color: #f3f4f5;
}

.f-popup .slick-arrow:active {
    background-color: #e5e5e5;
}

.f-popup .slick-arrow:before {
    content: " ";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    border: 7px solid transparent;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.f-popup .slick-arrow.slick-prev {
    left: calc(50% - 25px);
}

.f-popup .slick-arrow.slick-prev:before {
    border-right-color: #424446;
    border-left-width: 0;
}

.f-popup .slick-arrow.slick-next:before {
    border-right-width: 0;
    border-left-color: #424446;
}

.f-popup .slick-arrow.slick-disabled {
    opacity: .2;
}

.f-library-search__group {
    display: table;
    table-layout: fixed;
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
}

.f-library-search__group + .f-library-search__group {
    margin-top: 10px;
}

.f-library-search__key {
    margin-bottom: 5px;
    padding-right: 20px;
    font-size: 0.938rem;
    text-align: left;
    letter-spacing: -1px;
}

.f-library-search__value {
    font-size: 0.8125rem;
}

.h-login {
    padding: 15px;
    border: 1px solid #e5e5e5;
}

.h-login__aligner {
    max-width: 500px;
    margin-right: auto;
    margin-left: auto;
}

.h-login__message {
    margin-bottom: 20px;
    color: #6f7275;
    font-size: 0.75rem;
    letter-spacing: -1px;
    text-align: center;
}

.h-login__type {
    display: table;
    table-layout: fixed;
    border-collapse: collapse;
    border-spacing: 0;
    margin: 0 auto 20px;
}

.h-login__form {
    display: table;
    table-layout: fixed;
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
}

.h-login__form + .h-login__form {
    margin-top: 10px;
}

.h-login__key {
    display: table-cell;
    vertical-align: top;
    width: 100px;
    padding: 15px 0;
    color: #6f7275;
    font-size: 0.8125rem;
    text-align: center;
}

.h-login__value {
    display: table-cell;
    vertical-align: middle;
}

.h-login__option {
    margin-top: 7px;
}

.h-login__button {
    margin-top: 17px;
}

.h-login__sign-in {
    display: table;
    table-layout: fixed;
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    margin-top: 20px;
}

.h-login__sign-in-text {
    color: #424446;
    font-size: 0.875rem;
    line-height: 1.2;
}

.h-login__sign-in-button {
    margin-top: 10px;
    text-align: right;
}

.h-login__util {
    padding: 15px;
    border: 1px solid #e5e5e5;
    border-top: 0;
    background-color: #f3f4f5;
}

.h-login__util-aligner {
    max-width: 500px;
    margin: 0 auto;
}

.h-login__question {
    float: none;
    position: relative;
    margin: 0;
    padding: 0 0 0 10px;
    color: #424446;
    font-weight: 400;
    font-size: 0.875rem;
}

.h-login__question:before {
    content: " ";
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    width: 3px;
    height: 3px;
    background-color: #9d9fa1;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.h-login__answer {
    float: none;
    margin-top: 5px;
    font-size: 0.8125rem;
    text-align: center;
}

.h-login__answer * + * {
    margin-left: 4px;
}

.h-login__result {
    padding: 15px;
    border: 1px solid #e5e5e5;
    border-top: 0;
    background-color: #f3f4f5;
    color: #1d1d1d;
    font-size: 0.875rem;
    text-align: center;
}

.h-login__target {
    display: none;
}

.h-login__target--active {
    display: block;
}

.h-login__box {
    max-width: 500px;
    min-height: 20px;
}

.h-login__box + .h-login__box {
    margin-top: 10px;
}

.h-login__info {
    max-width: 560px;
    margin: 0 auto;
}

.h-login__heading {
    float: none;
    color: #c42047;
    font-size: 0.875rem;
    font-weight: 700;
}

.h-login__content {
    position: relative;
    float: none;
    max-width: 440px;
    margin-left: 0;
    padding-left: 10px;
    color: #424446;
    font-size: 0.875rem;
}

.h-login__content:before {
    content: " ";
    display: block;
    position: absolute;
    top: 11px;
    left: 0;
    width: 3px;
    height: 3px;
    background-color: #9d9fa1;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.h-gate {
    position: relative;
    padding: 20px 15px 90px;
    border: 1px solid #e5e5e5;
}

.h-gate__row {
    margin-right: -10px;
    margin-left: -10px;
}

.h-gate__col {
    padding-right: 10px;
    padding-left: 10px;
}

.h-gate__col + .h-gate__col {
    margin-top: 15px;
}

.h-gate__title {
    margin: 0;
    padding: 0;
    font-size: 1.5rem;
    line-height: 1.2;
    letter-spacing: -1px;
    text-align: center;
}

.h-gate__image {
    padding-bottom: 120px;
}

.h-gate__image--i-pin {
    background: url('../images/pages/h-gate--i-pin.png') no-repeat 50% 100%;
}

.h-gate__image--phone {
    background: url('../images/pages/h-gate--phone.png') no-repeat 50% 100%;
}

.h-gate__button {
    position: absolute;
    bottom: 15px;
    left: 15px;
    right: 15px;
    text-align: center;
}

.h-steps--type-3 .h-steps__item {
    width: 33.33333333%;
}

.h-steps__list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.h-steps__item {
    float: left;
    position: relative;
    width: 25%;
}

.h-steps__item + .h-steps__item:before {
    content: " ";
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 1px;
    background-color: #e5e5e5;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

.h-steps__step {
    width: 60px;
    margin-right: auto;
    margin-left: auto;
    padding: 13px 0 14px;
    border-radius: 120px;
    background-color: #f3f4f5;
    color: #1d1d1d;
}

.h-steps__step--active {
    background-color: #c42047;
    color: #fff;
}

.h-steps__num {
    font-weight: 900;
    font-size: 0.625rem;
    text-align: center;
}

.h-steps__title {
    font-size: 0.75rem;
    text-align: center;
}

.h-terms {
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    height: 150px;
    padding: 15px 10px;
    border: 1px solid #c9cacc;
    background-color: #f3f4f5;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.h-terms__agree {
    margin-top: 10px;
}

.h-terms__sections + .h-terms__sections {
    margin-top: 30px;
}

.h-terms__section + .h-terms__section {
    margin-top: 15px;
}

.h-done {
    padding-top: 70px;
    background: url('../images/pages/h-done.png') no-repeat 50% 0;
    background-size: 50px 50px;
}

.h-done__result {
    margin: 0;
    padding: 0;
    color: #1d1d1d;
    font-weight: 700;
    font-size: 1.125rem;
    text-align: center;
}

.h-done__message {
    margin: 15px 0 0;
    padding: 0;
    color: #1d1d1d;
    font-weight: 700;
    font-size: 0.8125rem;
    text-align: center;
}

.h-done__lifter {
    display: block;
    font-size: inherit;
}

.h-done__breaker {
    font-size: inherit;
}

.h-check__search {
    padding: 15px;
    border-top: 2px solid #c42047;
    border-bottom: 2px solid #e5e5e5;
}

.h-check__guide {
    padding-top: 80px;
    padding-bottom: 15px;
    background: url('../images/pages/h-check__guide.png') no-repeat 50% 18px;
}

.h-check__guide + .h-check__caption {
    margin-top: 0;
    padding-top: 10px;
    border-top: 1px solid #e5e5e5;
}

.h-check__title {
    margin: 0;
    padding: 0;
    color: #c42047;
    font-weight: 800;
    font-size: 1.125rem;
    line-height: 1.2;
    text-align: center;
}

.h-check__description {
    margin: 10px 0 0;
    padding: 0;
    color: #6f7275;
    font-size: 0.875rem;
    text-align: center;
}

.h-check__result {
    padding: 30px 15px;
    border: 1px solid #e5e5e5;
    background-color: #f3f4f5;
}

.h-check__caption {
    margin: 10px 0 0;
    padding: 0;
    color: #424446;
    font-size: 0.875rem;
    line-height: 1.8;
}

.h-cart {
    margin: 0;
    padding: 50px 0 0;
    border-top: 2px solid #c42047;
    border-bottom: 1px solid #e5e5e5;
    list-style: none;
}

.h-cart__row {
    display: table;
    table-layout: fixed;
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    border-top: 1px solid #e5e5e5;
}

.h-cart__row:first-child .h-cart__heading {
    position: absolute;
    top: -39px;
    left: 50%;
    white-space: nowrap;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

.h-cart__col {
    position: relative;
    padding: 10px 0;
}

.h-cart__col:nth-child(1) {
    display: table-cell;
    vertical-align: middle;
    width: 60%;
}

.h-cart__col:nth-child(2) {
    display: none;
}

.h-cart__col:nth-child(3) {
    display: table-cell;
    vertical-align: middle;
    width: 40%;
}

.h-cart__group {
    display: table;
    table-layout: fixed;
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
}

.h-cart__check {
    display: table-cell;
    vertical-align: middle;
    width: 20%;
    text-align: center;
}

.h-cart__thumb {
    display: table-cell;
    vertical-align: middle;
    width: 80%;
    text-align: center;
}

.h-cart__thumb-image {
    max-width: 100%;
}

.h-cart__category {
    display: none;
    width: 23%;
    color: #1d1d1d;
    font-weight: 700;
    font-size: 0.9375rem;
    text-align: center;
}

.h-cart__info {
    display: none;
    width: 42%;
}

.h-cart__name {
    color: #424446;
    font-size: 0.9375rem;
}

.h-cart__key {
    color: #95734b;
    font-size: 0.875rem;
}

.h-cart__carousel {
    margin-top: 5px;
    padding: 0 30px;
}

.h-cart__carousel .slick-arrow {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: absolute;
    top: 0;
    width: 40px;
    height: 100%;
    border: 0;
    border-radius: 0;
    outline: 0;
    background-color: #FFF;
    text-indent: -9999px;
    cursor: pointer;
}

.h-cart__carousel .slick-arrow:hover,
.h-cart__carousel .slick-arrow:focus {
    background-color: #f3f4f5;
}

.h-cart__carousel .slick-arrow:active {
    background-color: #e5e5e5;
}

.h-cart__carousel .slick-arrow:before {
    content: " ";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    border: 6px solid transparent;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.h-cart__carousel .slick-arrow.slick-prev {
    left: -40px;
}

.h-cart__carousel .slick-arrow.slick-prev:before {
    border-right-color: #424446;
    border-left-width: 0;
}

.h-cart__carousel .slick-arrow.slick-next {
    right: -40px;
}

.h-cart__carousel .slick-arrow.slick-next:before {
    border-right-width: 0;
    border-left-color: #424446;
}

.h-cart__carousel .slick-arrow.slick-disabled {
    opacity: .2;
}

.h-cart__item {
    padding: 0 10px;
}

.h-cart__carousel-image {
    width: 100%;
}

.h-cart__original {
    color: #6f7275;
    font-size: 0.9375rem;
    text-align: center;
}

.h-cart__general {
    margin-top: 5px;
    color: #6f7275;
    font-size: 0.9375rem;
    text-align: center;
}

.h-cart__button .c-button {
    display: block;
    margin-right: auto;
    margin-left: auto;
}

.h-cart__button .c-button + .c-button {
    margin-top: 5px;
}

.h-cart__util {
    margin-top: 10px;
}

.h-purpose {
    padding: 15px;
    background-color: #f3f4f5;
}

.h-purpose__selection {
    margin-top: 5px;
}

.h-sitemap {
    font-size: 0;
}

.h-sitemap__menu {
    display: block;
    width: 100%;
    vertical-align: top;
}

.h-sitemap__menu + .h-sitemap__menu {
    margin-left: 0;
}

.h-sitemap__menu:nth-child(4) ~ .h-sitemap__menu {
    margin-top: 30px;
}

.h-sitemap__headings {
    position: relative;
    margin: 0;
    padding: 10px 20px;
    background-color: #c42047;
}

.h-sitemap__headings:before {
    content: " ";
    display: block;
    clear: both;
    position: absolute;
    top: calc(50% - 7px);
    right: 20px;
    border-style: solid;
    border-width: 5.5px 0 5.5px 7px;
    border-color: transparent transparent transparent #fff;
}

.h-sitemap__heading {
    display: block;
    color: #fff;
    font-weight: 700;
    font-size: 1rem;
    text-decoration: none;
}

.h-sitemap__list {
    padding: 10px 10px 10px 9px;
    margin-top: 10px;
    margin-bottom: 20px;
    border: 1px solid #e5e5e5;
    list-style: none;
}

.h-sitemap__item + .h-sitemap__item {
    margin-top: 15px;
}

.h-sitemap__link {
    display: block;
    position: relative;
    padding-left: 10px;
    color: #1d1d1d;
    font-size: 0.875rem;
    text-decoration: none;
}

.h-sitemap__link:before {
    content: " ";
    display: block;
    position: absolute;
    top: 9px;
    left: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 3px;
    height: 3px;
    background-color: #c42047;
}

.h-sitemap__box {
    margin-top: 15px;
    padding: 8px 10px;
    background-color: #f3f4f5;
}

.h-sitemap__box .h-sitemap__list {
    padding: 0;
    border: 0;
}

.h-sitemap__box .h-sitemap__link {
    color: #424446;
    font-size: 0.8125rem;
}

.h-sitemap__box .h-sitemap__link:before {
    display: none;
}

.h-sitemap__box .h-sitemap__item + .h-sitemap__item {
    margin-top: 10px;
}

.h-guide {
    position: relative;
}

.h-guide__frame {
    margin-bottom: 20px;
    text-align: center;
}

.h-guide__image {
    display: inline-block;
    max-width: 100%;
}

.h-forms {
    margin: 0;
    padding: 0;
}

.h-forms__list {
    margin: 0;
    padding: 0;
    border-top: 2px solid #c42047;
    background: #f3f4f5;
    list-style: none;
}

.h-forms__item {
    width: 100%;
    padding: 0 0 10px 0;
    border-bottom: 1px solid #e5e5e5;
    background: #fff;
}

.h-forms__text,
.h-forms__select {
    width: 100%;
    min-height: 36px;
    border: 1px solid #c9cacc;
}

.h-forms__field {
    float: none;
    position: relative;
    text-align: left;
    font-size: 15px;
    line-height: 20px;
    color: #6f7275;
    letter-spacing: -0.05em;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.h-forms__field:first-child {
    background: #f3f4f5;
    padding: 5px 0;
}

.h-forms__field + .h-forms__field {
    margin-top: 10px;
}

.h-forms__th {
    display: inline-block;
    font-weight: bold;
    color: #4c4c4c;
}

.h-forms__caption {
    color: #1d1d1d;
    font-size: 0.875rem;
}

.r-sliders {
    position: relative;
}

.r-sliders__text {
    padding-top: 10px;
    padding-right: 0;
    color: #424446;
    font-size: 0.9375rem;
    line-height: 25px;
}

.r-sliders .r-slider {
    position: relative;
    width: 100%;
}

.r-sliders .r-slider__list {
    margin: 0;
    padding: 0;
}

.r-sliders .r-slider__list .slick-dots {
    position: absolute;
    right: 50px;
    bottom: 10px;
    margin: 0;
    padding: 0;
    font-size: 0;
}

.r-sliders .r-slider__list .slick-dots li {
    display: inline-block;
}

.r-sliders .r-slider__list .slick-dots li button {
    display: block;
    width: 19px;
    height: 19px;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background-color: #c9cacc;
    text-indent: -9999px;
    cursor: pointer;
    padding: 5px;
}

.r-sliders .r-slider__list .slick-dots li + li {
    padding-left: 5px;
}

.r-sliders .r-slider__list .slick-dots li.slick-active button {
    background-color: #c42047;
    border-radius: 0;
}

.r-sliders .r-slider__controls {
    position: absolute;
    right: 10px;
    bottom: 13px;
    font-size: 0;
}

.r-sliders .r-slider__control {
    display: inline-block;
    height: 19px;
    text-indent: -9999px;
    vertical-align: middle;
}

.r-sliders .r-slider__control + .r-slider__control {
    margin-left: 0;
}

.r-sliders .r-slider__control--start {
    width: 19px;
    background: url(../images/layout/l-research-collection--start.png) center center no-repeat;
}

.r-sliders .r-slider__control--stop {
    width: 19px;
    background: url(../images/layout/l-research-collection--stop.png) center center no-repeat;
}

.r-sliders .r-slider__image {
    width: 100%;
}

.r-encyclopedia__list {
    margin: 0;
    padding: 0;
}

.r-encyclopedia__item {
    display: block;
    border-top: 1px solid #c42047;
    border-bottom: 1px solid #e5e5e5;
    list-style: none;
}

.r-encyclopedia__item + .r-encyclopedia__item {
    margin-top: 20px;
}

.r-encyclopedia__area {
    font-size: 0.875rem;
    text-align: left;
}

.r-encyclopedia__area--date {
    padding: 5px 0;
    border-bottom: 1px solid #e5e5e5;
    background-color: #f5f5f5;
    color: #6f7275;
    text-align: center;
}

.r-encyclopedia__area--sort {
    padding: 10px 10px 3px 10px;
}

.r-encyclopedia__area--value {
    padding: 0 10px 10px 10px;
    color: #424446;
}

.r-guide {
    position: relative;
    min-height: 255px;
    text-align: center;
}

.r-guide--text {
    min-height: auto;
    padding-left: 0;
}

.r-guide--frame {
    position: relative;
    min-height: auto;
    padding-left: 0;
    text-align: center;
}

.r-guide--frame .r-guide__frames:first-child {
    padding-top: 20px;
}

.r-guide--frame .r-guide__frame {
    float: none;
}

.r-guide__frames {
    display: inline-block;
    position: relative;
    margin-bottom: 15px;
    font-size: 0;
}

.r-guide__frames--right {
    float: none;
    padding-left: 0;
}

.r-guide__frames--left {
    float: none;
    padding-top: 15px;
}

.r-guide__frames--left .r-guide__frame:nth-child(2) {
    padding-left: 0;
}

.r-guide__frame {
    display: inline-block;
    vertical-align: top;
}

.r-guide__frame + .r-guide__frame {
    padding-top: 15px;
}

.r-guide__image {
    display: block;
    width: 100%;
    margin: 0 auto;
    vertical-align: top;
}

.r-guide__table-image {
    display: block;
    max-width: 100%;
    margin: 0 auto;
    vertical-align: top;
}

.r-guide__image-explain {
    display: inline-block;
    position: relative;
    padding-left: 10px;
    padding-top: 5px;
    color: #6f7275;
    font-size: 0.8125rem;
}

.r-guide__image-explain:before {
    content: " ";
    display: block;
    position: absolute;
    top: 15px;
    left: 0px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 3px;
    height: 3px;
    background-color: #9d9fa1;
}

.r-guide__link {
    padding: 8px 10px;
    color: #fff;
    text-decoration: none;
}

.r-db__heading {
    display: block;
    position: relative;
    margin: 0 0 20px;
    padding: 15px 25px;
    border-top: 2px solid #e5e5e5;
    border-bottom: 2px solid #e5e5e5;
    color: #1d1d1d;
    font-size: 1.125rem;
    -webkit-transition: background-color .2s;
    transition: background-color .2s;
}

.r-db .r-db__content #bbsCategory1 {
    width: 100%;
    margin-bottom: 5px;
}

.r-db div.r-db__content #column {
    width: 100%;
    margin-bottom: 5px;
}

.r-db div.r-db__content #search {
    width: calc(100% - 80px);
}

.r-db div.r-db__content #selDataCM {
    width: 200px;
}

.r-video__list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.r-video__item + .r-video__item {
    margin-top: 8px;
}

.r-video__button {
    display: table;
    table-layout: fixed;
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    height: 50px;
}

.r-video__link {
    display: table-cell;
    position: relative;
    padding: 6px 20px 6px 60px;
    background-color: #f3f4f5;
    color: #6f7275;
    font-size: 0.8125rem;
    text-decoration: none;
    vertical-align: middle;
}

.r-video__link:before {
    content: " ";
    display: block;
    position: absolute;
    top: 50%;
    left: 20px;
    width: 30px;
    height: 30px;
    background: url('../images/pages/r-video__icon.png') no-repeat;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.r-video__explain {
    display: inline-block;
    position: relative;
    padding-left: 10px;
    padding-top: 5px;
    color: #6f7275;
    font-size: 0.8125rem;
}

.r-video__explain:before {
    content: " ";
    display: block;
    position: absolute;
    top: 15px;
    left: 0px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 3px;
    height: 3px;
    background-color: #9d9fa1;
}

.r-acodian__trigger {
    display: block;
    position: relative;
    min-height: 60px;
    padding: 15px 25px;
    border-top: 2px solid #e5e5e5;
    border-bottom: 2px solid #e5e5e5;
    color: #1d1d1d;
    font-size: 1.125rem;
    text-decoration: none;
    -webkit-transition: background-color .2s;
    transition: background-color .2s;
}

.r-acodian__text {
    display: none;
}

.r-acodian__button {
    position: absolute;
    top: 50%;
    right: 25px;
    padding-right: 30px;
    color: #c42047;
    font-size: 0.9375rem;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.r-acodian__button:before {
    content: " ";
    display: block;
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: 2px;
    border: 7px solid transparent;
    border-top-width: 7px;
    border-top-color: #c42047;
    border-bottom: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.r-acodian__button:after {
    content: " ";
    display: block;
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: 0;
    border: 7px solid transparent;
    border-top-color: #f3f4f5;
    border-top-width: 7px;
    border-bottom-width: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.r-acodian--active .r-acodian__trigger {
    border-top: 0;
    border-bottom: 0;
    background-color: #c42047;
    color: #fff;
}

.r-acodian--active .r-acodian__button {
    color: #fff;
}

.r-acodian--active .r-acodian__button:before {
    margin-top: 0;
    border-top-width: 0;
    border-top-color: #f3f4f5;
    border-bottom: 7px solid #f3f4f5;
}

.r-acodian--active .r-acodian__button:after {
    margin-top: 2px;
    border-top-color: #c42047;
    border-top-width: 0;
    border-bottom-color: #c42047;
    border-bottom-width: 7px;
}

.r-acodian--active .r-acodian__text {
    display: block;
}

.r-box {
    padding: 0;
    margin: 0;
}

.r-box__form {
    height: auto;
    list-style: none;
    padding: 10px;
    margin-top: 10px;
    margin-left: 0;
    border: 1px solid #e5e5e5;
    background-repeat: no-repeat;
    background-position: 100% 90%;
    background-size: 150px 150px;
    text-align: center;
}

.r-box__form:nth-child(1) {
    background-image: url(../images/pages/r-box__form1.png);
}

.r-box__form:nth-child(2) {
    background-image: url(../images/pages/r-box__form2.png);
}

.r-box__form:nth-child(3) {
    background-image: url(../images/pages/r-box__form3.png);
}

.r-box__form:nth-child(4) {
    background-image: url(../images/pages/r-box__form4.png);
}

.r-box__form:nth-child(5) {
    background-image: url(../images/pages/r-box__form5.png);
}

.r-box__form:nth-child(6) {
    background-image: url(../images/pages/r-box__form6.png);
}

.r-box__form:nth-child(7) {
    background-image: url(../images/pages/r-box__form7.png);
}

.r-box__form:nth-child(8) {
    background-image: url(../images/pages/r-box__form8.png);
}

.r-box__form:nth-child(9) {
    background-image: url(../images/pages/r-box__form9.png);
}

.r-box__form:nth-child(10) {
    background-image: url(../images/pages/r-box__form10.png);
}

.r-box__form:nth-child(11) {
    background-image: url(../images/pages/r-box__form11.png);
}

.r-box__form:nth-child(12) {
    background-image: url(../images/pages/r-box__form12.png);
}

.r-box__form:nth-child(13) {
    background-image: url(../images/pages/r-box__form13.png);
}

.r-box__form:nth-child(14) {
    background-image: url(../images/pages/r-box__form14.png);
}

.r-box__form:nth-child(2n+1) {
    margin-left: 0;
}

.r-box__form:nth-child(n+2) ~ .r-box__form {
    margin-top: 10px;
}

.r-box__content {
    text-align: left;
}

.r-box__image {
    max-width: 100%;
    vertical-align: top;
}

.r-box__title {
    padding-top: 20px;
    color: #1d1d1d;
    font-size: 1rem;
}

.r-box__text {
    padding-top: 10px;
    color: #6f7275;
    font-size: 0.8125rem;
}

.r-box__list {
    margin: 0;
    padding: 15px 120px 0 0;
    list-style: none;
}

.r-box__item {
    position: relative;
    padding-left: 10px;
    color: #6f7275;
    font-size: 0.875rem;
}

.r-box__item:before {
    content: " ";
    display: block;
    position: absolute;
    top: 9px;
    left: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 3px;
    height: 3px;
    background-color: #9d9fa1;
}

.r-box__caption {
    padding: 0;
    margin: 10px 0 0 0;
    color: #1d1d1d;
    font-size: 0.875rem;
    text-align: right;
}

.r-field__aligner {
    position: relative;
}

.r-field__item {
    display: inline-block;
    position: relative;
    float: none;
    width: 100%;
    border: 1px solid #c9cacc;
}

.r-field__item + .r-field__item {
    margin-top: 10px;
}

.r-field__item:hover .r-field__dim,
.r-field__item:focus .r-field__dim {
    visibility: visible;
    opacity: 1;
}

.r-field__item:hover .r-field__subject,
.r-field__item:focus .r-field__subject {
    visibility: visible;
    opacity: 1;
    margin-top: 0;
}

.r-field__link {
    display: block;
    color: #424446;
    padding: 10px 10px 15px 10px;
    text-decoration: none;
}

.r-field__paragraph {
    margin: 0;
    padding: 15px 0 0 0;
}

.r-field__image {
    display: block;
    width: 100%;
}

.r-field__dim {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    -webkit-transition: visibility .4s, opacity .4s;
    transition: visibility .4s, opacity .4s;
}

.r-field__subject {
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    margin-top: 15px;
    padding-bottom: 35px;
    background: url("../images/layout/l-research-collection--plus.png") no-repeat center bottom;
    color: #FFF;
    font-weight: 500;
    font-size: 0.875rem;
    text-align: center;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: visibility .4s, opacity .4s, margin .4s;
    transition: visibility .4s, opacity .4s, margin .4s;
}

.r-field__buttons {
    margin-top: 15px;
}

.r-field__button {
    display: block;
    position: relative;
    width: 100%;
    padding: 15px 63px 15px 15px;
    border: 1px solid #c9cacc;
    background-color: #fff;
    color: #424446;
    font-size: 0.9375rem;
    text-decoration: none;
}

.r-field__button:before {
    content: " ";
    display: block;
    position: absolute;
    top: 50%;
    right: 20px;
    width: 0px;
    height: 0px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    border-width: 6px 0px 6px 6px;
    border-style: solid;
    border-color: transparent transparent transparent #1d1d1d;
    -webkit-border-image: initial;
    border-image: initial;
}

.r-field__button:after {
    content: " ";
    display: block;
    position: absolute;
    top: 50%;
    right: 22px;
    width: 0px;
    height: 0px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    border-width: 4px 0px 4px 4px;
    border-style: solid;
    border-color: transparent transparent transparent white;
    -webkit-border-image: initial;
    border-image: initial;
}

.r-field__button + .r-field__button {
    margin-top: 16px;
}

.p-frames {
    text-align: center;
    font-size: 0;
}

.p-frame {
    display: block;
}

.p-frame + .p-frame {
    margin-left: 10px;
}

.p-frame__image {
    display: inline-block;
    max-width: 100%;
}

.p-frame__util {
    margin-bottom: 5px;
}

.p-frame__numbers {
    float: left;
}

.p-frame__number {
    float: left;
    color: #1d1d1d;
    font-weight: 500;
    font-size: 0.875rem;
}

.p-frame__number + .p-frame__number {
    margin-left: 8px;
}

.p-frame__types {
    float: none;
    margin-bottom: 5px;
}

.i-guide {
    position: relative;
}

.i-guide--frame {
    min-height: auto;
    padding-left: 0;
}

.i-guide--frame .i-guide__frames {
    position: relative;
    text-align: center;
}

.i-guide--frame .i-guide__frames:first-child {
    padding-top: 20px;
}

.i-guide__frames {
    position: relative;
    margin-bottom: 15px;
    font-size: 0;
    text-align: center;
}

.i-guide__frames--right {
    position: relative;
    margin-bottom: 10px;
}

.i-guide__frames--left {
    text-align: left;
}

.i-guide__frames--half .i-guide__frame {
    display: inline-block;
    width: calc(50% - 5px);
    vertical-align: 0;
}

.i-guide__frames--half .i-guide__frame:nth-child(2) ~ .i-guide__frame {
    margin-top: 5px;
}

.i-guide__frames--half .i-guide__frame:nth-child(2n) {
    margin-left: 10px;
}

.i-guide__frames--half .i-guide__image {
    width: 100%;
}

.i-guide__frame {
    display: block;
    vertical-align: top;
}

.i-guide__frame + .i-guide__frame {
    margin-top: 10px;
}

.i-guide__image {
    display: inline-block;
    max-width: 100%;
}

.i-mi__box {
    position: relative;
    padding: 10px;
    border: 1px solid #e5e5e5;
    text-align: center;
}

.i-mi__image {
    display: inline-block;
    max-width: 100%;
}

.i-mi__aligner {
    position: relative;
    padding-top: 20px;
}

.i-mi__aligner + .i-mi__aligner {
    padding-top: 20px;
    border-top: 1px solid #e5e5e5;
}

.i-mi__aligner + .i-mi__aligner .i-mi__logo {
    top: 40px;
}

.i-mi__logo {
    padding: 0 10px;
}

.i-mi__infos {
    padding: 30px 0;
}

.i-mi__info {
    position: relative;
    float: none;
    width: 100%;
    text-align: center;
}

.i-mi__info + .i-mi__info {
    margin-top: 20px;
}

.i-mi__color {
    display: inline-block;
    position: relative;
    height: 30px;
    margin-bottom: 10px;
    padding-left: 60px;
    font-size: 1.125rem;
}

.i-mi__color:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 50px;
    height: 30px;
    background-color: #003669;
}

.i-mi__color--blue:before {
    background-color: #003669;
}

.i-mi__color--red:before {
    background-color: #e6002d;
}

.i-mi__color--gray:before {
    background-color: #575757;
}

.i-mi__color--black:before {
    background-color: #000000;
}

.i-mi__list {
    margin: 0;
    padding: 0;
}

.i-mi__item {
    list-style: none;
    color: #424446;
    font-size: 0.9375rem;
}

.i-history {
    text-align: center;
}

.i-history__years {
    float: none;
    padding: 10px 0;
}

.i-history__years + .i-history__years {
    margin-left: 0;
}

.i-history__heading {
    background-color: #f6f6f6;
    color: #9d9fa1;
    padding: 10px 0;
}

.i-history__images {
    display: none;
    margin-bottom: 5px;
}

.i-history__image {
    display: block;
    max-width: 100%;
}

.i-history__list {
    display: inline-block;
    width: 100%;
    padding: 0;
}

.i-history__item {
    position: relative;
    border-top: 1px solid #f6f6f6;
    padding: 10px 0;
}

.i-history__item:before {
    content: " ";
    display: inline-block;
    width: 8px;
    height: 8px;
    margin-right: 10px;
    margin-bottom: 10px;
    border-radius: 50%;
    background-color: #95734b;
    vertical-align: middle;
}

.i-history__item + .i-history__item {
    margin-top: 0;
}

.i-history .c-heading2 {
    margin-bottom: 0;
}

.i-history__date {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
}

.i-annual__aligner {
    position: relative;
    padding: 20px 0;
    border-top: 2px solid #b71d41;
    border-bottom: 1px solid #e5e5e5;
}

.i-annual__box {
    float: none;
    width: 100%;
    border: 1px solid #e5e5e5;
    background-color: #fff;
    text-align: center;
}

.i-annual__box:nth-child(2n) {
    margin-left: 0;
}

.i-annual__box + .i-annual__box {
    margin-top: 20px;
}

.i-annual__box:nth-child(2) ~ .i-annual__box {
    margin-top: 20px;
}

.i-annual__frame {
    text-align: center;
}

.i-annual__image {
    display: inline-block;
    width: 190px;
}

.i-annual__info {
    margin: 10px 0;
}

.i-annual__list {
    margin: 0;
    padding: 0;
}

.i-annual__item {
    list-style: none;
    color: #6f7275;
    font-size: 0.8125rem;
}

.i-annual__item + .i-annual__item {
    margin-top: 5px;
}

.i-annual__item .i-annual__image {
    width: 16px;
    height: 16px;
}

.i-annual__link {
    display: block;
    padding: 20px;
    text-decoration: none;
}

.i-annual__type {
    display: inline-block;
    width: 16px;
    height: 16px;
}

.i-annual__util {
    margin-bottom: 5px;
}

.i-annual__numbers {
    float: left;
    margin-top: 10px;
}

.i-annual__number {
    float: left;
    color: #1d1d1d;
    font-weight: 500;
    /*     font-size: 0.875rem; */
}

.i-annual__number + .i-annual__number {
    margin-left: 8px;
}

.i-annual__type {
    display: inline-block;
    position: relative;
    color: #1d1d1d;
    font-weight: 500;
    font-size: 0.875rem;
    letter-spacing: -1px;
    text-decoration: none;
    vertical-align: middle;
}

.i-annual__type--image {
    padding-left: 18px;
}

.i-annual__type--image.f-published__type--active {
    color: #c42047;
}

.i-annual__type--image.f-published__type--active:before {
    border-right-color: #c42047;
    border-left-color: #c42047;
}

.i-annual__type--image:before {
    content: " ";
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    width: 2px;
    height: 12px;
    border-right: 5px solid #9d9fa1;
    border-left: 5px solid #9d9fa1;
    background-color: #fff;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.i-annual__type--image:after {
    content: " ";
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    width: 12px;
    height: 2px;
    background-color: #fff;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.i-organization {
    position: relative;
    text-align: center;
}

.i-organization__heading {
    width: 100%;
    padding: 5px;
    background-color: #c42047;
    color: #fff;
    font-size: 0.9375rem;
    text-decoration: none;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    text-align: center;
}

.i-organization__list {
    margin: 0;
    padding: 10px 0 0 0;
}

.i-organization__item {
    display: block;
    float: left;
    width: calc(50% - 5px);
    margin-left: 0;
    border: 1px solid #e5e5e5;
    background-color: #f3f4f5;
    list-style: none;
}

.i-organization__item:nth-child(2n) {
    margin-left: 10px;
}

.i-organization__item:nth-child(2) ~ .i-organization__item {
    margin-top: 10px;
}

.i-organization__link {
    display: block;
    padding: 15px 0;
    text-decoration: none;
    color: #424446;
    font-size: 0.9375rem;
}

.i-organization__emphasis {
    font-weight: 700;
    font-size: 1.25rem;
    line-height: 1.2;
    width: 100%;
    display: inline-block;
}

.i-table {
    border-top: 2px solid #15576e;
    border-bottom: 1px solid #aeaeae;
    background-color: #fff;
}

.i-table table {
    table-layout: fixed;
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    text-align: center;
}

.i-table tr:first-child .i-table__row {
    border-top: 0;
}

.i-table tr:first-child .i-table__data {
    border-top: 0;
}

.i-table tr .i-table__data:nth-of-type(1) {
    border-left: 0;
}

.i-table__col {
    padding: 10px;
    border-bottom: 1px solid #9d9fa1;
    color: #1d1d1d;
    font-weight: 500;
    font-size: 1rem;
    text-align: center;
}

.i-table__row {
    padding: 10px;
    border-top: 1px solid #e5e5e5;
    background: #f3f4f5;
    color: #1d1d1d;
    font-weight: 500;
    font-size: 0.9375rem;
    text-align: center;
}

.i-table__data {
    padding: 10px;
    border-top: 1px solid #e5e5e5;
    color: #6f7275;
    font-size: 1rem;
    text-align: center;
}

.i-table__data.i-table__data--left {
    text-align: left;
    font-size: 1rem;
}

.i-table .i-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.i-table .i-list--no-bullet {
    padding-left: 0;
    list-style: none;
}

.i-table .i-list--no-bullet > .i-list__item {
    padding-left: 0;
}

.i-table .i-list--no-bullet > .i-list__item:before {
    display: none;
}

.i-table .i-list .i-list {
    padding-top: 8px;
}

.i-table .i-list__item {
    position: relative;
    padding-left: 10px;
    color: #1d1d1d;
    font-size: 0.875rem;
}

.i-table .i-list__item:before {
    content: " ";
    display: block;
    position: absolute;
    top: 9px;
    left: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 3px;
    height: 3px;
    background-color: #9d9fa1;
}

.i-table .i-list__item + .i-table .i-list__item {
    margin-top: 8px;
}

.i-intro__frame {
    margin-bottom: 20px;
    text-align: center;
}

.i-intro__image {
    display: inline-block;
    max-width: 100%;
}

.i-box {
    position: relative;
    padding: 15px;
    background-color: #fff;
}

.i-box--gray {
    background-color: #f3f4f5;
}

.i-box--button .i-box__link {
    text-align: center;
    margin-top: 10px;
}

.i-box__title {
    display: inline-block;
    color: #242526;
    font-weight: 700;
    font-size: 1.125rem;
}

.i-box__content {
    padding-top: 10px;
    padding-left: 0;
}

.i-box__item + .i-box__item {
    margin-top: 20px;
}

.i-box__link {
    display: block;
    float: right;
    width: 180px;
    padding: 10px 45px;
    background-color: #c42047;
    color: #fff;
    text-decoration: none;
}

.i-box__text {
    padding-left: 0;
    color: #242526;
    font-size: 0.9375rem;
    line-height: 24px;
}

.i-box__icon {
    display: none;
    width: 60px;
    height: 60px;
}

.i-box__icon--subway1 {
    background: url("../images/pages/i-contact__icon1.png") no-repeat;
}

.i-box__icon--subway2 {
    background: url("../images/pages/i-contact__icon2.png") no-repeat;
}

.i-box__icon--bus1 {
    background: url("../images/pages/i-contact__icon3.png") no-repeat;
}

.i-box__icon--bus2 {
    background: url("../images/pages/i-contact__icon4.png") no-repeat;
}

.i-box__icon--bus3 {
    background: url("../images/pages/i-contact__icon5.png") no-repeat;
}

.i-box__icon--bus4 {
    background: url("../images/pages/i-contact__icon6.png") no-repeat;
}

.i-box__icon--car {
    background: url("../images/pages/i-contact__icon7.png") no-repeat;
}

.i-box__emphasis--orange {
    color: #D55125;
}

.i-box__emphasis--purple {
    color: #893bb6;
}

.i-box__emphasis--blue {
    color: #176ee5;
}

.i-box__emphasis--green {
    color: #5aa600;
}

.i-box__emphasis--yellow {
    color: #A28C38;
}

.i-box__emphasis--dark-yellow {
    color: #9F7400;
}

.i-box__emphasis--blue-green {
    color: #3194b2;
}

.i-map {
    position: relative;
    display: flex;
    flex-wrap: wrap
}

.i-map__images {
    position: relative;
    text-align: center;
}

.i-map__images:before {
    content: " ";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: background .2s;
    transition: background .2s;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.i-map__images--location-1:before {
    background-image: url("../images/pages/i-map__location-1.png");
}

.i-map__images--location-2:before {
    background-image: url("../images/pages/i-map__location-2.png");
}

.i-map__images--location-3:before {
    background-image: url("../images/pages/i-map__location-3.png");
}

.i-map__images--location-4:before {
    background-image: url("../images/pages/i-map__location-4.png");
}

.i-map__images--location-5:before {
    background-image: url("../images/pages/i-map__location-5.png");
}

.i-map__images--location-6:before {
    background-image: url("../images/pages/i-map__location-6.png");
}

.i-map__image {
    width: 100%;
}

.i-map__list {
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
}

.i-map__item {
    float: left;
    display: table;
    width: 50%;
    border: 1px solid #e5e5e5;
}

.i-map__item:nth-child(2n) {
    border-left: 0;
}

.i-map__item:nth-child(2) ~ .i-map__item {
    border-top: 0;
}

.i-map__item--active .i-map__link {
    background-color: #f3f4f5;
}

.i-map__item--active .i-map__link:before {
    background: url("../images/pages/i-icon--active.png") no-repeat;
}

.i-map__link {
    display: table-cell;
    position: relative;
    height: 60px;
    padding: 5px 40px 5px 10px;
    vertical-align: middle;
    text-decoration: none;
}

.i-map__link:before {
    content: " ";
    display: block;
    position: absolute;
    top: 50%;
    right: 10px;
    width: 30px;
    height: 30px;
    transform: translateY(-50%);
    background: url("../images/pages/i-icon.png") no-repeat;
}

.i-map__link:hover {
    background-color: #f9f9f9;
}

.i-map__route {
    font-size: 0.8125rem;
    font-weight: 700;
}

.i-map__route--route3 {
    color: #fa5f2c;
}

.i-map__route--route5 {
    color: #835cc3;
}

.i-map__station {
    color: #424446;
    font-size: 1rem;
    letter-spacing: -0.5px;
}

.s-filter__title {
    display: none;
    margin: 0;
    color: #1d1d1d;
    font-size: 1.5rem;
    line-height: 1.8;
}

.s-filter__box {
    border: 1px solid #e5e5e5;
}

.s-filter__box--active .s-filter__list {
    display: block;
}

.s-filter__box--active .s-filter__link:before {
    background-color: #fff;
}

.s-filter__box--active .s-filter__link:after {
    visibility: hidden;
    opacity: 0;
    top: 25%;
    background-color: #c9cacc;
}

.s-filter__heading {
    height: 45px;
    margin: 0;
    background-color: #1a95a4;
    font-weight: 500;
}

.s-filter__link {
    display: block;
    position: relative;
    padding: 10px;
    color: #fff;
    font-size: 1.0625rem;
    text-decoration: none;
}

.s-filter__link:before {
    content: " ";
    display: block;
    position: absolute;
    top: 50%;
    right: 25px;
    width: 12px;
    height: 2px;
    background-color: #fff;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.s-filter__link:after {
    content: " ";
    display: block;
    position: absolute;
    top: 50%;
    right: 30px;
    width: 2px;
    height: 12px;
    background-color: #fff;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: visibility 0.6s, opacity 0.6s, top 0.6s cubic-bezier(1, 0, 0, 1);
    transition: visibility 0.6s, opacity 0.6s, top 0.6s cubic-bezier(1, 0, 0, 1);
}

.s-filter__list {
    display: none;
    padding: 20px;
}

.s-header {
    padding: 23px 30px 20px;
    background-color: #333;
}

.s-header__aligner {
    margin: 0 auto;
}

.s-header__logo {
    margin: 0;
    padding: 0;
    text-align: center;
}

.s-header__link {
    display: block;
    height: 40px;
}

.s-header__logo-image {
    display: inline-block;
    height: 100%;
}

.s-header__search {
    position: relative;
    margin-top: 20px;
}

.s-header__button {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 50px;
    height: 45px;
    margin-left: -1px;
    background-color: #c42047;
    color: #fff;
    font-size: 1.125rem;
    letter-spacing: -1px;
    text-decoration: none;
    text-align: center;
    text-indent: -9999px;
    line-height: 50px;
    cursor: pointer;
}

.s-header__button:before {
    content: "";
    display: block;
    position: absolute;
    top: 17px;
    right: 17px;
    width: 16px;
    height: 16px;
    background: url("../images/layout/s-search.png") no-repeat;
}

.s-keyword {
    display: none;
    position: relative;
    padding: 15px 0;
    background-color: #f3f4f5;
}

.s-keyword--detail {
    display: block;
    width: 100%;
    padding: 12px;
}

.s-keyword--detail .s-keyword__heading {
    color: #1d1d1d;
    font-weight: 500;
}

.s-keyword--detail .s-keyword__item {
    font-weight: 400;
    padding: 0 10px;
}

.s-keyword__heading {
    color: #856b4c;
    font-size: 0.875rem;
}

.s-keyword__list {
    margin: 0;
    padding: 0;
    font-size: 0;
    text-align: center;
    list-style: none;
}

.s-keyword__item {
    position: relative;
    display: inline-block;
    padding: 0 20px;
    color: #424446;
    font-size: 0.875rem;
}

.s-keyword__item:before {
    content: " ";
    display: block;
    position: absolute;
    top: 50%;
    left: -1px;
    right: inherit;
    width: 1px;
    height: 11px;
    background-color: #9d9fa1;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.s-keyword__item:first-child:before,
.s-keyword__item:nth-child(2):before {
    display: none;
}

.s-keyword__item:first-child {
    padding: 0;
}

.s-heading {
    max-width: 1260px;
    margin: 0 auto;
    padding: 15px 0;
}

.s-heading__title {
    display: none;
    float: left;
    margin: 0;
    color: #1d1d1d;
    font-size: 2.5rem;
}

.s-heading__result {
    float: none;
    margin: 0;
    padding: 0 10px;
    color: #424446;
    font-size: 1.125rem;
    text-align: center;
}

.s-heading__sort {
    padding: 20px 0;
    border-bottom: 1px solid #e5e5e5;
    line-height: 1.2;
}

.s-heading__word {
    display: none;
    margin-bottom: 10px;
    color: #6f7275;
    font-size: 0.9375rem;
}

.s-heading__select {
    width: 100%;
    height: 36px;
    padding-left: 10px;
    background-color: #fff;
    color: #1d1d1d;
    font-size: 0.9375rem;
    line-height: 1.5;
    font-family: "Noto Sans Korean", "Malgun Gothic", sans-serif;
    border: 1px solid #c9cacc;
    border-radius: 0px;
    outline: 0px;
}

.s-content {
    padding: 15px 0;
}

.s-content + .s-content {
    border-top: 1px solid #e5e5e5;
}

.s-content--frame .s-content__box {
    float: none;
    margin: 10px 0 0 0;
    text-align: left;
}

.s-content__images {
    float: none;
    text-align: center;
}

.s-content__image {
    max-width: 100%;
}

.s-content__subject {
    margin: 0 0 15px 0;
    color: #1d1d1d;
    font-size: 0.9375rem;
    font-weight: 500;
}

.s-content__paragraph {
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: inherit;
    word-wrap: break-word;
    height: 46px;
    margin: 0 0 15px;
    font-size: 0.875rem;
}

.s-content__link {
    display: block;
    text-decoration: none;
    color: #1d1d1d;
    font-size: 0.9375rem;
}

.s-content__link:hover {
    text-decoration: underline;
}

.s-content__list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.s-content__item {
    color: #6f7275;
    font-size: 0.8125rem;
}

.s-content__item + .s-content__item {
    padding-top: 5px;
}

.s-content__download {
    color: #c42047;
    font-size: 0.8125rem;
    font-weight: 700;
    text-decoration: none;
}

.s-content__navi {
    position: relative;
    margin-top: 10px;
    padding-left: 15px;
    background: url("../images/layout/s-navi.png") no-repeat 0 5px;
    color: #856b4c;
    font-size: 0.8125rem;
}

.s-forms {
    margin: 0;
    padding: 0;
    line-height: 1.2;
}

.s-forms__fieldset {
    margin: 0;
    padding: 0;
    border: 0;
}

.s-forms__fieldset[disabled] .forms__text,
.s-forms__fieldset[disabled] .forms__password,
.s-forms__fieldset[disabled] .forms__textarea,
.s-forms__fieldset[disabled] .forms__select {
    border: 1px solid #9d9fa1;
    background-color: #e5e5e5;
    color: #9d9fa1;
    cursor: default;
}

.s-forms__fieldset[disabled] .forms__selection {
    cursor: default;
}

.s-forms__fieldset[disabled] .forms__selection-text {
    color: #9d9fa1;
    cursor: default;
}

.s-forms__text {
    width: 100%;
    min-height: 45px;
}

.s-page {
    position: relative;
    padding: 0;
    border-top: none;
    z-index: 100;
}

.s-page__aligner {
    max-width: 1260px;
    margin-right: auto;
    margin-left: auto;
    padding: 20px 15px 30px 15px;
}

.s-aside {
    float: none;
    width: 100%;
}

.s-aside ~ .s-contents {
    float: none;
}

.s-more {
    display: block;
    height: 50px;
    margin-top: 20px;
    background: url("../images/layout/s-search-more__image.png") no-repeat center center;
    background-color: #f3f4f5;
    text-indent: -9999px;
}

.s-more__image {
    width: 27px;
    -webkit-transform: translateY(50%);
    -ms-transform: translateY(50%);
    transform: translateY(50%);
}

.totalCnt_bbsSearch {
    margin-bottom: 10px;
}

.totalCnt {
    padding: 6px 0 5px;
    color: #1d1d1d;
    font-size: 15px;
}

.totalCnt_bbsSearch #search {
    margin-left: -1px;
}

.totalCnt_bbsSearch input[type="submit"] {
    margin-left: -1px;
}

.seed_bbs_box select {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 120px;
    height: 40px;
    border-color: #c9cacc;
    border-radius: 0;
    font-size: 15px;
    font-family: "Noto Sans Korean", "Malgun Gothic", sans-serif;
    cursor: pointer;
}

.seed_bbs_box input[type='text'],
.seed_bbs_box input[type='password'] {
    -webkit-appearance: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    /* width: calc(100% - 200px); */
    height: 45px;
    padding: 0 10px;
    border-color: #dfdfdf;
    border-radius: 0;
    font-size: 15px;
    font-family: "Noto Sans Korean", "Malgun Gothic", sans-serif;
}

.seed_bbs_box input[type='submit'] {
    -webkit-appearance: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 80px;
    padding: 8px 10px;
    border-color: #15576e;
    border-radius: 0;
    background: #15576e;
    color: #fff;
    font-size: 15px;
    font-family: "Noto Sans Korean", "Malgun Gothic", sans-serif;
    text-align: center;
    cursor: pointer;
}

.seed_bbs_box select:focus,
.seed_bbs_box input[type='text']:focus,
.seed_bbs_box input[type='password']:focus,
.seed_bbs_box input[type='submit']:focus {
    position: relative;
    z-index: 10;
}

.postFunc {
    font-size: 14px;
    font-family: "Noto Sans Korean", "Malgun Gothic", sans-serif;
    line-height: 40px;
}

.postFunc form fieldset input[type='submit'] {
    margin-left: -1px;
}

.seed_btnArea input[type='submit'] {
    width: auto;
}

.seed_btnArea .seedbbs_btn {
    -webkit-appearance: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    min-width: 80px;
    padding: 8px 10px;
    border-color: #15576e;
    border-radius: 0;
    background: #15576e;
    color: #fff;
    font-size: 15px;
    font-family: "Noto Sans Korean", "Malgun Gothic", sans-serif;
    text-align: center;
    cursor: pointer;
}

.seed_btnArea .seedbbs_btn.list {
    border: 1px solid #424446;
    background-color: #424446;
}


/* LIST */

.seed_tbl {
    border-top: 2px solid #b71d41;
    border-bottom: 1px solid #e5e5e5;
}

.seed_tbl table th {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 50px;
    border-bottom: 1px solid #9d9fa1;
    color: #1d1d1d;
    font-size: 14px;
}

.seed_tbl table td {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 50px;
    border-top: 1px solid #e5e5e5;
}

.seed_tbl table td {
    color: #6f7275;
    font-size: 14px;
    font-family: "Noto Sans Korean", "Malgun Gothic", sans-serif;
}

.listWrap .seed_tbl table td a {
    color: #1d1d1d;
}


/* VIEW */

.viewWrap .seed_tbl table th {
    height: auto;
    border: 1px solid #e5e5e5;
    border-left: 0;
    color: #424446;
    font-size: 14px;
    font-family: "Noto Sans Korean", "Malgun Gothic", sans-serif;
}

.viewWrap .seed_tbl table td {
    height: auto;
    color: #1d1d1d;
    font-size: 15px;
    line-height: 1.5;
    font-family: "Noto Sans Korean", "Malgun Gothic", sans-serif;
}

.seedbbsContentWrap {
    line-height: 1.8;
}

.Dhistory {
    table-layout: fixed;
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    border-top: 2px solid #666 !important;
    border-bottom: 1px solid #e5e5e5 !important;
    background-color: #fff !important;
    text-align: center;
}

.Dhistory tbody tr:first-child th {
    border-top: 0;
}

.Dhistory tbody tr:first-child .td {
    border-top: 0;
}

.Dhistory tr [scope="colgroup"] {
    border-bottom-color: #e5e5e5 !important;
}

.Dhistory tbody tr td:nth-of-type(1) {
    border-left: 0;
}

.Dhistory thead th {
    padding: 10px;
    border-bottom: 1px solid #9d9fa1 !important;
    border-left: 1px solid #e5e5e5 !important;
    background: #f3f4f5 !important;
    color: #1d1d1d;
    font-weight: 500;
    font-size: 0.9375rem;
    text-align: center;
}

.Dhistory thead th[colspan] {
    border-bottom: 1px solid #e5e5e5 !important;
}

.Dhistory tbody th {
    padding: 10px;
    border-top: 1px solid #e5e5e5 !important;
    border-right: 1px solid #e5e5e5 !important;
    background: #f3f4f5 !important;
    color: #1d1d1d;
    font-weight: 500;
    font-size: 0.9375rem;
    text-align: center;
}

.Dhistory tbody th[rowspan] {
    border-right: 1px solid #e5e5e5 !important;
}

.Dhistory tbody td {
    padding: 10px;
    border-top: 1px solid #e5e5e5 !important;
    border-left: 1px solid #e5e5e5 !important;
    color: #424446 !important;
    font-size: 0.875rem;
    text-align: center;
}

.f-collection .opt_align_right {
    margin-top: 20px;
    padding-top: 10px;
    padding-top: 20px;
    overflow: hidden;
    border-top: 1px solid #c9cacc;
}

.f-collection .opt_align {
    float: left;
    padding: 12px 0;
    overflow: hidden;
    list-style: none;
}

.f-collection .opt_align li {
    position: relative;
    float: left;
    padding: 0 12px;
}

.f-collection .opt_align li:before {
    content: "";
    position: absolute;
    top: 7px;
    left: 0;
    width: 1px;
    height: 13px;
    background-color: #9e9e9e;
}

.f-collection .opt_align li:first-child {
    padding-left: 0;
}

.f-collection .opt_align li:first-child:before {
    display: none;
}

.f-collection .opt_align a {
    color: #9e9e9e;
    font-size: 15px;
}

.f-collection .opt_align .active a {
    color: #000;
    padding-left: 15px;
    background: url(../images/layout/bg_check.png) 0 50% no-repeat;
    background-size: 12px;
}

.f-collection__list {
    padding-top: 20px;
}

.f-collection .list_sort {
    float: right;
}

.f-collection .opt_style {
    float: left;
    padding: 12px 20px 12px 0;
    overflow: hidden;
    list-style: none;
}

.f-collection .opt_style li {
    float: left;
    margin-left: 17px;
    cursor: pointer;
}

.f-collection .opt_style li:first-child {
    margin-left: 0;
}

.f-collection .opt_style li a {
    position: relative;
    display: block;
    width: 23px;
    height: 22px;
    font-size: 11px;
    color: transparent;
    background: url('../images/layout/search_opt_style.png') no-repeat;
}

.f-collection .opt_style li.active a:before {
    content: "";
    position: absolute;
    bottom: -6px;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #c42047;
}

.f-collection .opt_style li.active a {
    background-position-y: 100%;
}

.f-collection .opt_style li.style_2yul a {
    background-position-x: -39px;
}

.f-collection .opt_style li.style_list a {
    background-position-x: -78px;
}

.f-collection__item_new {
    float: left;
    width: 50%;
    padding: 20px 10px;
    padding-top: 0;
    list-style: none;
}

.img_thumb_link {
    border: solid 1px #c9cacc;
    overflow: hidden;
    display: block;
}

.img_thumb .cltn_thumb {
    background-color: #e9e9e9;
    height: 145px;
    text-align: center;
    padding: 10px;
    box-sizing: border-box;
}

.img_thumb .cltn_thumb img {
    max-width: 100%;
    height: 100%;
}

.img_thumb .cltn_thumb_subject {
    padding: 10px 20px;
    box-sizing: border-box;
}

.img_thumb .cltn_thumb_subject p {
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    text-align: center;
    vertical-align: middle;
}

.img_thumb_link:hover,
.img_thumb_link:focus {
    background-color: #c42047;
    border-color: #c42047;
}

.img_thumb_link:hover .img_thumb .cltn_thumb,
.img_thumb_link:focus .img_thumb .cltn_thumb {
    background-color: #c42047;
}

.img_thumb_link:hover .img_thumb .cltn_thumb_subject p,
.img_thumb_link:focus .img_thumb .cltn_thumb_subject p {
    color: #fff;
}

.style_2yul .f-collection__item_new {
    width: 100%;
}

.style_2yul .img_thumb .cltn_thumb {
    display: inline-block;
    float: left;
    width: 35%;
    height: 115px;
    padding: 5px;
}

.style_2yul .img_thumb .cltn_thumb_subject {
    display: inline-block;
    float: left;
    width: 65%;
}

.style_2yul .img_thumb .cltn_thumb_subject p {
    text-align: left;
}

.style_2yul .img_thumb_link:hover,
.style_2yul .img_thumb_link:focus {
    background-color: #fff;
    border: solid 3px #c42047;
}

.style_2yul .img_thumb_link:hover .img_thumb .cltn_thumb,
.style_2yul .img_thumb_link:focus .img_thumb .cltn_thumb {
    background-color: #e9e9e9;
}

.style_2yul .img_thumb_link:hover .img_thumb .cltn_thumb_subject p,
.style_2yul .img_thumb_link:focus .img_thumb .cltn_thumb_subject p {
    color: #1c1c1c;
}

.style_list .f-collection__item_new {
    width: 100%;
}

.style_list .img_thumb .cltn_thumb {
    display: inline-block;
    float: left;
    width: 35%;
    height: 115px;
    padding: 5px;
}

.style_list .img_thumb .cltn_thumb_subject {
    display: inline-block;
    float: left;
    width: 65%;
}

.style_list .img_thumb .cltn_thumb_subject p {
    text-align: left;
}

.style_list .img_thumb_link:hover,
.style_2yul .img_thumb_link:focus {
    background-color: #fff;
    border: solid 3px #c42047;
}

.style_list .img_thumb_link:hover .img_thumb .cltn_thumb,
.style_list .img_thumb_link:focus .img_thumb .cltn_thumb {
    background-color: #e9e9e9;
}

.style_list .img_thumb_link:hover .img_thumb .cltn_thumb_subject p,
.style_list .img_thumb_link:focus .img_thumb .cltn_thumb_subject p {
    color: #1c1c1c;
}

.opentype_box {
    position: relative;
    padding: 14px 18px;
    border: 2px solid #c42047;
    background-color: #fff;
    margin-top: 10px;
}

.opentype_box .ote_info {
    position: relative;
    overflow: hidden;
}

.opentype_box .ope_tit {
    font-size: 16px;
    font-weight: 700;
}

.opentype_box .ote_con {
    overflow: hidden;
    padding-right: 100px;
}

.opentype_box .ope_float {
    position: relative;
    float: left;
    min-height: 18px;
    padding-right: 20px;
    margin-top: 10px;
}

.opentype_box input {
    position: absolute;
    top: 0;
    left: 0;
    width: 18px;
    height: 18px;
}

.opentype_box label {
    display: block;
    font-size: 14px;
    padding-left: 23px;
}

.opentype_box label strong {
    padding-right: 5px;
}

.opentype_box label >* {
    display: inline-block;
    vertical-align: top;
    word-break: keep-all;
}

.opentype_box .ope_btn {
    position: absolute;
    bottom: 0;
    right: 0;
}

.opentype_box .ope_btn a {
    display: inline-block;
    font-size: 14px;
    border-radius: 5px;
    width: 70px;
    padding: 3px 0;
    color: #fff;
    background-color: #c42047;
    text-align: center;
}

.opentype_box .opentype_close {
    position: absolute;
    top: -10px;
    right: -10px;
    width: 13px;
    height: 13px;
    padding: 10px;
    background: url('../images/layout/bg_opentype_close.png') 50% no-repeat;
    text-indent: -9999px;
}

.f-collection_btn_area {
    text-align: center;
    margin-top: 35px;
}

.f-collection_btn_area a {
    display: inline-block;
    font-size: 17px;
    color: #fff;
    width: 150px;
    line-height: 1;
    padding: 15px 0;
    background-color: #333;
    text-align: center;
}

.f-collection_btn_area a span {
    display: inline-block;
    padding-left: 25px;
    background: url('../images/layout/bg_ras_more.png') 0 50% no-repeat;
    background-size: 15px;
}

@media (min-width: 1280px) {
    .m-main {
        padding-bottom: 0;
    }
    .m-main__pull {
        margin-top: -920px;
        padding-bottom: 60px;
        background-color: transparent;
    }
    .m-main__aligner {
        max-width: 1200px;
        margin-right: auto;
        margin-left: auto;
    }
    .m-main__panels {
        margin-top: 30px;
    }
    .m-main__panel {
        float: left;
        min-height: 320px;
    }
    .m-main__panel:nth-child(1) {
        width: 410px;
    }
    .m-main__panel:nth-child(2) {
        width: 410px;
    }
    .m-main__panel:nth-child(3) {
        width: 340px;
    }
    .m-main__panel + .m-main__panel {
        margin-top: 0;
        margin-left: 20px;
    }
    .m-main__panel-item + .m-main__panel-item {
        margin-top: 0;
    }
    .m-greeting__list .slick-dots {
        top: 155px;
    }
    .m-greeting__item.slick-slide {
        height: 1385px;
        padding: 215px 0 0;
    }
    .m-greeting__subject {
        font-size: 2.875rem;
    }
    .m-greeting__desc {
        font-size: 1.0625rem;
    }
    .m-greeting__links {
        margin-top: 28px;
    }
    .m-greeting__link {
        min-width: 115px;
        padding-top: 9px;
        padding-bottom: 10px;
    }
    .m-greeting__controls {
        bottom: auto;
        top: 415px;
    }
    .m-schedule__heading-area {
        float: left;
        width: 160px;
        background: url('../images/pages/m-schedule__heading-area--desktop.png') no-repeat;
        background-size: cover;
    }
    .m-schedule__heading {
        height: 160px;
        padding: 25px 20px;
    }
    .m-schedule__more {
        top: 75px;
        left: 25px;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
    .m-schedule__calendar-area {
        float: right;
        width: calc(100% - 160px);
    }
    .m-schedule__month-area {
        float: left;
        width: 230px;
    }
    .m-schedule__month {
        padding: 11px 50px 12px;
    }
    .m-schedule__prev-month {
        width: 50px;
        height: 50px;
    }
    .m-schedule__next-month {
        width: 50px;
        height: 50px;
    }
    .m-schedule__day {
        float: left;
        width: calc(100% - 230px);
    }
    .m-schedule__day-link {
        width: 50px;
        padding: 24px 0 5px;
    }
    .m-schedule__day-link--today:before {
        top: 11px;
    }
    .m-schedule__day-link--sat:before {
        top: 11px;
    }
    .m-schedule__day-link--sun:before {
        top: 11px;
    }
    .m-schedule__result {
        overflow: hidden;
    }
    .m-schedule__list {
        height: 110px;
        margin-right: -30px;
        margin-left: -30px;
        padding: 25px 30px;
        border-top: 0;
        border-bottom: 0;
        background-color: rgba(0, 0, 0, 0.6);
    }
    .m-schedule__item {
        float: left;
        width: 33.33333333%;
        padding-right: 30px;
        padding-left: 30px;
    }
    .m-schedule__item:before {
        margin-bottom: 13px;
        background-color: #fff;
    }
    .m-schedule__item + .m-schedule__item {
        position: relative;
        margin-top: 0;
    }
    .m-schedule__item + .m-schedule__item:after {
        content: " ";
        display: block;
        position: absolute;
        top: 50%;
        left: 0;
        width: 1px;
        height: 70px;
        background-color: #424446;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }
    .m-schedule__subject {
        color: #fff;
    }
    .m-schedule__date {
        margin-top: 5px;
        color: #fff;
    }
    .m-board__tab-list .mTSContainer {
        padding-left: 30px;
    }
    .m-board__target {
        padding: 18px 30px;
    }
    .m-board__target ul {
        padding: 0;
    }
    .m-board__target h3,
    .m-edu__area--title {
        position: absolute !important;
        width: 1px;
        height: 1px;
        overflow: hidden;
        clip: rect(1px 1px 1px 1px);
        clip: rect(1px, 1px, 1px, 1px);
    }
    .m-edu__tabs .slick-track {
        left: 30px;
    }
    .m-edu__tab-area.singular_tab {
        padding: 0 30px;
    }
    .m-edu__area {
        padding: 24px 30px;
        min-height: 280px;
    }
    .m-edu__area._notice {
        margin-bottom: 0;
        min-height: 280px;
    }
    .m-edu__half {
        width: calc(50% - 10px);
        height: 194px;
    }
    .m-edu__half + .m-edu__half {
        margin-left: 20px;
    }
    .m-edu__image img {
        height: 120px;
    }
    .m-shortcut__list {
        background: url('../images/pages/m-shotcut__bg.png') no-repeat;
    }
    .m-visual {
        overflow: hidden;
        height: 100vh;
    }
    .m-visual__video {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }
    .m-visual__video video {
        width: auto;
    }
    .m-visual__video2 {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        z-index: -99;
    }
    .m-visual__video2 iframe {
        left: 50%;
        top: 50%;
        width: 1920px;
        height: 1080px;
        z-index: 100;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }
    .m-visual__pull {
        position: absolute;
        left: 0;
        bottom: -565px;
        width: 100%;
        padding-bottom: 50px;
        background-color: transparent;
        -webkit-transition: bottom .5s;
        transition: bottom .5s;
    }
    .m-visual__trigger {
        display: block;
    }
    .n-board__open {
        margin-top: 30px;
    }
    .n-board__article {
        padding: 30px 0;
    }
    .n-schedule__item {
        float: left;
        width: 25%;
    }
    .n-schedule__item + .n-schedule__item {
        margin-top: 0;
    }
    .n-schedule__item:nth-child(4) ~ .n-schedule__item {
        margin-top: 30px;
    }
    .n-schedule__image {
        height: 150px;
    }
    .n-mailing__email {
        max-width: none;
        margin-right: 0;
        margin-left: 0;
        padding: 30px 325px;
    }
    .n-mailing__explain {
        padding: 30px 15px;
    }
    .n-mailing__item + .n-mailing__item {
        padding-left: 60px;
    }
    .n-mailing__link {
        font-size: 1.125rem;
    }
    .n-mailing__desc {
        margin-top: 25px;
        font-size: 0.9375rem;
    }
    .n-mailing__agree {
        display: table;
        table-layout: fixed;
        border-collapse: collapse;
        border-spacing: 0;
        margin-top: 25px;
        margin-right: auto;
        margin-left: auto;
    }
    .n-mailing__check {
        display: table-cell;
        vertical-align: middle;
    }
    .n-mailing .c-forms__labels {
        font-size: 1.125rem;
    }
    .n-mailing__button {
        display: table-cell;
        vertical-align: middle;
        margin-top: 0;
        padding-left: 20px;
    }
    .n-related-video__list {
        margin-right: -30px;
        margin-left: -30px;
    }
    .n-related-video__item {
        float: left;
        width: 33.33333333%;
        padding-right: 30px;
        padding-left: 30px;
    }
    .n-related-video__item + .n-related-video__item {
        margin-top: 0;
    }
    .n-related-card {
        padding: 24px 80px;
    }
    .n-related-card__link:hover .n-related-card__dim,
    .n-related-card__link:focus .n-related-card__dim {
        visibility: visible;
        opacity: 1;
    }
    .n-related-card__link:hover .n-related-card__subject,
    .n-related-card__link:focus .n-related-card__subject {
        visibility: visible;
        opacity: 1;
        margin-top: 0;
    }
    .n-related-card__dim {
        visibility: hidden;
        opacity: 0;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.5);
    }
    .n-related-card__subject {
        visibility: visible;
        opacity: 1;
        position: absolute;
        top: 50%;
        left: 50%;
        width: calc(100% - 30px);
        margin-top: 15px;
        color: #FFF;
        font-size: 0.9375rem;
        text-align: center;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }
    .n-related-card .slick-prev,
    .n-related-card .slick-next {
        width: 80px;
    }
    /*     .n-related-card .slick-prev:before, */
    /*     .n-related-card .slick-next:before{ */
    /*         border: 10px solid transparent; */
    /*     } */
    .n-related-card .slick-prev {
        left: -80px;
    }
    .n-related-card .slick-next {
        right: -80px;
    }
    .d-leaflet__image {
        height: auto;
    }
    .d-gateway {
        margin-bottom: 40px;
        padding-top: 30px;
    }
    .d-gateway__heading {
        padding: 26px 35px;
        font-size: 0.9375rem;
    }
    .d-gateway__emphasis {
        font-size: 1.5rem;
    }
    .d-gateway__view {
        float: left;
        width: 640px;
    }
    .d-gateway__map {
        float: right;
        width: 360px;
    }
    .d-gateway__view2 {
        float: left;
        width: 72%;
    }
    .d-gateway__map2 {
        float: right;
        width: 27%;
    }
    .d-audio__list {
        margin-right: -4px;
        margin-left: -4px;
    }
    .d-audio__item {
        float: left;
        width: 25%;
        padding-right: 4px;
        padding-left: 4px;
    }
    .d-audio__item + .d-audio__item {
        margin-top: 0;
    }
    .d-audio__item:nth-child(n+5) {
        margin-top: 8px;
    }
    .d-tabs__item {
        width: 25%;
    }
    .d-tabs__item--active .d-tabs__link:after {
        width: 40px;
        height: 40px;
    }
    .d-tabs__item:nth-child(2) ~ .d-tabs__item {
        margin-top: 0;
    }
    .d-tabs__item:nth-child(4) ~ .d-tabs__item {
        margin-top: 8px;
    }
    .d-tabs__link:hover:after,
    .d-tabs__link:focus:after {
        width: 40px;
        height: 40px;
    }
    .d-tabs__heading {
        height: 70px;
    }
    .d-tabs__text {
        padding: 5px 30px;
        font-size: 0.9375rem;
    }
    .d-guide {
        min-height: 240px;
        padding-right: 290px;
    }
    .d-guide--text {
        min-height: 0;
        padding-right: 0;
    }
    .d-guide--map {
        padding-right: 420px;
    }
    .d-guide--map .d-guide__image {
        height: auto;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
    .d-guide--frames {
        padding-right: 0;
    }
    .d-guide--frames .d-guide__frames {
        position: static;
        display: table;
        width: auto;
        margin-right: auto;
        margin-left: auto;
        margin-bottom: 20px;
    }
    .d-guide__map {
        top: 106px;
        left: auto;
        right: 204px;
        margin-left: 0;
        text-align: center;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
    .d-guide__map-image {
        max-width: 100%;
        height: auto;
        vertical-align: top;
    }
    .d-guide__frames {
        position: absolute;
        top: 0;
        right: 0;
        width: auto;
        margin-bottom: 0;
    }
    .d-guide__frame {
        display: table-cell;
        margin-top: 0;
        padding-left: 20px;
        vertical-align: middle;
    }
    .d-guide__image {
        height: auto;
    }
    .d-guide__video-title {
        padding: 0 10px;
    }
    .d-guide__video-title:first-child:after {
        padding-left: 10px;
    }
    .d-typical-relic__item {
        width: 25%;
    }
    .d-typical-relic__item + .d-typical-relic__item {
        margin-top: 0;
    }
    .d-typical-relic__item:nth-child(4) ~ .d-typical-relic__item {
        margin-top: 30px;
    }
    .d-exhibition--right {
        margin-bottom: 10px;
    }
    .d-exhibition__frames {
        padding-top: 25px;
    }
    .d-exhibition__frame {
        display: inline-block;
    }
    .d-exhibition__frame + .d-exhibition__frame {
        margin-top: 0;
        margin-left: 20px;
    }
    .d-exhibition__item {
        float: left;
        width: 50%;
    }
    .d-exhibition__item:nth-child(2) {
        margin-top: 0px;
    }
    .d-exhibition__link .d-exhibition__info {
        padding-bottom: 40px;
    }
    .d-exhibition__thumb {
        width: 170px;
    }
    .d-exhibition__thumb-image {
        height: 200px;
    }
    .d-exhibition__info {
        width: 310px;
        min-height: 220px;
        padding: 10px 20px 10px 0;
    }
    .d-exhibition__label {
        margin-bottom: 15px;
    }
    .d-exhibition__period {
        font-size: 0.875rem;
    }
    .d-exhibition__subject {
        font-size: 1.125rem;
    }
    .d-exhibition__button {
        display: inline-block;
    }
    .d-exhibition__info-item {
        font-size: 0.875rem;
    }
    .d-exhibition__area {
        padding: 30px 0;
    }
    .d-exhibition__poster {
        float: left;
        width: 310px;
        margin: 0;
    }
    .d-exhibition__detail-label {
        margin-bottom: 15px;
    }
    .d-exhibition__information {
        float: right;
        width: 660px;
    }
    .d-exhibition__title {
        margin-bottom: 15px;
        font-size: 1.5rem;
    }
    .d-exhibition__data {
        padding: 20px 0;
    }
    .d-exhibition__key {
        min-width: 120px;
        font-size: 0.875rem;
    }
    .d-exhibition__value {
        font-size: 0.875rem;
    }
    .d-exhibition__open {
        margin-top: 30px;
    }
    .d-exhibition__article {
        padding: 30px 0;
    }
    .d-exhibition__util {
        float: right;
    }
    .d-poster__list {
        margin: 0 -10px;
    }
    .d-poster__item {
        width: 25%;
        padding-right: 10px;
        padding-left: 10px;
    }
    .d-poster__item:nth-child(2) ~ .d-poster__item {
        margin-top: 0;
    }
    .d-poster__item:nth-child(4) ~ .d-poster__item {
        margin-top: 30px;
    }
    .d-poster__link:hover .d-poster__info,
    .d-poster__link:focus .d-poster__info {
        visibility: visible;
        opacity: 1;
    }
    .d-poster__link:hover .d-poster__info:before,
    .d-poster__link:focus .d-poster__info:before {
        -webkit-transform: translateX(-50%) rotate(0);
        -ms-transform: translateX(-50%) rotate(0);
        transform: translateX(-50%) rotate(0);
    }
    .d-poster__link:hover .d-poster__date,
    .d-poster__link:focus .d-poster__date {
        visibility: visible;
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
    .d-poster__link:hover .d-poster__subject,
    .d-poster__link:focus .d-poster__subject {
        visibility: visible;
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
    .d-poster__image {
        height: 290px;
    }
    .d-poster__info {
        visibility: hidden;
        opacity: 0;
        position: absolute;
        top: 9px;
        right: 9px;
        bottom: 9px;
        left: 9px;
        margin-top: 0;
        padding: 70px 20px 100px;
        background-color: rgba(0, 0, 0, 0.7);
        -webkit-transition: visibility .4s, opacity .4s;
        transition: visibility .4s, opacity .4s;
    }
    .d-poster__info:before {
        position: absolute;
        bottom: 60px;
        left: 50%;
        width: 2px;
        height: 22px;
        background-color: #fff;
        -webkit-transform: translateX(-50%) rotate(540deg);
        -ms-transform: translateX(-50%) rotate(540deg);
        transform: translateX(-50%) rotate(540deg);
        -webkit-transition: -webkit-transform .6s;
        transition: -webkit-transform .6s;
        transition: transform .6s;
        transition: transform .6s, -webkit-transform .6s;
    }
    .d-poster__info:after {
        position: absolute;
        bottom: 70px;
        left: 50%;
        width: 22px;
        height: 2px;
        background-color: #fff;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
    }
    .d-poster__date {
        visibility: hidden;
        opacity: 0;
        margin-bottom: 20px;
        color: #fff;
        font-size: 0.875rem;
        text-align: center;
        -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
        transform: translateY(20px);
        -webkit-transition: visibility .4s .1s, opacity .4s .1s, -webkit-transform .6s;
        transition: visibility .4s .1s, opacity .4s .1s, -webkit-transform .6s;
        transition: visibility .4s .1s, opacity .4s .1s, transform .6s;
        transition: visibility .4s .1s, opacity .4s .1s, transform .6s, -webkit-transform .6s;
    }
    .d-poster__subject {
        visibility: hidden;
        opacity: 0;
        height: 55px;
        color: #fff;
        font-size: 1.125rem;
        text-align: center;
        -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
        transform: translateY(20px);
        -webkit-transition: visibility .4s .3s, opacity .4s .3s, -webkit-transform .6s;
        transition: visibility .4s .3s, opacity .4s .3s, -webkit-transform .6s;
        transition: visibility .4s .3s, opacity .4s .3s, transform .6s;
        transition: visibility .4s .3s, opacity .4s .3s, transform .6s, -webkit-transform .6s;
    }
    .d-foreign {
        padding: 0;
        border-top: 0;
        border-bottom: 0;
    }
    .d-foreign + .d-foreign {
        margin-top: 50px;
    }
    .d-foreign__explain {
        margin-top: 10px;
        font-size: 0.875rem;
    }
    .d-foreign__frames {
        margin-top: 0;
    }
    .d-foreign__frame {
        width: calc( 33.33333% - 15px);
    }
    .d-foreign__frame + .d-foreign__frame {
        margin-left: 20px;
    }
    .d-foreign__detail {
        position: absolute;
        top: 0;
        right: 0;
        margin-top: 0;
    }
    .d-foreign__detail-link {
        padding: 7px 24px 7px 15px;
        font-size: 0.875rem;
    }
    .d-foreign__item {
        float: left;
        max-width: 490px;
        min-height: 470px;
        padding: 20px;
        margin-left: 20px;
    }
    .d-foreign__item:nth-child(n+2) ~ .d-foreign__item {
        margin-top: 20px;
    }
    .d-foreign__title {
        font-size: 1.125rem;
    }
    .d-foreign__text {
        padding-top: 20px;
        font-size: 0.875rem;
    }
    .d-international__group .d-international__frame {
        width: calc( 33.33333% - 15px);
    }
    .d-international__group .d-international__frame + .d-international__frame {
        margin-left: 20px;
    }
    .d-international__group .d-international__frame:nth-child(3n+1) {
        margin-left: 0;
    }
    .d-international__group .d-international__frame:nth-child(3n) ~ .d-international__frame {
        margin-top: 20px;
    }
    .d-international--right {
        min-height: 190px;
        padding-right: 275px;
    }
    .d-international--right .d-international__frames {
        position: absolute;
        top: 0;
        right: 0;
    }
    .d-international--right .d-international__frame {
        display: inline-block;
    }
    .d-international__frames {
        padding-top: 25px;
    }
    .d-international__frame {
        display: inline-block;
    }
    .d-international__frame + .d-international__frame {
        margin-top: 0;
        margin-left: 20px;
    }
    .d-international__image-explain {
        font-size: 0.875rem;
    }
    .d-international__image-explain:before {
        font-size: 0.875rem;
    }
    .d-relic__key {
        min-width: 120px;
        font-size: 0.875rem;
    }
    .d-relic__value {
        font-size: 0.875rem;
    }
    .e-tabs__item {
        width: auto;
        min-width: 200px;
        padding: 13px 0 14px 0;
        font-size: 0.9375rem;
    }
    .e-edu__list {
        margin: 0 -10px;
    }
    .e-edu__item {
        float: left;
        width: 25%;
        margin-top: 0;
        padding-right: 10px;
        padding-left: 10px;
    }
    .e-edu__item:nth-child(4) ~ .e-edu__item {
        margin-top: 30px;
    }
    .e-edu__thumb {
        max-height: 150px;
    }
    .e-edu__thumb-image {
        height: 150px;
    }
    .e-edu__info {
        min-height: 203px;
        padding: 15px 20px;
    }
    .e-edu__category {
        font-size: 0.8125rem;
    }
    .e-edu__subject {
        font-size: 1rem;
    }
    .e-edu__info-item {
        font-size: 0.875rem;
    }
    .e-edu__title {
        margin-bottom: 15px;
        font-size: 1.5rem;
    }
    .e-edu__area {
        padding-top: 30px;
    }
    .e-edu__poster {
        float: left;
        width: 310px;
        margin-bottom: 0;
    }
    .e-edu__detail-label {
        margin-bottom: 15px;
    }
    .e-edu__information {
        float: right;
        width: 660px;
    }
    .e-edu__data {
        padding: 14px 0;
    }
    .e-edu__key {
        min-width: 120px;
        font-size: 0.875rem;
    }
    .e-edu__value {
        font-size: 0.875rem;
    }
    .e-edu__button {
        padding-top: 20px;
    }
    .e-edu__class {
        margin-top: 30px;
    }
    .e-edu__open {
        margin-top: 30px;
    }
    .e-edu__article {
        padding: 30px 0;
    }
    .f-guide + .c-section {
        padding-left: 14px;
    }
    .f-guide {
        padding-right: 300px;
    }
    .f-guide--text {
        padding-right: 0;
    }
    .f-guide--frame {
        padding-right: 0;
    }
    .f-guide--frame .f-guide__frames {
        padding-top: 20px;
    }
    .f-guide__frames {
        position: absolute;
        top: 0;
        right: 0;
        margin-bottom: 0;
    }
    .f-guide__frame {
        display: inline-block;
    }
    .f-guide__frame + .f-guide__frame {
        margin-top: 0;
        padding-left: 18px;
    }
    .f-guide__image {
        display: block;
    }
    .f-guide__image-explain {
        font-size: 0.875rem;
    }
    .f-sort__category {
        display: block;
        float: left;
        width: 33.33333333%;
    }
    .f-sort__subject {
        display: block;
        width: 100%;
        height: auto;
        padding: 15px 0;
        font-size: 0.9375rem;
        line-height: 1.5;
    }
    .f-sort__area {
        display: block;
        width: 100%;
        height: 148px;
        padding: 20px;
        border-bottom: 0;
    }
    .f-sort__item + .f-sort__item {
        margin-top: 10px;
    }
    .f-sort__link {
        font-size: 0.8125rem;
    }
    .f-search .f-forms__select {
        margin-left: 10px;
    }
    .f-search {
        text-align: center;
    }
    .f-search__input {
        width: 498px;
        margin-left: 10px;
        padding: 0 15px;
        font-size: 0.9375rem;
    }
    .f-radios {
        padding: 15px 20px;
    }
    .f-radio {
        width: 16.66666666%;
    }
    .f-radio:nth-child(2) ~ .f-radio {
        margin-top: 0;
    }
    .f-radio:nth-child(6) ~ .f-radio {
        margin-top: 10px;
    }
    .f-radio__labels {
        font-size: 0.9375rem;
    }
    .f-steps {
        padding: 45px 40px;
    }
    .f-step + .f-step {
        margin-top: 30px;
    }
    .f-ritual {
        padding: 35px;
    }
    .f-ritual__explain {
        font-size: 0.875rem;
    }
    .f-collection__result {
        font-size: 1.125rem;
    }
    .f-collection__item {
        width: 25%;
    }
    .f-collection__item:nth-child(2) ~ .f-collection__item {
        margin-top: 0;
    }
    .f-collection__item:nth-child(4) ~ .f-collection__item {
        margin-top: 40px;
    }
    .f-collection__thumb {
        height: 233px;
    }
    .f-collection__subject {
        font-size: 0.8125rem;
    }
    .f-album__item {
        display: inline-block;
    }
    .f-album__item + .f-album__item {
        margin-top: 0;
        margin-left: 20px;
    }
    .f-process__item {
        width: 25%;
    }
    .f-process__item + .f-process__item {
        margin-top: 0;
    }
    .f-process__item + .f-process__item:before {
        left: -15px;
        top: 50%;
        width: 30px;
        height: 1px;
    }
    .f-process__card {
        min-height: 250px;
    }
    .f-process__title {
        padding: 20px 15px;
    }
    .f-process__content {
        padding: 15px 10px;
    }
    .f-published__cards {
        margin-right: -10px;
        margin-left: -10px;
        padding-top: 15px;
        padding-bottom: 15px;
    }
    .f-published__card {
        width: 25%;
        padding-top: 15px;
        padding-right: 10px;
        padding-bottom: 15px;
        padding-left: 10px;
    }
    .f-published__util {
        margin-bottom: 20px;
    }
    .f-published__number {
        font-size: 1rem;
    }
    .f-published__number + .f-published__number {
        margin-left: 15px;
    }
    .f-published__type + .f-published__type {
        margin-left: 15px;
    }
    .f-video__viewer {
        float: left;
        width: 540px;
    }
    .f-video__option {
        display: table;
        table-layout: fixed;
        border-collapse: collapse;
        border-spacing: 0;
        width: 100%;
        margin-top: 20px;
    }
    .f-video__guide {
        display: table-cell;
        vertical-align: middle;
        margin-bottom: 0;
    }
    .f-video__speed {
        display: table-cell;
        vertical-align: middle;
        padding-left: 0;
        text-align: right;
    }
    .f-video__assist {
        float: left;
        width: 420px;
        margin-top: 0;
        margin-left: 40px;
    }
    .f-video__subtitle {
        padding: 15px;
    }
    .f-video__button {
        margin-top: 20px;
    }
    .f-thumb--cover .f-thumb__thumb {
        width: 200px;
    }
    .f-thumb--cover .f-thumb__info {
        width: calc(100% - 220px);
    }
    .f-thumb--large .f-thumb__info {
        min-height: 220px;
    }
    .f-thumb__row {
        margin-right: -20px;
        margin-left: -20px;
    }
    .f-thumb__col {
        padding-right: 20px;
        padding-left: 20px;
    }
    .f-thumb__col:nth-child(2) ~ .f-thumb__col {
        margin-top: 30px;
    }
    .f-thumb__thumb {
        float: left;
        width: 170px;
        margin-right: 20px;
        margin-bottom: 0;
    }
    .f-thumb__info {
        float: left;
        position: relative;
        width: calc(100% - 190px);
        min-height: 150px;
        padding-bottom: 45px;
    }
    .f-thumb__category {
        font-size: 0.9375rem;
    }
    .f-thumb__title {
        font-size: 1.125rem;
    }
    .f-thumb__description {
        display: -webkit-box;
        overflow: hidden;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        text-overflow: inherit;
        word-wrap: break-word;
        height: 43px;
        font-size: 0.875rem;
    }
    .f-thumb__item {
        padding-left: 35px;
        text-indent: -35px;
        font-size: 0.875rem;
    }
    .f-thumb__link {
        left: 0;
    }
    .f-card {
        height: 235px;
        padding: 28px 20px 65px;
    }
    .f-card__row {
        margin-right: -20px;
        margin-left: -20px;
    }
    .f-card__col {
        width: 25%;
        padding-right: 20px;
        padding-left: 20px;
    }
    .f-card__col + .f-card__col {
        margin-top: 0;
    }
    .f-card__col:nth-child(2) ~ .f-thumb__col {
        margin-top: 30px;
    }
    .f-card__link {
        position: absolute;
        bottom: 20px;
        left: 20px;
        margin-top: 0;
    }
    .f-life__heading {
        margin-bottom: 0;
    }
    .f-life__list {
        margin-right: -4px;
        margin-left: -4px;
    }
    .f-life__item {
        padding: 4px;
    }
    .f-life__link {
        border: 1px solid #9d9fa1;
    }
    .f-life__message {
        float: left;
        padding: 9px 0;
        font-size: 0.9375rem;
    }
    .f-life__button {
        float: left;
        margin-top: 0;
        margin-left: 20px;
        font-size: 0.9375rem;
    }
    .f-seasonal__col {
        width: 33.33333333%;
    }
    .f-infos {
        padding-top: 0;
        border-top: 0;
    }
    .f-info {
        padding-left: 110px;
        background-position: 20px 20px;
    }
    .f-info__key {
        display: table-cell;
        width: 90px;
        margin-bottom: 0;
        font-size: 0.9375rem;
        vertical-align: middle;
    }
    .f-info__key--top {
        padding-top: 10px;
        vertical-align: top;
    }
    .f-info__value {
        display: table-cell;
        width: 790px;
        padding: 0 30px;
        font-size: 0.9375rem;
    }
    .f-info__detail {
        margin: 0;
        padding-left: 10px;
        font-size: 0.9375rem;
    }
    .f-info__detail:before {
        position: absolute;
        top: 10px;
        left: 0;
        margin: 0 10px 0 0;
    }
    .f-cultural__images {
        float: left;
        width: 330px;
        min-height: 200px;
    }
    .f-cultural__info {
        float: right;
        width: 670px;
    }
    .f-cultural__list {
        margin: 0;
        padding-left: 40px;
    }
    .f-cultural__item:first-child {
        border-top: 0;
    }
    .f-cultural__key {
        width: 120px;
        padding: 0;
        font-size: 14px;
    }
    .f-cultural__value {
        padding: 0;
        font-size: 14px;
    }
    .f-table.f-table--scrolling {
        overflow-x: hidden;
    }
    .f-table.f-table--scrolling table {
        min-width: 0;
    }
    .f-table__image {
        width: 100px;
        height: 70px;
    }
    .f-box {
        padding: 20px 40px;
    }
    .f-box__require {
        font-size: 0.9375rem;
    }
    .f-box__area {
        padding: 10px 50px;
    }
    .f-grouping {
        padding-top: 20px;
    }
    .f-grouping__group {
        text-align: right;
    }
    .f-grouping__key {
        float: left;
        padding-left: 20px;
        font-size: 1rem;
        letter-spacing: -1px;
        line-height: 30px;
    }
    .f-grouping__value {
        position: absolute;
        right: 0;
        margin-top: 0;
        margin-left: 20px;
        font-size: 0.9375rem;
    }
    .f-forms {
        float: left;
    }
    .f-forms + .f-forms {
        margin-top: 0;
        margin-left: 10px;
    }
    .f-forms--radio {
        width: 440px;
        margin: 0 auto;
    }
    .f-forms--radio-small {
        max-width: 295px;
    }
    .f-forms__radio {
        float: left;
    }
    .f-forms__radio .f-forms__selection {
        margin: 6px 3px 0 35px;
    }
    .f-forms__text {
        width: 600px;
    }
    .f-forms__select {
        width: 150px;
        margin-bottom: 0;
    }
    .f-forms__word {
        display: inline-block;
        margin-bottom: 0;
    }
    .f-donation__area {
        padding-top: 30px;
    }
    .f-donation__poster {
        float: left;
        width: 310px;
        margin-bottom: 0;
    }
    .f-donation__domain {
        max-width: 330px;
        padding: 30px 93px;
    }
    .f-donation__information {
        float: right;
        width: 660px;
    }
    .f-donation__data {
        padding: 14px 0;
    }
    .f-donation__key {
        min-width: 120px;
        font-size: 0.875rem;
    }
    .f-donation__value {
        font-size: 0.875rem;
    }
    .f-donation__button {
        padding-top: 20px;
    }
    .f-donation__util {
        margin-bottom: 10px;
    }
    .f-donation__number {
        font-size: 0.9375rem;
    }
    .f-donation__number + .f-donation__number {
        margin-left: 15px;
    }
    .f-donation__types {
        float: right;
    }
    .f-relic__key {
        min-width: 120px;
        font-size: 0.875rem;
    }
    .f-relic__value {
        font-size: 0.875rem;
    }
    .f-library-search__key {
        display: table-cell;
        vertical-align: middle;
        width: 110px;
        margin-bottom: 0;
        font-size: 1rem;
    }
    .f-library-search__value {
        display: table-cell;
        vertical-align: middle;
        font-size: 0.9375rem;
    }
    .f-library-search__value .f-forms__text {
        width: 610px;
        padding: 0 10px
    }
    .f-published__image {
        height: 287px;
    }
    .h-login {
        padding: 30px 15px;
    }
    .h-login__message {
        font-size: 0.9375rem;
    }
    .h-login__key {
        width: 140px;
        font-size: 0.9375rem;
    }
    .h-login__sign-in-text {
        display: table-cell;
        vertical-align: middle;
        font-size: 0.9375rem;
    }
    .h-login__sign-in-button {
        display: table-cell;
        vertical-align: middle;
        width: 120px;
        margin-top: 0;
        padding-left: 20px;
    }
    .h-login__util {
        padding: 30px 15px;
    }
    .h-login__question {
        float: left;
        font-size: 0.9375rem;
    }
    .h-login__answer {
        float: right;
        margin-top: 0;
        font-size: 0.875rem;
    }
    .h-login__result {
        padding: 30px 15px;
    }
    .h-login__heading {
        float: left;
        font-size: 0.9375rem;
    }
    .h-login__content {
        float: right;
        margin-left: 15px;
        font-size: 0.9375rem;
    }
    .h-gate {
        height: 440px;
        padding: 35px 40px 120px;
    }
    .h-gate__col {
        float: left;
        width: 50%;
    }
    .h-gate__col + .h-gate__col {
        margin-top: 0;
    }
    .h-gate__button {
        bottom: 35px;
    }
    .h-steps__step {
        width: 120px;
        padding: 33px 0;
    }
    .h-steps__num {
        font-size: 0.9375rem;
    }
    .h-steps__title {
        margin-top: 5px;
        font-size: 1.125rem;
    }
    .h-terms {
        height: 300px;
        padding: 15px 20px;
    }
    .h-terms__agree {
        display: table;
        table-layout: fixed;
        border-collapse: collapse;
        border-spacing: 0;
        margin: 20px auto 0;
    }
    .h-done {
        padding-top: 110px;
        background-size: auto auto;
    }
    .h-done__result {
        font-size: 1.5rem;
    }
    .h-done__message {
        margin-top: 20px;
        font-size: 1.125rem;
        line-height: 1.8;
    }
    .h-done__lifter {
        display: inline;
    }
    .h-done__breaker {
        display: block;
    }
    .h-check__search {
        padding: 20px 200px;
    }
    .h-check__title {
        font-size: 1.5rem;
    }
    .h-check__description {
        font-size: 0.9375rem;
    }
    .h-check__result {
        padding: 32px 180px;
    }
    .h-check__caption {
        font-size: 0.9375rem;
    }
    .h-cart__col:nth-child(1) {
        width: 70%;
    }
    .h-cart__col:nth-child(2) {
        display: table-cell;
        vertical-align: middle;
        width: 15%;
    }
    .h-cart__col:nth-child(3) {
        width: 15%;
    }
    .h-cart__check {
        width: 10%;
    }
    .h-cart__thumb {
        width: 25%;
    }
    .h-cart__category {
        display: table-cell;
        vertical-align: middle;
    }
    .h-cart__info {
        display: table-cell;
        vertical-align: middle;
    }
    .h-purpose__selection {
        margin-top: 15px;
    }
    .h-sitemap__menu + .h-sitemap__menu {
        margin-left: 20px;
    }
    .h-sitemap__menu:nth-child(4n) + .h-sitemap__menu {
        margin-left: 0;
    }
    .h-sitemap__menu {
        display: inline-block;
        width: 23%;
    }
    .h-sitemap__headings {
        padding: 15px 20px;
    }
    .h-sitemap__heading {
        font-size: 1.125rem;
    }
    .h-sitemap__list {
        margin-bottom: 0;
    }
    .h-sitemap__item + .h-sitemap__item {
        margin-top: 25px;
    }
    .h-sitemap__link {
        font-size: 0.9375rem;
    }
    .h-sitemap__box .h-sitemap__item + .h-sitemap__item {
        margin-top: 15px;
    }
    .h-guide--small {
        padding-left: 265px;
    }
    .h-guide--small .h-guide__frame {
        position: absolute;
        top: 30px;
        left: 55px;
    }
    .h-guide--large {
        padding-left: 450px;
    }
    .h-guide__frame {
        position: absolute;
        top: 0;
        left: 0;
        margin: 0;
    }
    .h-forms__list {
        padding: 52px 0 0 0;
    }
    .h-forms__item {
        padding: 10px 5px;
    }
    .h-forms__item:first-child {
        border-top: 1px solid #9d9fa1;
    }
    .h-forms__item:first-child .h-forms__th {
        position: absolute;
        display: inline-block;
        width: 100%;
        top: -50px;
        left: 0;
        text-align: center;
    }
    .h-forms__item:nth-child(2) ~ .h-forms__th {
        display: none;
    }
    .h-forms__field {
        float: left;
        padding: 0 10px;
        text-align: center;
    }
    .h-forms__field:first-child {
        background: none;
    }
    .h-forms__field + .h-forms__field {
        margin-top: 0;
    }
    .h-forms__field:first-child {
        width: 10%;
    }
    .h-forms__field:nth-child(2) {
        width: 20%;
    }
    .h-forms__field:nth-child(3) {
        width: 15%;
    }
    .h-forms__field:nth-child(4) {
        width: 15%;
    }
    .h-forms__field:nth-child(5) {
        width: 40%;
    }
    .h-forms__th {
        display: none;
    }
    .r-sliders__text {
        padding-top: 0;
        padding-right: 600px;
        line-height: 30px;
    }
    .r-sliders .r-slider {
        position: absolute;
        top: 9px;
        right: 0;
        width: 580px;
    }
    .r-sliders .r-slider__list .slick-dots {
        right: 80px;
        bottom: 20px;
        z-index: 1000;
    }
    .r-sliders .r-slider__controls {
        right: 35px;
        bottom: 20px;
        z-index: 1000;
    }
    .r-sliders .r-slider__image {
        max-width: 100%;
    }
    .r-encyclopedia {
        border-top: 2px solid #c42047;
    }
    .r-encyclopedia__item {
        display: table;
        width: 100%;
        border-top: 0;
    }
    .r-encyclopedia__item + .r-encyclopedia__item {
        margin-top: 0;
    }
    .r-encyclopedia__area {
        display: table-cell;
        width: 33.3333333%;
        padding: 15px 0;
        text-align: center;
    }
    .r-encyclopedia__area + .r-encyclopedia__area {
        border-left: 1px solid #e5e5e5;
    }
    .r-encyclopedia__area--date {
        padding: 0;
        border-bottom: 0;
        background: none;
    }
    .r-encyclopedia__area--sort {
        padding: 15px 0;
    }
    .r-encyclopedia__area--value {
        padding: 15px 0;
    }
    .r-guide + .c-section {
        padding-left: 14px;
    }
    .r-guide {
        padding-right: 345px;
    }
    .r-guide--text {
        padding-right: 0;
    }
    .r-guide--frame {
        padding-right: 0;
    }
    .r-guide--frame .r-guide__frames {
        position: relative;
        padding-top: 20px;
    }
    .r-guide--frame .r-guide__frame {
        float: left;
    }
    .r-guide--frame .r-guide__frame:nth-child(3) {
        margin-top: 33px;
    }
    .r-guide__frames {
        position: absolute;
        top: 7px;
        right: 0;
        margin-bottom: 0;
    }
    .r-guide__frames--right {
        float: right;
        padding-left: 20px;
    }
    .r-guide__frames--left {
        padding-top: 0;
        float: left;
        max-width: 490px;
    }
    .r-guide__frames--left .r-guide__frame:nth-child(2) {
        padding-top: 35px;
    }
    .r-guide__frame {
        text-align: left;
    }
    .r-guide__frame + .r-guide__frame {
        padding-top: 0;
        padding-left: 18px;
    }
    .r-guide__image-explain {
        font-size: 0.875rem;
    }
    .r-guide__image-explain:before {
        font-size: 0.875rem;
    }
    .r-video__list {
        margin-right: -4px;
        margin-left: -4px;
    }
    .r-video__item {
        float: left;
        width: 25%;
        padding-right: 4px;
        padding-left: 4px;
    }
    .r-video__item + .r-video__item {
        margin-top: 0;
    }
    .r-video__item:nth-child(n+5) {
        margin-top: 8px;
    }
    .r-video__player {
        width: 540px;
        margin: 0 auto;
    }
    .r-video__explain {
        font-size: 0.875rem;
    }
    .r-video__explain:before {
        font-size: 0.875rem;
    }
    .r-box__form {
        float: left;
        max-width: 490px;
        height: 560px;
        padding: 20px;
        margin-left: 20px;
    }
    .r-box__form:nth-child(n+2) ~ .r-box__form {
        margin-top: 20px;
    }
    .r-box__title {
        font-size: 1.125rem;
    }
    .r-box__text {
        padding-top: 20px;
        font-size: 0.875rem;
    }
    .r-field__item {
        float: left;
        max-width: 235px;
    }
    .r-field__item + .r-field__item {
        margin-top: 0;
        margin-left: 20px;
    }
    .r-field__item:nth-child(5) {
        margin-left: 0;
    }
    .r-field__item:nth-child(5n+4) ~ .r-field__item {
        margin-top: 17px;
    }
    .r-field__dim {
        background-position: center 91px;
    }
    .r-field__buttons {
        position: absolute;
        right: 0;
        bottom: 0;
    }
    .r-field__button {
        width: 234px;
        min-height: 50px;
    }
    .p-frame + .p-frame {
        margin-top: 10px;
        margin-left: 0;
    }
    .p-frame {
        display: inline-block;
    }
    .p-frame__util {
        margin-bottom: 10px;
    }
    .p-frame__number {
        font-size: 0.9375rem;
    }
    .p-frame__number + .p-frame__number {
        margin-left: 15px;
    }
    .p-frame__types {
        float: right;
        margin-bottom: 10px;
    }
    .i-guide {
        min-height: 240px;
        padding-right: 280px;
    }
    .i-guide--text {
        min-height: 0;
        padding-right: 0;
    }
    .i-guide--frame {
        padding-right: 0;
    }
    .i-guide--frame .i-guide__frames {
        padding-top: 20px;
    }
    .i-guide__frames {
        margin-bottom: 0;
    }
    .i-guide__frames--right {
        position: absolute;
        top: 0;
        right: 0;
        margin-bottom: 0;
    }
    .i-guide__frames--half .i-guide__frame {
        width: auto;
        vertical-align: top;
    }
    .i-guide__frames--half .i-guide__frame:nth-child(2) ~ .i-guide__frame {
        margin-top: 0;
    }
    .i-guide__frames--half .i-guide__frame:nth-child(2n) {
        margin-left: 0;
    }
    .i-guide__frames--half .i-guide__image {
        display: inline-block;
    }
    .i-guide__frame {
        display: inline-block;
    }
    .i-guide__frame + .i-guide__frame {
        margin-top: 0;
        padding-left: 20px;
    }
    .i-mi__box {
        padding: 40px 50px;
    }
    .i-mi__aligner + .i-mi__aligner {
        padding-top: 40px;
    }
    .i-mi__aligner {
        padding: 0 0 40px 400px;
    }
    .i-mi__logo {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
    }
    .i-mi__infos {
        padding: 15px 0;
    }
    .i-mi__info + .i-mi__info {
        margin-top: 0;
    }
    .i-mi__info:nth-child(2) ~ .i-mi__info {
        margin-top: 20px;
    }
    .i-mi__info {
        float: left;
        width: 50%;
        text-align: left;
    }
    .i-history {
        text-align: left;
    }
    .i-history__years + .i-history__years {
        margin-left: 20px;
    }
    .i-history__years {
        float: left;
        padding: 0;
    }
    .i-history__heading {
        padding: 0;
        background-color: transparent;
    }
    .i-history__images {
        display: block;
        margin-bottom: 20px;
    }
    .i-history__list:before {
        content: " ";
        display: block;
        position: absolute;
        top: 0;
        left: 7px;
        width: 6px;
        height: 100%;
        border-radius: 2px;
        background-color: #e5e5e5;
        overflow: hidden;
    }
    .i-history__list {
        position: relative;
        width: 235px;
        padding: 10px 0 10px 30px;
    }
    .i-history__item:before {
        display: block;
        position: absolute;
        top: 5px;
        left: -28px;
        border: 4px solid #fff;
    }
    .i-history__item + .i-history__item {
        margin-top: 25px;
    }
    .i-history__item {
        border-top: 0;
        padding: 0;
    }
    .i-history .c-heading2 {
        margin-bottom: 20px;
    }
    .i-history__date .c-heading1,
    .i-history__date .c-heading2,
    .i-history__date .c-heading3,
    .i-history__date .c-heading4 {
        margin-bottom: 0;
    }
    .i-history__date {
        width: 100%;
        float: left;
        margin-bottom: 10px;
    }
    .i-annual__box:nth-child(2n) {
        margin-left: 20px;
    }
    .i-annual__box + .i-annual__box {
        margin-top: 0;
    }
    .i-annual__box {
        float: left;
        width: 490px;
        min-height: 168px;
        text-align: left;
    }
    .i-annual__frame {
        float: left;
        width: 190px;
    }
    .i-annual__image {
        height: 150px;
    }
    .i-annual__info {
        float: left;
        width: calc(100% - 190px);
        margin: 0;
        padding-left: 30px;
    }
    .i-annual__item {
        font-size: 0.875rem;
    }
    .i-annual__util {
        margin-bottom: 1.389rem;
    }
    .i-annual__number {
        font-size: 1.063rem;
    }
    .i-annual__number + .i-annual__number {
        margin-left: 15px;
    }
    .i-annual__types {
        float: right;
    }
    .i-organization {
        background: url("../images/pages/i-organization-line.png") no-repeat center 75px;
    }
    .i-organization__heading {
        /*         display: inline-block; */
        width: 244px;
        font-size: 1.125rem;
        margin: 0 auto;
    }
    .i-organization__list {
        padding: 48px 30px 0 30px;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
    .i-organization__item + .i-organization__item {
        margin-left: 20px;
    }
    .i-organization__item:nth-child(2) ~ .i-organization__item {
        margin-top: 0;
    }
    .i-organization__item {
        display: inline-block;
        width: 140px;
    }
    .i-organization__emphasis {
        font-size: 1.5rem;
    }
    .i-table .i-list__item {
        font-size: 0.9375rem;
    }
    .i-intro {
        position: relative;
        padding-left: 450px;
    }
    .i-intro__frame {
        position: absolute;
        top: 0;
        left: 0;
        margin: 0;
    }
    .i-box {
        padding: 30px;
    }
    .i-box--button .i-box__content {
        width: 660px;
        float: left;
    }
    .i-box--button .i-box__link {
        margin-top: 0;
    }
    .i-box__title {
        position: absolute;
        top: 40px;
        left: 30px;
    }
    .i-box__content {
        padding-top: 0;
        padding-left: 100px;
    }
    .i-box__content:nth-child(2) .i-box__item {
        padding: 17px 0 17px 80px;
    }
    .i-box__item {
        display: table;
        table-layout: fixed;
        border-collapse: collapse;
        border-spacing: 0;
        padding: 7px 0 7px 80px;
    }
    .i-box__item + .i-box__item {
        margin-top: 50px;
    }
    .i-box__text {
        display: table-cell;
        vertical-align: middle;
        padding-left: 15px;
    }
    .i-box__icon {
        display: table-cell;
        vertical-align: middle;
        display: block;
    }
    .i-map__images {
        float: left;
        width: calc(100% - 300px);
    }
    .i-map__list {
        width: 300px;
        border: 1px solid #e5e5e5;
        border-left: 0;
    }
    .i-map__item {
        width: 100%;
        height: 16.6666%;
        border: 0;
    }
    .i-map__item:nth-child(2n) {
        border-left: 1px solid #e5e5e5;
    }
    .i-map__item:nth-child(2) ~ .i-map__item {
        border-top: 1px solid #e5e5e5;
    }
    .i-map__item + .i-map__item {
        border-top: 1px solid #e5e5e5;
    }
    .i-map__link {
        height: 100%;
        padding: 10px 55px 10px 30px;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-content: center;
    }
    /*     .i-map__link:before { */
    /*         top: 30px; */
    /*         right: 20px; */
    /*     } */
    .i-map__route {
        font-size: 1rem;
    }
    .i-map__station {
        margin-top: 7px;
        font-size: 1rem;
        width: 100%
    }
    .s-filter__title {
        display: block;
    }
    .s-filter__heading {
        height: 100%;
    }
    .s-filter__link {
        padding: 20px 15px;
    }
    .s-filter__link:before {
        display: none;
    }
    .s-filter__link:after {
        display: none;
    }
    .s-filter__list {
        display: block;
    }
    .s-header {
        padding: 32px 0 33px;
    }
    .s-header__aligner {
        display: table;
        table-layout: fixed;
        border-collapse: collapse;
        border-spacing: 0;
    }
    .s-header__logo {
        display: table-cell;
        vertical-align: middle;
        padding-right: 20px;
    }
    .s-header__link {
        height: 100%;
    }
    .s-header__logo-image {
        display: block;
    }
    .s-header__search {
        display: table-cell;
        vertical-align: middle;
        margin-top: 0;
    }
    .s-header__keyword {
        max-width: 460px;
        margin-left: -1px;
        padding-right: 110px;
    }
    .s-header__button {
        right: -110px;
        min-width: 110px;
        height: 50px;
        padding: 0 52px 0 20px;
        text-indent: 0;
    }
    .s-header__button:before {
        right: 25px;
    }
    .s-keyword {
        display: block;
    }
    .s-keyword--detail {
        display: none;
    }
    .s-heading__title {
        display: block;
    }
    .s-heading__result {
        float: left;
        padding-left: 20px;
        text-align: left;
        -webkit-transform: translateY(50%);
        -ms-transform: translateY(50%);
        transform: translateY(50%);
    }
    .s-heading__sort {
        padding: 0;
        border-bottom: none;
        text-align: right;
    }
    .s-heading__word {
        display: inline-block;
        margin-bottom: 0;
    }
    .s-heading__select {
        width: 120px;
        margin-left: 10px;
    }
    .s-content + .s-content {
        padding: 20px 0;
    }
    .s-content--frame .s-content__box {
        float: left;
        width: 790px;
        margin: 0 0 0 30px;
    }
    .s-content__images {
        float: left;
        max-width: 170px;
    }
    .s-content__subject {
        margin-bottom: 25px;
        font-size: 1.125rem;
    }
    .s-content__paragraph {
        margin-bottom: 25px;
        font-size: 0.9375rem;
    }
    .s-content__link {
        font-size: 1.125rem;
    }
    .s-content__item + .s-content__item {
        padding-top: 7px;
    }
    .s-content__navi {
        margin-top: 20px;
    }
    .s-forms__text {
        width: 460px;
        min-height: 50px;
    }
    .s-page {
        border-top: 1px solid #e5e5e5;
    }
    .s-page__aligner {
        padding: 40px 0 50px 0;
    }
    .s-aside {
        float: left;
        width: 240px;
    }
    .s-aside ~ .s-contents {
        float: right;
        width: 1000px;
    }
    .s-contents {
        max-width: 1260px;
        margin: 0 auto;
    }
    .r-box__form {
        background-size: 180px 180px;
        background-position: 100% 85%;
    }
    .r-box__list {
        padding: 15px 160px 0 0;
    }
}

@media (min-width: 768px) {
    .d-relic {
        padding: 25px 90px;
    }
    .d-relic__data {
        padding: 14px 0;
    }
    .d-relic__button {
        padding-top: 20px;
    }
    .d-relic__link:hover .d-relic__dim,
    .d-relic__link:focus .d-relic__dim {
        visibility: visible;
        opacity: 1;
    }
    .d-relic__link:hover .d-relic__subject,
    .d-relic__link:focus .d-relic__subject {
        visibility: visible;
        opacity: 1;
        margin-top: 0;
    }
    .d-relic__images {
        height: 130px;
    }
    .d-relic__dim {
        visibility: hidden;
        opacity: 0;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.5);
    }
    .d-relic__subject {
        visibility: visible;
        opacity: 1;
        position: absolute;
        top: 50%;
        left: 50%;
        width: calc(100% - 30px);
        margin-top: 15px;
        color: #FFF;
        font-size: 0.9375rem;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }
    .d-relic .slick-arrow {
        width: 80px;
    }
    .d-relic .slick-arrow:before {
        border: 10px solid transparent;
    }
    .d-relic .slick-arrow.slick-prev {
        left: -80px;
    }
    .d-relic .slick-arrow.slick-next {
        right: -80px;
    }
    .d-relic-video__item {
        width: 31%;
    }
    .d-relic-video__item + .d-relic-video__item {
        margin-top: 0;
        margin-left: 20px;
    }
    .d-popup__poster {
        float: left;
        width: 290px;
        margin-bottom: 0;
    }
    .d-popup__button {
        padding-top: 20px;
    }
    .d-popup__information {
        float: left;
        width: calc(100% - 320px);
        margin-left: 30px;
    }
    .d-popup .slick-arrow {
        bottom: 0;
    }
    .d-popup .slick-arrow:before {
        border: 7px solid transparent;
    }
    .f-relic {
        padding: 25px 90px;
    }
    .f-relic__data {
        padding: 14px 0;
    }
    .f-relic__button {
        padding-top: 20px;
    }
    .f-relic__link:hover .f-relic__dim,
    .f-relic__link:focus .f-relic__dim {
        visibility: visible;
        opacity: 1;
    }
    .f-relic__link:hover .f-relic__subject,
    .f-relic__link:focus .f-relic__subject {
        visibility: visible;
        opacity: 1;
        margin-top: 0;
    }
    .f-relic__dim {
        visibility: hidden;
        opacity: 0;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.5);
    }
    .f-relic__subject {
        visibility: visible;
        opacity: 1;
        position: absolute;
        top: 50%;
        left: 50%;
        width: calc(100% - 30px);
        margin-top: 15px;
        color: #FFF;
        font-size: 0.9375rem;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }
    .f-relic .slick-arrow {
        width: 80px;
    }
    .f-relic .slick-arrow:before {
        border: 10px solid transparent;
    }
    .f-relic .slick-arrow.slick-prev {
        left: -80px;
    }
    .f-relic .slick-arrow.slick-next {
        right: -80px;
    }
    .f-relic-video__item {
        width: 30%;
    }
    .f-relic-video__item + .f-relic-video__item {
        margin-top: 0;
        margin-left: 20px;
    }
    .f-popup__poster {
        position: absolute;
        left: 0;
        width: 290px;
        margin-bottom: 0;
    }
    .f-popup__button {
        padding-top: 20px;
    }
    .f-popup__information {
        padding-left: 320px;
    }
    .f-popup .slick-arrow {
        bottom: 0;
    }
    .f-popup .slick-arrow:before {
        border: 7px solid transparent;
    }
    .s-header__search {
        max-width: 400px;
        margin: 20px auto 0;
    }
    .r-db .r-db__content #bbsCategory1 {
        width: 100px;
        margin-bottom: 0;
    }
    .r-db div.r-db__content #column {
        width: 100px;
        margin-bottom: 0;
    }
    .r-db div.r-db__content #search {
        width: 200px;
    }
    .f-collection__item_new {
        width: 33.33%;
    }
    .img_thumb .cltn_thumb {
        height: 210px;
    }
    .style_2yul .img_thumb .cltn_thumb {
        width: 25%;
        height: 210px;
    }
    .style_2yul .img_thumb .cltn_thumb_subject {
        width: 75%;
    }
    .style_list .f-collection__item_new {
        width: 50%;
    }
    .style_list .img_thumb .cltn_thumb {
        height: 150px;
    }
}

@media (max-width: 767px) {
    .seed_bbs_box .bbsSearch {
        margin-top: 0;
    }
    .seed_bbs_box .bbsSearch #column {
        width: 80px;
    }
    .seed_bbs_box .bbsSearch #search {
        width: calc(100% - 160px);
    }
}

@media (min-width: 1280px) {
    .f-collection__item_new {
        width: 25%;
    }
    .img_thumb .cltn_thumb {
        height: 210px;
    }
    .style_2yul .img_thumb .cltn_thumb {
        width: 25%;
        height: 210px;
    }
    .style_2yul .img_thumb .cltn_thumb_subject {
        width: 75%;
    }
    .style_list .f-collection__item_new {
        width: 50%;
    }
    .style_list .img_thumb .cltn_thumb {
        height: 160px;
    }
    .d-exhibition__key {
        min-width: 90px;
    }
}


/* ���몴�쑀臾� 異붽� �걹 */

.m-schedule__day-item .text,
.m-board__target h3 {
    overflow: hidden;
    position: absolute;
    border: 0;
    width: 1px;
    height: 1px;
    clip: rect(1px, 1px, 1px, 1px);
}


/*2021-12 접근성 수정*/

.flexWrap {
    display: flex;
    flex-wrap: wrap;
    align-items: center
}

.bookSearch.flexWrap {
    justify-content: flex-end;
    padding: 35px 0 5px
}

.publBookList .flexWrap {
    justify-content: center;
    padding: 20px 0 0
}

.bookSearch .f-forms__select {
    margin: 0
}

.publBookList .selectBtn,
.bookSearch .selectBtn {
    height: 36px;
    line-height: 36px;
    background: #424446;
    color: #fff;
    display: inline-block;
    font-size: 0.938rem
}

.publBookList .selectBtn a,
.bookSearch .selectBtn a {
    color: inherit;
    text-decoration: none;
    padding: 0 10px;
    width: auto;
    height: 100%;
    display: block;
}

.publBookList .selectBtn a:visited,
.bookSearch .selectBtn a:visited {
    color: inherit;
}

.publBookList .selectBtn {
    width: 120px;
    text-align: center
}

@media (max-width: 1280px) {
    .bookSearch .selectBtn {
        margin-top: 5px
    }
    .bookSearch .selectBtn a {
        padding: 0 25px
    }
}

.f-library-search__groups {
    max-width: 900px;
    margin: 0 auto 20px;
}

.c-search__wrap {
    width: 100%;
    max-width: 500px
}

.c-search__wrap .c-forms__text {
    padding-right: 45px
}

@media (max-width: 1280px) {
    .c-search__wrap .i-annual__numbers,
    .c-search__wrap .i-annual__types,
    .c-search__wrap .c-search__option,
    .c-search__wrap .c-forms__select,
    .c-search__wrap .c-search__keyword,
    .c-search__wrap .c-forms,
    .c-search__wrap .c-forms__text,
    .c-search__wrap .c-search {
        width: 100%
    }
    .c-search__wrap .c-search__button {
        top: auto;
        bottom: 0
    }
    .c-search__wrap {
        max-width: 100%
    }
    .i-map__images,
    .i-map__image {
        width: 100%
    }
}

.table_wrap input[type="checkbox"],
.table_wrap input[type="radio"] {
    width: 13px;
    height: 13px;
    vertical-align: middle;
    position: relative;
    top: -2px
}


/* 비전과 전략 페이지 한정 CSS */

@media (max-width: 600px) {
    .img_vision_pc {
        display: none;
    }
    .img_vision_mobile {
        display: block !important;
    }
}