@charset "UTF-8";
/*
 * ***********************************************************
 * Don't edit this file.
 * Please add another file for additions and corrections.
 * ***********************************************************
 * このファイルは - 直 接 修 正 禁 止 - です。
 * ファイルを別途作成し、そのファイルに追加・修正してください。
 * ***********************************************************
*/
@charset "UTF-8";
@font-face {
    font-family: icons;
    font-weight: 400;
    font-style: normal;
    src: url(/dcms_media/common/icons_outline.woff) format("woff"), url(/dcms_media/common/icons_outline.ttf) format("truetype")
}
:where(:not(html, iframe, canvas, img, svg, video, audio):not(svg*, symbol*)) {
    all: unset;
    display: revert
}
*,
::after,
::before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0
}
a,
button {
    cursor: pointer
}
:where(menu),
:where(ol),
:where(ul) {
    list-style: none;
    margin-bottom: unset;
    padding-left: unset
}
:where(img) {
    max-width: 100%
}
table {
    border-collapse: collapse
}
input,
textarea {
    -webkit-user-select: auto
}
textarea {
    white-space: revert
}
meter {
    -webkit-appearance: revert;
    -moz-appearance: revert;
    appearance: revert
}
::-webkit-input-placeholder {
    color: unset
}
::-moz-placeholder {
    color: unset
}
::-ms-input-placeholder {
    color: unset
}
::placeholder {
    color: unset
}
:where([hidden]) {
    display: none
}
:where([contenteditable]:not([contenteditable=false])) {
    -moz-user-modify: read-write;
    -webkit-user-modify: read-write;
    overflow-wrap: break-word;
    -webkit-line-break: after-white-space;
    -webkit-user-select: auto
}
:where([draggable=true]) {
    -webkit-user-drag: element
}
html {
    overflow-x: hidden;
    scroll-padding-top: 80px
}
.is-editor html,
html.is-editor,
html.is-loading {
    opacity: 1
}
body,
html {
    min-height: 100%
}
body {
    color: var(--DEF);
    font-family: var(--fntBase);
    font-size: 1rem;
    line-height: 1;
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    text-size-adjust: 100%;
    word-break: normal;
    line-break: strict;
    opacity: 0
}
body:not(.is-waiting) {
    opacity: 1
}
.bold,
b,
strong {
    font-weight: 700
}
small {
    font-size: inherit
}
sub {
    font-size: .75rem
}
sup {
    font-size: .75rem;
    vertical-align: text-top
}
:target {
    scroll-padding-top: 70px
}
:where(a) {
    color: var(--DEF);
    text-decoration: none;
    -webkit-transition: .3s;
    transition: .3s
}
:where(a):where(:not([class*=lib-])):where(:not([class*=hover-])) {
    text-decoration: underline;
    color: var(--DEF);
    -webkit-transition: .3s;
    transition: .3s
}
:where(a.hover-text-underline) {
    -webkit-transition: .3s;
    transition: .3s
}
:where(a.hover-text-underline):has(.txt) {
    -webkit-transition: .3s;
    transition: .3s
}
a[href^="tel:"] {
    color: var(--DEF);
    text-decoration: none
}
:where([class*=__btn]),
:where([class*=__button]) {
    line-height: 1.2
}
:where([class*=__btn]) a,
:where([class*=__button]) a,
a:where([class*=__btn]),
a:where([class*=__button]) {
    text-decoration: none
}
:where(.thumb),
:where([class*=__thumb]) {
    line-height: 0;
    font-size: 0;
    display: inline-block
}
:where(.thumb) figcaption,
:where(.thumb) p,
:where([class*=__thumb]) figcaption,
:where([class*=__thumb]) p {
    line-height: 1.3;
    font-size: 1rem
}
:where(.thumb) figcaption,
:where([class*=__thumb]) figcaption {
    font-size: .8rem;
    margin-top: 10px
}
:where(.thumb).--default :where(img),
:where(.thumb).--default:where(img),
:where([class*=__thumb]).--default :where(img),
:where([class*=__thumb]).--default:where(img) {
    width: auto;
    max-width: 100%
}
:where(.thumb) :where(img),
:where(.thumb):where(img),
:where([class*=__thumb]) :where(img),
:where([class*=__thumb]):where(img) {
    max-width: none;
    width: 100%;
    height: auto
}
:where(.thumb) :where(img)[src$=".svg"],
:where(.thumb):where(img)[src$=".svg"],
:where([class*=__thumb]) :where(img)[src$=".svg"],
:where([class*=__thumb]):where(img)[src$=".svg"] {
    display: block;
    max-width: none;
    width: 100%;
    height: auto
}
:where(.thumb) :where(img).--default,
:where(.thumb):where(img).--default,
:where([class*=__thumb]) :where(img).--default,
:where([class*=__thumb]):where(img).--default {
    width: auto;
    max-width: 100%
}
:where(.thumb) :where(picture),
:where(.thumb):where(picture),
:where([class*=__thumb]) :where(picture),
:where([class*=__thumb]):where(picture) {
    display: block
}
:where(.thumb) :where(picture) img,
:where(.thumb):where(picture) img,
:where([class*=__thumb]) :where(picture) img,
:where([class*=__thumb]):where(picture) img {
    width: 100%;
    height: auto;
    max-width: none
}
:where(.thumb) :where(a) img,
:where(.thumb):where(a) img,
:where([class*=__thumb]) :where(a) img,
:where([class*=__thumb]):where(a) img,
:where(a) :where(.thumb) img,
:where(a) :where([class*=__thumb]) img {
    -webkit-transition: .3s;
    transition: .3s
}
:where(.thumb):has(a),
:where(.thumb):where(a),
:where([class*=__thumb]):has(a),
:where([class*=__thumb]):where(a) {
    overflow: hidden
}
:where(.thumb):has([class*=object-fit]) img,
:where([class*=__thumb]):has([class*=object-fit]) img {
    width: 100%;
    height: 100%
}
:where(.thumb) {
    background-color: var(--WHT)
}
:where([aria-hidden=true]) {
    display: none
}
.is-editor :where([aria-hidden=true])[class*=mce-] {
    display: block
}
:where([aria-hidden=false]) {
    display: block
}
:where([aria-disabled=true]) {
    pointer-events: none
}
[data-id=editor] ol,
[data-id=editor] ul {
    padding-left: unset
}
[data-id=editor] ol>li,
[data-id=editor] ul>li {
    list-style: none
}
.dcms_fl_list {
    list-style: none
}
.dcms_fl_list>li {
    list-style: none
}
.is-editor ul[class*=dcms] li:before {
    display: none
}
.is-editor .dcms_btn,
.is-editor .dcms_input_small {
    text-decoration: none !important
}
#dcms_layoutPageBlock .is-editor a:not([class*=dcms_]) #dcms_layoutPageBlock .is-editor button:not([class*=dcms_]),
#dcms_layoutPageBlock .is-editor input:not([class*=dcms_]) {
    pointer-events: none !important
}
.is-editor #contents a:not([class*=dcms_]),
.is-editor #contents button:not([class*=dcms_]),
.is-editor #contents input:not([class*=dcms_]),
.is-editor #contents label:not([class*=dcms_]),
.is-editor #contents select:not([class*=dcms_]),
.is-editor #contents textarea:not([class*=dcms_]),
.is-editor .lib-cta__outer a:not([class*=dcms_]),
.is-editor .lib-cta__outer button:not([class*=dcms_]),
.is-editor .lib-cta__outer input:not([class*=dcms_]),
.is-editor .lib-header__outer a:not([class*=dcms_]),
.is-editor .lib-header__outer button:not([class*=dcms_]),
.is-editor .lib-header__outer input:not([class*=dcms_]),
.is-editor footer a:not([class*=dcms_]),
.is-editor footer button:not([class*=dcms_]),
.is-editor footer input:not([class*=dcms_]) {
    pointer-events: none !important
}
.is-editor #contents .dcms_reset_area a,
.is-editor #contents .dcms_reset_area button,
.is-editor #contents .dcms_reset_area input,
.is-editor #contents .dcms_reset_area label,
.is-editor #contents .dcms_reset_area select,
.is-editor #contents .dcms_reset_area textarea,
.is-editor #contents [class*=mce-] a:not([class*=dcms_]),
.is-editor #contents [class*=mce-] button:not([class*=dcms_]),
.is-editor #contents [class*=mce-] input:not([class*=dcms_]),
.is-editor #contents [class*=mce-] label:not([class*=dcms_]),
.is-editor #contents [class*=mce-] select:not([class*=dcms_]),
.is-editor #contents [class*=mce-] textarea:not([class*=dcms_]),
.is-editor #contents a.dropdown-toggle,
.is-editor [class*=dcms_] a,
.is-editor [class*=dcms_] button,
.is-editor [class*=dcms_] input,
.is-editor [class*=dcms_] label,
.is-editor [class*=dcms_] select,
.is-editor [class*=dcms_] textarea,
.is-editor [data-toggle=dropdown] {
    pointer-events: auto !important
}
.sr-only {
    position: absolute !important;
    clip: rect(1px, 1px, 1px, 1px) !important;
    height: 1px !important;
    overflow: hidden !important;
    width: 0 !important;
    height: 0 !important;
    border: 0 !important;
    opacity: 0 !important;
    z-index: -2 !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 0 !important
}
.sr-only:after,
.sr-only:before {
    display: none !important
}
.sr-only+* {
    margin-top: 0 !important
}
.editor_block:has(.is-editor-txt) {
    height: auto !important
}
.is-editor-txt {
    display: none;
    background-color: #fee;
    padding: 10px;
    color: red;
    font-weight: 700;
    font-size: 1.8rem;
    margin-top: 80px
}
.is-editor .is-editor-txt {
    display: block
}
.is-editor-txt+.section:not(.lib-wide__container) {
    margin-top: 0
}
.lib-wide__container.--fill+.is-editor-txt+.lib-wide__container.--fill {
    padding-top: 0;
    margin-top: 0
}
.bownow {
    margin-bottom: .8rem !important
}
.iframe,
.movie,
.youtube {
    width: 100%;
    aspect-ratio: 16/9;
    max-width: 600px;
    margin-left: auto;
    margin-right: auto
}
.iframe iframe,
.iframe video,
.movie iframe,
.movie video,
.youtube iframe,
.youtube video {
    width: 100%;
    height: 100%
}
#dcms_layoutPageBlock>:first-child {
    margin-top: 0
}
#dcms_layoutPageBlock>div:not([class]):has(iframe) {
    width: 100%;
    aspect-ratio: 16/9;
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
    line-height: 0
}
#dcms_layoutPageBlock>div:not([class]):has(iframe) iframe {
    width: 100%;
    height: 100%
}
#dcms_layoutPageBlock>div:not([class]):has(iframe)[style*="text-align:left"] {
    margin-left: unset
}
#dcms_layoutPageBlock>div:not([class]):has(iframe)[style*="text-align:right"] {
    margin-right: unset
}
.hover-text-noline {
    text-decoration: none !important
}
.hover-text-noline .txt {
    text-decoration: none !important
}
.row[class*=gap-] {
    margin: unset
}
.row[class*=gap-]>* {
    padding: unset
}
.lib-header__nav {
    line-height: 0
}
.lib-header__outer {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 10;
    background-color: #fff;
    height: 80px;
    -webkit-transition: height .3s;
    transition: height .3s
}
.lib-header__outer a:not([class*=__btn]) {
    color: var(--DEF)
}
.lib-header__outer a:not([class*=__btn]):where([href$=".pdf"]):after,
.lib-header__outer a:not([class*=__btn]):where([href^="https://saas.actibookone.com/"]):after,
.lib-header__outer a:not([class*=__btn]):where([target=_blank]):after {
    margin-top: .35em;
    margin-right: 0
}
.lib-header__outer a:not([class*=__btn]):where([href$=".pdf"]):after,
.lib-header__outer a:not([class*=__btn]):where([href^="https://saas.actibookone.com/"]):after {
    margin-top: .1em
}
.lib-header__inner {
    height: 100%
}
.lib-header__bar {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 80px;
    z-index: 11;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background-color: #fff;
    -webkit-box-shadow: 0 5px 5px 0 rgba(0, 0, 0, .2);
    box-shadow: 0 5px 5px 0 rgba(0, 0, 0, .2)
}
.lib-menu__btn {
    position: relative;
    background-color: var(--MAIN);
    border: var(--MAIN) 2px solid;
    width: 60px;
    height: 80px;
    -webkit-transition: .3s;
    transition: .3s
}
.lib-menu__btn>.line {
    position: absolute;
    left: 25%;
    width: 50%;
    height: 2px;
    background-color: #fff;
    border-radius: 4px
}
.lib-menu__btn>.line:nth-of-type(1) {
    top: calc(50% - 1px - 10px);
    -webkit-transform: translateY(0) rotate(0);
    transform: translateY(0) rotate(0);
    -webkit-transition: .45s;
    transition: .45s
}
.lib-menu__btn>.line:nth-of-type(2) {
    top: calc(50% - 1px);
    -webkit-transition: all .25s .15s;
    transition: all .25s .15s;
    opacity: 1
}
.lib-menu__btn>.line:nth-of-type(3) {
    bottom: calc(50% - 1px - 10px);
    -webkit-transform: translateY(0) rotate(0);
    transform: translateY(0) rotate(0);
    -webkit-transition: .45s;
    transition: .45s
}
.lib-menu__btn[aria-expanded=true]>.line:nth-of-type(1) {
    -webkit-transform: translateY(calc(50% - 1px + 10px)) rotate(-45deg);
    transform: translateY(calc(50% - 1px + 10px)) rotate(-45deg);
    width: 40%;
    left: 30%
}
.lib-menu__btn[aria-expanded=true]>.line:nth-of-type(2) {
    opacity: 0
}
.lib-menu__btn[aria-expanded=true]>.line:nth-of-type(3) {
    -webkit-transform: translateY(calc(50% - 1px - 10px)) rotate(45deg);
    transform: translateY(calc(50% - 1px - 10px)) rotate(45deg);
    width: 40%;
    left: 30%
}
.lib-induce__outer {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
    margin-top: 1.5em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}
.lib-induce__outer>li {
    width: 50%
}
.lib-induce__btn {
    padding: 10px
}
.lib-induce__btn .txt {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%
}
.lib-induce__btn .txt:before {
    margin-bottom: 5px;
    font-size: 140%
}
.lib-induce__btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    font-size: 1rem;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-weight: 700;
    padding: 10px;
    height: 80px;
    text-decoration: none;
    color: var(--WHT);
    border: var(--MAIN) 2px solid;
    background-color: var(--MAIN);
    color: var(--WHT);
    -webkit-transition: .3s;
    transition: .3s
}
.lib-induce__btn .txt {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%
}
.lib-induce__btn .txt:before {
    margin-bottom: 5px;
    font-size: 140%;
    font-family: icons !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}
.lib-induce__btn .inhide {
    display: none
}
.lib-induce__btn.--contact .txt:before {
    content: "\ea07"
}
.lib-induce__btn.--estimate .txt:before {
    content: "\ea0a"
}
.lib-induce__btn.--download .txt:before {
    content: "\ea08"
}
.lib-lang__outer {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5;
    margin: 1.5em auto 0
}
.lib-lang__outer li {
    width: 3em
}
.lib-lang__outer li+li a {
    border-left: none
}
.lib-lang__outer li a {
    display: block;
    text-align: center;
    font-family: var(--fntEn) !important;
    background-color: var(--LGRY);
    text-decoration: none;
    border: var(--GRY) 1px solid;
    -webkit-transition: .3s;
    transition: .3s
}
.lib-lang__outer li a[aria-current=page] {
    background-color: var(--MAIN);
    border-color: var(--MAIN);
    color: var(--WHT);
    pointer-events: none
}
.lib-header__logo {
    line-height: 0
}
.lib-header__logo .thumb {
    overflow: unset
}
.lib-header__logo a {
    display: block
}
.lib-header__logo img {
    width: 150px
}
.lib-search__outer {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    position: relative;
    z-index: 2;
    display: block !important;
    background-color: #ddd;
    padding: 10px;
    margin: 0 -10px
}
.lib-search__inside {
    border: var(--GRY) 1px solid;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    background-color: var(--LGRY)
}
.lib-search__input {
    border: none;
    border-radius: unset;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    background: unset;
    position: relative;
    z-index: 1;
    background-color: var(--LGRY);
    height: 50px
}
.lib-search__input::-webkit-input-placeholder {
    color: #666
}
.lib-search__input::-moz-placeholder {
    color: #666
}
.lib-search__input::-ms-input-placeholder {
    color: #666
}
.lib-search__input::placeholder {
    color: #666
}
.lib-search__btn {
    width: 50px;
    height: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: .3s;
    transition: .3s
}
.lib-search__btn:before {
    font-family: icons !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\ea06";
    position: static;
    font-size: 1.25rem;
    padding-top: 2px;
    color: var(--MAIN)
}
.lib-search__btn:focus:before {
    color: var(--WHT)
}
.lib-utility__outer {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
    margin-top: 0;
    display: block
}
.lib-utility__outer:has(.lib-induce__btn) {
    margin: 0 -10px
}
.lib-utility__list {
    width: calc(100% + 20px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -10px;
    border-top: #ddd 1px solid;
    border-bottom: #ddd 1px solid;
    background-color: var(--WHT)
}
.lib-utility__list:has(.lib-induce__btn) {
    margin: unset;
    border-top: none;
    width: 100%
}
.lib-utility__item {
    width: 50%;
    border-bottom: #ddd 1px solid;
    margin-bottom: -1px
}
.lib-utility__item:has(.lib-induce__btn) {
    border: none;
    margin-bottom: 0
}
.lib-utility__item:nth-child(odd) {
    border-right: #ddd 1px solid
}
.lib-utility__item:last-child .lib-induce__btn {
    margin-right: 10px
}
.lib-utility__item a:not([class*=__btn]) {
    font-weight: 700;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    padding: 10px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: color .3s;
    transition: color .3s;
    text-decoration: none;
    line-height: 1.25;
    color: var(--DEF)
}
.lib-utility__item a:not([class*=__btn]):after {
    margin-right: 0;
    margin-top: .2em
}
.lib-utility__item a:not([class*=__btn])>.txt {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%
}
.lib-child__item {
    border-top: var(--GRY) 1px solid;
    border-left: var(--GRY) 1px solid
}
.lib-child__item .thumb {
    display: none
}
.lib-child__item>a {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 100%;
    padding: 12px 10px;
    line-height: 1.25;
    -webkit-transition: color .3s;
    transition: color .3s;
    text-decoration: none;
    -webkit-transition: .3s;
    transition: .3s
}
.lib-child__item>a .txt {
    position: relative;
    padding-left: .8em;
    text-decoration: none
}
.lib-child__item>a .txt:before {
    font-family: icons !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\ea01";
    position: absolute;
    left: 0;
    top: 6px;
    font-size: .625rem;
    font-weight: 400
}
.lib-nav__outer {
    padding: 0 10px 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}
.lib-nav__panel {
    -webkit-transition: opacity .3s, -webkit-transform .3s;
    transition: opacity .3s, -webkit-transform .3s;
    transition: transform .3s, opacity .3s;
    transition: transform .3s, opacity .3s, -webkit-transform .3s;
    -webkit-transform: translateX(100vW);
    transform: translateX(100vW);
    width: 100%;
    height: calc(100vh - 60px);
    height: calc(100dvh - 60px);
    top: 60px;
    right: 0;
    background-color: #f5f5f5;
    z-index: 10;
    position: fixed
}
.lib-nav__panel.is-open {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-box-shadow: -5px 0 10px rgba(0, 0, 0, .3);
    box-shadow: -5px 0 10px rgba(0, 0, 0, .3)
}
.lib-gchild__list {
    display: none;
    padding-left: .7rem;
    margin-top: 10px
}
.lib-gchild__list>li {
    font-size: .875rem
}
.lib-gchild__list>li>a {
    text-decoration: none;
    line-height: 1.3;
    -webkit-transition: .3s;
    transition: .3s
}
.lib-gchild__list>li>a>.txt {
    position: relative;
    padding-left: .8em
}
.lib-gchild__list>li>a>.txt:before {
    font-family: icons !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\ea01";
    position: absolute;
    left: 0;
    top: .55em;
    font-size: .625rem;
    font-weight: 400
}
.lib-nav__list {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    margin-left: -10px;
    margin-right: -10px;
    border-bottom: var(--MAIN) 1px solid;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .3);
    box-shadow: 0 0 10px rgba(0, 0, 0, .3);
    position: relative;
    z-index: 1
}
.lib-nav__item {
    border-top: var(--MAIN) 1px solid
}
.lib-nav__btn {
    width: 100%;
    padding: 14px 10px;
    text-align: left;
    position: relative;
    font-weight: 700;
    line-height: 1.25;
    border: none;
    background: unset;
    color: var(--DEF);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
.lib-nav__btn>.txt {
    position: relative
}
.lib-nav__btn>.txt:before {
    content: "";
    width: 100%;
    height: 3px;
    background-color: var(--MAIN);
    display: block;
    position: absolute;
    bottom: -10px;
    left: 0;
    opacity: 0;
    -webkit-transform: translateY(5px);
    transform: translateY(5px);
    -webkit-transition: opacity .3s, -webkit-transform .3s;
    transition: opacity .3s, -webkit-transform .3s;
    transition: opacity .3s, transform .3s;
    transition: opacity .3s, transform .3s, -webkit-transform .3s
}
.is-scroll .lib-nav__btn>.txt:before {
    bottom: -8px
}
.lib-nav__btn[aria-expanded] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.lib-nav__btn[aria-expanded]:after {
    font-family: icons !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\ea02";
    font-size: .625rem;
    margin-left: 10px;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s;
    display: block
}
.lib-nav__btn[aria-expanded=true]:after {
    -webkit-transform: rotateX(180deg);
    transform: rotateX(180deg)
}
body:after {
    content: "";
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, .3);
    opacity: 0;
    -webkit-transition: opacity .2s, visibility .2s;
    transition: opacity .2s, visibility .2s;
    z-index: 9;
    visibility: hidden
}
.is-scroll body:after {
    top: 0
}
@-webkit-keyframes fadeInAnime {
    0% {
        display: none;
        opacity: 0
    }
    1% {
        display: block;
        opacity: 0
    }
    100% {
        display: block;
        opacity: 1
    }
}
@keyframes fadeInAnime {
    0% {
        display: none;
        opacity: 0
    }
    1% {
        display: block;
        opacity: 0
    }
    100% {
        display: block;
        opacity: 1
    }
}
html:has(.lib-header__outer.typeN).is-open {
    overflow: hidden
}
.lib-header__outer.typeN .lib-menu__btn {
    -webkit-transition: .3s;
    transition: .3s
}
.lib-header__outer.typeN .lib-menu__btn:after {
    content: "";
    display: block;
    width: 96%;
    height: 96%;
    display: block;
    border: var(--WHT) 3px solid;
    opacity: 0;
    position: absolute;
    left: 2%;
    top: 2%;
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}
.lib-header__outer.typeN .lib-nav__list {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}
.lib-header__outer.typeN .lib-child__outer {
    margin-left: 10px
}
@keyframes fadeInAnime {
    0% {
        opacity: 0;
        display: none;
        margin-top: -10px
    }
    1% {
        opacity: 0;
        display: block;
        margin-top: -10px
    }
    100% {
        opacity: 1;
        margin-top: 0;
        display: block
    }
}
@-webkit-keyframes fadeOutAnime {
    0% {
        opacity: 1;
        margin-top: 0;
        display: block
    }
    1% {
        opacity: 0;
        margin-top: -10px;
        display: block
    }
    100% {
        opacity: 0;
        margin-top: -10px;
        display: none
    }
}
@keyframes fadeOutAnime {
    0% {
        opacity: 1;
        margin-top: 0;
        display: block
    }
    1% {
        opacity: 0;
        margin-top: -10px;
        display: block
    }
    100% {
        opacity: 0;
        margin-top: -10px;
        display: none
    }
}
.lib-header__outer.typeM .lib-child__panel {
    background-color: #fff;
    margin-right: 1px;
    margin-left: 10px
}
.lib-header__outer.typeM .lib-child__item>a {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    gap: 10px
}
.lib-header__outer.typeS .lib-child__panel {
    background: unset;
    margin-right: 1px;
    margin-left: 10px
}
.lib-header__outer.lib-header-BS01 .lib-menu__btn {
    display: block !important
}
.lib-header__outer.lib-header-BS01 .lib-search__btn {
    -webkit-transition: .3s;
    transition: .3s
}
.lib-header__outer.lib-header-BS01 .lib-utility__outer {
    display: none
}
.lib-header__outer.lib-header-BS01 .lib-utility__list {
    border: none;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 19px;
    margin: 0;
    width: 100%
}
.lib-header__outer.lib-header-BS01 .lib-utility__item {
    border: none;
    margin: 0;
    width: unset
}
.lib-header__outer.lib-header-BS01 .lib-utility__item~li:before {
    display: none
}
.lib-header__outer.lib-header-BS01 .lib-utility__item a {
    padding: 0
}
.lib-header__outer.lib-header-BS01 .lib-utility__item a>.txt {
    position: relative
}
.lib-header__outer.lib-header-BS01 .lib-utility__item a>.txt:before {
    content: "";
    width: 100%;
    height: 3px;
    background-color: var(--MAIN);
    display: block;
    position: absolute;
    bottom: -8px;
    left: 0;
    opacity: 0;
    -webkit-transform: translateY(5px);
    transform: translateY(5px);
    -webkit-transition: opacity .3s, -webkit-transform .3s;
    transition: opacity .3s, -webkit-transform .3s;
    transition: opacity .3s, transform .3s;
    transition: opacity .3s, transform .3s, -webkit-transform .3s
}
.is-scroll .lib-header__outer.lib-header-BS01 .lib-utility__item a>.txt:before {
    bottom: -6px
}
.lib-header__outer.lib-header-BS01 .lib-induce__btn .txt:before {
    margin-right: 0
}
.lib-header__outer.lib-header-BS02 .lib-header__logo {
    margin-left: 15px
}
.lib-header__outer.lib-header-BS02 .lib-header__bar {
    width: 100%
}
.lib-header__outer.lib-header-BS02 .lib-search__btn {
    -webkit-transition: .3s;
    transition: .3s
}
.lib-header__outer.lib-header-BS02 .lib-induce__outer>li {
    width: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
.lib-header__outer.lib-header-BS03 {
    -webkit-box-shadow: 0 5px 5px 0 rgba(0, 0, 0, .2);
    box-shadow: 0 5px 5px 0 rgba(0, 0, 0, .2)
}
.lib-header__outer.lib-header-BS03 .lib-nav__item:before {
    display: none
}
.lib-header__outer.lib-header-BS03 .lib-nav__item:has(.js-child__btn):before {
    display: block;
    visibility: hidden
}
.lib-header__outer.lib-header-BS03 .lib-utility__list:has(.lib-induce__btn) {
    width: unset
}
.lib-header__outer.lib-header-BS03.typeS .lib-child__panel {
    top: 46px
}
.lib-header__outer.lib-header-BS03.typeS .lib-child__panel:before {
    top: -10px
}
.is-scroll .lib-header__outer.lib-header-BS03.typeS .lib-child__panel {
    top: 46px
}
.lib-header__outer.lib-header-BS03.typeM:has(.lib-induce__outer) .lib-nav__item:before {
    width: 0;
    height: 0;
    border-style: solid;
    border-color: transparent;
    border-width: 0 10px 16px 10px;
    border-bottom-color: var(--MAIN);
    left: calc(50% - 20px);
    bottom: -40px
}
.is-scroll .lib-header__outer.lib-header-BS03.typeM:has(.lib-induce__outer) .lib-nav__item:before {
    bottom: -28px
}
.lib-header__outer.lib-header-BS03.typeM:has(.lib-induce__outer):not(:has(.lib-search__outer)):not(:has(.lib-lang__outer)):not(:has(.lib-utility__outer)) .lib-nav__item:before {
    width: 0;
    height: 0;
    border-style: solid;
    border-color: transparent;
    border-width: 0 10px 16px 10px;
    border-bottom-color: var(--MAIN);
    left: calc(50% - 20px);
    bottom: -54px
}
.is-scroll .lib-header__outer.lib-header-BS03.typeM:has(.lib-induce__outer):not(:has(.lib-search__outer)):not(:has(.lib-lang__outer)):not(:has(.lib-utility__outer)) .lib-nav__item:before {
    bottom: -28px
}
.lib-header__outer.lib-header-BS03.typeM:not(:has(.lib-search__outer)):not(:has(.lib-lang__outer)):not(:has(.lib-utility__outer)):not(:has(.lib-induce__outer)) .lib-nav__item:before {
    bottom: -44px
}
.is-scroll .lib-header__outer.lib-header-BS03.typeM:not(:has(.lib-search__outer)):not(:has(.lib-lang__outer)):not(:has(.lib-utility__outer)):not(:has(.lib-induce__outer)) .lib-nav__item:before {
    bottom: -28px
}
:where([style*="--scroll"]) .lib-header__outer.lib-header-BS03.typeM .lib-child__panel {
    width: calc(100vw - 30px - var(--scroll))
}
.lib-footer__copyright {
    background-color: #333;
    color: #fff;
    text-align: center;
    font-size: .625rem;
    padding: 10px 0;
    margin-top: 15px
}
.lib-footer__outer {
    border-top: var(--GRY) 1px solid;
    padding-top: 3rem;
    position: relative
}
.lib-footer__outer a:not([class*=__btn]):where([href$=".pdf"]):after,
.lib-footer__outer a:not([class*=__btn]):where([href^="https://saas.actibookone.com/"]):after,
.lib-footer__outer a:not([class*=__btn]):where([target=_blank]):after {
    margin-top: .3em;
    margin-right: 0
}
.lib-footer__outer a:not([class*=__btn]):where([href$=".pdf"]):after,
.lib-footer__outer a:not([class*=__btn]):where([href^="https://saas.actibookone.com/"]):after {
    margin-top: .1em
}
.lib-footer__container>*~* {
    margin-top: 15px
}
.lib-footer__logo {
    width: 200px;
    margin: 0 auto
}
.lib-footer__logo .thumb {
    overflow: visible
}
.lib-footer__data {
    margin-top: 10px
}
.lib-footer__data>dt {
    font-weight: 700
}
.lib-footer__data>dd {
    margin-top: 5px;
    font-size: .875rem;
    line-height: 1.5
}
.lib-footer__data>dl>dt {
    font-weight: 700
}
.lib-footer__data>dl>dd {
    margin-top: 5px;
    font-size: .875rem;
    line-height: 1.5
}
.lib-footer__nav:first-child {
    margin-top: unset
}
.lib-footer__list {
    display: none
}
.lib-footer__title {
    line-height: 1.3;
    width: 100%
}
.lib-footer__title>a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 12px 15px;
    text-decoration: none;
    border-top: var(--MAIN) 1px solid;
    border-bottom: var(--MAIN) 1px solid;
    margin-top: -1px;
    font-weight: 700;
    background-color: var(--LGRY);
    line-height: 1.3;
    color: var(--DEF);
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: .3s;
    transition: .3s
}
.lib-footer__title>a:where([href$=".pdf"]):after,
.lib-footer__title>a:where([href^="https://saas.actibookone.com/"]):after,
.lib-footer__title>a:where([target=_blank]):after {
    margin-right: 0;
    margin-left: 10px
}
.lib-footer__item {
    line-height: 1.3
}
.lib-footer__item~li {
    margin-top: 10px
}
.lib-footer__item>a {
    text-decoration: none;
    color: var(--DEF);
    font-size: 1rem;
    -webkit-transition: .3s;
    transition: .3s
}
.lib-footer__other {
    -webkit-box-shadow: inset 0 10px 10px -10px rgba(0, 0, 0, .3);
    box-shadow: inset 0 10px 10px -10px rgba(0, 0, 0, .3);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: calc(100% + 30px);
    margin: 0 -15px;
    border-bottom: #ddd 1px solid
}
.lib-footer__other>li {
    width: 50%;
    border-bottom: #ddd 1px solid;
    margin-bottom: -1px
}
.lib-footer__other>li:nth-child(odd) {
    border-right: #ddd 1px solid
}
.lib-footer__other>li a {
    padding: 12px 15px;
    position: relative;
    text-decoration: none;
    line-height: 1.3;
    font-weight: 700;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 1rem;
    -webkit-transition: .3s;
    transition: .3s
}
.lib-footer__other>li a:after {
    margin-right: 0
}
.lib-pagetop__btn {
    width: 100%;
    position: relative;
    z-index: 8
}
.lib-pagetop__btn a {
    display: block;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    height: 0;
    outline: 0;
    border: unset;
    background: unset;
    right: 0;
    text-decoration: none !important
}
.lib-pagetop__btn a .txt {
    width: 50px;
    height: 50px;
    opacity: 0;
    -webkit-box-shadow: 0 0 0 1px var(--WHT);
    box-shadow: 0 0 0 1px var(--WHT);
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
    text-decoration: none !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: var(--MAIN);
    color: #fff;
    line-height: 1;
    font-size: .5rem;
    font-family: var(--fntEn) !important
}
.lib-pagetop__btn a .txt:before {
    font-family: icons !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\ea02";
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    font-size: 1.125rem;
    margin-bottom: 5px;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s
}
.lib-pagetop__btn.is-scroll a {
    position: fixed;
    top: auto;
    bottom: 50px;
    opacity: .8
}
.lib-pagetop__btn.is-scroll a .txt {
    opacity: 1
}
.lib-pagetop__btn.is-bottom a {
    position: absolute;
    top: -65px;
    opacity: 1
}
.lib-pagetop__btn.is-bottom a .txt {
    opacity: 1
}
.lib-footer__sns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 10px;
    gap: 5px
}
.lib-footer__sns>li>a {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: var(--DEF);
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-decoration: none;
    border: var(--DEF) 2px solid;
    -webkit-transition: .3s;
    transition: .3s
}
.lib-footer__sns>li>a:before {
    font-family: icons !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 1rem
}
.lib-footer__sns>li>a.--fb:before {
    content: "\ea11"
}
.lib-footer__sns>li>a.--tw:before {
    content: "\ea0f"
}
.lib-footer__sns>li>a.--x:before {
    content: "\ea10"
}
.lib-footer__sns>li>a.--ig:before {
    content: "\ea12"
}
.lib-footer__sns>li>a.--ld:before {
    content: "\ea13"
}
.lib-footer__sns>li>a.--hatebu:before {
    content: "\ea14"
}
.lib-footer__sns>li>a.--yt:before {
    content: "\ea15"
}
.lib-footer__utility {
    margin-top: 15px;
    position: relative
}
.lib-footer__guidance {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 5px 20px
}
.lib-footer__guidance a {
    color: var(--DEF);
    text-decoration: none;
    font-size: .75rem;
    -webkit-transition: .3s;
    transition: .3s
}
.lib-footer__guidance>li {
    position: relative;
    line-height: 1.3
}
.lib-footer__guidance>li~li:before {
    content: "";
    width: 1px;
    height: 60%;
    display: block;
    background-color: var(--DEF);
    position: absolute;
    left: -10px;
    top: 33%
}
.lib-footer__outer.lib-footer-BS01 .lib-footer__info {
    padding-bottom: 30px
}
.lib-footer__outer.lib-footer-BS01 .lib-footer__logo {
    line-height: 0
}
.lib-footer__outer.lib-footer-BS01 .lib-footer__logo .thumb {
    border-radius: unset
}
.lib-footer__outer.lib-footer-BS02 .lib-footer__info {
    padding-bottom: 30px
}
.lib-footer__outer.lib-footer-BS02 .lib-footer__logo {
    line-height: 0
}
.lib-footer__outer.lib-footer-BS02 .lib-footer__logo .thumb {
    border-radius: unset
}
.lib-footer__outer.lib-footer-BS02 .lib-footer__phone {
    margin-top: 5px
}
.lib-footer__outer.lib-footer-BS02 .lib-footer__copyright {
    background-color: var(--DEF);
    width: calc(100% + 30px);
    margin: 15px -15px 0
}
.lib-footer__outer.lib-footer-BS03 {
    border-top: none;
    padding-top: 0;
    position: relative
}
.lib-footer__outer.lib-footer-BS03 .lib-pagetop__btn a {
    -webkit-transition: unset !important;
    transition: unset !important;
    top: unset !important;
    opacity: 1;
    -webkit-transition: .3s;
    transition: .3s
}
.lib-footer__outer.lib-footer-BS03 .lib-pagetop__btn a .txt {
    background-color: var(--DEF);
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
    -webkit-box-shadow: unset;
    box-shadow: unset
}
.lib-footer__outer.lib-footer-BS03 .lib-pagetop__btn.is-scroll a {
    bottom: 50px
}
.lib-footer__outer.lib-footer-BS03 .lib-pagetop__btn.is-bottom a {
    bottom: -43px
}
.lib-footer__outer.lib-footer-BS03 .lib-footer__outer {
    position: relative
}
.lib-footer__outer.lib-footer-BS03 .lib-footer__utility {
    padding: 0
}
.lib-footer__outer.lib-footer-BS03 .lib-footer__copyright {
    width: calc(100% + 30px);
    margin: 15px -15px 0;
    position: relative;
    z-index: 9
}
.lib-cta-BS01__inside:has(.lib-cta-BS01__phone) {
    padding-bottom: 0
}
.lib-cta__phone>dt .txt:before {
    font-size: 150%
}
.lib-cta__phone .num {
    font-size: 1.875rem
}
.lib-cta-BS03__box {
    max-width: 700px !important;
    width: 100%
}
.lib-cta-BS03__box.bg-white {
    padding: 30px 10px;
    width: calc(100% - 1.5rem);
    margin-left: auto;
    margin-right: auto
}
.lib-cta-BS03__box .lib-btn__outer {
    margin-top: 1.5rem
}
:where(.lib-subnav__title) {
    font-size: 1.5rem
}
:where(.lib-subnav__title) a {
    text-decoration: none;
    color: var(--MAIN);
    font-weight: 700;
    -webkit-transition: .3s;
    transition: .3s
}
:where(.lib-subnav__title)+* {
    margin-top: .5rem
}
:where(.lib-subnav__list) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    row-gap: .5rem
}
:where(.lib-subnav__list) li {
    width: 100%
}
:where(.lib-subnav__list) a {
    -webkit-transition: .3s;
    transition: .3s
}
:where(.lib-subnav__list) a[aria-current=page] {
    pointer-events: none;
    font-weight: 700;
    color: var(--MAIN)
}
:where(.lib-subnav__list)>li :where(.lib-subnav__list) {
    display: none;
    padding-left: 1rem
}
:where(.lib-subnav__list)>li :where(.lib-subnav__list) li {
    width: 100%
}
.lib-column__side:not([class*=media]) {
    background-color: var(--LGRY)
}
.lib-column__outer .lib-column__side:not(.media-column__side) {
    margin-bottom: calc(100px * -1)
}
:where(.lib-fixed__bnr) {
    opacity: 0;
    visibility: hidden;
    z-index: -2;
    -webkit-transition: .3s;
    transition: .3s;
    width: 200px;
    background-color: #fff;
    line-height: 0;
    position: fixed;
    top: 100px;
    right: 0
}
:where(.lib-fixed__bnr).is-scroll {
    z-index: 8;
    visibility: visible;
    opacity: 1
}
:where(.lib-fixed__bnr).is-bottom {
    opacity: 0;
    visibility: hidden;
    z-index: -2
}
.lib-fixed__close {
    position: absolute;
    left: -10px;
    top: -10px;
    width: 30px;
    height: 30px;
    background-color: var(--MAIN);
    border: var(--MAIN) 1px solid;
    z-index: 2;
    border-radius: 50px;
    -webkit-transition: .3s;
    transition: .3s
}
.lib-fixed__close:before {
    content: "\d7";
    color: #fff;
    font-size: 1.125rem
}
.lib-anchor__list .lib-link__btn {
    font-size: .875rem;
    -webkit-transition: .3s;
    transition: .3s
}
.lib-anchor__list .lib-link__btn[class*=justify-content-][class*=ico-after-]>.txt {
    padding-right: 16px;
    padding-left: 6px
}
.lib-anchor__list .lib-link__btn .txt:after {
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s
}
.lib-badge__outer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 5px;
    font-size: .75rem
}
.lib-badge__outer+.lib-badge__outer {
    margin-top: 5px
}
:where(.badge),
:where(.chip) {
    display: inline-block;
    border-style: solid;
    border-width: 1px;
    font-size: .75rem;
    text-decoration: none !important;
    padding: 5px 8px;
    line-height: 1.25
}
:where(.badge).bg-def,
:where(.chip).bg-def {
    background-color: var(--DEF);
    border-color: var(--DEF);
    color: var(--WHT)
}
:where(.badge).bg-main,
:where(.chip).bg-main {
    background-color: var(--MAIN);
    border-color: var(--MAIN);
    color: var(--WHT)
}
:where(.badge).bg-accent,
:where(.chip).bg-accent {
    background-color: var(--ACC);
    border-color: var(--ACC);
    color: var(--WHT)
}
:where(.badge).bg-other,
:where(.chip).bg-other {
    background-color: var(--OTH);
    border-color: var(--OTH);
    color: var(--WHT)
}
:where(.badge).bg-link,
:where(.chip).bg-link {
    background-color: var(--LINK);
    border-color: var(--LINK);
    color: var(--WHT)
}
:where(.badge).bg-gry,
:where(.chip).bg-gry {
    background-color: var(--GRY);
    border-color: var(--GRY);
    color: var(--WHT)
}
:where(.badge).bg-dgry,
:where(.chip).bg-dgry {
    background-color: var(--DGRY);
    border-color: var(--DGRY);
    color: var(--WHT)
}
:where(.badge).bg-lgry,
:where(.chip).bg-lgry {
    background-color: var(--LGRY);
    border-color: var(--LGRY);
    color: var(--WHT)
}
:where(.badge).bg-wht,
:where(.chip).bg-wht {
    background-color: var(--WHT);
    border-color: var(--WHT);
    color: var(--WHT)
}
:where(.badge).bg-lmain,
:where(.chip).bg-lmain {
    background-color: var(--LMAIN);
    border-color: var(--LMAIN);
    color: var(--WHT)
}
:where(.badge).bg-laccent,
:where(.chip).bg-laccent {
    background-color: var(--LACC);
    border-color: var(--LACC);
    color: var(--WHT)
}
:where(.badge).bg-lother,
:where(.chip).bg-lother {
    background-color: var(--LOTH);
    border-color: var(--LOTH);
    color: var(--WHT)
}
:where(.badge).border-def,
:where(.chip).border-def {
    border-color: var(--DEF)
}
:where(.badge).border-main,
:where(.chip).border-main {
    border-color: var(--MAIN)
}
:where(.badge).border-accent,
:where(.chip).border-accent {
    border-color: var(--ACC)
}
:where(.badge).border-other,
:where(.chip).border-other {
    border-color: var(--OTH)
}
:where(.badge).border-link,
:where(.chip).border-link {
    border-color: var(--LINK)
}
:where(.badge).border-gry,
:where(.chip).border-gry {
    border-color: var(--GRY)
}
:where(.badge).border-dgry,
:where(.chip).border-dgry {
    border-color: var(--DGRY)
}
:where(.badge).border-lgry,
:where(.chip).border-lgry {
    border-color: var(--LGRY)
}
:where(.badge).border-wht,
:where(.chip).border-wht {
    border-color: var(--WHT)
}
:where(.badge).border-lmain,
:where(.chip).border-lmain {
    border-color: var(--LMAIN)
}
:where(.badge).border-laccent,
:where(.chip).border-laccent {
    border-color: var(--LACC)
}
:where(.badge).border-lother,
:where(.chip).border-lother {
    border-color: var(--LOTH)
}
:where(.chip) {
    background-color: var(--MAIN);
    border-color: var(--MAIN);
    color: var(--WHT)
}
:where(.badge).border-def,
:where(.chip).border-def {
    color: var(--DEF)
}
:where(.badge).border-main,
:where(.chip).border-main {
    color: var(--MAIN)
}
:where(.badge).border-accent,
:where(.chip).border-accent {
    color: var(--ACC)
}
:where(.badge).border-other,
:where(.chip).border-other {
    color: var(--OTH)
}
:where(.badge).border-link,
:where(.chip).border-link {
    color: var(--LINK)
}
:where(.badge).border-gry,
:where(.chip).border-gry {
    color: var(--GRY)
}
:where(.badge).border-dgry,
:where(.chip).border-dgry {
    color: var(--DGRY)
}
:where(.badge).border-lgry,
:where(.chip).border-lgry {
    color: var(--LGRY)
}
:where(.badge).border-wht,
:where(.chip).border-wht {
    color: var(--WHT)
}
:where(.badge).border-lmain,
:where(.chip).border-lmain {
    color: var(--LMAIN)
}
:where(.badge).border-laccent,
:where(.chip).border-laccent {
    color: var(--LACC)
}
:where(.badge).border-lother,
:where(.chip).border-lother {
    color: var(--LOTH)
}
:where(a.badge).bg-def,
:where(a.chip).bg-def {
    -webkit-transition: .3s;
    transition: .3s
}
:where(a.badge).bg-main,
:where(a.chip).bg-main {
    -webkit-transition: .3s;
    transition: .3s
}
:where(a.badge).bg-accent,
:where(a.chip).bg-accent {
    -webkit-transition: .3s;
    transition: .3s
}
:where(a.badge).bg-other,
:where(a.chip).bg-other {
    -webkit-transition: .3s;
    transition: .3s
}
:where(a.badge).bg-link,
:where(a.chip).bg-link {
    -webkit-transition: .3s;
    transition: .3s
}
:where(a.badge).bg-gry,
:where(a.chip).bg-gry {
    -webkit-transition: .3s;
    transition: .3s
}
:where(a.badge).bg-dgry,
:where(a.chip).bg-dgry {
    -webkit-transition: .3s;
    transition: .3s
}
:where(a.badge).bg-lgry,
:where(a.chip).bg-lgry {
    -webkit-transition: .3s;
    transition: .3s
}
:where(a.badge).bg-wht,
:where(a.chip).bg-wht {
    -webkit-transition: .3s;
    transition: .3s
}
:where(a.badge).bg-lmain,
:where(a.chip).bg-lmain {
    -webkit-transition: .3s;
    transition: .3s
}
:where(a.badge).bg-laccent,
:where(a.chip).bg-laccent {
    -webkit-transition: .3s;
    transition: .3s
}
:where(a.badge).bg-lother,
:where(a.chip).bg-lother {
    -webkit-transition: .3s;
    transition: .3s
}
:where(a.badge).border-def,
:where(a.chip).border-def {
    -webkit-transition: .3s;
    transition: .3s
}
:where(a.badge).border-main,
:where(a.chip).border-main {
    -webkit-transition: .3s;
    transition: .3s
}
:where(a.badge).border-accent,
:where(a.chip).border-accent {
    -webkit-transition: .3s;
    transition: .3s
}
:where(a.badge).border-other,
:where(a.chip).border-other {
    -webkit-transition: .3s;
    transition: .3s
}
:where(a.badge).border-link,
:where(a.chip).border-link {
    -webkit-transition: .3s;
    transition: .3s
}
:where(a.badge).border-gry,
:where(a.chip).border-gry {
    -webkit-transition: .3s;
    transition: .3s
}
:where(a.badge).border-dgry,
:where(a.chip).border-dgry {
    -webkit-transition: .3s;
    transition: .3s
}
:where(a.badge).border-lgry,
:where(a.chip).border-lgry {
    -webkit-transition: .3s;
    transition: .3s
}
:where(a.badge).border-wht,
:where(a.chip).border-wht {
    -webkit-transition: .3s;
    transition: .3s
}
:where(a.badge).border-lmain,
:where(a.chip).border-lmain {
    -webkit-transition: .3s;
    transition: .3s
}
:where(a.badge).border-laccent,
:where(a.chip).border-laccent {
    -webkit-transition: .3s;
    transition: .3s
}
:where(a.badge).border-lother,
:where(a.chip).border-lother {
    -webkit-transition: .3s;
    transition: .3s
}
:where(.border-set) {
    border: var(--borderColumnColor) 1px solid
}
.border-none {
    border: none !important
}
.border-none-left {
    border-left: none !important
}
.border-none-sm-left {
    border-left: none !important
}
.border-none-md-left {
    border-left: none !important
}
.border-none-lg-left {
    border-left: none !important
}
.border-none-xl-left {
    border-left: none !important
}
.border-none-xxl-left {
    border-left: none !important
}
.border-none-right {
    border-right: none !important
}
.border-none-sm-right {
    border-right: none !important
}
.border-none-md-right {
    border-right: none !important
}
.border-none-lg-right {
    border-right: none !important
}
.border-none-xl-right {
    border-right: none !important
}
.border-none-xxl-right {
    border-right: none !important
}
.border-none-top {
    border-top: none !important
}
.border-none-sm-top {
    border-top: none !important
}
.border-none-md-top {
    border-top: none !important
}
.border-none-lg-top {
    border-top: none !important
}
.border-none-xl-top {
    border-top: none !important
}
.border-none-xxl-top {
    border-top: none !important
}
.border-none-bottom {
    border-bottom: none !important
}
.border-none-sm-bottom {
    border-bottom: none !important
}
.border-none-md-bottom {
    border-bottom: none !important
}
.border-none-lg-bottom {
    border-bottom: none !important
}
.border-none-xl-bottom {
    border-bottom: none !important
}
.border-none-xxl-bottom {
    border-bottom: none !important
}
.lib-breadcrumb__outer {
    font-size: .75rem;
    margin-top: 0 !important;
    position: relative;
    padding-top: 10px
}
.lib-breadcrumb__outer+*,
.lib-breadcrumb__outer+.container {
    margin-top: 15px
}
.lib-breadcrumb__inside {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
.lib-breadcrumb__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-overflow-x: auto;
    overflow-x: auto;
    white-space: nowrap;
    padding: 0 .75rem 10px;
    scrollbar-color: var(--MAIN) #f5f5f5;
    scrollbar-width: thin
}
.lib-breadcrumb__list::-webkit-scrollbar {
    width: 10px;
    height: 10px
}
.lib-breadcrumb__list::-webkit-scrollbar-thumb {
    border-radius: 10px;
    border: 3px solid transparent;
    background-clip: content-box;
    background-color: var(--MAIN)
}
.lib-breadcrumb__list::-webkit-scrollbar-track {
    background-color: #f5f5f5
}
.lib-breadcrumb__list li {
    position: relative;
    padding-left: 20px
}
.lib-breadcrumb__list li a {
    color: var(--MAIN);
    text-decoration: none
}
.lib-breadcrumb__list li a:after {
    display: none
}
.lib-breadcrumb__list li a:hover {
    text-decoration: underline;
    background: unset
}
.lib-breadcrumb__list li a[aria-current=location] {
    text-decoration: none;
    color: var(--DEF);
    pointer-events: none
}
.lib-breadcrumb__list li:after {
    font-family: icons !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\ea01";
    position: absolute;
    font-weight: 700;
    top: 32%;
    left: 7px;
    -webkit-transform: scale(.8);
    transform: scale(.8);
    font-size: .625rem
}
.lib-breadcrumb__list li:first-child {
    padding-left: 0
}
.lib-breadcrumb__list li:first-child:after {
    display: none
}
:where(.lib-card__item) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    width: 100%
}
:where(.lib-card__item)[class*=bg-],
:where(.lib-card__item)[class*=border] {
    overflow: hidden
}
:where(.lib-card__item)[class*=bg-] .lib-card__txtarea,
:where(.lib-card__item)[class*=border] .lib-card__txtarea {
    padding: .8rem
}
:where(.lib-card__item):has([class*=thumb]) :where(.lib-card__txtarea):not([class*=order]) {
    padding-top: 1rem
}
:where(.lib-card__item).flex-column .lib-card__txtarea {
    padding-top: 0;
    padding-bottom: .7rem
}
.lib-card__thumb[class*=order] {
    padding-top: .8rem
}
.lib-card__thumb .thumb {
    max-height: 200px
}
.lib-card__txtarea {
    width: 100%;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}
.lib-card__txtarea.d-block {
    -webkit-box-flex: unset;
    -ms-flex: unset;
    flex: unset
}
.lib-card__txtarea>:where(*)~:where(*) {
    margin-top: .7rem
}
.lib-card__txtarea[class*=order] {
    padding-top: 0
}
.lib-card__txtarea:has(.lib-card__btn) .lib-card__inside {
    padding-bottom: 1.5rem
}
.lib-card__txtarea a {
    -webkit-transition: .3s;
    transition: .3s
}
.lib-card__inside>:where(*)~:where(*) {
    margin-top: .7rem
}
.lib-card__btn {
    margin-top: auto
}
.lib-card__badge {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 5px;
    line-height: 0
}
.lib-card__title {
    font-size: 1.25rem
}
.lib-card__caption {
    line-height: 1.25;
    font-size: .875rem
}
.lib-card__caption+:where(.lib-card__title),
.lib-card__caption+:where(.lib-title__outer) {
    margin-top: .5rem
}
.lib-title__outer+.lib-card__badge {
    margin-top: .5rem
}
a.lib-card__item {
    -webkit-transition: .3s;
    transition: .3s
}
.bg-def {
    background-color: var(--DEF)
}
.bg-def[class*=__btn] {
    border: var(--DEF) 2px solid;
    background-color: var(--DEF);
    color: var(--WHT);
    -webkit-transition: .3s;
    transition: .3s
}
.bg-main {
    background-color: var(--MAIN)
}
.bg-main[class*=__btn] {
    border: var(--MAIN) 2px solid;
    background-color: var(--MAIN);
    color: var(--WHT);
    -webkit-transition: .3s;
    transition: .3s
}
.bg-accent {
    background-color: var(--ACC)
}
.bg-accent[class*=__btn] {
    border: var(--ACC) 2px solid;
    background-color: var(--ACC);
    color: var(--WHT);
    -webkit-transition: .3s;
    transition: .3s
}
.bg-other {
    background-color: var(--OTH)
}
.bg-other[class*=__btn] {
    border: var(--OTH) 2px solid;
    background-color: var(--OTH);
    color: var(--WHT);
    -webkit-transition: .3s;
    transition: .3s
}
.bg-link {
    background-color: var(--LINK)
}
.bg-link[class*=__btn] {
    border: var(--LINK) 2px solid;
    background-color: var(--LINK);
    color: var(--WHT);
    -webkit-transition: .3s;
    transition: .3s
}
.bg-gry {
    background-color: var(--GRY)
}
.bg-gry[class*=__btn] {
    border: var(--GRY) 2px solid;
    background-color: var(--GRY);
    color: var(--DEF);
    -webkit-transition: .3s;
    transition: .3s
}
.bg-dgry {
    background-color: var(--DGRY)
}
.bg-dgry[class*=__btn] {
    border: var(--DGRY) 2px solid;
    background-color: var(--DGRY);
    color: var(--DGRY);
    -webkit-transition: .3s;
    transition: .3s
}
.bg-lgry {
    background-color: var(--LGRY)
}
.bg-lgry[class*=__btn] {
    border: var(--LGRY) 2px solid;
    background-color: var(--LGRY);
    color: var(--DEF);
    -webkit-transition: .3s;
    transition: .3s
}
.bg-wht {
    background-color: var(--WHT)
}
.bg-wht[class*=__btn] {
    border: var(--MAIN) 2px solid;
    background-color: var(--WHT);
    color: var(--MAIN);
    -webkit-transition: .3s;
    transition: .3s
}
.bg-lmain {
    background-color: var(--LMAIN)
}
.bg-lmain[class*=__btn] {
    border: var(--LMAIN) 2px solid;
    background-color: var(--LMAIN);
    color: var(--MAIN);
    -webkit-transition: .3s;
    transition: .3s
}
.bg-laccent {
    background-color: var(--LACC)
}
.bg-laccent[class*=__btn] {
    border: var(--LACC) 2px solid;
    background-color: var(--LACC);
    color: var(--ACC);
    -webkit-transition: .3s;
    transition: .3s
}
.bg-lother {
    background-color: var(--LOTH)
}
.bg-lother[class*=__btn] {
    border: var(--LOTH) 2px solid;
    background-color: var(--LOTH);
    color: var(--OTH);
    -webkit-transition: .3s;
    transition: .3s
}
:where(.bg-shadow) {
    background-color: var(--WHT);
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .3);
    box-shadow: 0 0 10px rgba(0, 0, 0, .3)
}
.text-def {
    color: var(--DEF) !important
}
.text-def a {
    color: var(--DEF) !important
}
.text-main {
    color: var(--MAIN) !important
}
.text-main a {
    color: var(--MAIN) !important
}
.text-accent {
    color: var(--ACC) !important
}
.text-accent a {
    color: var(--ACC) !important
}
.text-other {
    color: var(--OTH) !important
}
.text-other a {
    color: var(--OTH) !important
}
.text-link {
    color: var(--LINK) !important
}
.text-link a {
    color: var(--LINK) !important
}
.text-gry {
    color: var(--GRY) !important
}
.text-gry a {
    color: var(--GRY) !important
}
.text-dgry {
    color: var(--DGRY) !important
}
.text-dgry a {
    color: var(--DGRY) !important
}
.text-lgry {
    color: var(--LGRY) !important
}
.text-lgry a {
    color: var(--LGRY) !important
}
.text-wht {
    color: var(--WHT) !important
}
.text-wht a {
    color: var(--WHT) !important
}
.text-lmain {
    color: var(--LMAIN) !important
}
.text-lmain a {
    color: var(--LMAIN) !important
}
.text-laccent {
    color: var(--LACC) !important
}
.text-laccent a {
    color: var(--LACC) !important
}
.text-lother {
    color: var(--LOTH) !important
}
.text-lother a {
    color: var(--LOTH) !important
}
.text-hover-def {
    -webkit-transition: .3s;
    transition: .3s
}
.text-hover-main {
    -webkit-transition: .3s;
    transition: .3s
}
.text-hover-accent {
    -webkit-transition: .3s;
    transition: .3s
}
.text-hover-other {
    -webkit-transition: .3s;
    transition: .3s
}
.text-hover-link {
    -webkit-transition: .3s;
    transition: .3s
}
.text-hover-gry {
    -webkit-transition: .3s;
    transition: .3s
}
.text-hover-dgry {
    -webkit-transition: .3s;
    transition: .3s
}
.text-hover-lgry {
    -webkit-transition: .3s;
    transition: .3s
}
.text-hover-wht {
    -webkit-transition: .3s;
    transition: .3s
}
.text-hover-lmain {
    -webkit-transition: .3s;
    transition: .3s
}
.text-hover-laccent {
    -webkit-transition: .3s;
    transition: .3s
}
.text-hover-lother {
    -webkit-transition: .3s;
    transition: .3s
}
:where([class*=border-]:not([class*=border-none-])) {
    border-style: solid;
    border-width: 1px
}
.border-def {
    border-color: var(--DEF)
}
.border-def[class*=__btn] {
    border: var(--DEF) 2px solid;
    background-color: var(--DEF);
    color: var(--WHT);
    -webkit-transition: .3s;
    transition: .3s
}
.border-def[class*=__btn].bg-wht {
    border: var(--DEF) 2px solid;
    background-color: var(--WHT);
    color: var(--DEF);
    -webkit-transition: .3s;
    transition: .3s
}
.border-main {
    border-color: var(--MAIN)
}
.border-main[class*=__btn] {
    border: var(--MAIN) 2px solid;
    background-color: var(--MAIN);
    color: var(--WHT);
    -webkit-transition: .3s;
    transition: .3s
}
.border-main[class*=__btn].bg-wht {
    border: var(--MAIN) 2px solid;
    background-color: var(--WHT);
    color: var(--MAIN);
    -webkit-transition: .3s;
    transition: .3s
}
.border-accent {
    border-color: var(--ACC)
}
.border-accent[class*=__btn] {
    border: var(--ACC) 2px solid;
    background-color: var(--ACC);
    color: var(--WHT);
    -webkit-transition: .3s;
    transition: .3s
}
.border-accent[class*=__btn].bg-wht {
    border: var(--ACC) 2px solid;
    background-color: var(--WHT);
    color: var(--ACC);
    -webkit-transition: .3s;
    transition: .3s
}
.border-other {
    border-color: var(--OTH)
}
.border-other[class*=__btn] {
    border: var(--OTH) 2px solid;
    background-color: var(--OTH);
    color: var(--WHT);
    -webkit-transition: .3s;
    transition: .3s
}
.border-other[class*=__btn].bg-wht {
    border: var(--OTH) 2px solid;
    background-color: var(--WHT);
    color: var(--OTH);
    -webkit-transition: .3s;
    transition: .3s
}
.border-link {
    border-color: var(--LINK)
}
.border-link[class*=__btn] {
    border: var(--LINK) 2px solid;
    background-color: var(--LINK);
    color: var(--WHT);
    -webkit-transition: .3s;
    transition: .3s
}
.border-link[class*=__btn].bg-wht {
    border: var(--LINK) 2px solid;
    background-color: var(--WHT);
    color: var(--LINK);
    -webkit-transition: .3s;
    transition: .3s
}
.border-gry {
    border-color: var(--GRY)
}
.border-gry[class*=__btn] {
    border: var(--GRY) 2px solid;
    background-color: var(--GRY);
    color: var(--DEF);
    -webkit-transition: .3s;
    transition: .3s
}
.border-gry[class*=__btn].bg-wht {
    border: var(--GRY) 2px solid;
    background-color: var(--WHT);
    color: var(--DEF);
    -webkit-transition: .3s;
    transition: .3s
}
.border-dgry {
    border-color: var(--DGRY)
}
.border-dgry[class*=__btn] {
    border: var(--DGRY) 2px solid;
    background-color: var(--DGRY);
    color: var(--DGRY);
    -webkit-transition: .3s;
    transition: .3s
}
.border-dgry[class*=__btn].bg-wht {
    border: var(--DGRY) 2px solid;
    background-color: var(--WHT);
    color: var(--DEF);
    -webkit-transition: .3s;
    transition: .3s
}
.border-lgry {
    border-color: var(--LGRY)
}
.border-lgry[class*=__btn] {
    border: var(--LGRY) 2px solid;
    background-color: var(--LGRY);
    color: var(--DEF);
    -webkit-transition: .3s;
    transition: .3s
}
.border-lgry[class*=__btn].bg-wht {
    border: var(--GRY) 2px solid;
    background-color: var(--WHT);
    color: var(--DEF);
    -webkit-transition: .3s;
    transition: .3s
}
.border-wht {
    border-color: var(--WHT)
}
.border-wht[class*=__btn] {
    border: var(--MAIN) 2px solid;
    background-color: var(--WHT);
    color: var(--MAIN);
    -webkit-transition: .3s;
    transition: .3s
}
.border-wht[class*=__btn].bg-wht {
    border: var(--MAIN) 2px solid;
    background-color: var(--WHT);
    color: var(--MAIN);
    -webkit-transition: .3s;
    transition: .3s
}
.border-lmain {
    border-color: var(--LMAIN)
}
.border-lmain[class*=__btn] {
    border: var(--LMAIN) 2px solid;
    background-color: var(--LMAIN);
    color: var(--MAIN);
    -webkit-transition: .3s;
    transition: .3s
}
.border-lmain[class*=__btn].bg-wht {
    border: var(--MAIN) 2px solid;
    background-color: var(--WHT);
    color: var(--MAIN);
    -webkit-transition: .3s;
    transition: .3s
}
.border-laccent {
    border-color: var(--LACC)
}
.border-laccent[class*=__btn] {
    border: var(--LACC) 2px solid;
    background-color: var(--LACC);
    color: var(--ACC);
    -webkit-transition: .3s;
    transition: .3s
}
.border-laccent[class*=__btn].bg-wht {
    border: var(--ACC) 2px solid;
    background-color: var(--WHT);
    color: var(--ACC);
    -webkit-transition: .3s;
    transition: .3s
}
.border-lother {
    border-color: var(--LOTH)
}
.border-lother[class*=__btn] {
    border: var(--LOTH) 2px solid;
    background-color: var(--LOTH);
    color: var(--OTH);
    -webkit-transition: .3s;
    transition: .3s
}
.border-lother[class*=__btn].bg-wht {
    border: var(--OTH) 2px solid;
    background-color: var(--WHT);
    color: var(--OTH);
    -webkit-transition: .3s;
    transition: .3s
}
.lib-colgrid__outer {
    display: -ms-grid;
    display: grid;
    -webkit-column-gap: .625rem;
    -moz-column-gap: .625rem;
    column-gap: .625rem;
    row-gap: 1.875rem
}
.lib-colgrid__outer>:where(*) {
    margin-top: unset;
    width: 100%
}
.lib-colgrid__outer:where([class*=row-cols-1]) {
    -ms-grid-columns: (minmax(auto, 1fr))[1];
    grid-template-columns: repeat(1, minmax(auto, 1fr))
}
.lib-colgrid__outer:where([class*=row-cols-2]) {
    -ms-grid-columns: (minmax(auto, 1fr))[2];
    grid-template-columns: repeat(2, minmax(auto, 1fr))
}
.lib-colgrid__outer:where([class*=row-cols-3]) {
    -ms-grid-columns: (minmax(auto, 1fr))[3];
    grid-template-columns: repeat(3, minmax(auto, 1fr))
}
.lib-colgrid__outer:where([class*=row-cols-4]) {
    -ms-grid-columns: (minmax(auto, 1fr))[4];
    grid-template-columns: repeat(4, minmax(auto, 1fr))
}
.lib-colgrid__outer:where([class*=row-cols-5]) {
    -ms-grid-columns: (minmax(auto, 1fr))[5];
    grid-template-columns: repeat(5, minmax(auto, 1fr))
}
.lib-colgrid__outer:where([class*=row-cols-6]) {
    -ms-grid-columns: (minmax(auto, 1fr))[6];
    grid-template-columns: repeat(6, minmax(auto, 1fr))
}
.lib-colgrid__outer>:where([class*=__item]) {
    display: -ms-grid;
    display: grid;
    -ms-grid-rows: subgrid;
    grid-template-rows: subgrid;
    gap: 10px;
    line-height: 1.5
}
.lib-colgrid__outer:where([data-subgrid="1"])>:where([class*=__item]) {
    grid-row: span 1
}
.lib-colgrid__outer:where([data-subgrid="2"])>:where([class*=__item]) {
    grid-row: span 2
}
.lib-colgrid__outer:where([data-subgrid="3"])>:where([class*=__item]) {
    grid-row: span 3
}
.lib-colgrid__outer:where([data-subgrid="4"])>:where([class*=__item]) {
    grid-row: span 4
}
.lib-colgrid__outer:where([data-subgrid="5"])>:where([class*=__item]) {
    grid-row: span 5
}
.lib-colgrid__outer:where([data-subgrid="6"])>:where([class*=__item]) {
    grid-row: span 6
}
.lib-colgrid__outer>:where(*)>:where([class*=__title]) {
    line-height: 1.3;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}
.lib-colgrid__outer>:where(*)>:where([class*=__thumb]) {
    margin-top: unset
}
.lib-colgrid__outer>:where(*)>:where([class*=__btn]) {
    padding-top: 30px
}
.lib-horizon__row[class*=bg-],
.lib-horizon__row[class*=border-] {
    margin: 0
}
.lib-horizon__row[class*=bg-]>.lib-horizon__col,
.lib-horizon__row[class*=border-]>.lib-horizon__col {
    margin: 0;
    padding: 0
}
.lib-horizon__row[class*=bg-]>.lib-horizon__col .lib-card__txtarea,
.lib-horizon__row[class*=border-]>.lib-horizon__col .lib-card__txtarea {
    padding: .8rem
}
.lib-horizon__row[class*=bg-]>.lib-horizon__col :where(.thumb),
.lib-horizon__row[class*=bg-]>.lib-horizon__col :where([class*=__thumb]) {
    border-radius: unset
}
.lib-horizon__row[class*=border-]>.lib-horizon__col .lib-card__thumb {
    padding: .8rem .8rem 0
}
.lib-wide__outer {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    margin-left: -.75rem;
    margin-right: -.75rem;
    padding-left: .75rem;
    padding-right: .75rem
}
.lib-wide__outer.container {
    max-width: unset !important;
    width: unset !important
}
.lib-wide__outer.--full {
    padding-left: 0;
    padding-right: 0
}
.lib-wide__outer.--full.thumb,
.lib-wide__outer.--full>img {
    border-radius: unset
}
.--fill-box .lib-wide__outer {
    margin-left: -10px;
    margin-right: -10px;
    width: calc(100% + 20px)
}
.lib-wide__outer+.lib-wide__outer:not(.--margin) {
    margin-top: 0
}
#dcms_layoutPageBlock>:where(:has(.lib-wide__outer))+:where(:not([class*=lib-wrr]):has(.lib-wide__outer:not(.lib-cnt-007):not(.lib-cnt-006))) {
    margin-top: 0
}
#dcms_layoutPageBlock>.lib-wide__outer:last-child,
#dcms_layoutPageBlock>:last-child:has(.lib-fv__outer) .lib-wide__outer,
#dcms_layoutPageBlock>:last-child:has(.lib-wide__outer)>.lib-wide__outer:not(.lib-cnt-006):not(.lib-cnt-007):last-child {
    margin-bottom: calc(100px * -1)
}
#dcms_layoutPageBlock>.lib-wide__outer:last-child:has(.lib-cnt-ride__outer) {
    margin-bottom: unset
}
:where(#wrapper):where([style*="--scroll"]) :where(.--fill-box) .lib-wide__outer {
    margin-left: -10px;
    margin-right: -10px;
    width: calc(100% + 20px);
    padding-left: 10px;
    padding-right: 10px
}
#wrapper {
    overflow: hidden;
    min-height: 100vh;
    line-height: 1.75;
    padding-top: 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}
.container {
    margin-top: 4.5rem
}
.container:where(.--min) {
    margin-top: 1.5rem
}
.container:where(.--mdl) {
    margin-top: 3rem
}
.container.--ss {
    margin-top: 10px
}
.container:first-child {
    margin-top: 0
}
.container :where(.container:not(.lib-wide__outer)) {
    padding: 0
}
.lib-header__outer+.container,
.sr-only+.container {
    margin-top: 0 !important
}
#contents {
    width: 100%;
    max-width: calc(1120px + .75rem * 2);
    margin: 0 auto;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 1.5rem .75rem 100px
}
#contents :where(.container:not([class*=lib-wide__outer]):not([class*="--fill-box"])) {
    padding-left: 0;
    padding-right: 0
}
:where(.wrap) {
    width: 100%;
    max-width: calc(1120px + .75rem * 2);
    margin: 0 auto;
    padding-left: .75rem;
    padding-right: .75rem
}
#contents+.container,
.lib-fixed__bnr+.container,
.sr-only+.container {
    margin-top: 0 !important
}
.lib-column__side:not(.media-column__side) {
    display: none;
    background-color: var(--LGRY);
    padding: 3rem 0
}
.lib-column__side:not(.media-column__side):has(.wrap) {
    display: block
}
.lib-column__outer .lib-column__side {
    margin-top: 100px
}
.lib-column__outer .lib-column__side.media-column__side {
    margin-top: 3rem
}
.lib-column__btm:empty {
    display: none
}
.--fill {
    padding-top: 4.5rem;
    padding-bottom: 4.5rem
}
.--fill:where(.--min) {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem
}
.--fill:where(.--mdl) {
    padding-top: 3rem;
    padding-bottom: 3rem
}
.--fill-box {
    padding: 30px 10px
}
.fs-h1 {
    font-size: 1.875rem;
    line-height: 1.25
}
.fs-h2 {
    font-size: 1.5rem;
    line-height: 1.25
}
.fs-h3 {
    font-size: 1.375rem;
    line-height: 1.25
}
.fs-h4 {
    font-size: 1.25rem;
    line-height: 1.25
}
.fs-h5 {
    font-size: 1.125rem;
    line-height: 1.25
}
.fs-h6 {
    font-size: 1rem;
    line-height: 1.25
}
.fs-10 {
    font-size: .625rem
}
.fs-12 {
    font-size: .75rem
}
.fs-14 {
    font-size: .875rem
}
.fs-16 {
    font-size: 1rem
}
.fs-18 {
    font-size: 1.125rem
}
.fs-20 {
    font-size: 1.25rem
}
.fs-22 {
    font-size: 1.375rem
}
.fs-24 {
    font-size: 1.5rem
}
.fs-26 {
    font-size: 1.625rem
}
.fs-28 {
    font-size: 1.75rem
}
.fs-30 {
    font-size: 1.875rem
}
.fs-32 {
    font-size: 2rem
}
.fs-34 {
    font-size: 2.125rem
}
.fs-36 {
    font-size: 2.25rem
}
.fs-38 {
    font-size: 2.375rem
}
.fs-40 {
    font-size: 2.5rem
}
.lh-unset {
    line-height: 0
}
[style*="10pt"],
[style*="8pt"] {
    font-size: .625rem !important
}
[style*="12pt"] {
    font-size: .75rem !important
}
[style*="14pt"] {
    font-size: .875rem !important
}
[style*="18pt"] {
    font-size: 1.125rem !important
}
[style*="24pt"] {
    font-size: 1.25rem !important
}
[style*="36pt"] {
    font-size: 1.5rem !important
}
.lib-ec__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    gap: 15px
}
.lib-ec__details {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
.lib-ec__details>dd,
.lib-ec__details>dt {
    border-bottom: var(--GRY) 1px solid;
    padding: 10px;
    min-height: 80px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.lib-ec__details>dt {
    width: 8em;
    padding-top: 1.025em
}
.lib-ec__details>dt.lib-error__area+dd {
    background-color: #fdedf5
}
.lib-ec__details>dd {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: calc(100% - 8em)
}
.lib-ec__details>dd .lib-form__select {
    width: 100px;
    margin-right: 10px
}
.lib-ec__thumb .thumb {
    display: block;
    max-width: 300px;
    margin: 0 auto
}
fieldset,
fieldset>legend {
    display: contents
}
.lib-form-flow__outer {
    text-align: center
}
.lib-form-flow__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 5px 15px
}
.lib-form-flow__list>li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    background-color: var(--LGRY);
    width: 33.3333333333%;
    text-align: center;
    line-height: 1.25;
    padding: 5px;
    min-height: 50px
}
.lib-form-flow__list>li[aria-current=step] {
    background-color: var(--MAIN);
    color: var(--WHT)
}
.lib-form-flow__list>li~li {
    position: relative
}
.lib-form-flow__list>li~li:before {
    content: "\ea01";
    font-family: icons !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    left: -12px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: .75rem;
    color: var(--MAIN)
}
.lib-form__intro {
    width: 100%
}
.lib-form__intro:empty {
    display: none
}
.lib-form__main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
.lib-form__item {
    width: 100%;
    border-bottom: var(--GRY) 1px solid;
    padding: 15px 10px
}
.lib-form__item:first-child {
    border-top: var(--GRY) 1px solid
}
.lib-form__item .is-required {
    background-color: var(--RED);
    color: var(--WHT);
    font-size: .75rem;
    display: inline-block;
    padding: 8px 10px;
    line-height: 1;
    margin-left: 10px;
    white-space: nowrap
}
.lib-form__item:has([class*=zip])>fieldset>.lib-form__input {
    border: var(--LGRY) 1px solid;
    margin-top: 10px;
    width: 100%;
    padding: 10px;
    position: relative
}
.lib-form__item:has([class*=zip])>fieldset>.lib-form__input>.lib-form__address:first-child .lib-form__title {
    padding-top: 0
}
.lib-form__title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 1.25;
    font-weight: 700;
    padding: 10px;
    margin: -15px -10px 10px;
    background-color: var(--LGRY)
}
.lib-form__input {
    width: 100%;
    padding-top: 5px
}
.lib-form__input .lib-form__input,
.lib-form__input .lib-form__title {
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0
}
.lib-form__input:has(input[type=date]) {
    position: relative
}
.lib-form__input:has(input[type=date]):before {
    font-family: icons !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\ea17";
    display: block;
    width: 30px;
    height: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    left: calc(100% - 35px);
    top: 10px;
    font-size: 1.5rem
}
@-moz-document url-prefix() {
    .lib-form__input:has(input[type=date]):before {
        display: none
    }
}
.lib-form__input input[type=date] {
    background: unset;
    position: relative;
    z-index: 1
}
.lib-form__input input[type=date]::-webkit-calendar-picker-indicator {
    background-image: none
}
.lib-form__input input[type=date]::-webkit-inner-spin-button {
    -webkit-appearance: none
}
.lib-form__input input[type=date]::-webkit-clear-button {
    -webkit-appearance: none
}
.lib-form__input:has(.lib-form__name) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
.lib-form__input:has(.lib-form__name) .lib-form__name {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 48%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.lib-form__input:has(.lib-form__name) .lib-form__name+.lib-form__name {
    margin-left: auto
}
.lib-form__input:has(.lib-form__name) .lib-form__label {
    width: 1.8em
}
.--kana .lib-form__input:has(.lib-form__name) .lib-form__label {
    width: 3.4em
}
.lib-form__horizon {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 5px 1.5rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 40px
}
.--confirm .lib-form__horizon {
    min-height: unset;
    gap: 5px 0
}
.--confirm .lib-form__horizon li:after {
    content: "/";
    margin: 0 .5rem
}
.--confirm .lib-form__horizon li:last-child:after {
    display: none
}
.lib-form__address .lib-form__title {
    padding: 0;
    background-color: unset;
    margin: 0 0 10px
}
.lib-form__address:has([class*=zip]) .lib-form__input {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}
.lib-form__address:has([class*=zip]) .lib-form__input>label {
    width: calc(50% - 1rem)
}
.lib-form__address+.lib-form__address {
    margin-top: 15px
}
textarea.lib-form__low {
    min-height: 5em
}
textarea.lib-form__height {
    min-height: 15em
}
.lib-example__text {
    margin-top: 5px;
    width: 100%
}
.lib-example__text:empty {
    display: none
}
.lib-error__area {
    background-color: #fdedf5
}
.lib-error__area>* {
    background-color: #fdedf5
}
.lib-error__area .lib-form__title {
    color: var(--RED)
}
.lib-error__area .lib-input__file,
.lib-error__area input:not([aria-describedby=building]),
.lib-error__area select,
.lib-error__area textarea {
    border-color: var(--RED)
}
.lib-error__txt {
    color: var(--RED);
    width: 100%;
    line-height: 1.25;
    margin-top: 5px
}
@-webkit-keyframes ball-pulse-sync {
    33% {
        -webkit-transform: translateY(10px);
        transform: translateY(10px)
    }
    66% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px)
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}
@keyframes ball-pulse-sync {
    33% {
        -webkit-transform: translateY(10px);
        transform: translateY(10px)
    }
    66% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px)
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}
.lorder {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%;
    height: 100vh;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 auto
}
.lorder-iiner>div:nth-child(1) {
    -webkit-animation: ball-pulse-sync .6s -.14s infinite ease-in-out;
    animation: ball-pulse-sync .6s -.14s infinite ease-in-out
}
.lorder-iiner>div:nth-child(2) {
    -webkit-animation: ball-pulse-sync .6s -70ms infinite ease-in-out;
    animation: ball-pulse-sync .6s -70ms infinite ease-in-out
}
.lorder-iiner>div:nth-child(3) {
    -webkit-animation: ball-pulse-sync .6s 0s infinite ease-in-out;
    animation: ball-pulse-sync .6s 0s infinite ease-in-out
}
.lorder-iiner>div {
    background-color: var(--MAIN);
    width: 15px;
    height: 15px;
    border-radius: 100%;
    margin: 2px;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    display: inline-block
}
button,
input[type=button],
input[type=checkbox],
input[type=radio],
input[type=submit],
label,
select {
    cursor: pointer
}
:where(button),
:where(input[type=button]),
:where(input[type=submit]),
:where(select) {
    font-size: 1rem
}
:where(button),
:where(input[type=date]),
:where(input[type=email]),
:where(input[type=number]),
:where(input[type=password]),
:where(input[type=search]),
:where(input[type=submit]),
:where(input[type=tel]),
:where(input[type=text]),
:where(textarea) {
    padding: 0;
    background-color: transparent;
    border: none;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-family: var(--fntBase);
    color: var(--DEF)
}
:where(input[type=date]),
:where(input[type=email]),
:where(input[type=number]),
:where(input[type=password]),
:where(input[type=search]),
:where(input[type=tel]),
:where(input[type=text]),
:where(select),
:where(textarea) {
    width: 100%;
    padding: 5px 8px;
    font-size: 1rem;
    border: var(--GRY) 1px solid;
    line-height: 1.3;
    background-color: var(--WHT);
    color: var(--DEF);
    height: 40px;
    text-align: left;
    -webkit-appearance: none;
    border-radius: unset
}
:where(input[type=date]):focus,
:where(input[type=email]):focus,
:where(input[type=number]):focus,
:where(input[type=password]):focus,
:where(input[type=search]):focus,
:where(input[type=tel]):focus,
:where(input[type=text]):focus,
:where(select):focus,
:where(textarea):focus {
    border-color: var(--MAIN);
    background-color: var(--WHT)
}
:where(input[type=date]):disabled,
:where(input[type=email]):disabled,
:where(input[type=number]):disabled,
:where(input[type=password]):disabled,
:where(input[type=search]):disabled,
:where(input[type=tel]):disabled,
:where(input[type=text]):disabled,
:where(select):disabled,
:where(textarea):disabled {
    border-color: #ddd;
    background-color: #f5f5f5
}
:where(input[type=date]).error,
:where(input[type=email]).error,
:where(input[type=number]).error,
:where(input[type=password]).error,
:where(input[type=search]).error,
:where(input[type=tel]).error,
:where(input[type=text]).error,
:where(select).error,
:where(textarea).error {
    border-color: #c00;
    background-color: #fff8f8
}
:where(input[type=button]),
:where(input[type=submit]) {
    border: var(--MAIN) 2px solid;
    background-color: var(--MAIN);
    color: var(--WHT);
    -webkit-transition: .3s;
    transition: .3s
}
label {
    line-height: 1.25
}
label.error {
    display: block;
    margin-top: 5px;
    color: #c00
}
:where(textarea) {
    resize: vertical !important;
    min-height: 8em
}
::-webkit-input-placeholder {
    color: var(--DGRY)
}
::-moz-placeholder {
    color: var(--DGRY)
}
::-ms-input-placeholder {
    color: var(--DGRY)
}
::placeholder {
    color: var(--DGRY)
}
:where(select) {
    cursor: pointer
}
:where(select)[disabled] {
    pointer-events: none
}
:where(input[type=number]) {
    -moz-appearance: textfield
}
:where(input[type=number])::-webkit-inner-spin-button,
:where(input[type=number])::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
    -moz-appearance: textfield
}
::-webkit-full-page-media,
:future,
:root input[type=date] {
    color: #eee
}
::-webkit-full-page-media,
:future,
:root input[type=date]::-webkit-date-and-time-value {
    color: var(--DEF)
}
::-webkit-full-page-media,
:future,
:root input[type=date]::-webkit-datetime-edit-day-field,
:root input[type=date]::-webkit-datetime-edit-month-field,
:root input[type=date]::-webkit-datetime-edit-year-field {
    color: var(--DEF)
}
::-webkit-full-page-media,
:future,
:root input[type=date]::-webkit-datetime-edit-text {
    color: var(--DEF);
    margin: 0 3px;
    font-size: .75rem
}
:where([class*=lib]) :where(input[type=date]) {
    padding: 0;
    padding-left: 8px;
    padding-right: 4px
}
:where([class*=lib]) :where(input[type=date])::-webkit-calendar-picker-indicator {
    cursor: pointer;
    width: 30px;
    height: 30px;
    background-size: 20px 20px;
    background-position: right center
}
:where([class*=lib]) :where(input[type=checkbox]),
:where([class*=lib]) :where(input[type=radio]) {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: relative;
    top: -.2em;
    height: 20px;
    width: 20px;
    -webkit-transition: all .15s ease-out 0s;
    transition: all .15s ease-out 0s;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    margin-bottom: -.4rem;
    margin-right: 5px;
    outline: 0;
    border: var(--MAIN) 1px solid;
    background-color: #fff;
    border-radius: 3px
}
:where([class*=lib]) :where(input[type=checkbox]):focus,
:where([class*=lib]) :where(input[type=radio]):focus {
    background-color: var(--LMAIN);
    -webkit-transform: scale(1.2);
    transform: scale(1.2)
}
:where([class*=lib]) label:has(input[type=checkbox]:focus),
:where([class*=lib]) label:has(input[type=radio]:focus) {
    text-decoration: underline
}
:where([class*=lib]) :where(input[type=checkbox]):after,
:where([class*=lib]) :where(input[type=checkbox]):before {
    position: absolute;
    content: "";
    background-color: #fff;
    -webkit-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out
}
:where([class*=lib]) :where(input[type=checkbox]):before {
    left: 2px;
    top: 9px;
    width: 0;
    height: 3px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}
:where([class*=lib]) :where(input[type=checkbox]):after {
    right: 9px;
    bottom: 4px;
    width: 3px;
    height: 0;
    -webkit-transform: rotate(40deg);
    transform: rotate(40deg);
    -webkit-transition-delay: .1s;
    transition-delay: .1s
}
:where([class*=lib]) :where(input[type=checkbox]):checked {
    background-color: var(--MAIN)
}
:where([class*=lib]) :where(input[type=checkbox]):checked:before {
    left: 2px;
    top: 9px;
    width: 6px;
    height: 3px
}
:where([class*=lib]) :where(input[type=checkbox]):checked:after {
    right: 5px;
    bottom: 2px;
    width: 3px;
    height: 14px
}
:where([class*=lib]) :where(input[type=checkbox]):indeterminate:after,
:where([class*=lib]) :where(input[type=checkbox]):indeterminate:before {
    width: 7px;
    height: 2px;
    -webkit-transform: rotate(0);
    transform: rotate(0)
}
:where([class*=lib]) :where(input[type=checkbox]):indeterminate:before {
    left: 1px;
    top: 7px
}
:where([class*=lib]) :where(input[type=checkbox]):indeterminate:after {
    right: 1px;
    bottom: 7px
}
:where([class*=lib]) :where(input[type=radio]) {
    border-radius: 50%
}
:where([class*=lib]) :where(input[type=radio]):checked:before {
    -webkit-transform: scale(1);
    transform: scale(1)
}
:where([class*=lib]) :where(input[type=radio]):before {
    content: "";
    display: block;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    margin: 3px;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all ease-out .1s;
    transition: all ease-out .1s;
    background-color: var(--MAIN)
}
.lib-form__select {
    border: var(--GRY) 1px solid;
    background-color: var(--WHT);
    position: relative
}
.lib-form__select:after {
    content: "\ea01";
    font-family: icons !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    right: 10px;
    top: 55%;
    position: absolute;
    font-size: .625rem;
    color: var(--MAIN);
    -webkit-transform: translateY(-50%) rotate(90deg);
    transform: translateY(-50%) rotate(90deg)
}
.lib-error__area .lib-form__select {
    border-color: var(--RED)
}
.lib-form__select select {
    margin: 0 !important;
    border-radius: unset;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 10px 30px 10px 8px;
    background: 0 0 !important;
    position: relative;
    z-index: 2;
    border-color: rgba(255, 255, 255, 0);
    max-width: none;
    width: 100%
}
.lib-form__select select:focus {
    background: unset;
    border-color: var(--MAIN)
}
.lib-form__select.is-disabled {
    pointer-events: none;
    background-color: var(--GRY)
}
.lib-form__select.is-disabled:after {
    color: #666
}
.lib-input__file {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: var(--GRY) 1px solid;
    background-color: var(--WHT)
}
.lib-input__file input[type=file] {
    position: absolute !important;
    clip: rect(1px, 1px, 1px, 1px) !important;
    height: 1px !important;
    overflow: hidden !important;
    width: 0 !important;
    height: 0 !important;
    border: 0 !important;
    opacity: 0 !important;
    z-index: -2 !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 0 !important
}
.lib-input__file-label {
    font-size: .8125rem;
    height: 40px;
    width: 110px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: var(--MAIN);
    cursor: pointer;
    display: flex;
    color: #fff;
    border: var(--MAIN) 1px solid;
    -webkit-transition: .3s;
    transition: .3s
}
.lib-input__file-label:has(input[type=file]:focus) {
    background-color: var(--WHT);
    color: var(--MAIN)
}
.lib-input__file-name {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 5px 10px;
    font-size: .8125rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}
.lib-input__file-name:not(.is-selected) {
    color: var(--D-GRY)
}
.lib-gallery__outer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    position: relative
}
.lib-gallery__outer .swiper-button-next,
.lib-gallery__outer .swiper-button-prev {
    display: none
}
.lib-gallery__outer.is-arrow {
    padding: 0 10px
}
.lib-gallery__outer.is-arrow .lib-gallery__main {
    margin: 0 -10px
}
.lib-gallery__outer.is-arrow .lib-gallery__thumb {
    padding: 0 9px
}
.lib-gallery__thumb {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
    overflow: hidden;
    margin-top: 10px;
    border-radius: unset !important
}
.lib-gallery__item {
    width: calc(20% - 10px)
}
.lib-gallery__item.swiper-slide-thumb-active .lib-gallery__btn {
    pointer-events: none
}
.lib-gallery__item.swiper-slide-thumb-active .lib-gallery__btn:before {
    opacity: 1
}
.lib-gallery__main {
    overflow: hidden;
    font-size: 0;
    line-height: 0;
    border: var(--GRY) 1px solid;
    padding: 10px
}
.lib-gallery__main .swiper-slide {
    width: 100%;
    background: #fff;
    height: 200px
}
.lib-gallery__main .swiper-slide img {
    width: 100%;
    height: 100%
}
.lib-gallery__main .swiper-slide img {
    -o-object-fit: contain;
    object-fit: contain
}
[data-id=editor] .lib-gallery__main .swiper-wrapper,
body.dcms_editor .lib-gallery__main .swiper-wrapper,
body.page_mainimage .lib-gallery__main .swiper-wrapper,
html.is-editor .lib-gallery__main .swiper-wrapper {
    -webkit-animation: none !important;
    animation: none !important;
    -webkit-transition: none !important;
    transition: none !important;
    opacity: 1 !important;
    -webkit-transform: none !important;
    transform: none !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 20
}
[data-id=editor] .lib-gallery__main .swiper-wrapper>*,
body.dcms_editor .lib-gallery__main .swiper-wrapper>*,
body.page_mainimage .lib-gallery__main .swiper-wrapper>*,
html.is-editor .lib-gallery__main .swiper-wrapper>* {
    width: calc(33.3333333333% - 20px) !important;
    height: unset !important;
    -webkit-transform: unset !important;
    transform: unset !important;
    opacity: unset !important
}
.lib-gallery__btn {
    width: 100%;
    line-height: 0;
    position: relative;
    border: var(--GRY) 1px solid;
    height: 40px;
    overflow: hidden;
    -webkit-transition: .3s;
    transition: .3s
}
.lib-gallery__btn img {
    width: 100%;
    height: 100%
}
.lib-gallery__btn img {
    -o-object-fit: contain;
    object-fit: contain
}
.lib-gallery__btn img {
    -webkit-transition: .3s;
    transition: .3s
}
.lib-gallery__btn:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    border: var(--MAIN) 2px solid;
    -webkit-box-shadow: 0 0 0 2px #fff inset;
    box-shadow: 0 0 0 2px #fff inset;
    opacity: 0
}
.lib-gallery__arr {
    width: 30px;
    height: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    top: unset;
    bottom: 0;
    margin: 0;
    -webkit-transition: .3s;
    transition: .3s
}
.lib-gallery__arr:after {
    font-family: icons !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-weight: 400;
    content: "\ea01";
    position: static;
    font-size: .9375rem;
    color: var(--DEF);
    padding-top: .2em;
    -webkit-transition: .3s;
    transition: .3s
}
.lib-gallery__prev {
    left: -10px;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transition: .3s;
    transition: .3s
}
.lib-gallery__next {
    right: -10px;
    -webkit-transition: .3s;
    transition: .3s
}
.lib-gallery__autoplay {
    width: 34px;
    height: 34px;
    position: absolute;
    padding: 2px;
    bottom: 52px;
    right: 2px;
    background: #fff;
    z-index: 3
}
.lib-sld-003__gallery .lib-gallery__autoplay {
    bottom: 62px
}
.lib-gallery__start,
.lib-gallery__stop {
    width: 30px;
    height: 30px;
    position: absolute;
    left: 2px;
    bottom: 2px;
    border: var(--MAIN) 1px solid
}
.lib-gallery__start.is-select,
.lib-gallery__stop.is-select {
    display: none
}
:where([class*=ico-]) {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 1.5
}
:where([class*=ico-]).align-items-start:before {
    margin-top: .35em
}
:where([class*=ico-]).before-def:before {
    color: var(--DEF)
}
:where([class*=ico-]).before-main:before {
    color: var(--MAIN)
}
:where([class*=ico-]).before-accent:before {
    color: var(--ACC)
}
:where([class*=ico-]).before-other:before {
    color: var(--OTH)
}
:where([class*=ico-]).before-link:before {
    color: var(--LINK)
}
:where([class*=ico-]).before-gry:before {
    color: var(--GRY)
}
:where([class*=ico-]).before-dgry:before {
    color: var(--DGRY)
}
:where([class*=ico-]).before-lgry:before {
    color: var(--LGRY)
}
:where([class*=ico-]).before-wht:before {
    color: var(--WHT)
}
:where([class*=ico-]).before-lmain:before {
    color: var(--LMAIN)
}
:where([class*=ico-]).before-laccent:before {
    color: var(--LACC)
}
:where([class*=ico-]).before-lother:before {
    color: var(--LOTH)
}
:where([class*=ico-]).after-def:after {
    color: var(--DEF)
}
:where([class*=ico-]).after-main:after {
    color: var(--MAIN)
}
:where([class*=ico-]).after-accent:after {
    color: var(--ACC)
}
:where([class*=ico-]).after-other:after {
    color: var(--OTH)
}
:where([class*=ico-]).after-link:after {
    color: var(--LINK)
}
:where([class*=ico-]).after-gry:after {
    color: var(--GRY)
}
:where([class*=ico-]).after-dgry:after {
    color: var(--DGRY)
}
:where([class*=ico-]).after-lgry:after {
    color: var(--LGRY)
}
:where([class*=ico-]).after-wht:after {
    color: var(--WHT)
}
:where([class*=ico-]).after-lmain:after {
    color: var(--LMAIN)
}
:where([class*=ico-]).after-laccent:after {
    color: var(--LACC)
}
:where([class*=ico-]).after-lother:after {
    color: var(--LOTH)
}
.ico-before-arr:before {
    font-family: icons !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\ea01";
    margin-right: 10px;
    margin-top: .1em
}
.ico-before-arrD:before {
    font-family: icons !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\ea02";
    margin-right: 10px;
    margin-top: .1em
}
.ico-before-sarr:before {
    font-family: icons !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\ea03";
    margin-right: 10px;
    margin-top: .1em
}
.ico-before-blank:before {
    font-family: icons !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\ea04";
    margin-right: 10px;
    margin-top: .1em
}
.ico-before-pdf:before {
    font-family: icons !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\ea05";
    margin-right: 10px;
    margin-top: .1em
}
.ico-before-search:before {
    font-family: icons !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\ea06";
    margin-right: 10px;
    margin-top: .1em
}
.ico-before-mail:before {
    font-family: icons !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\ea07";
    margin-right: 10px;
    margin-top: .1em
}
.ico-before-dl:before {
    font-family: icons !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\ea08";
    margin-right: 10px;
    margin-top: .1em
}
.ico-before-file:before {
    font-family: icons !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\ea09";
    margin-right: 10px;
    margin-top: .1em
}
.ico-before-estimate:before {
    font-family: icons !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\ea0a";
    margin-right: 10px;
    margin-top: .1em
}
.ico-before-phone:before {
    font-family: icons !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\ea0b";
    margin-right: 10px;
    margin-top: .1em
}
.ico-before-sphone:before {
    font-family: icons !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\ea0c";
    margin-right: 10px;
    margin-top: .1em
}
.ico-before-pin:before {
    font-family: icons !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\ea0d";
    margin-right: 10px;
    margin-top: .1em
}
.ico-before-browser:before {
    font-family: icons !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\ea0e";
    margin-right: 10px;
    margin-top: .1em
}
.ico-before-tw:before {
    font-family: icons !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\ea0f";
    margin-right: 10px;
    margin-top: .1em
}
.ico-before-x:before {
    font-family: icons !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\ea10";
    margin-right: 10px;
    margin-top: .1em
}
.ico-before-fb:before {
    font-family: icons !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\ea11";
    margin-right: 10px;
    margin-top: .1em
}
.ico-before-ig:before {
    font-family: icons !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\ea12";
    margin-right: 10px;
    margin-top: .1em
}
.ico-before-ld:before {
    font-family: icons !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\ea13";
    margin-right: 10px;
    margin-top: .1em
}
.ico-before-hatebu:before {
    font-family: icons !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\ea14";
    margin-right: 10px;
    margin-top: .1em
}
.ico-before-yt:before {
    font-family: icons !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\ea15";
    margin-right: 10px;
    margin-top: .1em
}
.ico-before-line:before {
    font-family: icons !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\ea16";
    margin-right: 10px;
    margin-top: .1em
}
.ico-before-calendar:before {
    font-family: icons !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\ea17";
    margin-right: 10px;
    margin-top: .1em
}
.ico-before-arr:before {
    font-size: .75rem;
    position: static;
    margin-right: .5em
}
.ico-before-arr.align-items-start:before {
    margin-top: .55em
}
.ico-before-arr:has(.txt) .txt:before {
    position: static;
    font-size: .75rem
}
.ico-after-arr:after {
    font-family: icons !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\ea01";
    margin-left: 10px;
    margin-top: .1em
}
.ico-after-arr:has(.txt) .txt {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.ico-after-arr:has(.txt) .txt:after {
    font-family: icons !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\ea01";
    margin-left: 10px;
    margin-top: .1em
}
.ico-after-arrD:after {
    font-family: icons !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\ea02";
    margin-left: 10px;
    margin-top: .1em
}
.ico-after-arrD:has(.txt) .txt {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.ico-after-arrD:has(.txt) .txt:after {
    font-family: icons !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\ea02";
    margin-left: 10px;
    margin-top: .1em
}
.ico-after-sarr:after {
    font-family: icons !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\ea03";
    margin-left: 10px;
    margin-top: .1em
}
.ico-after-sarr:has(.txt) .txt {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.ico-after-sarr:has(.txt) .txt:after {
    font-family: icons !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\ea03";
    margin-left: 10px;
    margin-top: .1em
}
.ico-after-blank:after {
    font-family: icons !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\ea04";
    margin-left: 10px;
    margin-top: .1em
}
.ico-after-blank:has(.txt) .txt {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.ico-after-blank:has(.txt) .txt:after {
    font-family: icons !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\ea04";
    margin-left: 10px;
    margin-top: .1em
}
.ico-after-pdf:after {
    font-family: icons !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\ea05";
    margin-left: 10px;
    margin-top: .1em
}
.ico-after-pdf:has(.txt) .txt {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.ico-after-pdf:has(.txt) .txt:after {
    font-family: icons !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\ea05";
    margin-left: 10px;
    margin-top: .1em
}
.ico-after-search:after {
    font-family: icons !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\ea06";
    margin-left: 10px;
    margin-top: .1em
}
.ico-after-search:has(.txt) .txt {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.ico-after-search:has(.txt) .txt:after {
    font-family: icons !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\ea06";
    margin-left: 10px;
    margin-top: .1em
}
.ico-after-mail:after {
    font-family: icons !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\ea07";
    margin-left: 10px;
    margin-top: .1em
}
.ico-after-mail:has(.txt) .txt {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.ico-after-mail:has(.txt) .txt:after {
    font-family: icons !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\ea07";
    margin-left: 10px;
    margin-top: .1em
}
.ico-after-dl:after {
    font-family: icons !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\ea08";
    margin-left: 10px;
    margin-top: .1em
}
.ico-after-dl:has(.txt) .txt {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.ico-after-dl:has(.txt) .txt:after {
    font-family: icons !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\ea08";
    margin-left: 10px;
    margin-top: .1em
}
.ico-after-file:after {
    font-family: icons !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\ea09";
    margin-left: 10px;
    margin-top: .1em
}
.ico-after-file:has(.txt) .txt {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.ico-after-file:has(.txt) .txt:after {
    font-family: icons !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\ea09";
    margin-left: 10px;
    margin-top: .1em
}
.ico-after-estimate:after {
    font-family: icons !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\ea0a";
    margin-left: 10px;
    margin-top: .1em
}
.ico-after-estimate:has(.txt) .txt {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.ico-after-estimate:has(.txt) .txt:after {
    font-family: icons !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\ea0a";
    margin-left: 10px;
    margin-top: .1em
}
.ico-after-phone:after {
    font-family: icons !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\ea0b";
    margin-left: 10px;
    margin-top: .1em
}
.ico-after-phone:has(.txt) .txt {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.ico-after-phone:has(.txt) .txt:after {
    font-family: icons !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\ea0b";
    margin-left: 10px;
    margin-top: .1em
}
.ico-after-sphone:after {
    font-family: icons !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\ea0c";
    margin-left: 10px;
    margin-top: .1em
}
.ico-after-sphone:has(.txt) .txt {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.ico-after-sphone:has(.txt) .txt:after {
    font-family: icons !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\ea0c";
    margin-left: 10px;
    margin-top: .1em
}
.ico-after-pin:after {
    font-family: icons !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\ea0d";
    margin-left: 10px;
    margin-top: .1em
}
.ico-after-pin:has(.txt) .txt {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.ico-after-pin:has(.txt) .txt:after {
    font-family: icons !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\ea0d";
    margin-left: 10px;
    margin-top: .1em
}
.ico-after-browser:after {
    font-family: icons !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\ea0e";
    margin-left: 10px;
    margin-top: .1em
}
.ico-after-browser:has(.txt) .txt {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.ico-after-browser:has(.txt) .txt:after {
    font-family: icons !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\ea0e";
    margin-left: 10px;
    margin-top: .1em
}
.ico-after-tw:after {
    font-family: icons !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\ea0f";
    margin-left: 10px;
    margin-top: .1em
}
.ico-after-tw:has(.txt) .txt {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.ico-after-tw:has(.txt) .txt:after {
    font-family: icons !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\ea0f";
    margin-left: 10px;
    margin-top: .1em
}
.ico-after-x:after {
    font-family: icons !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\ea10";
    margin-left: 10px;
    margin-top: .1em
}
.ico-after-x:has(.txt) .txt {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.ico-after-x:has(.txt) .txt:after {
    font-family: icons !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\ea10";
    margin-left: 10px;
    margin-top: .1em
}
.ico-after-fb:after {
    font-family: icons !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\ea11";
    margin-left: 10px;
    margin-top: .1em
}
.ico-after-fb:has(.txt) .txt {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.ico-after-fb:has(.txt) .txt:after {
    font-family: icons !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\ea11";
    margin-left: 10px;
    margin-top: .1em
}
.ico-after-ig:after {
    font-family: icons !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\ea12";
    margin-left: 10px;
    margin-top: .1em
}
.ico-after-ig:has(.txt) .txt {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.ico-after-ig:has(.txt) .txt:after {
    font-family: icons !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\ea12";
    margin-left: 10px;
    margin-top: .1em
}
.ico-after-ld:after {
    font-family: icons !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\ea13";
    margin-left: 10px;
    margin-top: .1em
}
.ico-after-ld:has(.txt) .txt {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.ico-after-ld:has(.txt) .txt:after {
    font-family: icons !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\ea13";
    margin-left: 10px;
    margin-top: .1em
}
.ico-after-hatebu:after {
    font-family: icons !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\ea14";
    margin-left: 10px;
    margin-top: .1em
}
.ico-after-hatebu:has(.txt) .txt {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.ico-after-hatebu:has(.txt) .txt:after {
    font-family: icons !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\ea14";
    margin-left: 10px;
    margin-top: .1em
}
.ico-after-yt:after {
    font-family: icons !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\ea15";
    margin-left: 10px;
    margin-top: .1em
}
.ico-after-yt:has(.txt) .txt {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.ico-after-yt:has(.txt) .txt:after {
    font-family: icons !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\ea15";
    margin-left: 10px;
    margin-top: .1em
}
.ico-after-line:after {
    font-family: icons !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\ea16";
    margin-left: 10px;
    margin-top: .1em
}
.ico-after-line:has(.txt) .txt {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.ico-after-line:has(.txt) .txt:after {
    font-family: icons !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\ea16";
    margin-left: 10px;
    margin-top: .1em
}
.ico-after-calendar:after {
    font-family: icons !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\ea17";
    margin-left: 10px;
    margin-top: .1em
}
.ico-after-calendar:has(.txt) .txt {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.ico-after-calendar:has(.txt) .txt:after {
    font-family: icons !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\ea17";
    margin-left: 10px;
    margin-top: .1em
}
.ico-after-arr:after {
    font-size: .75rem;
    position: static
}
.ico-after-arr:has(.txt) .txt:after {
    position: static;
    font-size: .75rem
}
:where(.lib-link__arr) a {
    color: var(--DEF)
}
:where(.lib-link__arr) a,
:where(a.lib-link__arr) {
    text-decoration: none;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    padding-left: .8em;
    position: relative;
    line-height: 1.3;
    -webkit-transition: .3s;
    transition: .3s
}
:where(.lib-link__arr) a:before,
:where(a.lib-link__arr):before {
    font-family: icons !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\ea01";
    font-size: 60%;
    position: absolute;
    left: 0;
    top: .75em;
    color: var(--MAIN)
}
:where(.lib-link__arr) a.before-def:before,
:where(a.lib-link__arr).before-def:before {
    color: var(--DEF)
}
:where(.lib-link__arr) a.before-main:before,
:where(a.lib-link__arr).before-main:before {
    color: var(--MAIN)
}
:where(.lib-link__arr) a.before-accent:before,
:where(a.lib-link__arr).before-accent:before {
    color: var(--ACC)
}
:where(.lib-link__arr) a.before-other:before,
:where(a.lib-link__arr).before-other:before {
    color: var(--OTH)
}
:where(.lib-link__arr) a.before-link:before,
:where(a.lib-link__arr).before-link:before {
    color: var(--LINK)
}
:where(.lib-link__arr) a.before-gry:before,
:where(a.lib-link__arr).before-gry:before {
    color: var(--GRY)
}
:where(.lib-link__arr) a.before-dgry:before,
:where(a.lib-link__arr).before-dgry:before {
    color: var(--DGRY)
}
:where(.lib-link__arr) a.before-lgry:before,
:where(a.lib-link__arr).before-lgry:before {
    color: var(--LGRY)
}
:where(.lib-link__arr) a.before-wht:before,
:where(a.lib-link__arr).before-wht:before {
    color: var(--WHT)
}
:where(.lib-link__arr) a.before-lmain:before,
:where(a.lib-link__arr).before-lmain:before {
    color: var(--LMAIN)
}
:where(.lib-link__arr) a.before-laccent:before,
:where(a.lib-link__arr).before-laccent:before {
    color: var(--LACC)
}
:where(.lib-link__arr) a.before-lother:before,
:where(a.lib-link__arr).before-lother:before {
    color: var(--LOTH)
}
:where(.lib-link__btn) {
    background-color: var(--MAIN);
    color: var(--WHT);
    padding: 10px;
    line-height: 1.3;
    min-height: 45px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    font-weight: 700;
    text-decoration: none !important;
    border: var(--MAIN) 2px solid;
    -webkit-transition: .3s;
    transition: .3s
}
:where(.lib-link__btn) .txt {
    text-decoration: none !important
}
.lib-btn__outer.--inline :where(.lib-link__btn) {
    min-width: unset
}
:where(.lib-link__btn)[class*=justify-content-]>.txt {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}
:where(.lib-link__btn)[class*=justify-content-][class*=ico-after-]>.txt,
:where(.lib-link__btn)[class*=justify-content-][href$=".pdf"]>.txt,
:where(.lib-link__btn)[class*=justify-content-][href^="https://saas.actibookone.com/"]>.txt,
:where(.lib-link__btn)[class*=justify-content-][target=_blank]>.txt {
    position: relative;
    padding-right: 24px
}
:where(.lib-link__btn)[class*=justify-content-][class*=ico-after-]>.txt:after,
:where(.lib-link__btn)[class*=justify-content-][href$=".pdf"]>.txt:after,
:where(.lib-link__btn)[class*=justify-content-][href^="https://saas.actibookone.com/"]>.txt:after,
:where(.lib-link__btn)[class*=justify-content-][target=_blank]>.txt:after {
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -.4em
}
:where(.lib-link__btn).justify-content-start:after {
    margin-left: unset
}
:where(.lib-link__btn).justify-content-between:after {
    margin-right: unset
}
:where(.lib-link__btn)[class*=ico-] {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}
:where(.lib-link__btn)[class*=ico-][class*=justify-content-] {
    width: 100%
}
:where(.lib-link__btn)[class*=-arrD]:after,
:where(.lib-link__btn)[class*=-arrD]:before,
:where(.lib-link__btn)[class*=-arr]:after,
:where(.lib-link__btn)[class*=-arr]:before {
    font-size: .75rem
}
:where(.lib-link__btn)[class*=-arrD] .txt:after,
:where(.lib-link__btn)[class*=-arrD] .txt:before,
:where(.lib-link__btn)[class*=-arr] .txt:after,
:where(.lib-link__btn)[class*=-arr] .txt:before {
    font-size: .75rem
}
:where(a):where([href$=".pdf"]):after,
:where(a):where([href^="https://saas.actibookone.com/"]):after,
:where(a):where([target=_blank]):after {
    font-family: icons !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: static;
    display: inline-block;
    vertical-align: middle;
    font-size: 80%;
    margin-left: .3em;
    margin-right: .3em;
    margin-top: .1em;
    line-height: 1
}
.lh-sm :where(a):where([href$=".pdf"]):after,
.lh-sm :where(a):where([href^="https://saas.actibookone.com/"]):after,
.lh-sm :where(a):where([target=_blank]):after,
:where(a):where([href$=".pdf"]).lh-sm:after,
:where(a):where([href^="https://saas.actibookone.com/"]).lh-sm:after,
:where(a):where([target=_blank]).lh-sm:after {
    margin-top: 0
}
:where(:where(a)[target=_blank]):after {
    content: "\ea04" !important
}
:where(:where(a)[href$=".pdf"]):after,
:where(:where(a)[href^="https://saas.actibookone.com/"]):after {
    content: "\ea05" !important;
    font-size: 90%
}
:where(a):has(img) {
    text-decoration: none
}
:where(a):has(img):where([href$=".pdf"]),
:where(a):has(img):where([href^="https://saas.actibookone.com/"]),
:where(a):has(img):where([target=_blank]) {
    -webkit-transition: .3s;
    transition: .3s
}
:where(a):has(img):where([href$=".pdf"]):after,
:where(a):has(img):where([href^="https://saas.actibookone.com/"]):after,
:where(a):has(img):where([target=_blank]):after {
    display: none
}
:where(a):has(.txt) {
    -webkit-transition: .3s;
    transition: .3s
}
:where(a):has(.txt):after {
    display: none
}
:where(a):has(.txt):where([href$=".pdf"]) :where(.txt):after,
:where(a):has(.txt):where([href^="https://saas.actibookone.com/"]) :where(.txt):after,
:where(a):has(.txt):where([target=_blank]) :where(.txt):after {
    font-family: icons !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: static;
    display: inline-block;
    vertical-align: middle;
    font-size: 80%;
    margin-left: .3em;
    margin-right: .3em;
    line-height: 1
}
:where(a):has(.txt):where(:where(a):has(.txt)[target=_blank]) :where(.txt):after {
    content: "\ea04" !important
}
:where(a):has(.txt):where(:where(a):has(.txt)[href$=".pdf"]) :where(.txt):after,
:where(a):has(.txt):where(:where(a):has(.txt)[href^="https://saas.actibookone.com/"]) :where(.txt):after {
    content: "\ea05" !important;
    font-size: 90%
}
:where(a):has([class*=__btn]):has(.txt),
:where(a)[class*=__btn]:has(.txt) {
    text-decoration: none !important
}
:where(a):has([class*=__btn]):has(.txt) .txt,
:where(a)[class*=__btn]:has(.txt) .txt {
    text-decoration: none !important
}
:where(a):has([class*=__btn]):after,
:where(a)[class*=__btn]:after {
    margin-right: 0
}
:where(:where(a):has([class*=__btn])[href$=".pdf"], :where(a)[class*=__btn][href$=".pdf"]):after,
:where(:where(a):has([class*=__btn])[href^="https://saas.actibookone.com/"], :where(a)[class*=__btn][href^="https://saas.actibookone.com/"]):after,
:where(:where(a):has([class*=__btn])[target=_blank], :where(a)[class*=__btn][target=_blank]):after {
    margin-left: 10px
}
:where(:where(a):has([class*=__btn])[target=_blank], :where(a)[class*=__btn][target=_blank]):after {
    margin-top: .2em
}
:where(:where(a):has([class*=__btn])[href$=".pdf"], :where(a)[class*=__btn][href$=".pdf"]):after,
:where(:where(a):has([class*=__btn])[href^="https://saas.actibookone.com/"], :where(a)[class*=__btn][href^="https://saas.actibookone.com/"]):after {
    margin-top: .1em
}
.caution {
    padding-left: 1em;
    text-indent: -1em
}
.caution>* {
    text-indent: 0
}
:where(ol).before-def>li:before,
:where(ul).before-def>li:before {
    background-color: var(--DEF);
    color: var(--DEF)
}
:where(ol).before-def.--checked>li:before,
:where(ul).before-def.--checked>li:before {
    background-color: unset;
    border-left-color: var(--DEF);
    border-bottom-color: var(--DEF)
}
:where(ol).before-main>li:before,
:where(ul).before-main>li:before {
    background-color: var(--MAIN);
    color: var(--MAIN)
}
:where(ol).before-main.--checked>li:before,
:where(ul).before-main.--checked>li:before {
    background-color: unset;
    border-left-color: var(--MAIN);
    border-bottom-color: var(--MAIN)
}
:where(ol).before-accent>li:before,
:where(ul).before-accent>li:before {
    background-color: var(--ACC);
    color: var(--ACC)
}
:where(ol).before-accent.--checked>li:before,
:where(ul).before-accent.--checked>li:before {
    background-color: unset;
    border-left-color: var(--ACC);
    border-bottom-color: var(--ACC)
}
:where(ol).before-other>li:before,
:where(ul).before-other>li:before {
    background-color: var(--OTH);
    color: var(--OTH)
}
:where(ol).before-other.--checked>li:before,
:where(ul).before-other.--checked>li:before {
    background-color: unset;
    border-left-color: var(--OTH);
    border-bottom-color: var(--OTH)
}
:where(ol).before-link>li:before,
:where(ul).before-link>li:before {
    background-color: var(--LINK);
    color: var(--LINK)
}
:where(ol).before-link.--checked>li:before,
:where(ul).before-link.--checked>li:before {
    background-color: unset;
    border-left-color: var(--LINK);
    border-bottom-color: var(--LINK)
}
:where(ol).before-gry>li:before,
:where(ul).before-gry>li:before {
    background-color: var(--GRY);
    color: var(--GRY)
}
:where(ol).before-gry.--checked>li:before,
:where(ul).before-gry.--checked>li:before {
    background-color: unset;
    border-left-color: var(--GRY);
    border-bottom-color: var(--GRY)
}
:where(ol).before-dgry>li:before,
:where(ul).before-dgry>li:before {
    background-color: var(--DGRY);
    color: var(--DGRY)
}
:where(ol).before-dgry.--checked>li:before,
:where(ul).before-dgry.--checked>li:before {
    background-color: unset;
    border-left-color: var(--DGRY);
    border-bottom-color: var(--DGRY)
}
:where(ol).before-lgry>li:before,
:where(ul).before-lgry>li:before {
    background-color: var(--LGRY);
    color: var(--LGRY)
}
:where(ol).before-lgry.--checked>li:before,
:where(ul).before-lgry.--checked>li:before {
    background-color: unset;
    border-left-color: var(--LGRY);
    border-bottom-color: var(--LGRY)
}
:where(ol).before-wht>li:before,
:where(ul).before-wht>li:before {
    background-color: var(--WHT);
    color: var(--WHT)
}
:where(ol).before-wht.--checked>li:before,
:where(ul).before-wht.--checked>li:before {
    background-color: unset;
    border-left-color: var(--WHT);
    border-bottom-color: var(--WHT)
}
:where(ol).before-lmain>li:before,
:where(ul).before-lmain>li:before {
    background-color: var(--LMAIN);
    color: var(--LMAIN)
}
:where(ol).before-lmain.--checked>li:before,
:where(ul).before-lmain.--checked>li:before {
    background-color: unset;
    border-left-color: var(--LMAIN);
    border-bottom-color: var(--LMAIN)
}
:where(ol).before-laccent>li:before,
:where(ul).before-laccent>li:before {
    background-color: var(--LACC);
    color: var(--LACC)
}
:where(ol).before-laccent.--checked>li:before,
:where(ul).before-laccent.--checked>li:before {
    background-color: unset;
    border-left-color: var(--LACC);
    border-bottom-color: var(--LACC)
}
:where(ol).before-lother>li:before,
:where(ul).before-lother>li:before {
    background-color: var(--LOTH);
    color: var(--LOTH)
}
:where(ol).before-lother.--checked>li:before,
:where(ul).before-lother.--checked>li:before {
    background-color: unset;
    border-left-color: var(--LOTH);
    border-bottom-color: var(--LOTH)
}
:where(ol):not([class*=badge]):not([class*=row-cols]).justify-content-center,
:where(ul):not([class*=badge]):not([class*=row-cols]).justify-content-center {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
:where(ol):not([class*=badge]):not([class*=row-cols]).justify-content-center>li,
:where(ul):not([class*=badge]):not([class*=row-cols]).justify-content-center>li {
    width: unset
}
:where(ol).before-def>li:before {
    background-color: unset
}
:where(ol).before-main>li:before {
    background-color: unset
}
:where(ol).before-accent>li:before {
    background-color: unset
}
:where(ol).before-other>li:before {
    background-color: unset
}
:where(ol).before-link>li:before {
    background-color: unset
}
:where(ol).before-gry>li:before {
    background-color: unset
}
:where(ol).before-dgry>li:before {
    background-color: unset
}
:where(ol).before-lgry>li:before {
    background-color: unset
}
:where(ol).before-wht>li:before {
    background-color: unset
}
:where(ol).before-lmain>li:before {
    background-color: unset
}
:where(ol).before-laccent>li:before {
    background-color: unset
}
:where(ol).before-lother>li:before {
    background-color: unset
}
:where(ol:not([class*=lib]))>li,
:where(ul:not([class*=lib]))>li {
    padding-left: 1rem;
    position: relative;
    line-height: 1.5
}
:where(ol:not([class*=lib]))>li:before,
:where(ul:not([class*=lib]))>li:before {
    position: absolute;
    left: 0;
    top: 0
}
:where(ol:not([class*=lib]))>li~li,
:where(ul:not([class*=lib]))>li~li {
    margin-top: .5rem
}
:where(ol:not([class*=lib]))[class*=dcms]>li,
:where(ul:not([class*=lib]))[class*=dcms]>li {
    padding: unset
}
:where(ol:not([class*=lib]))[class*=dcms]>li:before,
:where(ul:not([class*=lib]))[class*=dcms]>li:before {
    display: none
}
:where(ol:not([class*=lib]))[class*=dcms]>li~li,
:where(ul:not([class*=lib]))[class*=dcms]>li~li {
    margin-top: 0
}
:where(ul:not([class*=lib]))>li:before {
    content: "";
    width: 8px;
    height: 8px;
    background-color: var(--MAIN);
    border-radius: 5px;
    top: .6em
}
:where(ol:not([class*=lib])) {
    counter-reset: ol-bullet;
    margin-left: -.5rem
}
:where(ol:not([class*=lib]))>li {
    padding-left: 1.8em;
    position: relative
}
:where(ol:not([class*=lib]))>li:has(ol)+li {
    margin-top: 1rem
}
:where(ol:not([class*=lib]))>li:before {
    counter-increment: ol-bullet;
    content: counters(ol-bullet, "-") ".";
    display: block;
    text-align: right;
    position: absolute;
    left: 0;
    top: 0;
    width: 1.6em;
    padding-right: 2px
}
:where(ol:not([class*=lib]))>li>ol {
    margin-left: -1rem;
    margin-top: .5rem
}
:where(ol:not([class*=lib]))>li>ol>li {
    padding-left: 3em
}
:where(ol:not([class*=lib]))>li>ol>li:before {
    width: 2.8em
}
:where(ol:not([class*=lib]))>li>ol>li>ol {
    margin-left: -2.2rem;
    margin-top: .5rem
}
:where(ol:not([class*=lib]))>li>ol>li>ol>li {
    padding-left: 3.8em
}
:where(ol:not([class*=lib]))>li>ol>li>ol>li:before {
    width: 3.8em
}
ol:has([class*=__btn])>li:before,
ul:has([class*=__btn])>li:before {
    display: none
}
:where(.lib-indent__list) P+*,
:where(.lib-indent__list) h3+*,
:where(.lib-indent__list) h4+*,
:where(.lib-indent__list) p~p {
    margin-top: .5rem
}
:where(.lib-indent__list)>li {
    line-height: 1.5;
    width: 100%
}
:where(.lib-indent__list)>li+li {
    margin-top: .5rem
}
:where(.lib-indent__list)>li:has(ol)+li,
:where(.lib-indent__list)>li:has(ul)+li {
    margin-top: 1rem
}
:where(.lib-indent__list)>li ol,
:where(.lib-indent__list)>li ul {
    margin-top: .5rem
}
:where(.lib-indent__list).--dots>li {
    position: relative;
    padding-left: .8rem
}
:where(.lib-indent__list).--dots>li:before {
    content: "";
    width: 3px;
    height: 3px;
    border-radius: 5px;
    top: .75em;
    left: 0;
    position: absolute;
    display: block
}
:where(.lib-indent__list).--dots:not([class*=before-])>li:before {
    background-color: var(--MAIN)
}
:where(.lib-indent__list).--decimal {
    counter-reset: ol-bullet
}
:where(.lib-indent__list).--decimal>li {
    padding-left: 1.8em;
    position: relative
}
:where(.lib-indent__list).--decimal>li:before {
    counter-increment: ol-bullet;
    content: counter(ol-bullet) ". ";
    display: block;
    width: 2em;
    text-align: right;
    position: absolute;
    left: 0;
    top: 0;
    padding-right: 5px
}
:where(.lib-indent__list).--decimal>li>.--decimal>li {
    padding-left: 2.3em
}
:where(.lib-indent__list).--decimal>li>.--decimal>li:before {
    content: "(" counter(ol-bullet) ") ";
    width: 2.1em;
    text-align: right
}
:where(.lib-indent__list).--decimal>li>.--decimal>li>.--decimal>li {
    padding-left: 1.8em
}
:where(.lib-indent__list).--decimal>li>.--decimal>li>.--decimal>li:before {
    content: counter(ol-bullet) ") ";
    width: 2.1em;
    text-align: right
}
:where(.lib-indent__list).--image>li {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 28px 1fr;
    grid-template-columns: 28px 1fr
}
:where(.lib-indent__list).--image>li .thumb {
    width: 20px;
    height: 20px
}
:where(.lib-indent__list).--image>li .thumb img {
    width: 100%;
    height: 100%
}
:where(.lib-indent__list).--image>li .thumb img {
    -o-object-fit: contain;
    object-fit: contain
}
:where(.lib-indent__list).--image>li .thumb img {
    position: relative;
    bottom: -.1rem
}
:where(.lib-indent__list).--checked>li {
    position: relative;
    padding-left: 1.4em
}
:where(.lib-indent__list).--checked>li:after,
:where(.lib-indent__list).--checked>li:before {
    position: absolute;
    content: ""
}
:where(.lib-indent__list).--checked>li:before {
    left: 0;
    top: .5em;
    width: .8em;
    height: .5em;
    border-left: 3px solid var(--MAIN);
    border-bottom: 3px solid var(--MAIN);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}
.mw-xs {
    width: 100%;
    max-width: 540px !important;
    margin-left: auto;
    margin-right: auto
}
.mw-sm {
    width: 100%;
    max-width: 720px !important;
    margin-left: auto;
    margin-right: auto
}
.mw-md {
    width: 100%;
    max-width: 960px !important;
    margin-left: auto;
    margin-right: auto
}
.mw-lg {
    width: 100%;
    max-width: 1140px !important;
    margin-left: auto;
    margin-right: auto
}
.mw-100 {
    max-width: 100%
}
.max-width-unset {
    max-width: unset !important
}
.max-100 {
    max-width: 100px
}
.max-110 {
    max-width: 110px
}
.max-120 {
    max-width: 120px
}
.max-130 {
    max-width: 130px
}
.max-140 {
    max-width: 140px
}
.max-150 {
    max-width: 150px
}
.max-160 {
    max-width: 160px
}
.max-170 {
    max-width: 170px
}
.max-180 {
    max-width: 180px
}
.max-190 {
    max-width: 190px
}
.max-200 {
    max-width: 200px
}
.max-210 {
    max-width: 210px
}
.max-220 {
    max-width: 220px
}
.max-230 {
    max-width: 230px
}
.max-240 {
    max-width: 240px
}
.max-250 {
    max-width: 250px
}
.max-260 {
    max-width: 260px
}
.max-270 {
    max-width: 270px
}
.max-280 {
    max-width: 280px
}
.max-290 {
    max-width: 290px
}
.max-300 {
    max-width: 300px
}
.max-310 {
    max-width: 310px
}
.max-320 {
    max-width: 320px
}
.max-330 {
    max-width: 330px
}
.max-340 {
    max-width: 340px
}
.max-350 {
    max-width: 350px
}
.max-360 {
    max-width: 360px
}
.max-370 {
    max-width: 370px
}
.max-380 {
    max-width: 380px
}
.max-390 {
    max-width: 390px
}
.max-400 {
    max-width: 400px
}
.max-410 {
    max-width: 410px
}
.max-420 {
    max-width: 420px
}
.max-430 {
    max-width: 430px
}
.max-440 {
    max-width: 440px
}
.max-450 {
    max-width: 450px
}
.max-460 {
    max-width: 460px
}
.max-470 {
    max-width: 470px
}
.max-480 {
    max-width: 480px
}
.max-490 {
    max-width: 490px
}
.max-500 {
    max-width: 500px
}
.max-510 {
    max-width: 510px
}
.max-520 {
    max-width: 520px
}
.max-530 {
    max-width: 530px
}
.max-540 {
    max-width: 540px
}
.max-550 {
    max-width: 550px
}
.max-560 {
    max-width: 560px
}
.max-570 {
    max-width: 570px
}
.max-580 {
    max-width: 580px
}
.max-590 {
    max-width: 590px
}
.max-600 {
    max-width: 600px
}
.lib-recommend__list>li>a {
    text-decoration: none;
    -webkit-transition: .3s;
    transition: .3s
}
.lib-recommend__list>li>a:where([href$=".pdf"]),
.lib-recommend__list>li>a:where([href^="https://saas.actibookone.com/"]),
.lib-recommend__list>li>a:where([target=_blank]) {
    padding-right: 20px
}
.lib-recommend__list>li>a:has(img) {
    position: relative
}
.lib-recommend__list>li>a:has(img):after {
    display: block;
    position: absolute;
    font-size: 12px;
    z-index: 1;
    right: 0;
    top: calc(50% - 6px);
    margin: 0
}
.lib-recommend__list>li~li {
    margin-top: 10px
}
.lib-recommend__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    width: 100%
}
.lib-recommend__thumb {
    width: 80px
}
.lib-recommend__thumb img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}
.lib-recommend__txtarea {
    padding-left: 10px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    line-height: 1.25;
    font-size: .875rem
}
.lib-recommend__txtarea .txt {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden
}
.lib-rss__entrie .lib-pager__list {
    height: 35px
}
.lib-rss__entrie .lib-pager__list.is-ellipsis>li:nth-child(4)::after,
.lib-rss__entrie .lib-pager__list.is-ellipsis>li:nth-last-child(3)::before {
    content: "...";
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    line-height: 1;
    width: 30px;
    height: 30px
}
.lib-rss__entrie .lib-pager__list.is-ellipsis>li:nth-child(4)::after {
    margin-left: 4px;
    display: none
}
.lib-rss__entrie .lib-pager__list.is-ellipsis>li:nth-last-child(3)::before {
    margin-right: 4px
}
.lib-rss__entrie .lib-pager__list.is-ellipsis.is-move>li:nth-child(4)::after {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
.lib-rss__entrie .lib-pager__list.is-ellipsis.is-end>li:nth-last-child(3)::before {
    display: none
}
.lib-rss__entrie .lib-pager__list :where(.lib-pager__item)[aria-current=page] {
    display: block
}
.lib-rss__entrie .lib-pager__first,
.lib-rss__entrie .lib-pager__last {
    display: none
}
.lib-rss__entrie .lib-pager__all {
    font-size: .875rem;
    line-height: 1.3;
    bottom: 8px;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}
.lib-rss__list {
    text-align: left
}
.lib-rss__list>li:first-child .chip {
    top: -30px
}
.lib-rss__list>li~li {
    border-top: var(--GRY) 1px solid;
    margin-top: 1rem;
    padding-top: .5rem
}
.lib-rss__list>li .chip {
    position: absolute;
    top: -28px;
    left: 9em;
    display: inline-block;
    padding: 4px 8px;
    line-height: 1;
    font-size: .75rem;
    -ms-flex-negative: 0;
    flex-shrink: 0
}
.lib-rss__title {
    margin-top: 5px;
    line-height: 1.5;
    position: relative
}
.lib-rss__title a:after {
    position: absolute;
    top: -1.6rem;
    right: 0;
    margin: 0
}
.lib-rss__contents {
    background-color: var(--LGRY);
    padding: 5px;
    margin-top: 10px
}
.lib-rss__contents:empty {
    display: none
}
.lib-hero__outer {
    min-height: 160px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    background-color: var(--LMAIN);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
.lib-hero__txtarea {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 20px;
    padding-bottom: 20px
}
.lib-hero__title {
    font-weight: 100;
    line-height: 1.25;
    font-size: 1.875rem;
    color: #27A2A3;
}
:where([class*=__pager]) {
    text-align: center
}
:where(.lib-pager__list) {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 5px
}
:where(.lib-pager__list)>li[aria-disabled=true]>span {
    display: block
}
:where(.lib-pager__list)>li[aria-disabled=true]>a {
    display: none
}
:where(.lib-pager__list)>li[aria-disabled=false]>span {
    display: none
}
:where(.lib-pager__list)>li[aria-disabled=false]>a {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}
:where(.lib-pager__list)>li a {
    color: var(--DEF);
    width: 35px;
    height: 35px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-decoration: none;
    position: relative
}
:where(.lib-pager__list) :where(.lib-pager__item) {
    display: none
}
:where(.lib-pager__list) :where(.lib-pager__item):has([aria-current=page]) {
    display: block
}
:where(.lib-pager__list) :where(.lib-pager__item)[aria-current=page]>a {
    background-color: var(--MAIN);
    color: #fff;
    border-color: var(--MAIN);
    pointer-events: none
}
:where(.lib-pager__list) :where(.lib-pager__item) a {
    cursor: pointer;
    border: var(--GRY) 1px solid;
    -webkit-transition: .3s;
    transition: .3s
}
:where(.lib-pager__list) :where(.lib-pager__item) a[aria-current=page] {
    background-color: var(--MAIN);
    color: #fff;
    border-color: var(--MAIN);
    pointer-events: none
}
:where(.lib-pager__list) :where(.lib-pager__next),
:where(.lib-pager__list) :where(.lib-pager__prev) {
    position: absolute
}
:where(.lib-pager__list) :where(.lib-pager__next) a,
:where(.lib-pager__list) :where(.lib-pager__prev) a {
    -webkit-transition: .3s;
    transition: .3s
}
:where(.lib-pager__list) :where(.lib-pager__next) a:before,
:where(.lib-pager__list) :where(.lib-pager__prev) a:before {
    content: "";
    width: 10px;
    height: 10px;
    border-top: solid 2px var(--DEF);
    border-right: solid 2px var(--DEF);
    -webkit-transition: color .3s, -webkit-transform .3s;
    transition: color .3s, -webkit-transform .3s;
    transition: transform .3s, color .3s;
    transition: transform .3s, color .3s, -webkit-transform .3s
}
:where(.lib-pager__list) :where(.lib-pager__prev) {
    margin-right: 20px;
    left: 0
}
:where(.lib-pager__list) :where(.lib-pager__prev) a {
    -webkit-transition: .3s;
    transition: .3s
}
:where(.lib-pager__list) :where(.lib-pager__prev) a:before {
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg)
}
:where(.lib-pager__list) :where(.lib-pager__next) {
    right: 0;
    margin-left: 20px
}
:where(.lib-pager__list) :where(.lib-pager__next) a {
    -webkit-transition: .3s;
    transition: .3s
}
:where(.lib-pager__list) :where(.lib-pager__next) a:before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}
.lib-separator {
    border: none;
    background: unset;
    width: 100%;
    height: 0;
    margin-top: 4.5rem !important
}
.lib-separator+* {
    margin-top: 0
}
.lib-separator:where(.--min) {
    margin-top: 1.5rem !important
}
.lib-separator:where(.--mdl) {
    margin-top: 3rem !important
}
.is-develop .lib-separator {
    height: 1px;
    background-color: var(--MAIN)
}
.lib-separator.--SS {
    margin-top: 10px !important
}
#dcms_layoutPageBlock>:last-child.lib-separator {
    margin-top: 0 !important
}
.lib-skipNav__list {
    position: fixed;
    z-index: 10000;
    width: 100%;
    top: 0;
    left: 0
}
.lib-skipNav__list>li a {
    clip: rect(1px, 1px, 1px, 1px);
    overflow: hidden;
    width: 0;
    height: 0;
    border: 0;
    opacity: 0;
    font-size: 0;
    position: absolute;
    left: 0;
    white-space: nowrap
}
.lib-skipNav__list>li a:focus {
    font-size: 1rem;
    width: 100%;
    max-width: 200px;
    display: block;
    height: auto;
    line-height: 1.3;
    padding: 10px 30px;
    clip: unset;
    opacity: 1;
    overflow: unset;
    background-color: #efefef;
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .6);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .6)
}
.lib-skipNav__link {
    position: relative
}
.lib-skipNav__link a {
    clip: rect(1px, 1px, 1px, 1px);
    overflow: hidden;
    width: 0;
    height: 0;
    border: 0;
    opacity: 0;
    font-size: 0;
    position: absolute;
    left: 0;
    white-space: nowrap
}
.lib-skipNav__link a:focus {
    font-size: 1rem;
    width: auto;
    display: block;
    height: auto;
    line-height: 1.3;
    padding: 10px 30px;
    clip: unset;
    opacity: 1;
    overflow: unset;
    background-color: #efefef;
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .6);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .6)
}
.lib-media__slider .swiper-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
.lib-media__slider .swiper-wrapper:not([id]) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
.lib-media__slider .swiper-wrapper .lib-media__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: unset
}
.lib-media__slider .swiper-wrapper .lib-media__txtarea {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}
.lib-media__slider .swiper-wrapper .lib-media__txtarea>a {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}
.lib-media__slider .swiper-wrapper .lib-media__time {
    padding-top: .5rem;
    margin-top: .5rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    border-top: var(--GRY) 1px solid;
    min-height: 42px
}
.lib-media__slider .swiper-wrapper .lib-media__time>p {
    font-size: .75rem
}
.lib-media__slider .swiper-wrapper .lib-media__time>p~p {
    margin-top: .2em
}
.lib-media__slider .swiper-wrapper .lib-media__time>p~p:before {
    display: none
}
.lib-media__slider .swiper-wrapper .lib-media__thumb:has(img) {
    position: relative
}
.lib-media__slider .swiper-wrapper .lib-media__thumb:has(img):after {
    display: block;
    position: absolute;
    right: 2px;
    bottom: -2px;
    font-size: 12px;
    z-index: 1;
    width: 26px;
    height: 26px;
    background-color: var(--WHT);
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0
}
.lib-media__txtarea>:first-child {
    margin-top: 0 !important
}
.lib-media__title a:after {
    display: none
}
.lib-media__title a:hover {
    color: var(--MAIN);
    text-decoration: underline
}
.lib-media__item a {
    text-decoration: none
}
.lib-media__item a:hover .lib-media__title {
    text-decoration: underline
}
.lib-media__tag a {
    -webkit-transition: .3s;
    transition: .3s
}
.lib-media__tag a:before {
    content: "#"
}
.lib-media__title,
.lib-media__txt {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    text-align: left
}
.lib-media__thumb .thumb {
    height: 100px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}
.lib-media__thumb img {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}
[id^=swiper-wrapper-] {
    margin-left: 0;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}
[id^=swiper-wrapper-] .swiper-slide {
    margin-left: 0;
    width: auto;
    height: unset !important;
    margin-top: 0
}
.swiper-wrapper[id] {
    height: auto !important;
    opacity: 0
}
.swiper-initialized .swiper-wrapper[id] {
    opacity: 1
}
[data-id=editor] .swiper-wrapper,
body.dcms_editor .swiper-wrapper,
body.page_mainimage .swiper-wrapper,
html.is-editor .swiper-wrapper {
    -webkit-animation: none !important;
    animation: none !important;
    -webkit-transition: none !important;
    transition: none !important;
    opacity: 1 !important;
    -webkit-transform: none !important;
    transform: none !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 15px
}
[data-id=editor] .swiper-wrapper .swiper-slide,
body.dcms_editor .swiper-wrapper .swiper-slide,
body.page_mainimage .swiper-wrapper .swiper-slide,
html.is-editor .swiper-wrapper .swiper-slide {
    width: 30%
}
[data-id=editor] .swiper-wrapper .swiper-slide.lib-fv__slide,
body.dcms_editor .swiper-wrapper .swiper-slide.lib-fv__slide,
body.page_mainimage .swiper-wrapper .swiper-slide.lib-fv__slide,
html.is-editor .swiper-wrapper .swiper-slide.lib-fv__slide {
    width: 100%
}
[class*=swiper-button] {
    z-index: 3
}
[class*=swiper-button][aria-disabled=true] {
    pointer-events: auto !important
}
.swiper-pagination {
    position: static;
    text-align: left;
    line-height: 1
}
.swiper-pagination-bullet {
    background-color: var(--LGRY) !important;
    border: var(--LGRY) 1px solid;
    opacity: 1 !important;
    margin-top: 5px !important;
    width: 12px !important;
    height: 12px !important;
    -webkit-transition: .3s;
    transition: .3s
}
.swiper-pagination-bullet-active {
    background-color: var(--MAIN) !important;
    border-color: var(--MAIN)
}
[data-id=editor] .swiper-pagination,
body.dcms_editor .swiper-pagination,
body.page_mainimage .swiper-pagination,
html.is-editor .swiper-pagination {
    -webkit-animation: none !important;
    animation: none !important;
    -webkit-transition: none !important;
    transition: none !important;
    opacity: 1 !important;
    -webkit-transform: none !important;
    transform: none !important;
    display: none
}
.lib-swiper__outer {
    overflow: hidden
}
.lib-swiper__pagination {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 20px;
    z-index: 0
}
.lib-swiper__btn {
    width: 30px;
    height: 30px;
    background-color: var(--MAIN);
    border: var(--MAIN) 2px solid;
    z-index: 0;
    -webkit-transition: .3s;
    transition: .3s
}
.lib-swiper__btn:after {
    font-size: 12px;
    font-family: icons !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: static;
    content: "\ea01";
    color: #fff
}
.lib-swiper__btn.--prev:after {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}
.lib-swiper__btn:focus {
    background-color: #fff
}
.lib-swiper__btn:focus:after {
    color: var(--MAIN)
}
[data-id=editor] .lib-swiper__btn,
body.dcms_editor .lib-swiper__btn,
body.page_mainimage .lib-swiper__btn,
html.is-editor .lib-swiper__btn {
    -webkit-animation: none !important;
    animation: none !important;
    -webkit-transition: none !important;
    transition: none !important;
    opacity: 1 !important;
    -webkit-transform: none !important;
    transform: none !important;
    display: none
}
.lib-swiper__control {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 30px
}
.lib-swiper__control .lib-swiper__pagination {
    margin: -5px 10px 0;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: unset;
    max-width: calc(100% - 140px)
}
.lib-swiper__control .lib-swiper__btn {
    position: static !important;
    margin-top: 0
}
[data-id=editor] .lib-swiper__control,
body.dcms_editor .lib-swiper__control,
body.page_mainimage .lib-swiper__control,
html.is-editor .lib-swiper__control {
    -webkit-animation: none !important;
    animation: none !important;
    -webkit-transition: none !important;
    transition: none !important;
    opacity: 1 !important;
    -webkit-transform: none !important;
    transform: none !important;
    display: none
}
.lib-swiper__player {
    display: none;
    position: relative;
    width: 30px;
    height: 30px;
    margin-left: 8px
}
[data-autoplay=true] .lib-swiper__player {
    display: block
}
.lib-swiper__player>button {
    width: 30px;
    height: 30px;
    border: var(--MAIN) 1px solid;
    position: absolute;
    z-index: 2;
    background-color: #fff;
    -webkit-transition: .3s;
    transition: .3s
}
.lib-swiper__player>button.is-select {
    z-index: 1
}
[data-id=editor] .lib-swiper__player,
body.dcms_editor .lib-swiper__player,
body.page_mainimage .lib-swiper__player,
html.is-editor .lib-swiper__player {
    -webkit-animation: none !important;
    animation: none !important;
    -webkit-transition: none !important;
    transition: none !important;
    opacity: 1 !important;
    -webkit-transform: none !important;
    transform: none !important;
    display: none
}
.lib-swiper__start:before {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-color: transparent;
    border-width: 8px 0 8px 12px;
    border-left-color: var(--MAIN);
    border-radius: unset;
    width: 0;
    height: 0;
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: 2px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}
.lib-swiper__stop:after,
.lib-swiper__stop:before {
    content: "";
    width: 5px;
    height: 60%;
    display: block;
    background-color: var(--MAIN);
    position: absolute;
    top: 20%
}
.lib-swiper__stop:before {
    left: 7px
}
.lib-swiper__stop:after {
    right: 7px
}
.lib-tab__menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    border: var(--GRY) 1px solid
}
.lib-tab__menu>li {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
.lib-tab__menu>li:first-child .lib-tab__btn {
    border-left: none
}
[data-id=editor] .lib-tab__toggle .lib-toggle__btn,
body.dcms_editor .lib-tab__toggle .lib-toggle__btn,
body.page_mainimage .lib-tab__toggle .lib-toggle__btn,
html.is-editor .lib-tab__toggle .lib-toggle__btn {
    -webkit-animation: none !important;
    animation: none !important;
    -webkit-transition: none !important;
    transition: none !important;
    opacity: 1 !important;
    -webkit-transform: none !important;
    transform: none !important;
    display: block !important;
    border: var(--GRY) 1px solid;
    margin-bottom: 15px
}
.lib-tab__btn {
    border-left: var(--GRY) 1px solid;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    padding: 10px 4px;
    min-height: 50px;
    font-size: .875rem;
    background-color: var(--LGRY);
    -webkit-transition: background .3s, color .3s;
    transition: background .3s, color .3s;
    -webkit-transition: .3s;
    transition: .3s
}
.lib-tab__btn:focus {
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .6);
    box-shadow: 0 0 10px rgba(0, 0, 0, .6)
}
.lib-tab__btn[aria-selected=true] {
    background-color: var(--MAIN);
    color: var(--WHT);
    pointer-events: none
}
.lib-tab__panel {
    padding-top: 1.5rem
}
.lib-tab__panel[role=tabpanel] {
    opacity: 0;
    -webkit-transition: opacity .15s;
    transition: opacity .15s
}
.lib-tab__panel.is-open {
    opacity: 1
}
[data-id=editor] .lib-tab__panel,
body.dcms_editor .lib-tab__panel,
body.page_mainimage .lib-tab__panel,
html.is-editor .lib-tab__panel {
    -webkit-animation: none !important;
    animation: none !important;
    -webkit-transition: none !important;
    transition: none !important;
    opacity: 1 !important;
    -webkit-transform: none !important;
    transform: none !important;
    display: block !important;
    opacity: 1 !important;
    border: var(--GRY) 1px solid;
    padding: 30px
}
[data-id=editor] .lib-tab__panel+.lib-tab__panel,
body.dcms_editor .lib-tab__panel+.lib-tab__panel,
body.page_mainimage .lib-tab__panel+.lib-tab__panel,
html.is-editor .lib-tab__panel+.lib-tab__panel {
    margin-top: 30px
}
.lib-tab__panel:focus {
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .3);
    box-shadow: 0 0 10px rgba(0, 0, 0, .3)
}
.lib-scroll__cover {
    overflow-x: auto;
    scroll-behavior: smooth;
    scrollbar-color: var(--MAIN) #f5f5f5;
    scrollbar-width: thin
}
.lib-scroll__cover::-webkit-scrollbar {
    width: 10px
}
.lib-scroll__cover::-webkit-scrollbar-thumb {
    border-radius: 100px;
    border: 3px solid transparent;
    background-clip: content-box;
    background-color: var(--MAIN)
}
.lib-scroll__cover::-webkit-scrollbar-track {
    background-color: #f5f5f5
}
:where(table) {
    width: 100%;
    table-layout: fixed
}
:where(table) th,
:where(table)>thead {
    border: var(--WHT) 1px solid;
    background-color: var(--MAIN);
    color: var(--WHT)
}
:where(table)>thead th {
    border-top-color: var(--MAIN)
}
:where(table)>thead th:last-child {
    border-right-color: var(--MAIN)
}
:where(table)>thead th:first-child {
    border-left-color: var(--MAIN)
}
:where(table) tbody>tr>th:first-child {
    border-left-color: var(--MAIN)
}
:where(table).table-def th,
:where(table).table-def>thead {
    border: var(--GRY) 1px solid;
    background-color: var(--DEF);
    color: var(--WHT)
}
:where(table).table-def>thead th {
    border-top-color: var(--DEF)
}
:where(table).table-def>thead th:last-child {
    border-right-color: var(--DEF)
}
:where(table).table-def>thead th:first-child {
    border-left-color: var(--DEF)
}
:where(table).table-def tbody>tr>th:first-child {
    border-left-color: var(--DEF)
}
:where(table).table-main th,
:where(table).table-main>thead {
    border: var(--GRY) 1px solid;
    background-color: var(--MAIN);
    color: var(--WHT)
}
:where(table).table-main>thead th {
    border-top-color: var(--MAIN)
}
:where(table).table-main>thead th:last-child {
    border-right-color: var(--MAIN)
}
:where(table).table-main>thead th:first-child {
    border-left-color: var(--MAIN)
}
:where(table).table-main tbody>tr>th:first-child {
    border-left-color: var(--MAIN)
}
:where(table).table-accent th,
:where(table).table-accent>thead {
    border: var(--GRY) 1px solid;
    background-color: var(--ACC);
    color: var(--WHT)
}
:where(table).table-accent>thead th {
    border-top-color: var(--ACC)
}
:where(table).table-accent>thead th:last-child {
    border-right-color: var(--ACC)
}
:where(table).table-accent>thead th:first-child {
    border-left-color: var(--ACC)
}
:where(table).table-accent tbody>tr>th:first-child {
    border-left-color: var(--ACC)
}
:where(table).table-other th,
:where(table).table-other>thead {
    border: var(--GRY) 1px solid;
    background-color: var(--OTH);
    color: var(--WHT)
}
:where(table).table-other>thead th {
    border-top-color: var(--OTH)
}
:where(table).table-other>thead th:last-child {
    border-right-color: var(--OTH)
}
:where(table).table-other>thead th:first-child {
    border-left-color: var(--OTH)
}
:where(table).table-other tbody>tr>th:first-child {
    border-left-color: var(--OTH)
}
:where(table).table-link th,
:where(table).table-link>thead {
    border: var(--GRY) 1px solid;
    background-color: var(--LINK);
    color: var(--WHT)
}
:where(table).table-link>thead th {
    border-top-color: var(--LINK)
}
:where(table).table-link>thead th:last-child {
    border-right-color: var(--LINK)
}
:where(table).table-link>thead th:first-child {
    border-left-color: var(--LINK)
}
:where(table).table-link tbody>tr>th:first-child {
    border-left-color: var(--LINK)
}
:where(table).table-gry th,
:where(table).table-gry>thead {
    border: var(--GRY) 1px solid;
    background-color: var(--GRY);
    color: var(--DEF)
}
:where(table).table-gry>thead th {
    border-top-color: var(--GRY)
}
:where(table).table-gry>thead th:last-child {
    border-right-color: var(--GRY)
}
:where(table).table-gry>thead th:first-child {
    border-left-color: var(--GRY)
}
:where(table).table-gry tbody>tr>th:first-child {
    border-left-color: var(--GRY)
}
:where(table).table-dgry th,
:where(table).table-dgry>thead {
    border: var(--GRY) 1px solid;
    background-color: var(--DGRY);
    color: var(--DGRY)
}
:where(table).table-dgry>thead th {
    border-top-color: var(--DGRY)
}
:where(table).table-dgry>thead th:last-child {
    border-right-color: var(--DGRY)
}
:where(table).table-dgry>thead th:first-child {
    border-left-color: var(--DGRY)
}
:where(table).table-dgry tbody>tr>th:first-child {
    border-left-color: var(--DGRY)
}
:where(table).table-lgry th,
:where(table).table-lgry>thead {
    border: var(--GRY) 1px solid;
    background-color: var(--LGRY);
    color: var(--DEF)
}
:where(table).table-lgry>thead th {
    border-top-color: var(--GRY)
}
:where(table).table-lgry>thead th:last-child {
    border-right-color: var(--GRY)
}
:where(table).table-lgry>thead th:first-child {
    border-left-color: var(--GRY)
}
:where(table).table-lgry tbody>tr>th:first-child {
    border-left-color: var(--GRY)
}
:where(table).table-wht th,
:where(table).table-wht>thead {
    border: var(--GRY) 1px solid;
    background-color: var(--WHT);
    color: var(--MAIN)
}
:where(table).table-wht>thead th {
    border-top-color: var(--GRY)
}
:where(table).table-wht>thead th:last-child {
    border-right-color: var(--GRY)
}
:where(table).table-wht>thead th:first-child {
    border-left-color: var(--GRY)
}
:where(table).table-wht tbody>tr>th:first-child {
    border-left-color: var(--GRY)
}
:where(table).table-lmain th,
:where(table).table-lmain>thead {
    border: var(--GRY) 1px solid;
    background-color: var(--LMAIN);
    color: var(--MAIN)
}
:where(table).table-lmain>thead th {
    border-top-color: var(--GRY)
}
:where(table).table-lmain>thead th:last-child {
    border-right-color: var(--GRY)
}
:where(table).table-lmain>thead th:first-child {
    border-left-color: var(--GRY)
}
:where(table).table-lmain tbody>tr>th:first-child {
    border-left-color: var(--GRY)
}
:where(table).table-laccent th,
:where(table).table-laccent>thead {
    border: var(--GRY) 1px solid;
    background-color: var(--LACC);
    color: var(--ACC)
}
:where(table).table-laccent>thead th {
    border-top-color: var(--GRY)
}
:where(table).table-laccent>thead th:last-child {
    border-right-color: var(--GRY)
}
:where(table).table-laccent>thead th:first-child {
    border-left-color: var(--GRY)
}
:where(table).table-laccent tbody>tr>th:first-child {
    border-left-color: var(--GRY)
}
:where(table).table-lother th,
:where(table).table-lother>thead {
    border: var(--GRY) 1px solid;
    background-color: var(--LOTH);
    color: var(--OTH)
}
:where(table).table-lother>thead th {
    border-top-color: var(--GRY)
}
:where(table).table-lother>thead th:last-child {
    border-right-color: var(--GRY)
}
:where(table).table-lother>thead th:first-child {
    border-left-color: var(--GRY)
}
:where(table).table-lother tbody>tr>th:first-child {
    border-left-color: var(--GRY)
}
:where(table) td,
:where(table) th {
    padding: 10px;
    line-height: 1.5
}
.lib-scroll__outer :where(table) td,
.lib-scroll__outer :where(table) th {
    width: unset
}
:where(table) td {
    border: var(--GRY) 1px solid
}
:where(table).--even tbody>tr:nth-child(even)>td {
    background-color: var(--LGRY)
}
:where(.tstart) {
    text-align: left
}
:where(.tcenter) {
    text-align: center
}
:where(.tend) {
    text-align: right
}
h1 {
    font-size: 1.875rem;
    line-height: 1.25
}
h2 {
    font-size: 1.5rem;
    line-height: 1.25
}
h3 {
    font-size: 1.375rem;
    line-height: 1.25
}
h4 {
    font-size: 1.25rem;
    line-height: 1.25
}
h5 {
    font-size: 1.125rem;
    line-height: 1.25
}
h6 {
    font-size: 1rem;
    line-height: 1.25
}
:where(h1):not([class])[style*=center],
:where(h2):not([class])[style*=center],
:where(h3):not([class])[style*=center],
:where(h4):not([class])[style*=center],
:where(h5):not([class])[style*=center],
:where(h6):not([class])[style*=center] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}
:where(h2):not([class])[style*=center] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
:where(h2):not([class])[style*=center]:before {
    content: "";
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 1.8em;
    height: 5px;
    margin-right: unset;
    display: block;
    margin-top: 10px
}
:where(h3):not([class])[style*=center] {
    border-bottom: none;
    position: relative
}
:where(h3):not([class])[style*=center]:after {
    content: "";
    width: 1.2em;
    height: 3px;
    background: var(--GRY);
    position: absolute;
    left: calc(50% - .6em);
    bottom: 0
}
:where(h1):where(.title).text-center,
:where(h1):where(.title)[style*=center],
:where(h2):where(.title).text-center,
:where(h2):where(.title)[style*=center],
:where(h3):where(.title).text-center,
:where(h3):where(.title)[style*=center],
:where(h4):where(.title).text-center,
:where(h4):where(.title)[style*=center],
:where(h5):where(.title).text-center,
:where(h5):where(.title)[style*=center],
:where(h6):where(.title).text-center,
:where(h6):where(.title)[style*=center] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}
h1+*,
h1+.container,
h2+*,
h2+.container,
h3+*,
h3+.container,
h4+*,
h4+.container,
h5+*,
h5+.container,
h6+*,
h6+.container {
    margin-top: .8rem
}
:where(h2):not([class]) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: var(--DEF);
    margin-top: 4.5rem
}
:where(h2):not([class]):before {
    content: "";
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 5px;
    position: relative;
    top: .07em;
    background-color: var(--MAIN);
    margin-right: 10px;
    display: block
}
:where(h3):not([class]) {
    padding-bottom: 10px;
    border-bottom: var(--GRY) 1px solid;
    color: var(--DEF);
    margin-top: 3rem
}
:where(h4):not([class]) {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: var(--DEF)
}
:where(h4):not([class]):before {
    content: "";
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: .5em;
    height: .5em;
    position: relative;
    border-radius: 50%;
    top: .4em;
    background-color: var(--MAIN);
    margin-right: 8px;
    display: block
}
:where(h5):not([class]),
:where(h6):not([class]) {
    color: var(--MAIN)
}
:where(h1):not([class])+:where(h2):not([class]),
:where(h2):not([class])+:where(h3):not([class]),
:where(h3):not([class])+:where(h4):not([class]),
:where(h4):not([class])+:where(h5):not([class]),
:where(h5):not([class])+:where(h6):not([class]) {
    margin-top: .8rem
}
.lib-title__outer>:first-child {
    margin-top: 0
}
.lib-title__outer+* {
    margin-top: .8rem
}
.lib-title__outer :where(.title) {
    color: var(--MAIN)
}
.lib-title__outer :where(.title).before-def:before {
    background-color: var(--DEF) !important
}
.lib-title__outer :where(.title).before-main:before {
    background-color: var(--MAIN) !important
}
.lib-title__outer :where(.title).before-accent:before {
    background-color: var(--ACC) !important
}
.lib-title__outer :where(.title).before-other:before {
    background-color: var(--OTH) !important
}
.lib-title__outer :where(.title).before-link:before {
    background-color: var(--LINK) !important
}
.lib-title__outer :where(.title).before-gry:before {
    background-color: var(--GRY) !important
}
.lib-title__outer :where(.title).before-dgry:before {
    background-color: var(--DGRY) !important
}
.lib-title__outer :where(.title).before-lgry:before {
    background-color: var(--LGRY) !important
}
.lib-title__outer :where(.title).before-wht:before {
    background-color: var(--WHT) !important
}
.lib-title__outer :where(.title).before-lmain:before {
    background-color: var(--LMAIN) !important
}
.lib-title__outer :where(.title).before-laccent:before {
    background-color: var(--LACC) !important
}
.lib-title__outer :where(.title).before-lother:before {
    background-color: var(--LOTH) !important
}
.lib-title__outer.--typeA :where(.title) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: var(--DEF)
}
.lib-title__outer.--typeA :where(.title):before {
    content: "";
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 5px;
    position: relative;
    top: .07em;
    background-color: var(--MAIN);
    margin-right: 10px;
    display: block
}
.lib-title__outer.--typeA :where(.title).text-center,
.lib-title__outer.--typeA :where(.title)[style*=center] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.lib-title__outer.--typeA :where(.title).text-center:before,
.lib-title__outer.--typeA :where(.title)[style*=center]:before {
    content: "";
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 1.8em;
    height: 5px;
    margin-right: unset;
    display: block;
    margin-top: 10px
}
.lib-title__outer.--typeB :where(.title) {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: var(--DEF)
}
.lib-title__outer.--typeB :where(.title):before {
    content: "";
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: .5em;
    height: .5em;
    position: relative;
    border-radius: 50%;
    top: .4em;
    background-color: var(--MAIN);
    margin-right: 8px;
    display: block
}
.lib-title__outer.--typeC :where(.title) {
    padding-bottom: 10px;
    border-bottom: var(--GRY) 1px solid;
    color: var(--DEF)
}
.lib-title__outer.--typeC :where(.title).text-center,
.lib-title__outer.--typeC :where(.title)[style*=center] {
    border-bottom: none;
    position: relative
}
.lib-title__outer.--typeC :where(.title).text-center:after,
.lib-title__outer.--typeC :where(.title)[style*=center]:after {
    content: "";
    width: 1.2em;
    height: 3px;
    background: var(--GRY);
    position: absolute;
    left: calc(50% - .6em);
    bottom: 0
}
.lib-title__outer.--typeD :where(.title) {
    position: relative;
    padding-bottom: 8px;
    border-bottom: var(--LGRY) 3px solid;
    color: var(--DEF)
}
.lib-title__outer.--typeD :where(.title):before {
    content: "";
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 2.2em;
    height: 3px;
    background-color: var(--MAIN);
    display: block;
    position: absolute;
    left: 0;
    bottom: -3px
}
.lib-title__outer.--typeD :where(.title).text-center,
.lib-title__outer.--typeD :where(.title)[style*=center] {
    position: relative;
    padding-bottom: 0;
    border-bottom: unset;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
.lib-title__outer.--typeD :where(.title).text-center:before,
.lib-title__outer.--typeD :where(.title)[style*=center]:before {
    content: "";
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: .6em;
    height: 5px;
    background-color: var(--MAIN);
    display: block;
    position: relative;
    top: .6em;
    margin-right: 10px
}
.lib-title__outer:has(.badge) {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}
.lib-title__outer:has(.badge) .badge {
    white-space: nowrap;
    margin-right: .5rem;
    margin-top: .2rem
}
.lib-title__outer:has(.num) .title {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}
.lib-title__outer:has(.num) .num {
    white-space: nowrap;
    margin-right: 10px
}
.lib-title__outer:has([class*=__btn]) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}
:where(.lib-title__btn) {
    margin-top: unset !important
}
.lib-txt__outer>:where(*)~:where(*) {
    margin-top: .8em
}
.lib-toggle+.lib-toggle {
    margin-top: -1px
}
.lib-toggle__outer {
    border-top: var(--GRY) 1px solid;
    border-bottom: var(--GRY) 1px solid
}
.lib-toggle__btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    position: relative;
    text-align: left;
    font-weight: 700;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 1.5;
    min-height: 3rem;
    font-size: 1.125rem;
    pointer-events: none
}
.lib-toggle__btn>.txt {
    position: relative;
    display: block;
    width: 100%;
    padding: 10px 0
}
.lib-toggle__btn[aria-expanded] {
    pointer-events: auto;
    -webkit-transition: .3s;
    transition: .3s
}
.lib-toggle__btn[aria-expanded]>.txt {
    padding-right: 30px
}
.lib-toggle__btn[aria-expanded]>.txt:after,
.lib-toggle__btn[aria-expanded]>.txt:before {
    content: "";
    width: 16px;
    height: 2px;
    background-color: var(--MAIN);
    display: block;
    position: absolute;
    right: 0;
    top: 50%
}
.lib-toggle__btn[aria-expanded]>.txt:after {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s
}
.lib-toggle__btn[aria-expanded=true]>.txt:after {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}
.lib-toggle__panel {
    padding: 0 0 15px;
    margin-top: 0 !important
}
[data-id=editor] .lib-toggle__panel,
body.dcms_editor .lib-toggle__panel,
body.page_mainimage .lib-toggle__panel,
html.is-editor .lib-toggle__panel {
    -webkit-animation: none !important;
    animation: none !important;
    -webkit-transition: none !important;
    transition: none !important;
    opacity: 1 !important;
    -webkit-transform: none !important;
    transform: none !important;
    display: block !important
}
@media print,
screen and (min-width:576px) {
    :target {
        scroll-padding-top: 80px
    }
    .bownow {
        margin-bottom: 1.2rem !important
    }
    .align-items-sm-unset {
        -webkit-box-align: unset !important;
        -ms-flex-align: unset !important;
        align-items: unset !important
    }
    .lib-header__outer.lib-header-BS01 .lib-header__nav {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        margin-left: auto
    }
    .lib-header__outer.lib-header-BS01 .lib-nav__panel .lib-induce__outer.js-header__move {
        display: none
    }
    .lib-header__outer.lib-header-BS01 .lib-induce__outer {
        margin-top: 0;
        width: auto
    }
    .lib-header__outer.lib-header-BS01 .lib-induce__outer>li {
        width: 110px
    }
    .lib-header__outer.lib-header-BS01 .lib-induce__outer>li .lib-induce__btn {
        border-radius: unset
    }
    .lib-header__outer.lib-header-BS01 .lib-induce__btn .txt {
        font-size: .75rem;
        white-space: nowrap
    }
    .lib-header__outer.lib-header-BS01 .lib-induce__btn .txt:before {
        font-size: 1.25rem
    }
    .lib-header__outer.lib-header-BS03 .lib-header__bar {
        height: 100%
    }
    .lib-footer__copyright {
        margin-top: 50px;
        font-size: .75rem
    }
    .lib-footer__outer {
        padding-top: 3rem
    }
    .lib-footer__logo {
        margin: 0
    }
    .lib-footer__nav {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        gap: 5px 24px;
        margin-top: 20px
    }
    .lib-footer__list {
        display: block;
        margin-top: 10px
    }
    .lib-footer__title~li {
        margin-top: 15px
    }
    .lib-footer__title>a {
        background: unset;
        border: none;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-pack: unset;
        -ms-flex-pack: unset;
        justify-content: unset;
        -webkit-box-align: unset;
        -ms-flex-align: unset;
        align-items: unset;
        font-size: 1.125rem;
        padding: 0
    }
    .lib-footer__title>a:where([href$=".pdf"]):after,
    .lib-footer__title>a:where([href^="https://saas.actibookone.com/"]):after,
    .lib-footer__title>a:where([target=_blank]):after {
        margin-top: .4em
    }
    .lib-footer__other {
        border: none;
        margin: 30px -20px 0;
        -webkit-box-shadow: unset;
        box-shadow: unset;
        width: calc(100% + 40px);
        padding: 30px 20px;
        gap: 5px 20px;
        background-color: var(--LGRY);
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    .lib-footer__other>li {
        border: none;
        width: unset
    }
    .lib-footer__other>li:nth-child(odd) {
        border: none
    }
    .lib-footer__other>li a {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex
    }
    .lib-footer__other>li a {
        padding: 0;
        font-size: 1.125rem;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
    .lib-footer__other>li a:before {
        font-family: icons !important;
        speak: none;
        font-style: normal;
        font-weight: 400;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "\ea01";
        margin-right: 5px;
        font-size: .75rem
    }
    .lib-pagetop__btn a {
        right: 15px
    }
    .lib-pagetop__btn a .txt {
        width: 60px;
        height: 60px;
        font-size: .625rem
    }
    .lib-pagetop__btn a .txt:before {
        margin-bottom: 8px
    }
    .lib-pagetop__btn.is-scroll a {
        bottom: 70px
    }
    .lib-pagetop__btn.is-bottom a {
        top: -90px
    }
    .lib-footer__sns {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
    .lib-footer__sns>li>a {
        width: 35px;
        height: 35px
    }
    .lib-footer__sns>li>a:before {
        font-size: 1.25rem
    }
    .lib-footer__outer.lib-footer-BS01 .lib-footer__child>:nth-child(2) .lib-footer__title+.lib-footer__title {
        position: relative
    }
    .lib-footer__outer.lib-footer-BS01 .lib-footer__child>:nth-child(2) .lib-footer__title+.lib-footer__title:before {
        content: "";
        width: 1px;
        height: 70%;
        display: block;
        background-color: var(--DEF);
        position: absolute;
        left: -12px;
        top: 20%
    }
    .lib-footer__outer.lib-footer-BS02 .lib-footer__gnav {
        margin-top: 5px;
        padding-top: 30px;
        border-top: var(--GRY) 1px solid
    }
    .lib-footer__outer.lib-footer-BS02 .lib-footer__info {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-flex: unset;
        -ms-flex: unset;
        flex: unset;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    .lib-footer__outer.lib-footer-BS02 .lib-footer__info {
        padding-bottom: 43px
    }
    .lib-footer__outer.lib-footer-BS02 .lib-footer__logo {
        padding-bottom: 45px
    }
    .lib-footer__outer.lib-footer-BS02 .lib-footer__data {
        margin-top: 0;
        position: relative;
        padding-left: 20px
    }
    .lib-footer__outer.lib-footer-BS02 .lib-footer__data>dl>dd {
        position: relative
    }
    .lib-footer__outer.lib-footer-BS02 .lib-footer__sns {
        position: absolute;
        left: -200px;
        bottom: 0;
        width: 200px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    .lib-footer__outer.lib-footer-BS02 .lib-footer__utility {
        margin-top: 0;
        background-color: var(--DEF);
        padding: 20px
    }
    .lib-footer__outer.lib-footer-BS02 .lib-footer__guidance a {
        color: var(--WHT);
        font-size: .875rem;
        -webkit-transition: .3s;
        transition: .3s
    }
    .lib-footer__outer.lib-footer-BS02 .lib-footer__guidance>li~li:before {
        background-color: var(--WHT)
    }
    .lib-footer__outer.lib-footer-BS02 .lib-footer__copyright {
        margin-top: 5px;
        width: unset;
        padding: 0
    }
    .lib-footer__outer.lib-footer-BS03 .lib-pagetop__btn a {
        right: unset !important;
        left: 50% !important;
        -webkit-transform: translateX(-50%) !important;
        transform: translateX(-50%) !important
    }
    .lib-footer__outer.lib-footer-BS03 .lib-pagetop__btn a .txt {
        background: unset;
        position: relative;
        width: 100px;
        height: 100px;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        padding-top: 16px
    }
    .lib-footer__outer.lib-footer-BS03 .lib-pagetop__btn a .txt .in {
        position: relative;
        z-index: 1
    }
    .lib-footer__outer.lib-footer-BS03 .lib-pagetop__btn a .txt:before {
        content: "";
        width: 100px;
        height: 100px;
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg);
        border-radius: 5px;
        position: absolute;
        left: calc(50% - 50px);
        top: 0;
        background-color: var(--DEF);
        -webkit-transition: top .3s;
        transition: top .3s
    }
    .lib-footer__outer.lib-footer-BS03 .lib-pagetop__btn.is-scroll a {
        bottom: 37px;
        right: auto !important
    }
    .lib-footer__outer.lib-footer-BS03 .lib-pagetop__btn.is-bottom a {
        bottom: -63px
    }
    .lib-footer__outer.lib-footer-BS03 .lib-footer__sns {
        position: absolute;
        right: 20px;
        bottom: 50px;
        z-index: 2
    }
    .lib-footer__outer.lib-footer-BS03 .lib-footer__utility {
        margin-top: 0
    }
    .lib-footer__outer.lib-footer-BS03 .lib-footer__guidance {
        -webkit-box-pack: unset;
        -ms-flex-pack: unset;
        justify-content: unset
    }
    .lib-footer__outer.lib-footer-BS03 .lib-footer__copyright {
        width: unset;
        width: calc(100% + 40px);
        margin: 15px -20px 0
    }
    .lib-cta__phone .num {
        font-size: 2.5rem
    }
    :where(.lib-subnav__list) {
        gap: 1rem;
        margin-right: -1rem
    }
    :where(.lib-subnav__list) li {
        width: calc(50% - 1rem)
    }
    .lib-column__outer .lib-column__side:not(.media-column__side) {
        margin-bottom: calc(120px * -1)
    }
    .lib-breadcrumb__outer {
        font-size: .875rem
    }
    .lib-breadcrumb__outer+*,
    .lib-breadcrumb__outer+.container {
        margin-top: 10px
    }
    .lib-breadcrumb__list {
        padding: 0 .75rem 10px
    }
    .lib-colgrid__outer {
        -webkit-column-gap: .625rem;
        -moz-column-gap: .625rem;
        column-gap: .625rem;
        row-gap: 1.875rem
    }
    .lib-colgrid__outer:where([class*=row-cols-sm-1]) {
        -ms-grid-columns: (minmax(auto, 1fr))[1];
        grid-template-columns: repeat(1, minmax(auto, 1fr))
    }
    .lib-colgrid__outer:where([class*=row-cols-sm-2]) {
        -ms-grid-columns: (minmax(auto, 1fr))[2];
        grid-template-columns: repeat(2, minmax(auto, 1fr))
    }
    .lib-colgrid__outer:where([class*=row-cols-sm-3]) {
        -ms-grid-columns: (minmax(auto, 1fr))[3];
        grid-template-columns: repeat(3, minmax(auto, 1fr))
    }
    .lib-colgrid__outer:where([class*=row-cols-sm-4]) {
        -ms-grid-columns: (minmax(auto, 1fr))[4];
        grid-template-columns: repeat(4, minmax(auto, 1fr))
    }
    .lib-colgrid__outer:where([class*=row-cols-sm-5]) {
        -ms-grid-columns: (minmax(auto, 1fr))[5];
        grid-template-columns: repeat(5, minmax(auto, 1fr))
    }
    .lib-colgrid__outer:where([class*=row-cols-sm-6]) {
        -ms-grid-columns: (minmax(auto, 1fr))[6];
        grid-template-columns: repeat(6, minmax(auto, 1fr))
    }
    .lib-wide__outer {
        margin-left: calc((100vw - 100%)/ 2 * -1);
        margin-right: calc((100vw - 100%)/ 2 * -1);
        padding-left: calc((100vw - 100%)/ 2);
        padding-right: calc((100vw - 100%)/ 2)
    }
    .--fill-box .lib-wide__outer {
        margin-left: -20px;
        margin-right: -20px;
        width: calc(100% + 40px)
    }
    #dcms_layoutPageBlock>.lib-wide__outer:last-child,
    #dcms_layoutPageBlock>:last-child:has(.lib-fv__outer) .lib-wide__outer,
    #dcms_layoutPageBlock>:last-child:has(.lib-wide__outer)>.lib-wide__outer:not(.lib-cnt-006):not(.lib-cnt-007):last-child {
        margin-bottom: calc(120px * -1)
    }
    :where(#wrapper):where([style*="--scroll"]) .lib-wide__outer {
        margin-left: calc((100vw - 100%)/ 2 * -1 + var(--scroll)/ 2);
        margin-right: calc((100vw - 100%)/ 2 * -1 + var(--scroll)/ 2);
        padding-left: calc((100vw - 100%)/ 2 - var(--scroll)/ 2);
        padding-right: calc((100vw - 100%)/ 2 - var(--scroll)/ 2)
    }
    :where(#wrapper):where([style*="--scroll"]) .lib-wide__outer.--full {
        padding-left: 0;
        padding-right: 0
    }
    :where(#wrapper):where([style*="--scroll"]) :where(.--fill-box) .lib-wide__outer {
        margin-left: -20px;
        margin-right: -20px;
        width: calc(100% + 40px);
        padding-left: 20px;
        padding-right: 20px
    }
    #contents {
        padding: 3rem .75rem 120px
    }
    #contents {
        max-width: 540px
    }
    .lib-column__outer .lib-column__side {
        margin-top: 120px
    }
    .--fill-box {
        padding: 30px 20px
    }
    .fs-sm-10 {
        font-size: .625rem
    }
    .fs-sm-12 {
        font-size: .75rem
    }
    .fs-sm-14 {
        font-size: .875rem
    }
    .fs-sm-16 {
        font-size: 1rem
    }
    .fs-sm-18 {
        font-size: 1.125rem
    }
    .fs-sm-20 {
        font-size: 1.25rem
    }
    .fs-sm-22 {
        font-size: 1.375rem
    }
    .fs-sm-24 {
        font-size: 1.5rem
    }
    .fs-sm-26 {
        font-size: 1.625rem
    }
    .fs-sm-28 {
        font-size: 1.75rem
    }
    .fs-sm-30 {
        font-size: 1.875rem
    }
    .fs-sm-32 {
        font-size: 2rem
    }
    .fs-sm-34 {
        font-size: 2.125rem
    }
    .fs-sm-36 {
        font-size: 2.25rem
    }
    .fs-sm-38 {
        font-size: 2.375rem
    }
    .fs-sm-40 {
        font-size: 2.5rem
    }
    .lib-form__address:has([class*=zip]) .lib-form__input {
        max-width: 300px
    }
    :where(select) {
        max-width: 320px
    }
    .lib-gallery__arr:after {
        font-size: 1.125rem
    }
    .lib-btn__outer.--grid :where(.lib-link__btn),
    [class*=row-cols] :where(.lib-link__btn) {
        min-width: unset;
        max-width: unset
    }
    .max-sm-unset {
        max-width: unset !important
    }
    .max-sm-100 {
        max-width: 100px
    }
    .max-sm-110 {
        max-width: 110px
    }
    .max-sm-120 {
        max-width: 120px
    }
    .max-sm-130 {
        max-width: 130px
    }
    .max-sm-140 {
        max-width: 140px
    }
    .max-sm-150 {
        max-width: 150px
    }
    .max-sm-160 {
        max-width: 160px
    }
    .max-sm-170 {
        max-width: 170px
    }
    .max-sm-180 {
        max-width: 180px
    }
    .max-sm-190 {
        max-width: 190px
    }
    .max-sm-200 {
        max-width: 200px
    }
    .max-sm-210 {
        max-width: 210px
    }
    .max-sm-220 {
        max-width: 220px
    }
    .max-sm-230 {
        max-width: 230px
    }
    .max-sm-240 {
        max-width: 240px
    }
    .max-sm-250 {
        max-width: 250px
    }
    .max-sm-260 {
        max-width: 260px
    }
    .max-sm-270 {
        max-width: 270px
    }
    .max-sm-280 {
        max-width: 280px
    }
    .max-sm-290 {
        max-width: 290px
    }
    .max-sm-300 {
        max-width: 300px
    }
    .max-sm-310 {
        max-width: 310px
    }
    .max-sm-320 {
        max-width: 320px
    }
    .max-sm-330 {
        max-width: 330px
    }
    .max-sm-340 {
        max-width: 340px
    }
    .max-sm-350 {
        max-width: 350px
    }
    .max-sm-360 {
        max-width: 360px
    }
    .max-sm-370 {
        max-width: 370px
    }
    .max-sm-380 {
        max-width: 380px
    }
    .max-sm-390 {
        max-width: 390px
    }
    .max-sm-400 {
        max-width: 400px
    }
    .max-sm-410 {
        max-width: 410px
    }
    .max-sm-420 {
        max-width: 420px
    }
    .max-sm-430 {
        max-width: 430px
    }
    .max-sm-440 {
        max-width: 440px
    }
    .max-sm-450 {
        max-width: 450px
    }
    .max-sm-460 {
        max-width: 460px
    }
    .max-sm-470 {
        max-width: 470px
    }
    .max-sm-480 {
        max-width: 480px
    }
    .max-sm-490 {
        max-width: 490px
    }
    .max-sm-500 {
        max-width: 500px
    }
    .max-sm-510 {
        max-width: 510px
    }
    .max-sm-520 {
        max-width: 520px
    }
    .max-sm-530 {
        max-width: 530px
    }
    .max-sm-540 {
        max-width: 540px
    }
    .max-sm-550 {
        max-width: 550px
    }
    .max-sm-560 {
        max-width: 560px
    }
    .max-sm-570 {
        max-width: 570px
    }
    .max-sm-580 {
        max-width: 580px
    }
    .max-sm-590 {
        max-width: 590px
    }
    .max-sm-600 {
        max-width: 600px
    }
    .lib-swiper__pagination {
        margin-top: 30px
    }
    :where(.t-sm-start) {
        text-align: left
    }
    :where(.t-sm-center) {
        text-align: center
    }
    :where(.t-sm-end) {
        text-align: right
    }
    :where(h2):not([class])[style*=center]:before {
        margin-top: 1rem
    }
    :where(h3):not([class])[style*=center] {
        padding-bottom: 1rem
    }
    .lib-title__outer.--typeA :where(.title).text-center:before,
    .lib-title__outer.--typeA :where(.title)[style*=center]:before {
        margin-top: 1rem
    }
    .lib-title__outer.--typeC :where(.title).text-center,
    .lib-title__outer.--typeC :where(.title)[style*=center] {
        padding-bottom: 1rem
    }
}
@media print,
screen and (min-width:576px) and (min-width:992px) {
    .lib-footer__outer.lib-footer-BS01 .lib-footer__child>:nth-child(2) .lib-footer__title+.lib-footer__title:before {
        display: none
    }
}
@media print and (hover:hover) and (pointer:fine),
screen and (min-width:576px) and (min-width:768px) and (hover:hover) and (pointer:fine) {
    .lib-footer__outer.lib-footer-BS02 .lib-footer__guidance a:hover {
        color: var(--WHT)
    }
}
@media print and (hover:hover) and (pointer:fine),
screen and (min-width:768px) and (hover:hover) and (pointer:fine) {
    :where(a):hover img {
        opacity: .8
    }
    :where(a):where(:not([class*=lib-])):where(:not([class*=hover-])):hover {
        color: var(--LINK)
    }
    :where(a.hover-text-underline):hover {
        text-decoration: underline;
        color: var(--LINK)
    }
    :where(a.hover-text-underline):has(.txt):hover {
        text-decoration: none
    }
    :where(a.hover-text-underline):has(.txt):hover .txt {
        text-decoration: underline
    }
    .lib-menu__btn:hover {
        background-color: var(--MAIN)
    }
    .lib-induce__btn:hover {
        background-color: var(--WHT);
        border-color: var(--MAIN);
        color: var(--MAIN)
    }
    a:hover .lib-induce__btn {
        background-color: var(--WHT);
        border-color: var(--MAIN);
        color: var(--MAIN)
    }
    .lib-lang__outer li a:hover {
        background-color: var(--LMAIN)
    }
    .lib-search__btn:hover:before {
        color: var(--WHT)
    }
    .lib-child__item>a:hover {
        color: var(--MAIN)
    }
    .lib-child__item>a:hover .txt {
        text-decoration: underline
    }
    .lib-gchild__list>li>a:hover {
        text-decoration: underline
    }
    .lib-header__outer.typeN .lib-menu__btn:hover:after {
        opacity: 1
    }
    .lib-header__outer.lib-header-BS01 .lib-search__btn:hover {
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
        background-color: var(--MAIN);
        color: var(--WHT)
    }
    .lib-header__outer.lib-header-BS02 .lib-search__btn:hover {
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
        background-color: var(--MAIN);
        color: var(--WHT)
    }
    .lib-footer__title>a:hover {
        text-decoration: underline;
        color: var(--MAIN)
    }
    .lib-footer__item>a:hover {
        text-decoration: underline;
        color: var(--MAIN)
    }
    .lib-footer__other>li a:hover .txt {
        text-decoration: underline
    }
    .lib-footer__sns>li>a:hover {
        color: var(--DEF);
        background-color: var(--WHT)
    }
    .lib-footer__guidance a:hover {
        text-decoration: underline
    }
    .lib-footer__outer.lib-footer-BS03 .lib-pagetop__btn a:hover {
        opacity: 1 !important
    }
    .lib-footer__outer.lib-footer-BS03 .lib-pagetop__btn a:hover .txt:before {
        top: -10px
    }
    :where(.lib-subnav__title) a:hover {
        text-decoration: underline
    }
    :where(.lib-subnav__list) a:hover {
        color: var(--MAIN)
    }
    .lib-fixed__close:hover {
        background-color: var(--WHT)
    }
    .lib-fixed__close:hover:before {
        color: var(--MAIN)
    }
    .lib-anchor__list .lib-link__btn:hover .txt:after {
        -webkit-transform: translateY(5px);
        transform: translateY(5px)
    }
    :where(a.badge).bg-def:hover,
    :where(a.chip).bg-def:hover {
        color: var(--DEF);
        background-color: var(--WHT)
    }
    :where(a.badge).bg-main:hover,
    :where(a.chip).bg-main:hover {
        color: var(--MAIN);
        background-color: var(--WHT)
    }
    :where(a.badge).bg-accent:hover,
    :where(a.chip).bg-accent:hover {
        color: var(--ACC);
        background-color: var(--WHT)
    }
    :where(a.badge).bg-other:hover,
    :where(a.chip).bg-other:hover {
        color: var(--OTH);
        background-color: var(--WHT)
    }
    :where(a.badge).bg-link:hover,
    :where(a.chip).bg-link:hover {
        color: var(--LINK);
        background-color: var(--WHT)
    }
    :where(a.badge).bg-gry:hover,
    :where(a.chip).bg-gry:hover {
        color: var(--GRY);
        background-color: var(--WHT)
    }
    :where(a.badge).bg-dgry:hover,
    :where(a.chip).bg-dgry:hover {
        color: var(--DGRY);
        background-color: var(--WHT)
    }
    :where(a.badge).bg-lgry:hover,
    :where(a.chip).bg-lgry:hover {
        color: var(--LGRY);
        background-color: var(--WHT)
    }
    :where(a.badge).bg-wht:hover,
    :where(a.chip).bg-wht:hover {
        color: var(--WHT);
        background-color: var(--WHT)
    }
    :where(a.badge).bg-lmain:hover,
    :where(a.chip).bg-lmain:hover {
        color: var(--LMAIN);
        background-color: var(--WHT)
    }
    :where(a.badge).bg-laccent:hover,
    :where(a.chip).bg-laccent:hover {
        color: var(--LACC);
        background-color: var(--WHT)
    }
    :where(a.badge).bg-lother:hover,
    :where(a.chip).bg-lother:hover {
        color: var(--LOTH);
        background-color: var(--WHT)
    }
    :where(a.badge).border-def:hover,
    :where(a.chip).border-def:hover {
        background-color: var(--DEF);
        color: var(--WHT)
    }
    :where(a.badge).border-main:hover,
    :where(a.chip).border-main:hover {
        background-color: var(--MAIN);
        color: var(--WHT)
    }
    :where(a.badge).border-accent:hover,
    :where(a.chip).border-accent:hover {
        background-color: var(--ACC);
        color: var(--WHT)
    }
    :where(a.badge).border-other:hover,
    :where(a.chip).border-other:hover {
        background-color: var(--OTH);
        color: var(--WHT)
    }
    :where(a.badge).border-link:hover,
    :where(a.chip).border-link:hover {
        background-color: var(--LINK);
        color: var(--WHT)
    }
    :where(a.badge).border-gry:hover,
    :where(a.chip).border-gry:hover {
        background-color: var(--GRY);
        color: var(--WHT)
    }
    :where(a.badge).border-dgry:hover,
    :where(a.chip).border-dgry:hover {
        background-color: var(--DGRY);
        color: var(--WHT)
    }
    :where(a.badge).border-lgry:hover,
    :where(a.chip).border-lgry:hover {
        background-color: var(--LGRY);
        color: var(--WHT)
    }
    :where(a.badge).border-wht:hover,
    :where(a.chip).border-wht:hover {
        background-color: var(--WHT);
        color: var(--WHT)
    }
    :where(a.badge).border-lmain:hover,
    :where(a.chip).border-lmain:hover {
        background-color: var(--LMAIN);
        color: var(--WHT)
    }
    :where(a.badge).border-laccent:hover,
    :where(a.chip).border-laccent:hover {
        background-color: var(--LACC);
        color: var(--WHT)
    }
    :where(a.badge).border-lother:hover,
    :where(a.chip).border-lother:hover {
        background-color: var(--LOTH);
        color: var(--WHT)
    }
    .lib-card__txtarea a:hover .lib-media__title {
        color: var(--MAIN)
    }
    a.lib-card__item:hover .lib-card__title {
        color: var(--MAIN);
        text-decoration: underline
    }
    .bg-def[class*=__btn]:hover {
        background-color: var(--WHT);
        border-color: var(--DEF);
        color: var(--DEF)
    }
    a:hover .bg-def[class*=__btn] {
        background-color: var(--WHT);
        border-color: var(--DEF);
        color: var(--DEF)
    }
    .bg-main[class*=__btn]:hover {
        background-color: var(--WHT);
        border-color: var(--MAIN);
        color: var(--MAIN)
    }
    a:hover .bg-main[class*=__btn] {
        background-color: var(--WHT);
        border-color: var(--MAIN);
        color: var(--MAIN)
    }
    .bg-accent[class*=__btn]:hover {
        background-color: var(--WHT);
        border-color: var(--ACC);
        color: var(--ACC)
    }
    a:hover .bg-accent[class*=__btn] {
        background-color: var(--WHT);
        border-color: var(--ACC);
        color: var(--ACC)
    }
    .bg-other[class*=__btn]:hover {
        background-color: var(--WHT);
        border-color: var(--OTH);
        color: var(--OTH)
    }
    a:hover .bg-other[class*=__btn] {
        background-color: var(--WHT);
        border-color: var(--OTH);
        color: var(--OTH)
    }
    .bg-link[class*=__btn]:hover {
        background-color: var(--WHT);
        border-color: var(--LINK);
        color: var(--LINK)
    }
    a:hover .bg-link[class*=__btn] {
        background-color: var(--WHT);
        border-color: var(--LINK);
        color: var(--LINK)
    }
    .bg-gry[class*=__btn]:hover {
        background-color: var(--WHT);
        border-color: var(--GRY);
        color: var(--DEF)
    }
    a:hover .bg-gry[class*=__btn] {
        background-color: var(--WHT);
        border-color: var(--GRY);
        color: var(--DEF)
    }
    .bg-dgry[class*=__btn]:hover {
        background-color: var(--WHT);
        border-color: var(--DGRY);
        color: var(--DGRY)
    }
    a:hover .bg-dgry[class*=__btn] {
        background-color: var(--WHT);
        border-color: var(--DGRY);
        color: var(--DGRY)
    }
    .bg-lgry[class*=__btn]:hover {
        background-color: var(--WHT);
        border-color: var(--GRY);
        color: var(--DEF)
    }
    a:hover .bg-lgry[class*=__btn] {
        background-color: var(--WHT);
        border-color: var(--GRY);
        color: var(--DEF)
    }
    .bg-wht[class*=__btn]:hover {
        background-color: var(--MAIN);
        border-color: var(--MAIN);
        color: var(--WHT)
    }
    a:hover .bg-wht[class*=__btn] {
        background-color: var(--MAIN);
        border-color: var(--MAIN);
        color: var(--WHT)
    }
    .bg-lmain[class*=__btn]:hover {
        background-color: var(--WHT);
        border-color: var(--MAIN);
        color: var(--MAIN)
    }
    a:hover .bg-lmain[class*=__btn] {
        background-color: var(--WHT);
        border-color: var(--MAIN);
        color: var(--MAIN)
    }
    .bg-laccent[class*=__btn]:hover {
        background-color: var(--WHT);
        border-color: var(--ACC);
        color: var(--ACC)
    }
    a:hover .bg-laccent[class*=__btn] {
        background-color: var(--WHT);
        border-color: var(--ACC);
        color: var(--ACC)
    }
    .bg-lother[class*=__btn]:hover {
        background-color: var(--WHT);
        border-color: var(--OTH);
        color: var(--OTH)
    }
    a:hover .bg-lother[class*=__btn] {
        background-color: var(--WHT);
        border-color: var(--OTH);
        color: var(--OTH)
    }
    .text-hover-def:hover {
        color: var(--DEF) !important
    }
    .text-hover-def:hover .lib-card__title,
    .text-hover-def:hover .txt {
        color: var(--DEF) !important
    }
    .text-hover-def:hover:has(a) a {
        color: var(--DEF) !important
    }
    .text-hover-def:hover:has(a) a .txt {
        color: var(--DEF) !important
    }
    .text-hover-main:hover {
        color: var(--MAIN) !important
    }
    .text-hover-main:hover .lib-card__title,
    .text-hover-main:hover .txt {
        color: var(--MAIN) !important
    }
    .text-hover-main:hover:has(a) a {
        color: var(--MAIN) !important
    }
    .text-hover-main:hover:has(a) a .txt {
        color: var(--MAIN) !important
    }
    .text-hover-accent:hover {
        color: var(--ACC) !important
    }
    .text-hover-accent:hover .lib-card__title,
    .text-hover-accent:hover .txt {
        color: var(--ACC) !important
    }
    .text-hover-accent:hover:has(a) a {
        color: var(--ACC) !important
    }
    .text-hover-accent:hover:has(a) a .txt {
        color: var(--ACC) !important
    }
    .text-hover-other:hover {
        color: var(--OTH) !important
    }
    .text-hover-other:hover .lib-card__title,
    .text-hover-other:hover .txt {
        color: var(--OTH) !important
    }
    .text-hover-other:hover:has(a) a {
        color: var(--OTH) !important
    }
    .text-hover-other:hover:has(a) a .txt {
        color: var(--OTH) !important
    }
    .text-hover-link:hover {
        color: var(--LINK) !important
    }
    .text-hover-link:hover .lib-card__title,
    .text-hover-link:hover .txt {
        color: var(--LINK) !important
    }
    .text-hover-link:hover:has(a) a {
        color: var(--LINK) !important
    }
    .text-hover-link:hover:has(a) a .txt {
        color: var(--LINK) !important
    }
    .text-hover-gry:hover {
        color: var(--GRY) !important
    }
    .text-hover-gry:hover .lib-card__title,
    .text-hover-gry:hover .txt {
        color: var(--GRY) !important
    }
    .text-hover-gry:hover:has(a) a {
        color: var(--GRY) !important
    }
    .text-hover-gry:hover:has(a) a .txt {
        color: var(--GRY) !important
    }
    .text-hover-dgry:hover {
        color: var(--DGRY) !important
    }
    .text-hover-dgry:hover .lib-card__title,
    .text-hover-dgry:hover .txt {
        color: var(--DGRY) !important
    }
    .text-hover-dgry:hover:has(a) a {
        color: var(--DGRY) !important
    }
    .text-hover-dgry:hover:has(a) a .txt {
        color: var(--DGRY) !important
    }
    .text-hover-lgry:hover {
        color: var(--LGRY) !important
    }
    .text-hover-lgry:hover .lib-card__title,
    .text-hover-lgry:hover .txt {
        color: var(--LGRY) !important
    }
    .text-hover-lgry:hover:has(a) a {
        color: var(--LGRY) !important
    }
    .text-hover-lgry:hover:has(a) a .txt {
        color: var(--LGRY) !important
    }
    .text-hover-wht:hover {
        color: var(--WHT) !important
    }
    .text-hover-wht:hover .lib-card__title,
    .text-hover-wht:hover .txt {
        color: var(--WHT) !important
    }
    .text-hover-wht:hover:has(a) a {
        color: var(--WHT) !important
    }
    .text-hover-wht:hover:has(a) a .txt {
        color: var(--WHT) !important
    }
    .text-hover-lmain:hover {
        color: var(--LMAIN) !important
    }
    .text-hover-lmain:hover .lib-card__title,
    .text-hover-lmain:hover .txt {
        color: var(--LMAIN) !important
    }
    .text-hover-lmain:hover:has(a) a {
        color: var(--LMAIN) !important
    }
    .text-hover-lmain:hover:has(a) a .txt {
        color: var(--LMAIN) !important
    }
    .text-hover-laccent:hover {
        color: var(--LACC) !important
    }
    .text-hover-laccent:hover .lib-card__title,
    .text-hover-laccent:hover .txt {
        color: var(--LACC) !important
    }
    .text-hover-laccent:hover:has(a) a {
        color: var(--LACC) !important
    }
    .text-hover-laccent:hover:has(a) a .txt {
        color: var(--LACC) !important
    }
    .text-hover-lother:hover {
        color: var(--LOTH) !important
    }
    .text-hover-lother:hover .lib-card__title,
    .text-hover-lother:hover .txt {
        color: var(--LOTH) !important
    }
    .text-hover-lother:hover:has(a) a {
        color: var(--LOTH) !important
    }
    .text-hover-lother:hover:has(a) a .txt {
        color: var(--LOTH) !important
    }
    .border-def[class*=__btn]:hover {
        background-color: var(--WHT);
        border-color: var(--DEF);
        color: var(--DEF)
    }
    a:hover .border-def[class*=__btn] {
        background-color: var(--WHT);
        border-color: var(--DEF);
        color: var(--DEF)
    }
    .border-def[class*=__btn].bg-wht:hover {
        border-color: var(--DEF);
        background-color: var(--DEF);
        color: var(--WHT)
    }
    a:hover .border-def[class*=__btn].bg-wht {
        border-color: var(--DEF);
        background-color: var(--DEF);
        color: var(--WHT)
    }
    .border-main[class*=__btn]:hover {
        background-color: var(--WHT);
        border-color: var(--MAIN);
        color: var(--MAIN)
    }
    a:hover .border-main[class*=__btn] {
        background-color: var(--WHT);
        border-color: var(--MAIN);
        color: var(--MAIN)
    }
    .border-main[class*=__btn].bg-wht:hover {
        border-color: var(--MAIN);
        background-color: var(--MAIN);
        color: var(--WHT)
    }
    a:hover .border-main[class*=__btn].bg-wht {
        border-color: var(--MAIN);
        background-color: var(--MAIN);
        color: var(--WHT)
    }
    .border-accent[class*=__btn]:hover {
        background-color: var(--WHT);
        border-color: var(--ACC);
        color: var(--ACC)
    }
    a:hover .border-accent[class*=__btn] {
        background-color: var(--WHT);
        border-color: var(--ACC);
        color: var(--ACC)
    }
    .border-accent[class*=__btn].bg-wht:hover {
        border-color: var(--ACC);
        background-color: var(--ACC);
        color: var(--WHT)
    }
    a:hover .border-accent[class*=__btn].bg-wht {
        border-color: var(--ACC);
        background-color: var(--ACC);
        color: var(--WHT)
    }
    .border-other[class*=__btn]:hover {
        background-color: var(--WHT);
        border-color: var(--OTH);
        color: var(--OTH)
    }
    a:hover .border-other[class*=__btn] {
        background-color: var(--WHT);
        border-color: var(--OTH);
        color: var(--OTH)
    }
    .border-other[class*=__btn].bg-wht:hover {
        border-color: var(--OTH);
        background-color: var(--OTH);
        color: var(--WHT)
    }
    a:hover .border-other[class*=__btn].bg-wht {
        border-color: var(--OTH);
        background-color: var(--OTH);
        color: var(--WHT)
    }
    .border-link[class*=__btn]:hover {
        background-color: var(--WHT);
        border-color: var(--LINK);
        color: var(--LINK)
    }
    a:hover .border-link[class*=__btn] {
        background-color: var(--WHT);
        border-color: var(--LINK);
        color: var(--LINK)
    }
    .border-link[class*=__btn].bg-wht:hover {
        border-color: var(--LINK);
        background-color: var(--LINK);
        color: var(--WHT)
    }
    a:hover .border-link[class*=__btn].bg-wht {
        border-color: var(--LINK);
        background-color: var(--LINK);
        color: var(--WHT)
    }
    .border-gry[class*=__btn]:hover {
        background-color: var(--WHT);
        border-color: var(--GRY);
        color: var(--DEF)
    }
    a:hover .border-gry[class*=__btn] {
        background-color: var(--WHT);
        border-color: var(--GRY);
        color: var(--DEF)
    }
    .border-gry[class*=__btn].bg-wht:hover {
        border-color: var(--GRY);
        background-color: var(--GRY);
        color: var(--DEF)
    }
    a:hover .border-gry[class*=__btn].bg-wht {
        border-color: var(--GRY);
        background-color: var(--GRY);
        color: var(--DEF)
    }
    .border-dgry[class*=__btn]:hover {
        background-color: var(--WHT);
        border-color: var(--DGRY);
        color: var(--DGRY)
    }
    a:hover .border-dgry[class*=__btn] {
        background-color: var(--WHT);
        border-color: var(--DGRY);
        color: var(--DGRY)
    }
    .border-dgry[class*=__btn].bg-wht:hover {
        border-color: var(--DGRY);
        background-color: var(--DGRY);
        color: var(--WHT)
    }
    a:hover .border-dgry[class*=__btn].bg-wht {
        border-color: var(--DGRY);
        background-color: var(--DGRY);
        color: var(--WHT)
    }
    .border-lgry[class*=__btn]:hover {
        background-color: var(--WHT);
        border-color: var(--GRY);
        color: var(--DEF)
    }
    a:hover .border-lgry[class*=__btn] {
        background-color: var(--WHT);
        border-color: var(--GRY);
        color: var(--DEF)
    }
    .border-lgry[class*=__btn].bg-wht:hover {
        border-color: var(--LGRY);
        background-color: var(--LGRY);
        color: var(--DEF)
    }
    a:hover .border-lgry[class*=__btn].bg-wht {
        border-color: var(--LGRY);
        background-color: var(--LGRY);
        color: var(--DEF)
    }
    .border-wht[class*=__btn]:hover {
        background-color: var(--MAIN);
        border-color: var(--MAIN);
        color: var(--WHT)
    }
    a:hover .border-wht[class*=__btn] {
        background-color: var(--MAIN);
        border-color: var(--MAIN);
        color: var(--WHT)
    }
    .border-wht[class*=__btn].bg-wht:hover {
        border-color: var(--MAIN);
        background-color: var(--MAIN);
        color: var(--WHT)
    }
    a:hover .border-wht[class*=__btn].bg-wht {
        border-color: var(--MAIN);
        background-color: var(--MAIN);
        color: var(--WHT)
    }
    .border-lmain[class*=__btn]:hover {
        background-color: var(--WHT);
        border-color: var(--MAIN);
        color: var(--MAIN)
    }
    a:hover .border-lmain[class*=__btn] {
        background-color: var(--WHT);
        border-color: var(--MAIN);
        color: var(--MAIN)
    }
    .border-lmain[class*=__btn].bg-wht:hover {
        border-color: var(--LMAIN);
        background-color: var(--LMAIN);
        color: var(--MAIN)
    }
    a:hover .border-lmain[class*=__btn].bg-wht {
        border-color: var(--LMAIN);
        background-color: var(--LMAIN);
        color: var(--MAIN)
    }
    .border-laccent[class*=__btn]:hover {
        background-color: var(--WHT);
        border-color: var(--ACC);
        color: var(--ACC)
    }
    a:hover .border-laccent[class*=__btn] {
        background-color: var(--WHT);
        border-color: var(--ACC);
        color: var(--ACC)
    }
    .border-laccent[class*=__btn].bg-wht:hover {
        border-color: var(--LACC);
        background-color: var(--LACC);
        color: var(--ACC)
    }
    a:hover .border-laccent[class*=__btn].bg-wht {
        border-color: var(--LACC);
        background-color: var(--LACC);
        color: var(--ACC)
    }
    .border-lother[class*=__btn]:hover {
        background-color: var(--WHT);
        border-color: var(--OTH);
        color: var(--OTH)
    }
    a:hover .border-lother[class*=__btn] {
        background-color: var(--WHT);
        border-color: var(--OTH);
        color: var(--OTH)
    }
    .border-lother[class*=__btn].bg-wht:hover {
        border-color: var(--LOTH);
        background-color: var(--LOTH);
        color: var(--OTH)
    }
    a:hover .border-lother[class*=__btn].bg-wht {
        border-color: var(--LOTH);
        background-color: var(--LOTH);
        color: var(--OTH)
    }
    :where(input[type=button]):hover,
    :where(input[type=submit]):hover {
        background-color: var(--WHT);
        border-color: var(--MAIN);
        color: var(--MAIN)
    }
    a:hover :where(input[type=button]),
    a:hover :where(input[type=submit]) {
        background-color: var(--WHT);
        border-color: var(--MAIN);
        color: var(--MAIN)
    }
    .lib-input__file-label:hover {
        background-color: var(--WHT);
        color: var(--MAIN)
    }
    .lib-gallery__btn:hover img {
        opacity: .8
    }
    .lib-gallery__arr:hover:after {
        color: var(--MAIN)
    }
    .lib-gallery__next:hover:after {
        padding-left: 5px
    }
    :where(.lib-link__arr) a:hover,
    :where(a.lib-link__arr):hover {
        text-decoration: underline
    }
    :where(.lib-link__btn):hover {
        background-color: var(--WHT);
        color: var(--MAIN)
    }
    a:hover :where(.lib-link__btn) {
        background-color: var(--WHT);
        color: var(--MAIN)
    }
    :where(a):has(img):where([href$=".pdf"]):hover,
    :where(a):has(img):where([href^="https://saas.actibookone.com/"]):hover,
    :where(a):has(img):where([target=_blank]):hover {
        text-decoration: none !important
    }
    :where(a):has(.txt):hover {
        text-decoration: none !important
    }
    :where(a):has(.txt):hover :where(.txt) {
        text-decoration: underline
    }
    .lib-recommend__list>li>a:hover {
        text-decoration: underline
    }
    .lib-recommend__list>li>a:hover .txt {
        text-decoration: underline
    }
    :where(.lib-pager__list) :where(.lib-pager__item) a:hover {
        background: 0 0;
        border-color: var(--MAIN);
        color: var(--MAIN)
    }
    :where(.lib-pager__list) :where(.lib-pager__next) a:hover,
    :where(.lib-pager__list) :where(.lib-pager__prev) a:hover {
        background: 0 0;
        color: var(--MAIN)
    }
    :where(.lib-pager__list) :where(.lib-pager__prev) a:hover:before {
        -webkit-transform: translateX(-5px) rotate(-135deg);
        transform: translateX(-5px) rotate(-135deg)
    }
    :where(.lib-pager__list) :where(.lib-pager__next) a:hover:before {
        -webkit-transform: translateX(5px) rotate(45deg);
        transform: translateX(5px) rotate(45deg)
    }
    .lib-media__tag a:hover {
        text-decoration: underline
    }
    .swiper-pagination-bullet:hover {
        border-color: var(--MAIN)
    }
    .lib-swiper__btn:hover {
        background-color: #fff
    }
    .lib-swiper__btn:hover:after {
        color: var(--MAIN)
    }
    .lib-swiper__player>button:hover {
        background-color: var(--LGRY)
    }
    .lib-tab__btn:hover {
        background-color: var(--WHT)
    }
    .lib-toggle__btn[aria-expanded]:hover {
        background-color: var(--LMAIN)
    }
}
@media print,
screen and (min-width:768px) {
    .row.row.--inline .col {
        width: unset !important
    }
    .align-items-md-unset {
        -webkit-box-align: unset !important;
        -ms-flex-align: unset !important;
        align-items: unset !important
    }
    .lib-footer__container>*~* {
        margin-top: 0
    }
    .lib-footer__nav {
        -webkit-box-pack: unset;
        -ms-flex-pack: unset;
        justify-content: unset
    }
    .lib-footer__other {
        background: unset;
        -webkit-box-pack: unset;
        -ms-flex-pack: unset;
        justify-content: unset;
        padding: 0 20px;
        margin-top: 50px
    }
    .lib-pagetop__btn.is-scroll a {
        -webkit-transition: opacity .3s;
        transition: opacity .3s;
        -webkit-transition: .3s;
        transition: .3s
    }
    .lib-footer__outer.lib-footer-BS01 .lib-footer__sns {
        margin-top: 30px
    }
    .lib-footer__outer.lib-footer-BS01 .lib-footer__guidance {
        position: absolute;
        left: 0;
        bottom: 12px;
        -webkit-box-pack: unset;
        -ms-flex-pack: unset;
        justify-content: unset
    }
    .lib-footer__outer.lib-footer-BS02 .lib-footer__logo {
        padding-bottom: 0
    }
    .lib-footer__outer.lib-footer-BS02 .lib-footer__data {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: calc(100% - 200px)
    }
    .lib-footer__outer.lib-footer-BS02 .lib-footer__phone {
        margin-top: 0;
        padding-left: 30px;
        white-space: nowrap
    }
    .lib-footer__outer.lib-footer-BS02 .lib-footer__sns {
        margin-top: 0;
        position: static;
        width: unset;
        margin-left: auto;
        padding-left: 30px
    }
    .lib-footer__outer.lib-footer-BS02 .lib-footer__utility {
        margin-top: 50px
    }
    .lib-footer__outer.lib-footer-BS02 .lib-footer__utility .wrap {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        gap: 20px
    }
    .lib-footer__outer.lib-footer-BS02 .lib-footer__copyright {
        margin-top: 0
    }
    #wrapper:has(.lib-cta-BS03):has(.lib-footer-BS03) .lib-cta-BS03 .lib-cta-BS03__col {
        padding-bottom: 80px
    }
    #wrapper:has(.lib-cta-BS03):has(.lib-footer-BS03) .lib-footer__sns>li>a {
        border-color: #fff;
        background: #fff;
        color: var(--DEF);
        -webkit-transition: .3s;
        transition: .3s
    }
    .lib-footer__outer.lib-footer-BS03 .lib-pagetop__btn.is-bottom a {
        bottom: 38px
    }
    .lib-footer__outer.lib-footer-BS03 .lib-footer__sns {
        bottom: 72px
    }
    .lib-footer__outer.lib-footer-BS03 .lib-footer__utility {
        background-color: var(--DEF);
        padding: 20px 0
    }
    .lib-footer__outer.lib-footer-BS03 .lib-footer__utility .wrap {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        gap: 20px
    }
    .lib-footer__outer.lib-footer-BS03 .lib-footer__guidance a {
        color: var(--WHT);
        font-size: .875rem;
        -webkit-transition: .3s;
        transition: .3s
    }
    .lib-footer__outer.lib-footer-BS03 .lib-footer__guidance>li~li:before {
        background-color: var(--WHT)
    }
    .lib-footer__outer.lib-footer-BS03 .lib-footer__copyright {
        width: unset;
        margin: 0;
        padding: 0
    }
    #wrapper:has(.lib-footer-BS03) .lib-cta-BS01 {
        margin-bottom: -60px;
        padding-bottom: calc(6rem + 60px)
    }
    .lib-cta__phone {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
    .lib-cta__phone>dd {
        padding-left: 30px
    }
    .lib-cta-BS03>.row {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 50% 50%;
        grid-template-columns: 50% 50%;
        -ms-grid-rows: 1fr auto;
        grid-template-rows: 1fr auto
    }
    .lib-cta-BS03__col {
        -ms-grid-rows: subgrid;
        grid-template-rows: subgrid;
        grid-row: span 2;
        width: 100%;
        display: -ms-grid;
        display: grid
    }
    .lib-cta-BS03__col:nth-child(1) .lib-cta-BS03__box {
        -ms-grid-rows: subgrid;
        grid-template-rows: subgrid;
        margin-left: auto;
        margin-right: unset
    }
    .lib-cta-BS03__col:nth-child(2) .lib-cta-BS03__box {
        margin-right: auto;
        margin-left: unset
    }
    .lib-cta-BS03__box {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1
    }
    .lib-cta-BS03__box.bg-white {
        padding: 20px;
        -webkit-box-flex: unset;
        -ms-flex: unset;
        flex: unset;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        row-gap: 30px
    }
    .lib-cta-BS03__box .lib-btn__outer {
        margin-top: auto
    }
    #wrapper:has(.lib-footer-BS03) .lib-cta-BS04 {
        margin-bottom: -60px;
        padding-bottom: calc(3rem + 60px)
    }
    #wrapper:has(.lib-footer-BS03) .lib-cta-BS05 {
        margin-bottom: -60px;
        padding-bottom: 60px
    }
    :where(.lib-subnav__title) {
        font-size: 2rem
    }
    :where(.lib-subnav__list) {
        gap: 1rem 4rem
    }
    :where(.lib-subnav__list) li {
        width: auto
    }
    :where(.lib-subnav__list) ul {
        margin-right: unset
    }
    .lib-anchor__list .lib-link__btn {
        font-size: 1rem
    }
    .lib-anchor__list .lib-link__btn[class*=justify-content-][class*=ico-after-]>.txt.justify-content-md-center {
        padding-left: 20px;
        padding-right: 20px
    }
    :where(.lib-card__item)[class*=bg-] .lib-card__txtarea,
    :where(.lib-card__item)[class*=border] .lib-card__txtarea {
        padding: 3rem
    }
    .row :where(.lib-card__item)[class*=bg-] .lib-card__txtarea,
    .row :where(.lib-card__item)[class*=border] .lib-card__txtarea {
        padding: 1.5rem
    }
    .lib-card__title {
        font-size: 1.5rem
    }
    .lib-colgrid__outer {
        -webkit-column-gap: 1.25rem;
        -moz-column-gap: 1.25rem;
        column-gap: 1.25rem;
        row-gap: 1.25rem
    }
    .lib-colgrid__outer:where([class*=row-cols-md-1]) {
        -ms-grid-columns: (minmax(auto, 1fr))[1];
        grid-template-columns: repeat(1, minmax(auto, 1fr))
    }
    .lib-colgrid__outer:where([class*=row-cols-md-2]) {
        -ms-grid-columns: (minmax(auto, 1fr))[2];
        grid-template-columns: repeat(2, minmax(auto, 1fr))
    }
    .lib-colgrid__outer:where([class*=row-cols-md-3]) {
        -ms-grid-columns: (minmax(auto, 1fr))[3];
        grid-template-columns: repeat(3, minmax(auto, 1fr))
    }
    .lib-colgrid__outer:where([class*=row-cols-md-4]) {
        -ms-grid-columns: (minmax(auto, 1fr))[4];
        grid-template-columns: repeat(4, minmax(auto, 1fr))
    }
    .lib-colgrid__outer:where([class*=row-cols-md-5]) {
        -ms-grid-columns: (minmax(auto, 1fr))[5];
        grid-template-columns: repeat(5, minmax(auto, 1fr))
    }
    .lib-colgrid__outer:where([class*=row-cols-md-6]) {
        -ms-grid-columns: (minmax(auto, 1fr))[6];
        grid-template-columns: repeat(6, minmax(auto, 1fr))
    }
    .lib-horizon__row[class*=bg-]>.lib-horizon__col .lib-card__txtarea,
    .lib-horizon__row[class*=border-]>.lib-horizon__col .lib-card__txtarea {
        padding: 1.5rem 3rem
    }
    .lib-horizon__row[class*=border-]>.lib-horizon__col .lib-card__txtarea {
        padding: 1.5rem
    }
    .lib-horizon__row[class*=border-]>.lib-horizon__col .lib-card__thumb {
        padding: 1.5rem 1.5rem 0
    }
    .lib-horizon__row[class*=border-].flex-md-row .lib-card__thumb {
        padding: 1.5rem 1.5rem 1.5rem 0
    }
    .lib-horizon__row[class*=border-].flex-md-row-reverse .lib-card__thumb {
        padding: 1.5rem 0 1.5rem 1.5rem
    }
    .--fill-box .lib-wide__outer {
        margin-left: -30px;
        margin-right: -30px;
        width: calc(100% + 60px)
    }
    :where(#wrapper):where([style*="--scroll"]) :where(.--fill-box) .lib-wide__outer {
        margin-left: -30px;
        margin-right: -30px;
        width: calc(100% + 60px);
        padding-left: 30px;
        padding-right: 30px
    }
    .container {
        margin-top: 6rem
    }
    .container:where(.--min) {
        margin-top: 1.5rem
    }
    .container:where(.--mdl) {
        margin-top: 3rem
    }
    #contents {
        max-width: 720px
    }
    .lib-column__side:not(.media-column__side) {
        padding: 3rem 0
    }
    .--fill {
        padding-top: 6rem;
        padding-bottom: 6rem
    }
    .--fill:where(.--min) {
        padding-top: 1.5rem;
        padding-bottom: 1.5rem
    }
    .--fill:where(.--mdl) {
        padding-top: 3rem;
        padding-bottom: 3rem
    }
    .--fill-box {
        padding: 30px
    }
    .--fill-box.--min {
        padding: 30px
    }
    .fs-h1 {
        font-size: 2.5rem
    }
    .fs-h2 {
        font-size: 2rem
    }
    .fs-h3 {
        font-size: 1.75rem
    }
    .fs-h4 {
        font-size: 1.5rem
    }
    .fs-h5 {
        font-size: 1.25rem
    }
    .fs-h6 {
        font-size: 1.125rem
    }
    .fs-md-10 {
        font-size: .625rem
    }
    .fs-md-12 {
        font-size: .75rem
    }
    .fs-md-14 {
        font-size: .875rem
    }
    .fs-md-16 {
        font-size: 1rem
    }
    .fs-md-18 {
        font-size: 1.125rem
    }
    .fs-md-20 {
        font-size: 1.25rem
    }
    .fs-md-22 {
        font-size: 1.375rem
    }
    .fs-md-24 {
        font-size: 1.5rem
    }
    .fs-md-26 {
        font-size: 1.625rem
    }
    .fs-md-28 {
        font-size: 1.75rem
    }
    .fs-md-30 {
        font-size: 1.875rem
    }
    .fs-md-32 {
        font-size: 2rem
    }
    .fs-md-34 {
        font-size: 2.125rem
    }
    .fs-md-36 {
        font-size: 2.25rem
    }
    .fs-md-38 {
        font-size: 2.375rem
    }
    .fs-md-40 {
        font-size: 2.5rem
    }
    .lib-ec__row {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
        gap: 30px
    }
    .lib-ec__details {
        border-top: var(--GRY) 1px solid
    }
    .lib-ec__thumb {
        width: 40%
    }
    .lib-ec__thumb .thumb {
        max-width: unset
    }
    .lib-ec__txtarea {
        width: 60%
    }
    .lib-form-flow__list {
        gap: 5px 25px
    }
    .lib-form-flow__list>li~li:before {
        left: -17px
    }
    .lib-form__item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
    .lib-form__item:first-child .lib-form__title {
        border: none
    }
    .lib-form__item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
    .lib-form__item .is-required {
        margin-top: -6px
    }
    .lib-form__item:has([class*=zip])>fieldset>.lib-form__input {
        width: calc(100% - 200px);
        border: none;
        margin: 0;
        padding: 0
    }
    .lib-form__title {
        width: 300px;
        padding: 12px 2rem 0 0;
        margin: 0;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        background: unset
    }
    .--confirm .lib-form__title {
        padding-top: .25em
    }
    .lib-form__input:has(input[type=date]):before {
        top: 5px;
        left: 266px
    }
    .lib-form__input {
        width: calc(100% - 200px);
        padding-top: 0;
        border: none
    }
    .lib-form__input input[type=date] {
        max-width: 300px
    }
    .lib-form__address .lib-form__input {
        width: 100%;
        padding-top: 5px
    }
    :where([class*=lib]) :where(input[type=date]) {
        max-width: 300px !important
    }
    .lib-form__select:not(.lib-form__short):not(.lib-form__middle):not(.lib-form__long) {
        max-width: 300px
    }
    .lib-gallery__outer.is-arrow {
        padding: 0 20px
    }
    .lib-gallery__outer.is-arrow .lib-gallery__main {
        margin: 0 -20px
    }
    .lib-gallery__thumb {
        margin-top: 20px
    }
    .lib-gallery__main {
        padding: 20px
    }
    .lib-gallery__main .swiper-slide {
        height: 300px
    }
    .lib-gallery__btn {
        height: 80px
    }
    .lib-gallery__arr {
        height: 80px
    }
    .lib-gallery__autoplay {
        bottom: 82px
    }
    :where(.lib-link__btn) {
        width: 100%;
        max-width: 360px;
        min-height: 50px;
        padding: 10px 15px;
        font-size: 1.125rem
    }
    .row-cols-md-3 :where(.lib-link__btn),
    .row-cols-md-4 :where(.lib-link__btn) {
        font-size: 1rem
    }
    :where(.lib-link__btn).sizeL {
        min-height: 80px
    }
    .max-md-unset {
        max-width: unset !important
    }
    .max-md-100 {
        max-width: 100px
    }
    .max-md-110 {
        max-width: 110px
    }
    .max-md-120 {
        max-width: 120px
    }
    .max-md-130 {
        max-width: 130px
    }
    .max-md-140 {
        max-width: 140px
    }
    .max-md-150 {
        max-width: 150px
    }
    .max-md-160 {
        max-width: 160px
    }
    .max-md-170 {
        max-width: 170px
    }
    .max-md-180 {
        max-width: 180px
    }
    .max-md-190 {
        max-width: 190px
    }
    .max-md-200 {
        max-width: 200px
    }
    .max-md-210 {
        max-width: 210px
    }
    .max-md-220 {
        max-width: 220px
    }
    .max-md-230 {
        max-width: 230px
    }
    .max-md-240 {
        max-width: 240px
    }
    .max-md-250 {
        max-width: 250px
    }
    .max-md-260 {
        max-width: 260px
    }
    .max-md-270 {
        max-width: 270px
    }
    .max-md-280 {
        max-width: 280px
    }
    .max-md-290 {
        max-width: 290px
    }
    .max-md-300 {
        max-width: 300px
    }
    .max-md-310 {
        max-width: 310px
    }
    .max-md-320 {
        max-width: 320px
    }
    .max-md-330 {
        max-width: 330px
    }
    .max-md-340 {
        max-width: 340px
    }
    .max-md-350 {
        max-width: 350px
    }
    .max-md-360 {
        max-width: 360px
    }
    .max-md-370 {
        max-width: 370px
    }
    .max-md-380 {
        max-width: 380px
    }
    .max-md-390 {
        max-width: 390px
    }
    .max-md-400 {
        max-width: 400px
    }
    .max-md-410 {
        max-width: 410px
    }
    .max-md-420 {
        max-width: 420px
    }
    .max-md-430 {
        max-width: 430px
    }
    .max-md-440 {
        max-width: 440px
    }
    .max-md-450 {
        max-width: 450px
    }
    .max-md-460 {
        max-width: 460px
    }
    .max-md-470 {
        max-width: 470px
    }
    .max-md-480 {
        max-width: 480px
    }
    .max-md-490 {
        max-width: 490px
    }
    .max-md-500 {
        max-width: 500px
    }
    .max-md-510 {
        max-width: 510px
    }
    .max-md-520 {
        max-width: 520px
    }
    .max-md-530 {
        max-width: 530px
    }
    .max-md-540 {
        max-width: 540px
    }
    .max-md-550 {
        max-width: 550px
    }
    .max-md-560 {
        max-width: 560px
    }
    .max-md-570 {
        max-width: 570px
    }
    .max-md-580 {
        max-width: 580px
    }
    .max-md-590 {
        max-width: 590px
    }
    .max-md-600 {
        max-width: 600px
    }
    .lib-recommend__list>li>a:where([href$=".pdf"]),
    .lib-recommend__list>li>a:where([href^="https://saas.actibookone.com/"]),
    .lib-recommend__list>li>a:where([target=_blank]) {
        padding-right: 0
    }
    .lib-rss__entrie .lib-pager__list :where(.lib-pager__item) .js-rss__total {
        display: none
    }
    .lib-rss__entrie .lib-pager__all {
        display: none
    }
    .lib-rss__list>li:first-child .chip {
        top: -34px
    }
    .lib-rss__list>li~li {
        margin-top: 1.8rem;
        padding-top: 1.5rem
    }
    .lib-rss__list>li .chip {
        top: -35px
    }
    .lib-rss__title {
        margin-top: 10px
    }
    .lib-rss__title a:after {
        top: -1.8rem
    }
    .lib-rss__contents {
        padding: 15px;
        margin-top: 15px
    }
    .lib-hero__outer {
        min-height: 200px
    }
    .lib-hero__title {
        font-size: 1.875rem;
    }
    :where(.lib-pager__list) {
        padding-left: 100px;
        padding-right: 100px
    }
    :where(.lib-pager__list) {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex
    }
    :where(.lib-pager__list) :where(.lib-pager__item) {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
    :where(.lib-pager__list) :where(.lib-pager__item)[aria-hidden=true] {
        display: none
    }
    .lib-separator {
        margin-top: 6rem !important
    }
    .lib-separator:where(.--min) {
        margin-top: 1.5rem !important
    }
    .lib-separator:where(.--mdl) {
        margin-top: 3rem !important
    }
    .lib-media__slider .swiper-wrapper:not([id]) .swiper-slide {
        width: calc(50% - 15px)
    }
    .lib-tab__panel {
        padding-top: 2rem
    }
    :where(.t-md-start) {
        text-align: left
    }
    :where(.t-md-center) {
        text-align: center
    }
    :where(.t-md-end) {
        text-align: right
    }
    h1 {
        font-size: 2.5rem
    }
    h2 {
        font-size: 2rem
    }
    h3 {
        font-size: 1.75rem
    }
    h4 {
        font-size: 1.5rem
    }
    h5 {
        font-size: 1.25rem
    }
    h6 {
        font-size: 1.125rem
    }
    h1+*,
    h1+.container,
    h2+*,
    h2+.container,
    h3+*,
    h3+.container,
    h4+*,
    h4+.container,
    h5+*,
    h5+.container,
    h6+*,
    h6+.container {
        margin-top: 1.2rem
    }
    :where(h2):not([class]) {
        margin-top: 6rem
    }
    :where(h3):not([class]) {
        margin-top: 3rem
    }
    :where(h1):not([class])+:where(h2):not([class]),
    :where(h2):not([class])+:where(h3):not([class]),
    :where(h3):not([class])+:where(h4):not([class]),
    :where(h4):not([class])+:where(h5):not([class]),
    :where(h5):not([class])+:where(h6):not([class]) {
        margin-top: 1.2rem
    }
    .lib-title__outer+* {
        margin-top: 1.2rem
    }
    .lib-title__outer:has(.badge) .badge {
        margin-top: .4rem
    }
    .lib-title__outer:has([class*=__btn]) .lib-link__btn {
        font-size: 1rem;
        font-weight: 400;
        padding: 5px 10px;
        min-height: 40px
    }
    .lib-toggle__btn:not(.lib-cnt-021__btn) {
        padding-left: 10px;
        padding-right: 10px
    }
    .lib-toggle__btn {
        font-size: 1.25rem;
        min-height: 4rem
    }
    .lib-toggle__btn[aria-expanded]>.txt {
        padding-right: 40px
    }
    .lib-toggle__panel>.lib-txt__outer {
        min-height: 36px
    }
    .lib-toggle__panel.js-toggle__panel:not(.lib-cnt-021__panel) {
        padding-left: 10px;
        padding-right: 10px
    }
    .lib-toggle__panel.js-toggle__panel>.lib-txt__outer {
        min-height: 32px
    }
}
@media print and (hover:hover) and (pointer:fine),
screen and (min-width:768px) and (min-width:768px) and (hover:hover) and (pointer:fine) {
    .lib-pagetop__btn.is-scroll a:hover {
        opacity: 1
    }
    .lib-pagetop__btn.is-scroll a:hover .txt:before {
        -webkit-transform: translateY(-5px) rotate(180deg);
        transform: translateY(-5px) rotate(180deg)
    }
    #wrapper:has(.lib-cta-BS03):has(.lib-footer-BS03) .lib-footer__sns>li>a:hover {
        background: var(--DEF);
        color: #fff
    }
    .lib-footer__outer.lib-footer-BS03 .lib-footer__guidance a:hover {
        color: var(--WHT)
    }
}
@media print,
screen and (min-width:992px) {
    .container {
        max-width: calc(1120px + .75rem * 2)
    }
    .align-items-lg-unset {
        -webkit-box-align: unset !important;
        -ms-flex-align: unset !important;
        align-items: unset !important
    }
    .lib-header__outer {
        height: 80px
    }
    .is-scroll:not(.is-gnav__open) .lib-header__outer {
        height: 80px
    }
    .lib-header__outer .js-scroll-out {
        -webkit-transition: margin .2s, opacity .2s;
        transition: margin .2s, opacity .2s;
        opacity: 1
    }
    .is-scroll .lib-header__outer .js-scroll-out {
        opacity: 0;
        margin-top: -50px !important
    }
    .lib-header__inner {
        position: relative;
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
    .lib-header__bar {
        height: 100%;
        -webkit-transition: height .3s;
        transition: height .3s;
        background: unset;
        -webkit-box-shadow: unset;
        box-shadow: unset;
        position: absolute;
        left: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }
    .lib-menu__btn {
        display: none
    }
    .lib-induce__btn .txt {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        padding-left: 15px
    }
    .is-scroll .lib-induce__btn .txt {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding-left: 0;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    .lib-induce__btn .txt:before {
        margin-bottom: 0;
        margin-right: 5px
    }
    .is-scroll .lib-induce__btn .txt:before {
        font-size: 120%;
        margin-right: 0;
        margin-bottom: 5px
    }
    .lib-induce__btn .inhide {
        display: inline-block
    }
    .is-scroll .lib-induce__btn .inhide {
        display: none
    }
    .lib-lang__outer {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        margin: 0;
        margin-left: 20px
    }
    .lib-lang__outer li {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
    .lib-lang__outer li a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    .lib-header__logo img {
        width: 120px
    }
    .is-scroll .lib-header__logo img {
        width: 120px
    }
    .lib-utility__outer:has(.lib-induce__btn) {
        margin-right: 0;
        margin-left: 20px
    }
    .lib-utility__list {
        width: unset;
        margin: unset;
        border: none;
        min-height: 30px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
    .lib-utility__item:nth-child(odd) {
        border: none
    }
    .lib-utility__item a:not([class*=__btn]) {
        font-weight: unset;
        font-size: .875rem;
        padding: 0
    }
    .lib-utility__item a:not([class*=__btn])>.txt {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        width: unset
    }
    .lib-utility__item a:not([class*=__btn])>.txt:after {
        margin-top: 2px
    }
    .lib-utility__item a.lib-induce__btn {
        height: 30px !important;
        padding: 5px !important
    }
    .lib-utility__item a.lib-induce__btn .txt {
        font-size: .875rem;
        padding-left: 0 !important;
        white-space: nowrap
    }
    .is-scroll .lib-utility__item a.lib-induce__btn {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
        flex-direction: row !important
    }
    .is-scroll .lib-utility__item a.lib-induce__btn .txt {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
        flex-direction: row !important
    }
    .is-scroll .lib-utility__item a.lib-induce__btn .txt:before {
        margin-bottom: 0 !important;
        margin-right: 5px !important
    }
    .is-scroll .lib-utility__item a.lib-induce__btn .txt .inhide {
        display: block
    }
    .lib-utility__item {
        width: unset;
        border: none;
        position: relative
    }
    .lib-utility__item~li {
        margin-left: 21px
    }
    .lib-utility__item~li:before {
        content: "";
        height: 60%;
        width: 2px;
        display: block;
        position: absolute;
        left: -10px;
        top: 20%;
        background-color: var(--MAIN)
    }
    .lib-utility__item:has(.lib-induce__btn)+:has(.lib-induce__btn) {
        margin-left: 10px
    }
    .lib-utility__item:has(.lib-induce__btn):before {
        display: none
    }
    .lib-child__item {
        border: none
    }
    .lib-child__item .thumb {
        display: block
    }
    .lib-child__item .thumb+p {
        display: inline-block !important;
        margin-top: 10px
    }
    .lib-child__item>a {
        background: unset;
        padding: 0;
        font-weight: 700
    }
    .lib-child__item>a:hover {
        text-decoration: underline
    }
    .lib-child__item>a .txt:before {
        margin-right: 5px
    }
    .lib-child__item.--headline {
        border: none
    }
    .lib-child__item.--headline>a {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        gap: 10px
    }
    .lib-child__item.--headline .txt {
        font-size: 1.25rem;
        font-weight: 700
    }
    .lib-child__item.--headline .txt:before {
        display: none
    }
    .lib-nav__outer {
        padding: 0;
        padding-right: 20px;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }
    .lib-nav__outer>*~* {
        margin-left: 20px
    }
    .lib-nav__panel {
        position: unset;
        -webkit-transform: unset;
        transform: unset;
        height: unset;
        background: 0 0;
        -webkit-box-shadow: unset;
        box-shadow: unset;
        padding: 20px 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        width: calc(100% - 200px - 40px);
        margin-left: auto
    }
    .lib-nav__panel:has(.lib-induce__outer) {
        padding-right: 255px
    }
    .lib-gchild__list {
        display: block
    }
    .lib-gchild__list>li>a>.txt:before {
        margin-right: 5px
    }
    .lib-nav__list {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        background: unset;
        -webkit-box-shadow: unset;
        box-shadow: unset;
        border: unset;
        position: unset;
        overflow: visible;
        margin: 0
    }
    .lib-nav__item {
        border: unset
    }
    .lib-nav__btn {
        padding: 0;
        background: unset;
        font-weight: 400;
        letter-spacing: -.04em;
        padding-bottom: 10px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
    .type-hover .lib-nav__btn .txt {
        z-index: 1
    }
    .type-hover .lib-nav__btn:before {
        content: "";
        width: 200%;
        height: 50px;
        position: absolute;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        bottom: -20px;
        z-index: 0
    }
    .type-hover .lib-nav__btn[aria-expanded=true]:before {
        display: block
    }
    .lib-nav__btn[aria-expanded] {
        padding-right: 0;
        z-index: 6
    }
    .lib-nav__btn[aria-expanded=true]>.txt:before {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    body:has(.lib-header__outer.typeM).is-overlay:after {
        visibility: visible;
        opacity: 1
    }
    .lib-header__outer.typeN .lib-nav__outer {
        padding: 50px 20px 80px;
        max-width: calc(1120px + .75rem * 2);
        margin: 0 auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    .is-scroll .lib-header__outer.typeN .lib-nav__outer {
        padding-top: 30px
    }
    .lib-header__outer.typeN .lib-nav__panel {
        opacity: 0;
        background-color: #fff;
        position: fixed;
        top: 120px;
        display: block;
        left: 0;
        top: 0;
        margin: 0;
        width: 100vw;
        padding: 85px 0 0;
        border-radius: 5px;
        height: 100vh;
        height: 100dvh;
        overflow-x: hidden;
        overflow-y: auto;
        overscroll-behavior: contain;
        overscroll-behavior: contain;
        scroll-behavior: smooth;
        scrollbar-color: var(--MAIN) #f5f5f5;
        scrollbar-width: thin;
        -webkit-transition: opacity .3s;
        transition: opacity .3s
    }
    .lib-header__outer.typeN .lib-nav__panel[aria-hidden=true] {
        display: none
    }
    .is-open .lib-header__outer.typeN .lib-nav__panel {
        -webkit-animation: fadeInAnime .3s both;
        animation: fadeInAnime .3s both;
        opacity: 1
    }
    .lib-header__outer.typeN .lib-nav__panel::-webkit-scrollbar {
        width: 10px
    }
    .lib-header__outer.typeN .lib-nav__panel::-webkit-scrollbar-thumb {
        border-radius: 100px;
        border: 3px solid transparent;
        background-clip: content-box;
        background-color: var(--MAIN)
    }
    .lib-header__outer.typeN .lib-nav__panel::-webkit-scrollbar-track {
        background-color: #f5f5f5
    }
    .is-scroll .lib-header__outer.typeN .lib-nav__panel {
        padding-top: 50px
    }
    .lib-header__outer.typeN .lib-nav__btn.js-child__btn {
        display: none
    }
    .lib-header__outer.typeN .lib-nav__btn:not(.js-child__btn) .txt {
        position: relative;
        padding-left: .8em;
        font-size: 1.25rem;
        font-weight: 700
    }
    .lib-header__outer.typeN .lib-nav__btn:not(.js-child__btn) .txt:before {
        font-family: icons !important;
        speak: none;
        font-style: normal;
        font-weight: 400;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "\ea01";
        position: absolute;
        width: unset;
        height: unset;
        background: unset;
        opacity: unset;
        -webkit-transform: unset;
        transform: unset;
        bottom: unset;
        left: 0;
        top: 9px;
        font-size: .625rem;
        font-weight: 400
    }
    .lib-header__outer.typeN .lib-child__outer {
        margin-left: 0
    }
    .lib-header__outer.typeN .lib-child__list {
        padding-top: 5px;
        padding-left: 16px
    }
    .lib-header__outer.typeN .lib-child__item {
        margin-top: 5px
    }
    .lib-header__outer.typeN .lib-child__item>a {
        font-weight: 400
    }
    .lib-header__outer.typeN .lib-child__item.--headline>a .txt:before {
        display: block;
        top: 9px
    }
    .is-nav-only.type-hover .lib-header__outer.typeM .lib-nav__btn:before {
        height: 80px;
        bottom: -40px
    }
    .is-nav-only.type-hover.is-scroll .lib-header__outer.typeM .lib-nav__btn:before {
        height: 50px;
        bottom: -20px
    }
    .lib-header__outer.typeM .lib-child__panel {
        position: fixed;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        top: 120px;
        margin: 0;
        width: 101vw;
        z-index: 5;
        background-color: #f5f5f5;
        padding: 20px 20px 50px;
        opacity: 0;
        -webkit-box-shadow: 0 5px 5px 0 rgba(0, 0, 0, .3);
        box-shadow: 0 5px 5px 0 rgba(0, 0, 0, .3);
        -webkit-animation: fadeOutAnime .8s;
        animation: fadeOutAnime .8s;
        -webkit-transition: top .3s;
        transition: top .3s;
        max-height: calc(100vh - 120px);
        max-height: calc(100dvh - 120px);
        overflow-x: hidden;
        overflow-y: auto;
        overscroll-behavior: contain;
        overscroll-behavior: contain;
        scroll-behavior: smooth;
        scrollbar-color: var(--MAIN) #f5f5f5;
        scrollbar-width: thin
    }
    .lib-header__outer.typeM .lib-child__panel[aria-hidden=false] {
        opacity: 1;
        -webkit-animation: fadeInAnime .3s;
        animation: fadeInAnime .3s
    }
    .is-scroll .lib-header__outer.typeM .lib-child__panel {
        top: 59px
    }
    .lib-header__outer.typeM .lib-child__panel::-webkit-scrollbar {
        width: 10px
    }
    .lib-header__outer.typeM .lib-child__panel::-webkit-scrollbar-thumb {
        border-radius: 100px;
        border: 3px solid transparent;
        background-clip: content-box;
        background-color: var(--MAIN)
    }
    .lib-header__outer.typeM .lib-child__panel::-webkit-scrollbar-track {
        background-color: #f5f5f5
    }
    .is-scroll .lib-header__outer.typeM .lib-child__panel {
        max-height: calc(100vh - 60px);
        max-height: calc(100dvh - 60px)
    }
    .lib-header__outer.typeM .lib-child__outer {
        width: 100%;
        max-width: calc(1120px + .75rem * 2);
        margin: 0 auto
    }
    .lib-header__outer.typeM .lib-child__item.--headline>a .txt {
        padding-left: 0
    }
    .lib-header__outer.typeS:has(.lib-induce__outer) .lib-nav__item {
        position: relative
    }
    .lib-header__outer.typeS:has(.lib-induce__outer) .lib-nav__item:last-child .lib-child__panel {
        left: calc(50% - 10px);
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        right: -unset
    }
    .lib-header__outer.typeS:has(.lib-induce__outer) .lib-nav__item:last-child .lib-child__panel:before {
        left: calc(50% - 10px);
        right: unset
    }
    .lib-header__outer.typeS .lib-nav__item {
        position: relative
    }
    .lib-header__outer.typeS .lib-nav__item:last-child .lib-child__panel {
        left: unset;
        -webkit-transform: unset;
        transform: unset;
        right: -10px
    }
    .lib-header__outer.typeS .lib-nav__item:last-child .lib-child__panel:before {
        left: unset;
        right: 34px
    }
    .lib-header__outer.typeS .lib-child__panel {
        position: absolute;
        left: calc(50% - 130px);
        top: 40px;
        margin: 0;
        width: 260px;
        z-index: 5;
        opacity: 0;
        -webkit-animation: fadeOutAnime .5s;
        animation: fadeOutAnime .5s
    }
    .lib-header__outer.typeS .lib-child__panel[aria-hidden=false] {
        opacity: 1;
        -webkit-animation: fadeInAnime .5s;
        animation: fadeInAnime .5s
    }
    .is-scroll .lib-header__outer.typeS .lib-child__panel {
        top: 40px
    }
    .lib-header__outer.typeS .lib-child__panel:before {
        content: "";
        width: 0;
        height: 0;
        border-style: solid;
        border-color: transparent;
        border-width: 0 10px 16px 10px;
        border-bottom-color: var(--MAIN);
        position: absolute;
        left: calc(50% - 18px);
        top: -18px
    }
    .lib-header__outer.typeS .lib-child__outer {
        padding: 15px;
        position: relative;
        z-index: 1;
        background-color: #fff;
        -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .3);
        box-shadow: 0 0 10px rgba(0, 0, 0, .3)
    }
    .lib-header__outer.typeS .lib-child__list {
        margin-top: 10px
    }
    .lib-header__outer.typeS .lib-child__list>li~li {
        margin-top: 10px
    }
    .lib-header__outer.typeS .lib-child__item>a {
        font-weight: 400;
        font-size: .9375rem
    }
    .lib-header__outer.typeS .lib-child__item>a .txt:before {
        top: 5px
    }
    .lib-header__outer.typeS .lib-child__item.--headline .txt {
        padding: 0;
        font-size: 1rem;
        text-decoration: none !important
    }
    .lib-header__outer.typeS .lib-child__item.--headline a {
        background-color: var(--LGRY);
        padding: 8px;
        -webkit-transition: .3s;
        transition: .3s
    }
    .lib-header__outer.lib-header-BS01 {
        background: unset;
        height: 0 !important;
        top: 60px
    }
    .is-scroll .lib-header__outer.lib-header-BS01 {
        top: 30px
    }
    .lib-header__outer.lib-header-BS01 .lib-header__outer {
        height: 0
    }
    .lib-header__outer.lib-header-BS01 .lib-header__bar {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        width: 100%;
        margin-left: 0;
        padding-left: 20px;
        padding-right: 20px
    }
    .lib-header__outer.lib-header-BS01 .lib-header__nav {
        max-width: calc(100% - 200px - 60px);
        height: 90px
    }
    .is-scroll .lib-header__outer.lib-header-BS01 .lib-header__nav {
        height: 80px
    }
    .lib-header__outer.lib-header-BS01 .lib-header__logo {
        -webkit-transition: width .3s, height .3s;
        transition: width .3s, height .3s;
        width: 240px
    }
    .is-scroll .lib-header__outer.lib-header-BS01 .lib-header__logo {
        width: 180px
    }
    .is-open .lib-header__outer.lib-header-BS01 .lib-header__logo {
        display: none
    }
    .lib-header__outer.lib-header-BS01 .lib-header__logo a {
        background-color: #fff;
        height: 90px;
        -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .3);
        box-shadow: 0 0 10px rgba(0, 0, 0, .3);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 10px 20px
    }
    .is-scroll .lib-header__outer.lib-header-BS01 .lib-header__logo a {
        height: 50px
    }
    .is-scroll .lib-header__outer.lib-header-BS01 .lib-header__logo a .thumb img {
        width: 100%
    }
    .lib-header__outer.lib-header-BS01 .lib-nav__list {
        margin: 0 -.8em
    }
    .lib-header__outer.lib-header-BS01 .lib-menu__btn {
        height: 90px;
        width: 90px;
        margin-left: 20px;
        -webkit-box-shadow: 0 0 0 1px var(--WHT);
        box-shadow: 0 0 0 1px var(--WHT)
    }
    .is-scroll .lib-header__outer.lib-header-BS01 .lib-menu__btn {
        height: 50px;
        width: 50px
    }
    .lib-header__outer.lib-header-BS01 .lib-child__panel[aria-hidden=false] {
        display: block !important
    }
    .lib-header__outer.lib-header-BS01 .lib-search__outer {
        background: unset;
        padding: 0;
        margin-left: 0;
        margin-right: 0;
        width: 300px
    }
    .lib-header__outer.lib-header-BS01 .lib-search__outer+.lib-lang__outer {
        margin-left: 20px
    }
    .lib-header__outer.lib-header-BS01 .lib-search__inside {
        position: relative;
        overflow: visible;
        border: none;
        overflow: hidden;
        background-color: var(--WHT);
        border: var(--GRY) 1px solid
    }
    .lib-header__outer.lib-header-BS01 .lib-search__input {
        height: 40px;
        background-color: var(--WHT)
    }
    .lib-header__outer.lib-header-BS01 .lib-search__btn {
        width: 40px;
        height: 40px;
        background-color: var(--WHT)
    }
    .lib-header__outer.lib-header-BS01 .lib-search__btn:before {
        font-size: .875rem;
        padding-top: 0
    }
    .lib-header__outer.lib-header-BS01 .lib-search__btn:focus {
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
        background-color: var(--MAIN);
        color: var(--WHT)
    }
    .lib-header__outer.lib-header-BS01 .lib-lang__outer {
        margin-left: 0;
        height: 40px
    }
    .lib-header__outer.lib-header-BS01 .lib-utility__outer {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-ordinal-group: unset;
        -ms-flex-order: unset;
        order: unset;
        background-color: #fff;
        padding: 0 20px;
        height: 90px;
        -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .5);
        box-shadow: 0 0 8px rgba(0, 0, 0, .5);
        -webkit-transition: height .3s;
        transition: height .3s
    }
    .is-scroll .lib-header__outer.lib-header-BS01 .lib-utility__outer {
        height: 50px
    }
    .is-open .lib-header__outer.lib-header-BS01 .lib-utility__outer {
        display: none
    }
    .lib-header__outer.lib-header-BS01 .lib-utility__list {
        width: unset
    }
    .lib-header__outer.lib-header-BS01 .lib-induce__outer {
        -webkit-box-shadow: 4px 0 10px rgba(0, 0, 0, .5);
        box-shadow: 4px 0 10px rgba(0, 0, 0, .5)
    }
    .lib-header__outer.lib-header-BS01 .lib-induce__outer>li {
        width: 90px
    }
    .lib-header__outer.lib-header-BS01 .lib-induce__btn {
        height: 90px
    }
    .is-scroll .lib-header__outer.lib-header-BS01 .lib-induce__btn {
        height: 50px
    }
    .lib-header__outer.lib-header-BS01 .lib-induce__btn .txt {
        padding: 0;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
    .lib-header__outer.lib-header-BS02 {
        -webkit-box-shadow: 0 5px 5px 0 rgba(0, 0, 0, .2);
        box-shadow: 0 5px 5px 0 rgba(0, 0, 0, .2)
    }
    .lib-header__outer.lib-header-BS02 .lib-header__logo {
        margin-left: 20px
    }
    .lib-header__outer.lib-header-BS02 .lib-header__bar {
        width: 220px
    }
    .lib-header__outer.lib-header-BS02 .lib-nav__outer {
        margin-top: -20px
    }
    .is-scroll .lib-header__outer.lib-header-BS02 .lib-nav__outer {
        margin-top: -10px
    }
    .lib-header__outer.lib-header-BS02 .lib-nav__outer:not(:has(.lib-search__outer)):not(:has(.lib-lang__outer)):not(:has(.lib-utility__outer)) {
        margin-top: -10px
    }
    .lib-header__outer.lib-header-BS02 .lib-nav__outer:not(:has(.lib-search__outer)):not(:has(.lib-lang__outer)):not(:has(.lib-utility__outer)) .lib-nav__list {
        margin-top: 0;
        margin-bottom: 0
    }
    .is-scroll .lib-header__outer.lib-header-BS02 .lib-nav__outer:not(:has(.lib-search__outer)):not(:has(.lib-lang__outer)):not(:has(.lib-utility__outer)) .lib-nav__list {
        margin-top: 0px;
        margin-bottom: 0px
    }
    .lib-header__outer.lib-header-BS02 .lib-nav__outer:not(:has(.lib-search__outer)):not(:has(.lib-lang__outer)):not(:has(.lib-utility__outer)):not(:has(.lib-induce__outer)) .lib-nav__list {
        margin-top: 0;
        margin-bottom: 0
    }
    .is-scroll .lib-header__outer.lib-header-BS02 .lib-nav__outer:not(:has(.lib-search__outer)):not(:has(.lib-lang__outer)):not(:has(.lib-utility__outer)):not(:has(.lib-induce__outer)) .lib-nav__list {
        margin-top: 10px;
        margin-bottom: -10px
    }
    .lib-header__outer.lib-header-BS02 .lib-nav__outer:not(:has(.lib-search__outer)):not(:has(.lib-lang__outer)):not(:has(.lib-utility__outer)):not(:has(.lib-induce__outer)) .is-nav__btn {
        padding-top: 0;
        margin-bottom: 0
    }
    .lib-header__outer.lib-header-BS02 .lib-nav__outer>* {
        margin-top: 10px
    }
    .lib-header__outer.lib-header-BS02 .lib-nav__list {
        margin-bottom: -10px;
        width: 100%;
        -webkit-transition: margin .3s;
        transition: margin .3s
    }
    .lib-header__outer.lib-header-BS02 .lib-nav__list>li~li {
        margin: unset;
        position: relative;
        border: none;
        margin-left: 20px
    }
    .lib-header__outer.lib-header-BS02 .lib-nav__btn {
        padding-top: 10px;
        margin-bottom: -20px;
        padding-bottom: 18px
    }
    .is-scroll .lib-header__outer.lib-header-BS02 .lib-nav__btn {
        margin-bottom: -20px
    }
    .is-scroll .type-hover .lib-header__outer.lib-header-BS02 .lib-nav__btn {
        margin-bottom: -35px;
        padding-bottom: 50px
    }
    .lib-header__outer.lib-header-BS02 .lib-search__outer {
        background: unset;
        padding: 0;
        margin-left: 0;
        margin-right: 0;
        width: 200px
    }
    .lib-header__outer.lib-header-BS02 .lib-search__inside {
        position: relative;
        overflow: visible;
        border: none;
        background: unset;
        overflow: hidden
    }
    .lib-header__outer.lib-header-BS02 .lib-search__input {
        height: 30px;
        font-size: .75rem;
        padding-top: 3px
    }
    .lib-header__outer.lib-header-BS02 .lib-search__input::-webkit-input-placeholder {
        font-size: .75rem
    }
    .lib-header__outer.lib-header-BS02 .lib-search__input::-moz-placeholder {
        font-size: .75rem
    }
    .lib-header__outer.lib-header-BS02 .lib-search__input::-ms-input-placeholder {
        font-size: .75rem
    }
    .lib-header__outer.lib-header-BS02 .lib-search__input::placeholder {
        font-size: .75rem
    }
    .lib-header__outer.lib-header-BS02 .lib-search__btn {
        width: 30px;
        height: 30px;
        background-color: var(--LGRY)
    }
    .lib-header__outer.lib-header-BS02 .lib-search__btn:before {
        font-size: .875rem;
        padding-top: 0
    }
    .lib-header__outer.lib-header-BS02 .lib-search__btn:focus {
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
        background-color: var(--MAIN);
        color: var(--WHT)
    }
    .lib-header__outer.lib-header-BS02 .lib-utility__outer {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }
    .lib-header__outer.lib-header-BS02 .lib-induce__outer {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        position: absolute;
        right: 0;
        top: 0;
        margin-top: 0;
        width: 240px;
        z-index: 1;
        height: 80px;
        -webkit-transition: height .3s;
        transition: height .3s
    }
    .is-scroll .lib-header__outer.lib-header-BS02 .lib-induce__outer {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        height: 80px
    }
    .lib-header__outer.lib-header-BS02 .lib-induce__outer>li {
        width: 100%;
        height: 50%;
        -webkit-transition: height .3s;
        transition: height .3s
    }
    .is-scroll .lib-header__outer.lib-header-BS02 .lib-induce__outer>li {
        width: 50%;
        height: 100%;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
    .lib-header__outer.lib-header-BS02 .lib-induce__btn {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        width: 100%;
        font-size: 1rem;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        padding: 10px;
        height: 100%;
        font-weight: 400
    }
    .is-scroll .lib-header__outer.lib-header-BS02 .lib-induce__btn {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 0;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    .lib-header__outer.lib-header-BS02 .lib-induce__btn .txt {
        width: 100%;
        padding-left: 15px;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
    .is-scroll .lib-header__outer.lib-header-BS02 .lib-induce__btn .txt {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding-left: 0;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    .lib-header__outer.lib-header-BS02 .lib-induce__btn .txt:before {
        margin-bottom: 0;
        margin-right: 5px
    }
    .is-scroll .lib-header__outer.lib-header-BS02 .lib-induce__btn .txt:before {
        font-size: 140%;
        margin-right: 0;
        margin-bottom: 10px
    }
    .is-nav-only.type-hover .lib-header__outer.lib-header-BS02.typeS .lib-nav__btn:before {
        bottom: -26px
    }
    .is-nav-only.type-hover.is-scroll .lib-header__outer.lib-header-BS02.typeS .lib-nav__btn:before {
        height: 45px;
        bottom: -22px
    }
    .lib-header__outer.lib-header-BS02.typeS .lib-child__panel {
        top: 54px
    }
    .type-hover .lib-header__outer.lib-header-BS02.typeS .lib-child__panel {
        top: 56px
    }
    .is-nav-only .lib-header__outer.lib-header-BS02.typeS .lib-child__panel {
        top: 80px
    }
    .lib-header__outer.lib-header-BS02.typeS .lib-child__panel:before {
        top: -14px
    }
    .is-scroll .lib-header__outer.lib-header-BS02.typeS .lib-child__panel {
        top: 55px
    }
    .is-scroll .lib-header__outer.lib-header-BS02.typeS .lib-child__panel:before {
        top: -11px
    }
    .is-nav-only.is-scroll .lib-header__outer.lib-header-BS02.typeS .lib-child__panel {
        top: 75px
    }
    .lib-header__outer.lib-header-BS03 {
        height: 90px;
        -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .3);
        box-shadow: 0 0 10px rgba(0, 0, 0, .3);
        top: 10px;
        width: calc(100vw - 30px);
        margin: 0 15px;
        padding: 0 15px
    }
    :where([style*="--scroll"]) .lib-header__outer.lib-header-BS03 {
        width: calc(100vw - 30px - var(--scroll))
    }
    .is-scroll .lib-header__outer.lib-header-BS03 {
        height: 80px;
        top: 5px
    }
    .lib-header__outer.lib-header-BS03 .lib-nav__outer {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column;
        padding-right: 0
    }
    .lib-header__outer.lib-header-BS03 .lib-nav__outer:not(:has(.lib-search__outer)):not(:has(.lib-lang__outer)):not(:has(.lib-utility__outer)):not(:has(.lib-induce__outer)) .lib-nav__list {
        margin-top: unset
    }
    .is-scroll .lib-header__outer.lib-header-BS03 .lib-nav__outer:has(.lib-induce__outer):not(:has(.lib-search__outer)):not(:has(.lib-lang__outer)):not(:has(.lib-utility__outer)) .lib-nav__list {
        margin-top: 2px
    }
    .lib-header__outer.lib-header-BS03 .lib-nav__outer:not(:has(.lib-search__outer)):not(:has(.lib-lang__outer)):not(:has(.lib-utility__outer)):not(:has(.lib-induce__outer)) .lib-nav__list {
        margin-top: 4px
    }
    .is-scroll .lib-header__outer.lib-header-BS03 .lib-nav__outer:not(:has(.lib-search__outer)):not(:has(.lib-lang__outer)):not(:has(.lib-utility__outer)):not(:has(.lib-induce__outer)) .lib-nav__list {
        margin-top: 2px
    }
    .lib-header__outer.lib-header-BS03 .lib-nav__panel {
        padding: 10px 0;
        width: calc(100% - 200px - 20px)
    }
    .lib-header__outer.lib-header-BS03 .lib-nav__list {
        -ms-grid-row: 2;
        grid-row: 2;
        -ms-grid-column: 1;
        grid-column: 1;
        -webkit-transition: margin .3s;
        transition: margin .3s;
        margin-top: 10px;
        margin-bottom: -10px
    }
    .is-scroll .lib-header__outer.lib-header-BS03 .lib-nav__list {
        margin-top: 22px
    }
    .lib-header__outer.lib-header-BS03 .lib-nav__list>li~li {
        margin: unset;
        position: relative;
        border: none;
        margin-left: 20px
    }
    .lib-header__outer.lib-header-BS03 .lib-nav__btn {
        padding-bottom: 10px;
        margin-top: -5px
    }
    :not(.lib-induce__outer) .lib-header__outer.lib-header-BS03 .lib-nav__btn {
        margin-top: unset
    }
    .type-hover:not(.is-scroll):not(:has(.lib-search__outer)):not(:has(.lib-lang__outer)):not(:has(.lib-utility__outer)) .lib-header__outer.lib-header-BS03 .lib-nav__btn:before {
        height: 80px;
        bottom: -50px
    }
    .lib-header__outer.lib-header-BS03 .lib-utility__outer {
        margin-top: 0;
        -ms-grid-row: 1;
        grid-row: 1;
        -ms-grid-column: 1;
        grid-column: 1;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }
    .lib-header__outer.lib-header-BS03 .lib-induce__outer {
        -ms-grid-row: 1;
        -ms-grid-row-span: 2;
        grid-row: 1/3;
        -ms-grid-column: 2;
        -ms-grid-column-span: 1;
        grid-column: 2/3;
        gap: 10px;
        margin-top: 0
    }
    .lib-header__outer.lib-header-BS03 .lib-induce__outer>li {
        height: 80px
    }
    .is-scroll .lib-header__outer.lib-header-BS03 .lib-induce__outer>li {
        height: 40px
    }
    .lib-header__outer.lib-header-BS03 .lib-induce__btn {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        width: 100%;
        font-size: 1rem;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        padding: 10px;
        height: 100%;
        font-weight: 400
    }
    .is-scroll .lib-header__outer.lib-header-BS03 .lib-induce__btn {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 0;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    .lib-header__outer.lib-header-BS03 .lib-induce__btn .txt {
        width: 100%;
        padding-left: 0;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    .lib-header__outer.lib-header-BS03 .lib-induce__btn .txt:before {
        margin-bottom: 0;
        margin-right: 10px
    }
    .is-scroll .lib-header__outer.lib-header-BS03 .lib-induce__btn .txt:before {
        font-size: 120%
    }
    .lib-header__outer.lib-header-BS03:has(.lib-induce__outer) .lib-nav__outer {
        display: -ms-grid;
        display: grid;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-grid-rows: 1fr 1fr;
        grid-template-rows: 1fr 1fr;
        -ms-grid-columns: 1fr 320px;
        grid-template-columns: 1fr 320px;
        padding-right: 20px
    }
    .is-nav-only .lib-header__outer.lib-header-BS03:has(.lib-induce__outer) .lib-nav__outer .lib-nav__item:has(.lib-nav__btn[aria-expanded=true]):before {
        bottom: -27px
    }
    .lib-header__outer.lib-header-BS03:has(.lib-induce__outer) .lib-nav__list {
        margin-top: -5px;
        margin-bottom: unset
    }
    .is-scroll .lib-header__outer.lib-header-BS03:has(.lib-induce__outer) .lib-nav__list {
        margin-top: -18px
    }
    .lib-header__outer.lib-header-BS03:has(.lib-induce__outer) .lib-nav__btn {
        margin-bottom: -20px
    }
    .is-scroll .lib-header__outer.lib-header-BS03:has(.lib-induce__outer) .lib-nav__btn {
        margin-bottom: -10px;
        margin-top: 0
    }
    .lib-header__outer.lib-header-BS03:has(.lib-induce__outer):not(:has(.lib-search__outer)):not(:has(.lib-lang__outer)):not(:has(.lib-utility__outer)) .lib-nav__outer {
        -ms-grid-rows: unset;
        grid-template-rows: unset
    }
    .lib-header__outer.lib-header-BS03:has(.lib-induce__outer):not(:has(.lib-search__outer)):not(:has(.lib-lang__outer)):not(:has(.lib-utility__outer)) .lib-nav__list {
        -ms-grid-row: 1;
        grid-row: 1
    }
    .lib-header__outer.lib-header-BS03:has(.lib-induce__outer):not(:has(.lib-search__outer)):not(:has(.lib-lang__outer)):not(:has(.lib-utility__outer)) .lib-induce__outer {
        -ms-grid-row: 1;
        grid-row: 1
    }
    .lib-header__outer.lib-header-BS03.typeM .lib-nav__item {
        position: relative
    }
    .lib-header__outer.lib-header-BS03.typeM .lib-nav__item:has(.lib-nav__btn[aria-expanded=false]):before {
        opacity: 0;
        visibility: hidden
    }
    .lib-header__outer.lib-header-BS03.typeM .lib-nav__item:has(.lib-nav__btn[aria-expanded=true]):before {
        visibility: visible;
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    .lib-header__outer.lib-header-BS03.typeM .lib-nav__item:before {
        content: "";
        position: absolute;
        -webkit-transform: translateY(10px);
        transform: translateY(10px);
        -webkit-transition: opacity .15s, -webkit-transform .15s;
        transition: opacity .15s, -webkit-transform .15s;
        transition: transform .15s, opacity .15s;
        transition: transform .15s, opacity .15s, -webkit-transform .15s;
        -webkit-transition-delay: .1s;
        transition-delay: .1s;
        width: 0;
        height: 0;
        border-style: solid;
        border-color: transparent;
        border-width: 0 14px 26px 14px;
        border-bottom-color: var(--MAIN);
        left: calc(50% - 23px);
        bottom: -28px
    }
    .lib-header__outer.lib-header-BS03.typeM .lib-child__panel {
        width: calc(100vw - 30px);
        background-color: var(--WHT);
        -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .3);
        box-shadow: 0 0 10px 0 rgba(0, 0, 0, .3);
        top: 110px
    }
    .is-scroll .lib-header__outer.lib-header-BS03.typeM .lib-child__panel {
        top: 72px
    }
    .lib-footer__nav {
        margin-top: 0
    }
    .lib-footer__title~li {
        margin-top: 25px
    }
    .lib-footer__title:not(:has(.lib-footer__list)) {
        margin-top: 15px
    }
    .lib-footer__title:not(:has(.lib-footer__list)):first-child {
        margin-top: 0
    }
    .lib-footer__title:not(:has(.lib-footer__list))+:has(.lib-footer__list) {
        margin-top: 10px
    }
    .lib-cta-BS03__box.bg-white {
        padding: 30px
    }
    :where(.lib-subnav__list)>li :where(.lib-subnav__list) {
        display: block
    }
    .lib-column__outer .lib-column__side:not(.media-column__side) {
        margin-bottom: unset
    }
    .lib-column__outer .lib-column__side .lib-subnav__title a {
        font-size: 1.125rem;
        background-color: var(--MAIN);
        display: block;
        color: var(--WHT);
        text-decoration: none !important;
        border: var(--MAIN) 2px solid;
        padding: 5px 10px;
        -webkit-transition: .3s;
        transition: .3s
    }
    .lib-column__outer .lib-column__side .lib-subnav__list {
        display: block;
        margin: 0;
        padding: .8rem
    }
    .lib-column__outer .lib-column__side .lib-subnav__list li {
        line-height: 1.5
    }
    .lib-column__outer .lib-column__side .lib-subnav__list li~li {
        margin-top: .8rem
    }
    .lib-breadcrumb__inside {
        width: 100%;
        max-width: calc(1120px + .75rem * 2);
        margin-left: auto;
        margin-right: auto
    }
    .lib-colgrid__outer {
        -webkit-column-gap: 1.875rem;
        -moz-column-gap: 1.875rem;
        column-gap: 1.875rem;
        row-gap: 1.875rem
    }
    .lib-colgrid__outer:where([class*=row-cols-lg-1]) {
        -ms-grid-columns: (minmax(auto, 1fr))[1];
        grid-template-columns: repeat(1, minmax(auto, 1fr))
    }
    .lib-colgrid__outer:where([class*=row-cols-lg-2]) {
        -ms-grid-columns: (minmax(auto, 1fr))[2];
        grid-template-columns: repeat(2, minmax(auto, 1fr))
    }
    .lib-colgrid__outer:where([class*=row-cols-lg-3]) {
        -ms-grid-columns: (minmax(auto, 1fr))[3];
        grid-template-columns: repeat(3, minmax(auto, 1fr))
    }
    .lib-colgrid__outer:where([class*=row-cols-lg-4]) {
        -ms-grid-columns: (minmax(auto, 1fr))[4];
        grid-template-columns: repeat(4, minmax(auto, 1fr))
    }
    .lib-colgrid__outer:where([class*=row-cols-lg-5]) {
        -ms-grid-columns: (minmax(auto, 1fr))[5];
        grid-template-columns: repeat(5, minmax(auto, 1fr))
    }
    .lib-colgrid__outer:where([class*=row-cols-lg-6]) {
        -ms-grid-columns: (minmax(auto, 1fr))[6];
        grid-template-columns: repeat(6, minmax(auto, 1fr))
    }
    .lib-column__outer .lib-colgrid__outer:where([class*=row-cols-lg-4]) {
        -ms-grid-columns: (minmax(auto, 1fr))[3];
        grid-template-columns: repeat(3, minmax(auto, 1fr))
    }
    .lib-horizon__row[class*=bg-]>.lib-horizon__col .lib-card__txtarea,
    .lib-horizon__row[class*=border-]>.lib-horizon__col .lib-card__txtarea {
        padding: 3rem
    }
    .lib-horizon__row[class*=border-]>.lib-horizon__col .lib-card__txtarea {
        padding: 1.5rem 3rem
    }
    .lib-horizon__row[class*=border-]>.lib-horizon__col .lib-card__thumb {
        padding: 1.5rem 1.5rem 1.5rem 0
    }
    .lib-horizon__row[class*=border-][class*=row-reverse] .lib-card__thumb {
        padding: 1.5rem 0 1.5rem 1.5rem
    }
    .lib-column__main .lib-wide__outer {
        margin-left: unset;
        margin-right: unset;
        padding-right: unset;
        padding-left: unset
    }
    .--fill-box .lib-wide__outer {
        margin-left: -50px;
        margin-right: -50px;
        width: calc(100% + 100px)
    }
    .lib-column__outer #dcms_layoutPageBlock>:where(:has(.lib-wide__outer))+:where(:has(.lib-wide__outer)) {
        margin-top: 4.5rem
    }
    .lib-column__outer #dcms_layoutPageBlock>:where(:has(.lib-wide__outer))+:where(:has(.lib-wide__outer)):where(.--min) {
        margin-top: 1.5rem
    }
    .lib-column__outer #dcms_layoutPageBlock>:where(:has(.lib-wide__outer))+:where(:has(.lib-wide__outer)):where(.--mdl) {
        margin-top: 3rem
    }
    .lib-column__outer #dcms_layoutPageBlock>.lib-wide__outer:last-child,
    .lib-column__outer #dcms_layoutPageBlock>:last-child:has(.lib-fv__outer) .lib-wide__outer,
    .lib-column__outer #dcms_layoutPageBlock>:last-child:has(.lib-wide__outer)>.lib-wide__outer:last-child {
        margin-bottom: unset
    }
    :where(#wrapper):where([style*="--scroll"]) :where(.--fill-box) .lib-wide__outer {
        margin-left: -50px;
        margin-right: -50px;
        width: calc(100% + 100px);
        padding-left: 50px;
        padding-right: 50px
    }
    :where(#wrapper):where([style*="--scroll"]) .lib-column__main .lib-wide__outer {
        margin-left: unset;
        margin-right: unset;
        padding-right: unset;
        padding-left: unset
    }
    #wrapper {
        padding-top: 0
    }
    #wrapper:has(.lib-header-BS02) {
        padding-top: 80px
    }
    #contents {
        max-width: calc(1120px + .75rem * 2)
    }
    .lib-column__outer {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }
    .lib-column__main {
        position: relative;
        width: calc(100% - 260px);
        padding-right: 30px
    }
    .lib-column__outer .lib-column__side.media-column__side {
        margin-top: 0
    }
    .lib-column__outer .lib-column__side {
        width: 260px;
        margin-top: 0;
        padding: 0
    }
    .lib-column__outer .lib-column__side .wrap {
        padding: 0
    }
    .--fill-box {
        padding: 50px
    }
    .fs-lg-10 {
        font-size: .625rem
    }
    .fs-lg-12 {
        font-size: .75rem
    }
    .fs-lg-14 {
        font-size: .875rem
    }
    .fs-lg-16 {
        font-size: 1rem
    }
    .fs-lg-18 {
        font-size: 1.125rem
    }
    .fs-lg-20 {
        font-size: 1.25rem
    }
    .fs-lg-22 {
        font-size: 1.375rem
    }
    .fs-lg-24 {
        font-size: 1.5rem
    }
    .fs-lg-26 {
        font-size: 1.625rem
    }
    .fs-lg-28 {
        font-size: 1.75rem
    }
    .fs-lg-30 {
        font-size: 1.875rem
    }
    .fs-lg-32 {
        font-size: 2rem
    }
    .fs-lg-34 {
        font-size: 2.125rem
    }
    .fs-lg-36 {
        font-size: 2.25rem
    }
    .fs-lg-38 {
        font-size: 2.375rem
    }
    .fs-lg-40 {
        font-size: 2.5rem
    }
    .lib-ec__row {
        gap: 50px
    }
    .lib-form-flow__list {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex
    }
    .lib-form-flow__list>li {
        min-width: 300px
    }
    .lib-form__address {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
    .lib-form__address .lib-form__input {
        padding-top: 0;
        padding-left: 20px;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1
    }
    .lib-form__address .lib-form__title {
        width: 7em;
        margin: 0
    }
    input[type=tel] {
        max-width: 300px
    }
    input[type=email].lib-form__short,
    input[type=number].lib-form__short,
    input[type=tel].lib-form__short,
    input[type=text].lib-form__short {
        max-width: 35%
    }
    input[type=email].lib-form__middle,
    input[type=number].lib-form__middle,
    input[type=tel].lib-form__middle,
    input[type=text].lib-form__middle {
        max-width: 55%
    }
    .lib-gallery__main .swiper-slide {
        height: 400px
    }
    .lib-gallery__btn {
        height: 80px
    }
    .lib-gallery__arr {
        height: 80px
    }
    .lib-gallery__autoplay {
        bottom: 102px
    }
    .lib-sld-003__gallery .lib-gallery__autoplay {
        bottom: 87px
    }
    .lib-column__main .lib-grid__outer.row-cols-lg-4>.lib-grid__col {
        width: 33.3333333333%
    }
    .row-cols-lg-4 :where(.lib-link__btn) {
        font-size: 1rem
    }
    .max-lg-unset {
        max-width: unset !important
    }
    .max-lg-100 {
        max-width: 100px
    }
    .max-lg-110 {
        max-width: 110px
    }
    .max-lg-120 {
        max-width: 120px
    }
    .max-lg-130 {
        max-width: 130px
    }
    .max-lg-140 {
        max-width: 140px
    }
    .max-lg-150 {
        max-width: 150px
    }
    .max-lg-160 {
        max-width: 160px
    }
    .max-lg-170 {
        max-width: 170px
    }
    .max-lg-180 {
        max-width: 180px
    }
    .max-lg-190 {
        max-width: 190px
    }
    .max-lg-200 {
        max-width: 200px
    }
    .max-lg-210 {
        max-width: 210px
    }
    .max-lg-220 {
        max-width: 220px
    }
    .max-lg-230 {
        max-width: 230px
    }
    .max-lg-240 {
        max-width: 240px
    }
    .max-lg-250 {
        max-width: 250px
    }
    .max-lg-260 {
        max-width: 260px
    }
    .max-lg-270 {
        max-width: 270px
    }
    .max-lg-280 {
        max-width: 280px
    }
    .max-lg-290 {
        max-width: 290px
    }
    .max-lg-300 {
        max-width: 300px
    }
    .max-lg-310 {
        max-width: 310px
    }
    .max-lg-320 {
        max-width: 320px
    }
    .max-lg-330 {
        max-width: 330px
    }
    .max-lg-340 {
        max-width: 340px
    }
    .max-lg-350 {
        max-width: 350px
    }
    .max-lg-360 {
        max-width: 360px
    }
    .max-lg-370 {
        max-width: 370px
    }
    .max-lg-380 {
        max-width: 380px
    }
    .max-lg-390 {
        max-width: 390px
    }
    .max-lg-400 {
        max-width: 400px
    }
    .max-lg-410 {
        max-width: 410px
    }
    .max-lg-420 {
        max-width: 420px
    }
    .max-lg-430 {
        max-width: 430px
    }
    .max-lg-440 {
        max-width: 440px
    }
    .max-lg-450 {
        max-width: 450px
    }
    .max-lg-460 {
        max-width: 460px
    }
    .max-lg-470 {
        max-width: 470px
    }
    .max-lg-480 {
        max-width: 480px
    }
    .max-lg-490 {
        max-width: 490px
    }
    .max-lg-500 {
        max-width: 500px
    }
    .max-lg-510 {
        max-width: 510px
    }
    .max-lg-520 {
        max-width: 520px
    }
    .max-lg-530 {
        max-width: 530px
    }
    .max-lg-540 {
        max-width: 540px
    }
    .max-lg-550 {
        max-width: 550px
    }
    .max-lg-560 {
        max-width: 560px
    }
    .max-lg-570 {
        max-width: 570px
    }
    .max-lg-580 {
        max-width: 580px
    }
    .max-lg-590 {
        max-width: 590px
    }
    .max-lg-600 {
        max-width: 600px
    }
    .lib-recommend__list>li>a:has(img):after {
        right: unset;
        left: 60px;
        top: -5px;
        width: 26px;
        height: 26px;
        background-color: var(--MAIN);
        color: var(--WHT);
        border: var(--WHT) 1px solid;
        border-radius: 50%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    .lib-hero__outer {
        min-height: 320px;
        padding-top: 120px
    }
    #wrapper:has(.lib-header-BS02) .lib-hero__outer {
        padding-top: 0;
        min-height: 200px
    }
    .lib-media__slider .swiper-wrapper:not([id]) .swiper-slide {
        width: calc(25% - 15px)
    }
    :where(.t-lg-start) {
        text-align: left
    }
    :where(.t-lg-center) {
        text-align: center
    }
    :where(.t-lg-end) {
        text-align: right
    }
}
@media print and (hover:hover) and (pointer:fine),
screen and (min-width:992px) and (hover:hover) and (pointer:fine) {
    .lib-utility__item a:not([class*=__btn]):hover {
        color: var(--MAIN)
    }
    .lib-utility__item a:not([class*=__btn]):hover .txt {
        text-decoration: underline
    }
    .lib-nav__btn:focus>.txt:before {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    .lib-nav__btn:hover {
        color: var(--MAIN)
    }
    .lib-nav__btn:hover>.txt:before {
        opacity: 1 !important;
        -webkit-transform: translateY(0) !important;
        transform: translateY(0) !important
    }
    .lib-nav__btn[aria-expanded=false]:focus>.txt:before {
        opacity: 0;
        -webkit-transform: translateY(5px);
        transform: translateY(5px)
    }
    .lib-nav__btn[aria-expanded=true]:focus {
        color: var(--MAIN)
    }
    .lib-header__outer.lib-header-BS01 .lib-utility__item a:hover:not(:focus)>.txt {
        text-decoration: none
    }
    .lib-header__outer.lib-header-BS01 .lib-utility__item a:hover:not(:focus)>.txt:before {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}
@media print,
screen and (min-width:992px) and (min-width:992px) {
    .lib-header__outer.typeN .lib-nav__btn:not(.js-child__btn) .txt:before {
        margin-right: 5px
    }
}
@media print and (hover:hover) and (pointer:fine),
screen and (min-width:992px) and (min-width:768px) and (hover:hover) and (pointer:fine) {
    .lib-header__outer.typeS .lib-child__item.--headline a:hover {
        text-decoration: none;
        background-color: var(--MAIN);
        color: var(--WHT)
    }
    .lib-column__outer .lib-column__side .lib-subnav__title a:hover {
        background-color: var(--WHT);
        color: var(--MAIN)
    }
}
@media print,
screen and (min-width:992px) and (min-width:768px) {
    .lib-column__outer .lib-column__side .lib-subnav__title a {
        font-size: 1.25rem
    }
    .lib-column__outer #dcms_layoutPageBlock>:where(:has(.lib-wide__outer))+:where(:has(.lib-wide__outer)) {
        margin-top: 6rem
    }
    .lib-column__outer #dcms_layoutPageBlock>:where(:has(.lib-wide__outer))+:where(:has(.lib-wide__outer)):where(.--min) {
        margin-top: 1.5rem
    }
    .lib-column__outer #dcms_layoutPageBlock>:where(:has(.lib-wide__outer))+:where(:has(.lib-wide__outer)):where(.--mdl) {
        margin-top: 3rem
    }
}
@media print,
screen and (min-width:1120px) {
    .lib-header__outer.lib-header-BS03 .lib-nav__outer {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr
    }
    .lib-header__outer.lib-header-BS03:has(.lib-induce__outer) .lib-nav__outer {
        -ms-grid-columns: 1fr 370px;
        grid-template-columns: 1fr 370px
    }
}
@media print,
screen and (min-width:1200px) {
    .lib-cta__phone>dd {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding-left: 60px
    }
    .lib-cta__phone .num {
        font-size: 2.875rem;
        position: relative;
        top: -.05em
    }
    .lib-cta__phone .time {
        padding-left: 60px
    }
    .lib-cta-BS03__box .lib-btn__outer .lib-link__btn {
        max-width: 380px
    }
    .lib-cta-BS03__txtarea {
        padding-left: 40px;
        position: relative
    }
    .lib-cta-BS03__txtarea:before {
        content: "";
        height: 100%;
        width: 1px;
        display: block;
        background-color: var(--LGRY);
        position: absolute;
        left: 20px;
        top: 0
    }
    .fs-xl-10 {
        font-size: .625rem
    }
    .fs-xl-12 {
        font-size: .75rem
    }
    .fs-xl-14 {
        font-size: .875rem
    }
    .fs-xl-16 {
        font-size: 1rem
    }
    .fs-xl-18 {
        font-size: 1.125rem
    }
    .fs-xl-20 {
        font-size: 1.25rem
    }
    .fs-xl-22 {
        font-size: 1.375rem
    }
    .fs-xl-24 {
        font-size: 1.5rem
    }
    .fs-xl-26 {
        font-size: 1.625rem
    }
    .fs-xl-28 {
        font-size: 1.75rem
    }
    .fs-xl-30 {
        font-size: 1.875rem
    }
    .fs-xl-32 {
        font-size: 2rem
    }
    .fs-xl-34 {
        font-size: 2.125rem
    }
    .fs-xl-36 {
        font-size: 2.25rem
    }
    .fs-xl-38 {
        font-size: 2.375rem
    }
    .fs-xl-40 {
        font-size: 2.5rem
    }
    .max-xl-unset {
        max-width: unset !important
    }
    .max-xl-100 {
        max-width: 100px
    }
    .max-xl-110 {
        max-width: 110px
    }
    .max-xl-120 {
        max-width: 120px
    }
    .max-xl-130 {
        max-width: 130px
    }
    .max-xl-140 {
        max-width: 140px
    }
    .max-xl-150 {
        max-width: 150px
    }
    .max-xl-160 {
        max-width: 160px
    }
    .max-xl-170 {
        max-width: 170px
    }
    .max-xl-180 {
        max-width: 180px
    }
    .max-xl-190 {
        max-width: 190px
    }
    .max-xl-200 {
        max-width: 200px
    }
    .max-xl-210 {
        max-width: 210px
    }
    .max-xl-220 {
        max-width: 220px
    }
    .max-xl-230 {
        max-width: 230px
    }
    .max-xl-240 {
        max-width: 240px
    }
    .max-xl-250 {
        max-width: 250px
    }
    .max-xl-260 {
        max-width: 260px
    }
    .max-xl-270 {
        max-width: 270px
    }
    .max-xl-280 {
        max-width: 280px
    }
    .max-xl-290 {
        max-width: 290px
    }
    .max-xl-300 {
        max-width: 300px
    }
    .max-xl-310 {
        max-width: 310px
    }
    .max-xl-320 {
        max-width: 320px
    }
    .max-xl-330 {
        max-width: 330px
    }
    .max-xl-340 {
        max-width: 340px
    }
    .max-xl-350 {
        max-width: 350px
    }
    .max-xl-360 {
        max-width: 360px
    }
    .max-xl-370 {
        max-width: 370px
    }
    .max-xl-380 {
        max-width: 380px
    }
    .max-xl-390 {
        max-width: 390px
    }
    .max-xl-400 {
        max-width: 400px
    }
    .max-xl-410 {
        max-width: 410px
    }
    .max-xl-420 {
        max-width: 420px
    }
    .max-xl-430 {
        max-width: 430px
    }
    .max-xl-440 {
        max-width: 440px
    }
    .max-xl-450 {
        max-width: 450px
    }
    .max-xl-460 {
        max-width: 460px
    }
    .max-xl-470 {
        max-width: 470px
    }
    .max-xl-480 {
        max-width: 480px
    }
    .max-xl-490 {
        max-width: 490px
    }
    .max-xl-500 {
        max-width: 500px
    }
    .max-xl-510 {
        max-width: 510px
    }
    .max-xl-520 {
        max-width: 520px
    }
    .max-xl-530 {
        max-width: 530px
    }
    .max-xl-540 {
        max-width: 540px
    }
    .max-xl-550 {
        max-width: 550px
    }
    .max-xl-560 {
        max-width: 560px
    }
    .max-xl-570 {
        max-width: 570px
    }
    .max-xl-580 {
        max-width: 580px
    }
    .max-xl-590 {
        max-width: 590px
    }
    .max-xl-600 {
        max-width: 600px
    }
}
@media print,
screen and (min-width:1400px) {
    .fs-xxl-10 {
        font-size: .625rem
    }
    .fs-xxl-12 {
        font-size: .75rem
    }
    .fs-xxl-14 {
        font-size: .875rem
    }
    .fs-xxl-16 {
        font-size: 1rem
    }
    .fs-xxl-18 {
        font-size: 1.125rem
    }
    .fs-xxl-20 {
        font-size: 1.25rem
    }
    .fs-xxl-22 {
        font-size: 1.375rem
    }
    .fs-xxl-24 {
        font-size: 1.5rem
    }
    .fs-xxl-26 {
        font-size: 1.625rem
    }
    .fs-xxl-28 {
        font-size: 1.75rem
    }
    .fs-xxl-30 {
        font-size: 1.875rem
    }
    .fs-xxl-32 {
        font-size: 2rem
    }
    .fs-xxl-34 {
        font-size: 2.125rem
    }
    .fs-xxl-36 {
        font-size: 2.25rem
    }
    .fs-xxl-38 {
        font-size: 2.375rem
    }
    .fs-xxl-40 {
        font-size: 2.5rem
    }
}
@media print,
screen and (max-width:991.8px) {
    .lib-utility__outer:has(.lib-induce__btn) {
        position: relative;
        padding-bottom: calc(60px + 1.5rem)
    }
    .lib-utility__item:has(.lib-induce__btn) {
        position: absolute;
        bottom: 0;
        left: 0;
        border-left: var(--LGRY) 10px solid
    }
    .lib-utility__item:has(.lib-induce__btn)+:has(.lib-induce__btn) {
        left: auto;
        right: 0;
        border-left: unset;
        border-right: var(--LGRY) 10px solid
    }
    .lib-child__outer {
        background-color: var(--WHT)
    }
    .lib-child__outer .row {
        width: 100% !important;
        padding: 0 !important;
        margin: 0 !important
    }
    .lib-child__outer .row .col-12 {
        width: 100% !important;
        padding: 0 !important;
        margin: 0 !important
    }
    .lib-child__item {
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important
    }
    .lib-child__item>a:where([href$=".pdf"]) .txt,
    .lib-child__item>a:where([href^="https://saas.actibookone.com/"]) .txt,
    .lib-child__item>a:where([target=_blank]) .txt {
        width: 100%;
        position: relative;
        padding-right: 20px;
        margin-top: 0
    }
    .lib-child__item>a:where([href$=".pdf"]) .txt:after,
    .lib-child__item>a:where([href^="https://saas.actibookone.com/"]) .txt:after,
    .lib-child__item>a:where([target=_blank]) .txt:after {
        margin: 0;
        position: absolute;
        right: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }
    .lib-nav__panel .d-inline-block.d-sm-none {
        display: inline-block !important
    }
    .lib-nav__cover {
        max-height: calc(100dvh - 60px);
        overflow-x: hidden;
        overflow-y: auto;
        overscroll-behavior: contain;
        overscroll-behavior: contain;
        scroll-behavior: smooth;
        scrollbar-color: var(--MAIN) #f5f5f5;
        scrollbar-width: thin
    }
    .lib-nav__cover::-webkit-scrollbar {
        width: 10px
    }
    .lib-nav__cover::-webkit-scrollbar-thumb {
        border-radius: 100px;
        border: 3px solid transparent;
        background-clip: content-box;
        background-color: var(--MAIN)
    }
    .lib-nav__cover::-webkit-scrollbar-track {
        background-color: #f5f5f5
    }
    .lib-nav__list {
        margin-top: 0
    }
    .lib-nav__item {
        width: 100% !important;
        margin-top: 0;
        padding: 0;
        -webkit-box-flex: unset;
        -ms-flex: unset;
        flex: unset
    }
    html.is-open {
        overflow: hidden
    }
    body.is-overlay:after {
        visibility: visible;
        opacity: 1
    }
    .lib-header__outer.typeN .lib-nav__list {
        margin-top: 0
    }
    .lib-column__side:not(.media-column__side) {
        margin-left: calc((100vw - 100%)/ 2 * -1);
        margin-right: calc((100vw - 100%)/ 2 * -1)
    }
    [style*="--scroll"] .lib-column__side:not(.media-column__side) {
        margin-left: calc((100vw - 100%)/ 2 * -1 + var(--scroll)/ 2);
        margin-right: calc((100vw - 100%)/ 2 * -1 + var(--scroll)/ 2);
        padding: 3rem calc((100vw - 100%)/ 2 - var(--scroll)/ 2)
    }
    .lib-scroll__outer {
        position: relative;
        padding-top: 30px
    }
    .lib-scroll__outer:before {
        content: "\203b\5de6\53f3\306b\30d5\30ea\30c3\30af\3057\3066\3054\89a7\3044\305f\3060\3051\307e\3059\3002";
        position: absolute;
        top: 0;
        right: 0;
        text-align: right;
        font-size: .75rem
    }
    .lib-scroll__inside {
        width: 860px
    }
    :where(.md-title__outer)+.lib-scroll__outer,
    :where(h1):not([class])+.lib-scroll__outer,
    :where(h2):not([class])+.lib-scroll__outer,
    :where(h3):not([class])+.lib-scroll__outer,
    :where(h4):not([class])+.lib-scroll__outer,
    :where(h5):not([class])+.lib-scroll__outer,
    :where(h6):not([class])+.lib-scroll__outer {
        margin-top: 2px !important
    }
}
@media print,
screen and (max-width:767.8px) {
    .lib-cta-BS03+.lib-footer__outer.lib-footer-BS03 {
        margin-top: 25px
    }
    .lib-cta-BS03+.lib-footer__outer.lib-footer-BS03 .lib-footer__guidance {
        margin-top: -5px;
        padding-bottom: 5px
    }
    .lib-anchor__list .lib-link__btn[class*=justify-content-][class*=ico-after-]>.txt.justify-content-start {
        padding-left: 8px
    }
    .lib-form__birthday {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        border-bottom: var(--GRY) 1px solid
    }
    .lib-form__birthday+.lib-form__birthday {
        padding-left: 0
    }
    .lib-form__birthday:first-child {
        padding-left: 10px
    }
    .lib-form__birthday .lib-form__title {
        width: 100%;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    .lib-form__birthday .lib-form__input {
        padding-top: 2px;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1
    }
    .lib-toggle__panel.js-toggle__panel {
        padding-bottom: 10px
    }
}
@media print,
screen and (max-width:575.8px) {
    .lib-header__clone {
        display: none
    }
    .lib-footer__nav {
        width: calc(100% + 30px);
        margin: 0 -15px
    }
    .lib-scroll__inside td,
    .lib-scroll__inside th {
        display: table-cell
    }
}
@media print,
screen and (max-width:373.8px) {
    html {
        font-size: 89.5%
    }
}
@media print,
screen and (min-width:576px) and (max-width:991.8px) {
    .lib-nav__panel {
        max-width: 400px
    }
    .lib-footer__outer.lib-footer-BS01 .lib-footer__child>:nth-child(2) .lib-footer__nav {
        overflow: hidden;
        margin-top: 2rem
    }
    .lib-footer__outer.lib-footer-BS01 .lib-footer__child>:nth-child(2) .lib-footer__title {
        width: unset;
        margin-top: 0
    }
}
@media print,
screen and (min-width:576px) and (max-width:767.8px) {
    .lib-footer__child {
        margin-top: 10px
    }
    .lib-footer__outer.lib-footer-BS01 .lib-footer__info {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-flex: unset;
        -ms-flex: unset;
        flex: unset;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding-bottom: 0
    }
    .lib-footer__outer.lib-footer-BS01 .lib-footer__logo {
        padding-bottom: 45px
    }
    .lib-footer__outer.lib-footer-BS01 .lib-footer__data {
        margin-top: 0;
        padding-left: 30px
    }
    .lib-footer__outer.lib-footer-BS01 .lib-footer__data>dd {
        position: relative
    }
    .lib-footer__outer.lib-footer-BS01 .lib-footer__sns {
        position: absolute;
        left: -230px;
        bottom: 0;
        width: 200px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    .lib-cta-BS02+.lib-footer__outer.lib-footer-BS03 {
        margin-top: 25px
    }
    .lib-cta-BS02+.lib-footer__outer.lib-footer-BS03 .lib-footer__guidance {
        margin-top: -5px;
        padding-bottom: 5px
    }
}
@media print,
screen and (max-width:991.8px) and (min-width:576px) {
    [style*="--scroll"] .lib-column__side:not(.media-column__side) {
        margin-bottom: calc(120px * -1)
    }
}
@media print,
screen and (min-width:768px) and (max-width:991.8px) {
    :where(.lib-card__item).--md-horizon {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
        -webkit-column-gap: 30px;
        -moz-column-gap: 30px;
        column-gap: 30px
    }
    :where(.lib-card__item).--md-horizon .lib-card__txtarea {
        padding-top: 0;
        padding-left: 0
    }
    :where(.lib-card__item).--md-horizon .lib-card__thumb {
        width: 200px
    }
    :where(.lib-card__item).--md-horizon[class*=bg-] .lib-card__txtarea {
        padding: 1.5rem;
        padding-left: 0
    }
    .lib-column__side:not(.media-column__side) .wrap {
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }
}
@media print {
    body {
        width: calc(1120px + .75rem * 2) !important;
        zoom: .8
    }
    .lib-breadcrumb__outer,
    .lib-cta__outer,
    .lib-footer__outer,
    .lib-header__outer {
        display: none !important
    }
    #wrapper {
        padding-top: 0 !important
    }
    .lib-wide__outer {
        width: 100vw;
        margin-left: calc((100vw - 100%)/ 2 * -1) !important;
        margin-right: calc((100vw - 100%)/ 2 * -1) !important;
        padding-left: calc((100vw - 100%)/ 2) !important;
        padding-right: calc((100vw - 100%)/ 2) !important
    }
    .section:has([class*=bownow]) {
        display: none !important
    }
    .lib-hero__outer {
        background: unset !important;
        min-height: unset !important;
        padding-top: 0 !important
    }
    .lib-cnt-25 .lib-toggle__btn,
    .lib-tab__panel[aria-hidden=true],
    .lib-toggle__panel[aria-hidden=true] {
        display: block !important;
        opacity: 1 !important
    }
    .lib-cnt-24 .lib-tab__panel {
        border: var(--GRY) 1px solid;
        padding: 20px;
        margin-top: 20px
    }
    .lib-cnt-25 .lib-toggle__btn {
        padding: 0 !important;
        font-size: 2rem;
        margin-bottom: 10px
    }
    .lib-cnt-25 .lib-toggle__btn .txt:after,
    .lib-cnt-25 .lib-toggle__btn .txt:before {
        display: none !important
    }
    .lib-cnt-008__thumb {
        margin-left: 100px !important;
        margin-right: 0 !important
    }
    .lib-cnt-009__thumb {
        margin-right: 100px !important;
        margin-left: unset !important
    }
    .lib-table__01 td,
    .lib-table__01 th,
    .lib-table__02 td,
    .lib-table__02 th {
        display: table-cell !important
    }
    .lib-scroll__inside {
        width: unset !important
    }
    .lib-scroll__outer {
        padding-top: 0 !important
    }
    .lib-scroll__outer:before {
        display: none !important
    }
    .lib-flow-002 {
        padding-left: 90px !important
    }
    .lib-flow-002__txtarea {
        padding-left: 3rem !important
    }
    .swiper-wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important;
        width: 100% !important;
        overflow: unset !important;
        -webkit-transform: unset !important;
        transform: unset !important
    }
    .lib-sld-002__thumb,
    .lib-sld-003__thumb,
    .lib-swiper__control {
        display: none !important
    }
    .lib-blog-004__slider .swiper-wrapper,
    .lib-sld-002__main .swiper-wrapper,
    .lib-sld-003__main .swiper-wrapper {
        gap: 15px
    }
    .lib-blog-004__slider .swiper-slide,
    .lib-sld-002__main .swiper-slide,
    .lib-sld-003__main .swiper-slide {
        width: calc(50% - 15px) !important;
        opacity: 1 !important;
        -webkit-transform: unset !important;
        transform: unset !important;
        margin: 0 !important;
        height: unset !important
    }
    .js-media__slider .swiper-wrapper {
        gap: 15px
    }
    .js-media__slider .swiper-slide {
        width: calc(25% - 15px) !important;
        opacity: 1 !important;
        -webkit-transform: unset !important;
        transform: unset !important;
        margin: 0 !important;
        height: unset !important
    }
}