/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
code,kbd,samp {
    font-family: monospace,monospace;
    font-size: 1em
}

small {
    font-size: 80%
}

sub,sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: initial
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

img {
    border-style: none
}

button,input,optgroup,select,textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button,input {
    overflow: visible
}

button,select {
    text-transform: none
}

[type=button],[type=reset],[type=submit],button {
    -webkit-appearance: button
}

[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner {
    border-style: none;
    padding: 0
}

[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring {
    outline: 1px dotted ButtonText
}

fieldset {
    padding: .35em .75em .625em
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

progress {
    vertical-align: initial
}

textarea {
    overflow: auto
}

[type=checkbox],[type=radio] {
    box-sizing: border-box;
    padding: 0
}

[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

details {
    display: block
}

summary {
    display: list-item
}

[hidden],template {
    display: none
}

*,:after,:before {
    box-sizing: border-box
}

img {
    height: auto;
    vertical-align: bottom;
    width: 100%
}

:focus-visible {
    outline: none
}

@font-face {
    font-display: swap;
    font-family: Noto Sans JP;
    font-style: normal;
    font-weight: 400;
    src: local("Noto Sans JP"),url(/assets/fonts/NotoSansJP-Regular.woff2) format("woff2"),url(/assets/fonts/NotoSansJP-Regular.woff) format("woff"),url(/assets/fonts/NotoSansJP-Regular.ttf) format("truetype"),url(/assets/fonts/NotoSansJP-Regular.otf) format("opentype")
}

@font-face {
    font-display: swap;
    font-family: Noto Sans JP;
    font-style: normal;
    font-weight: 700;
    src: local("Noto Sans JP"),url(/assets/fonts/NotoSansJP-Bold.woff2) format("woff2"),url(/assets/fonts/NotoSansJP-Bold.woff) format("woff"),url(/assets/fonts/NotoSansJP-Bold.ttf) format("truetype"),url(/assets/fonts/NotoSansJP-Bold.otf) format("opentype")
}


.grid__item--12fr {
    grid-area: span 1/span 12
}

.navigationBody {
    animation-duration: .3s;
    animation-name: fade-in;
    background-color: #fff;
    display: block;
    left: 0;
    margin-top: 64px;
    padding-left: inherit;
    padding-right: inherit;
    position: absolute;
    z-index: 30
}

.navigationBody~.breadcrumbs:not(.u-hidden) {
    margin-top: 40px!important
}

.navigationBody .navigationBody__hr {
    background-color: #d8d8db;
    border: 0;
    height: 1px
}

.navigationBody--hide {
    position: relative;
    z-index: 30
}

.navigationBody--hide .globalNav,.navigationBody--hide .navigationBody__hr,.navigationBody--hide .objectiveClassMenu,.navigationBody--hide .searchMenu,.navigationBody--hide .tagMenu,.navigationBody--hide .userClassMenu {
    display: none
}

.navigationBody__button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    border: 0;
    border-radius: 0;
    color: #222;
    cursor: pointer;
    height: 36px;
    padding: 6px;
    position: fixed;
    right: 24px;
    top: 20px;
    width: 36px
}

@media screen and (min-width: 960px) {
    .navigationBody__button {
        display:none
    }
}

.navigationBody__button:focus {
    border-radius: 4px;
    color: #222;
    outline: 2px solid #ffd300
}

.navigationBody__button[aria-haspopup] .navigationBody__icon--isClose {
    display: inline-block
}

.navigationBody__button:not([aria-haspopup]) .navigationBody__icon--isClose,.navigationBody__button[aria-haspopup] .navigationBody__icon--isOpen {
    display: none
}

.navigationBody__button:not([aria-haspopup]) .navigationBody__icon--isOpen {
    display: inline-block
}

.navigationBody__button--link {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    border: 0;
    border-radius: 0;
    color: #222;
    cursor: pointer;
    height: 36px;
    padding: 6px;
    position: fixed;
    right: 82px;
    top: 20px;
    width: 36px
}

@media screen and (min-width: 960px) {
    .navigationBody__button--link {
        display:none
    }
}

.navigationBody__button--link:focus {
    border-radius: 4px;
    color: #222;
    outline: 2px solid #ffd300
}

.navigationBody__button--link .icon {
    color: currentcolor
}

.navigationBody__button--link[aria-haspopup] .navigationBody__icon--isClose {
    display: inline-block
}

.navigationBody__button--link:not([aria-haspopup]) .navigationBody__icon--isClose,.navigationBody__button--link[aria-haspopup] .navigationBody__icon--isOpen {
    display: none
}

.navigationBody__button--link:not([aria-haspopup]) .navigationBody__icon--isOpen {
    display: inline-block
}

@keyframes fade-in {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.pagetop {
    bottom: 40px;
    position: fixed;
    right: 40px
}

@media screen and (max-width: 959px) {
    .pagetop {
        bottom:24px;
        right: 24px
    }
}

.annotation {
    font-size: .875rem;
    line-height: 1.5;
    display: table;
    list-style-type: none;
    margin: unset;
    padding: unset
}

@media screen and (max-width: 519px) {
    .annotation {
        font-size:.9rem
    }
}

.annotation__item {
    display: table-row
}

.annotation__marker {
    display: table-cell;
    padding-right: 8px
}

.annotation__text {
    display: table-cell
}

.annotation__item:not(:first-child)>.annotation__marker,.annotation__item:not(:first-child)>.annotation__text {
    padding-top: 8px
}

.button {
    font-size: 1rem;
    line-height: 1.5;
    -webkit-appearance: unset;
    -moz-appearance: unset;
    appearance: unset;
    border: unset;
    border-radius: 8px;
    cursor: pointer;
    display: block;
    font-weight: 700;
    padding: 16px;
    text-align: center;
    text-decoration: none;
    width: 100%
}

@media screen and (max-width: 519px) {
    .button {
        font-size:1rem
    }
}

.button--primary {
    background-color: #0f41af;
    color: #fff;
    transition: background-color .3s cubic-bezier(.4,.4,0,1)
}

.button--primary:active,.button--primary:hover {
    background-color: #001765
}

.button--primary:focus {
    outline: 2px solid #ffd300
}

.button--primary:disabled {
    background-color: #bebebe
}

.button--secondary {
    background-color: #fff;
    border: 1px solid #0028b5;
    transition: background-color .3s cubic-bezier(.4,.4,0,1)
}

.button--secondary:active,.button--secondary:hover {
    background-color: #e7eefd;
    border-color: #0f41af
}

.button--secondary:focus {
    outline: 2px solid #ffd300
}

.button--secondary:disabled {
    background-color: #bebebe;
    color: #fff
}

.button--tertiary {
    background-color: transparent;
    color: #0f41af;
    text-decoration: underline
}

.button--tertiary:active,.button--tertiary:hover {
    color: #222
}

.button--tertiary:focus {
    outline: 2px solid #ffd300
}

.button--tertiary:disabled {
    color: #bebebe
}

.card__box {
    font-size: 1rem;
    line-height: 1.5;
    border: 1px solid #eaeaea;
    border-radius: 12px;
    color: #222;
    display: block;
    font-weight: 400
}

@media screen and (max-width: 519px) {
    .card__box {
        font-size:1rem
    }
}

.card__box--info {
    background-color: #fff
}

.card__box--clickable {
    background-color: #f9f9f9;
    cursor: pointer;
    outline: unset;
    text-decoration: unset;
    transition: background-color .3s cubic-bezier(.4,.4,0,1)
}

.card__box--clickable:hover {
    background: #efefef
}

.card__box--clickable:active {
    background: #e5e5e5
}

.card__box--clickable:focus {
    outline: 2px solid #ffd300
}

.card__box--clickable:disabled {
    display: none
}

.card__box--non-clickable {
    background-color: #f9f9f9;
    cursor: unset;
    outline: unset;
    text-decoration: unset
}

.card__box--non-clickable:active {
    background: #e5e5e5
}

.card__box--non-clickable:focus {
    outline: 2px solid #ffd300
}

.card__box--non-clickable:disabled {
    display: none
}

.card__box--isInformation {
    border-top: 16px solid #2f71bd
}

.card__box--isSuccess {
    border-top: 16px solid #259d63
}

.card__box--isWarning {
    border-top: 16px solid #f9bd38
}

.card__box--isError {
    border-top: 16px solid #ec0000
}

.card__hero {
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    overflow: hidden
}

.card__body,.card__body--thumb {
    overflow-wrap: break-word;
    padding: 16px
}

.card__body {
    display: block
}

.card__body--thumb {
    display: grid;
    grid-template-columns: 1fr auto;
    grid-template-rows: auto 1fr
}

.card__body--thumb .card__header {
    grid-column: 1/2
}

.card__thumb {
    font-size: .875rem;
    aspect-ratio: 1/1;
    grid-column: 2/3;
    grid-row: 1/3;
    margin-left: 8px
}

@media screen and (max-width: 519px) {
    .card__thumb {
        font-size:.9rem;
        grid-row: 1/2;
        margin-top: calc(1.75em + 4px)
    }
}

.card__image {
    height: 144px;
    object-fit: contain;
    width: 144px
}

@media screen and (max-width: 519px) {
    .card__image {
        height:80px;
        width: 80px
    }
}

.card__category {
    font-size: .875rem;
    line-height: 1.75;
    color: #4d4d4d
}

@media screen and (max-width: 519px) {
    .card__category {
        font-size:.9rem
    }
}

.card__title {
    font-size: 1.25rem;
    line-height: 1.5;
    font-weight: 700;
    margin: unset
}

@media screen and (max-width: 519px) {
    .card__title {
        font-size:1.16rem
    }
}

.card__title--topLevel {
    font-size: 1.625rem;
    line-height: 1.5;
    font-weight: 700;
    margin: unset
}

@media screen and (max-width: 519px) {
    .card__title--topLevel {
        font-size:1.39rem
    }
}

.card__category+.card__title {
    margin-top: 4px
}

.card__main {
    font-size: 1rem;
    line-height: 1.5;
    margin: unset
}

@media screen and (max-width: 519px) {
    .card__main {
        font-size:1rem
    }
}

.card__main:not(:first-child) {
    margin-top: 16px
}

.card__body--thumb .card__main {
    grid-column: 1/2
}

@media screen and (max-width: 519px) {
    .card__body--thumb .card__main {
        grid-column:1/3
    }
}

.card__text {
    margin: unset
}

.card__button {
    margin-top: 24px
}

.card__link {
    align-items: center;
    background-color: #0f41af;
    border-radius: 8px;
    color: #fff;
    display: flex;
    justify-content: space-between;
    padding: 16px;
    position: relative;
    text-decoration: unset;
    transition: background-color .3s cubic-bezier(.4,.4,0,1)
}

.card__link:hover {
    background-color: #355fbc
}

.card__link:active {
    background-color: #496fc2
}

.card__link:focus {
    outline: 2px solid #ffd300;
    position: relative;
    z-index: 1
}

.card__link .icon {
    color: currentcolor
}

.card__link.current {
    background-color: #a1a1a1;
    cursor: default;
    pointer-events: none
}

.card__link+.card__link {
    margin-top: 8px
}

.card__list {
    border-top: 1px solid #ddd
}

.card__body+.card__list {
    margin-top: 4px
}

.card__list .list__item:last-child .list__link {
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
    overflow: hidden
}

.card__date,.card__date--inline {
    font-size: .75rem;
    color: #4d4d4d
}

@media screen and (max-width: 519px) {
    .card__date,.card__date--inline {
        font-size:.8rem
    }
}

.card__date {
    line-height: 1.5;
    margin-top: 8px
}

.card__date--inline {
    word-break: keep-all
}

.card__date--inline:before {
    content: " ";
    display: inline;
    font-size: 0;
    line-height: 1.5;
    -webkit-padding-start: 8px;
    padding-inline-start:8px}

.checkbox {
    font-size: .875rem;
    line-height: 1.5;
    border: 0;
    color: #1a1a1c;
    margin: unset;
    padding: unset
}

@media screen and (max-width: 519px) {
    .checkbox {
        font-size:.9rem
    }
}

.checkbox__header {
    display: block;
    margin-bottom: 8px
}

.checkbox__legend {
    font-weight: 500
}

.checkbox__legend:after {
    content: " "
}

.checkbox__require {
    font-size: .75rem;
    color: #626264
}

@media screen and (max-width: 519px) {
    .checkbox__require {
        font-size:.8rem
    }
}

.checkbox__require--isRequired {
    color: #ec0000
}

.checkbox__body {
    border-width: 0!important;
    display: block!important;
    height: 4px!important;
    left: 0!important;
    margin: 0!important;
    opacity: 0!important;
    overflow: hidden!important;
    padding: 0!important;
    position: fixed!important;
    top: 0!important;
    visibility: visible!important;
    width: 4px!important
}

.checkbox__label {
    font-size: 1rem;
    cursor: pointer;
    display: block;
    position: relative;
    padding-bottom: 8px;
    padding-left: 40px;
    padding-top: 8px
}

@media screen and (max-width: 519px) {
    .checkbox__label {
        font-size:1rem
    }
}

.checkbox__icon {
    aspect-ratio: 1;
    left: 0;
    position: absolute;
    width: 24px
}

.checkbox__icon .icon {
    color: inherit
}

.checkbox__icon__checked {
    display: none
}

.checkbox__desc {
    font-size: .75rem;
    color: #626264
}

@media screen and (max-width: 519px) {
    .checkbox__desc {
        font-size:.8rem
    }
}

.checkbox__help {
    font-size: .75rem;
    color: #626264;
    margin: unset;
    margin-top: 8px
}

@media screen and (max-width: 519px) {
    .checkbox__help {
        font-size:.8rem
    }
}

.checkbox__error {
    font-size: .75rem;
    color: #ec0000;
    margin: unset;
    margin-top: 8px
}

@media screen and (max-width: 519px) {
    .checkbox__error {
        font-size:.8rem
    }
}

.checkbox--isError .checkbox__header,.checkbox--isError .checkbox__label,.checkbox--isError .checkbox__legend {
    color: #ec0000
}

.checkbox--isDisabled .checkbox__help,.checkbox--isDisabled .checkbox__label,.checkbox--isDisabled .checkbox__legend {
    color: #949497
}

.checkbox--isDisabled .checkbox__error {
    display: none
}

.checkbox--isDisabled .checkbox__icon {
    color: inherit
}

:where(.checkbox__body:checked+.checkbox__label .checkbox__icon) {
    color: #0946f1
}

:where(.checkbox__body:checked+.checkbox__label .checkbox__icon) .checkbox__icon__default {
    display: none
}

:where(.checkbox__body:checked+.checkbox__label .checkbox__icon) .checkbox__icon__checked {
    display: unset
}

.icon {
    color: #222;
    fill: currentcolor
}

.icon--32px {
    height: 32px;
    width: 32px
}

.icon--30px {
    height: 30px;
    width: 30px
}

.icon--24px {
    height: 24px;
    width: 24px
}

.icon--16px {
    height: 16px;
    width: 16px
}

.icon--twitter {
    height: 27px;
    width: 30px
}

.icon--external .icon {
    margin-left: 4px;
    vertical-align: -2px
}

.article a,.link,.link--inMenu {
    line-height: 1.75;
    text-underline-offset: .1em
}

.article a,.link {
    color: #0f41af;
    text-decoration: underline
}

.article a:visited,.link:visited {
    color: #7540ea
}

.article a:active,.article a:hover,.link:active,.link:hover {
    color: #222
}

.article a:focus,.link:focus {
    border-radius: 4px;
    color: #222;
    outline: 2px solid #ffd300
}

.article a:visited .icon,.link:visited .icon {
    color: #7540ea
}

.article a:active .icon,.article a:focus .icon,.article a:hover .icon,.link:active .icon,.link:focus .icon,.link:hover .icon {
    color: currentcolor
}

.link--inMenu {
    color: #222;
    text-decoration: none
}

.link--inMenu:hover {
    color: #222;
    text-decoration: underline
}

.link--inMenu:focus {
    border-radius: 4px;
    color: #222;
    outline: 2px solid #ffd300
}

.link--current {
    color: #0f41af
}

.list {
    font-size: 1rem;
    line-height: 1.5;
    all: unset;
    display: block;
    list-style-type: none
}

@media screen and (max-width: 519px) {
    .list {
        font-size:1rem
    }
}

.list__item {
    margin-bottom: unset
}

.list__item:not(:last-child) {
    border-bottom: 1px solid #ddd
}

.list--blue .list__item {
    border-color: #fff
}

.list__link {
    align-items: center;
    background-color: #f9f9f9;
    color: #222;
    display: flex;
    justify-content: space-between;
    padding: 16px;
    position: relative;
    text-decoration: unset;
    transition: background-color .3s cubic-bezier(.4,.4,0,1)
}

.list__link:hover {
    background-color: #efefef
}

.list__link:active {
    background-color: #e5e5e5
}

.list__link:focus {
    outline: 2px solid #ffd300;
    position: relative;
    z-index: 1
}

.list__link .icon {
    color: currentcolor
}

.list--blue .list__link {
    background-color: #0f41af;
    color: #fff
}

.list--blue .list__link:hover {
    background-color: #355fbc
}

.list--blue .list__link:active {
    background-color: #496fc2
}

.pagetop {
    align-items: center;
    background-color: #fff;
    border: 1px solid #0028b5;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    height: 56px;
    justify-content: center;
    transition: background-color .3s cubic-bezier(.4,.4,0,1);
    width: 56px;
    z-index: 10
}

.pagetop:active,.pagetop:hover {
    background-color: #e7eefd;
    border-color: #0f41af
}

.pagetop:focus {
    outline: 2px solid #ffd300
}

.radioButton {
    font-size: .875rem;
    line-height: 1.5;
    border: 0;
    color: #1a1a1c;
    margin: unset;
    padding: unset
}

@media screen and (max-width: 519px) {
    .radioButton {
        font-size:.9rem
    }
}

.radioButton__header {
    display: block;
    margin-bottom: 8px
}

.radioButton__legend {
    font-weight: 500
}

.radioButton__legend:after {
    content: " "
}

.radioButton__require {
    font-size: .75rem;
    color: #626264
}

@media screen and (max-width: 519px) {
    .radioButton__require {
        font-size:.8rem
    }
}

.radioButton__require--isRequired {
    color: #ec0000
}

.radioButton__body {
    border-width: 0!important;
    display: block!important;
    height: 4px!important;
    left: 0!important;
    margin: 0!important;
    opacity: 0!important;
    overflow: hidden!important;
    padding: 0!important;
    position: fixed!important;
    top: 0!important;
    visibility: visible!important;
    width: 4px!important
}

.radioButton__label {
    font-size: 1rem;
    cursor: pointer;
    display: block;
    position: relative;
    padding-bottom: 8px;
    padding-left: 40px;
    padding-top: 8px
}

@media screen and (max-width: 519px) {
    .radioButton__label {
        font-size:1rem
    }
}

.radioButton__icon {
    aspect-ratio: 1;
    left: 0;
    position: absolute;
    width: 24px
}

.radioButton__icon .icon {
    color: inherit
}

.radioButton__icon__checked {
    display: none
}

.radioButton__help {
    font-size: .75rem;
    color: #626264;
    margin: unset;
    margin-top: 8px
}

@media screen and (max-width: 519px) {
    .radioButton__help {
        font-size:.8rem
    }
}

.radioButton__error {
    font-size: .75rem;
    color: #ec0000;
    margin: unset;
    margin-top: 8px
}

@media screen and (max-width: 519px) {
    .radioButton__error {
        font-size:.8rem
    }
}

:where(.radioButton--tile) .radioButton__item+.radioButton__item {
    margin-top: 8px
}

:where(.radioButton--tile) .radioButton__label {
    background-color: #fff;
    border: 1px solid #1a1a1c;
    border-radius: 8px;
    padding: 16px 16px 16px 56px
}

:where(.radioButton--tile) .radioButton__icon {
    left: 16px;
    top: 50%;
    transform: translateY(-50%)
}

:where(.radioButton--tile) .radioButton__desc {
    font-size: .75rem;
    color: #626264;
    display: block
}

@media screen and (max-width: 519px) {
    :where(.radioButton--tile) .radioButton__desc {
        font-size:.8rem
    }
}

:where(.radioButton--tile.radioButton--isError) .radioButton__header {
    color: inherit
}

:where(.radioButton--tile.radioButton--isError) .radioButton__label {
    border-color: transparent;
    outline: 2px solid #ec0000;
    outline-offset: -2px
}

:where(.radioButton--tile.radioButton--isError) .radioButton__icon {
    color: #ec0000
}

.radioButton--isError .radioButton__header,.radioButton--isError .radioButton__label,.radioButton--isError .radioButton__legend {
    color: #ec0000
}

:where(.radioButton:not(.radioButton--tile)) .radioButton__desc {
    border-width: 0!important;
    display: block!important;
    height: 4px!important;
    left: 0!important;
    margin: 0!important;
    opacity: 0!important;
    overflow: hidden!important;
    padding: 0!important;
    position: fixed!important;
    top: 0!important;
    visibility: visible!important;
    width: 4px!important
}

:where(.radioButton--tile .radioButton__body:checked+.radioButton__label) {
    border-color: transparent;
    outline: 2px solid #003ee5;
    outline-offset: -2px
}

:where(.radioButton--tile .radioButton__body:checked+.radioButton__label) .radioButton__icon {
    color: #0946f1
}

.radioButton--isDisabled .radioButton__desc,.radioButton--isDisabled .radioButton__help,.radioButton--isDisabled .radioButton__label,.radioButton--isDisabled .radioButton__legend {
    color: #949497
}

.radioButton--isDisabled .radioButton__error {
    display: none
}

.radioButton--isDisabled .radioButton__icon {
    color: inherit
}

:where(.radioButton__body:checked+.radioButton__label .radioButton__icon) {
    color: #0946f1
}

:where(.radioButton__body:checked+.radioButton__label .radioButton__icon) .radioButton__icon__default {
    display: none
}

:where(.radioButton__body:checked+.radioButton__label .radioButton__icon) .radioButton__icon__checked {
    display: unset
}

.radioButton--tile.radioButton--isError .radioButton__label {
    color: inherit
}

.radioButton--tile.radioButton--isDisabled .radioButton__label {
    background-color: #f1f1f4;
    border-color: #d8d8db;
    outline: none
}

.radioButton--tile.radioButton--isDisabled .radioButton__icon {
    color: #d8d8db
}

.select {
    max-width: 480px
}

.select__label {
    font-size: .875rem;
    line-height: 1.5;
    margin-bottom: 8px;
    margin-top: 0
}

@media screen and (max-width: 519px) {
    .select__label {
        font-size:.9rem
    }
}

.select__message {
    font-size: .75rem;
    line-height: 1.5;
    margin-bottom: 0;
    margin-top: 8px
}

@media screen and (max-width: 519px) {
    .select__message {
        font-size:.8rem
    }
}

.select--error .select__message {
    color: #ec0000
}

.select__input__control {
    border-color: #ccc!important;
    border-radius: 0!important;
    gap: 8px;
    min-height: 56px!important;
    padding: 14px 16px!important;
    transition: none!important
}

.select--error .select__input__control {
    border-color: #ec0000!important
}

.select__input__single-value,.select__input__value-container {
    margin: 0!important;
    padding: 0!important
}

.select__input__single-value {
    font-size: 1rem;
    line-height: 1.5
}

@media screen and (max-width: 519px) {
    .select__input__single-value {
        font-size:1rem
    }
}

.select__input__input-container,.select__input__placeholder {
    margin: 0!important;
    padding: 0!important
}

.select__input__indicator-separator {
    display: none
}

.select__input__clear-indicator {
    margin: 0!important;
    padding: 0 8px!important
}

.select__input__dropdown-indicator {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2214%22%20height%3D%228%22%20viewBox%3D%220%200%2014%208%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M-1.89934e-06%200.67L0.669998%201.58663e-07L7%206.33L13.33%207.97481e-09L14%200.67L7%207.67L-1.89934e-06%200.67Z%22%20fill%3D%22%23222222%22%2F%3E%3C%2Fsvg%3E");
    background-repeat: no-repeat;
    background-size: 14px 8px;
    height: 8px!important;
    margin: 8px 5px;
    padding: 0!important;
    width: 14px!important
}

.select__input__dropdown-indicator>* {
    display: none!important
}

.selector {
    font-size: .875rem;
    line-height: 1.5;
    color: #1a1a1c
}

@media screen and (max-width: 519px) {
    .selector {
        font-size:.9rem
    }
}

.selector__header {
    display: block
}

.selector__label {
    font-weight: 500
}

.selector__label:after {
    content: " "
}

.selector__require {
    font-size: .75rem;
    color: #626264
}

@media screen and (max-width: 519px) {
    .selector__require {
        font-size:.8rem
    }
}

.selector__require--isRequired {
    color: #ec0000
}

.selector__outer {
    margin-top: 8px;
    position: relative
}

.selector__body {
    font-size: 1rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: unset;
    border: 1px solid #1a1a1c;
    border-radius: 8px;
    padding: 16px;
    width: 100%
}

@media screen and (max-width: 519px) {
    .selector__body {
        font-size:1rem
    }
}

.selector__body:focus {
    border-color: transparent;
    outline: 2px solid #d18d0f;
    outline-offset: -2px
}

.selector__icon {
    height: 24px;
    pointer-events: none;
    position: absolute;
    right: 16px;
    top: 16px;
    width: 24px
}

.selector__icon .icon {
    color: inherit
}

.selector__placeholder {
    color: #757578
}

.selector__help {
    font-size: .75rem;
    color: #626264;
    margin: unset;
    margin-top: 8px
}

@media screen and (max-width: 519px) {
    .selector__help {
        font-size:.8rem
    }
}

.selector__error {
    font-size: .75rem;
    color: #ec0000;
    margin: unset;
    margin-top: 8px
}

@media screen and (max-width: 519px) {
    .selector__error {
        font-size:.8rem
    }
}

.selector--isError .selector__label {
    color: #ec0000
}

.selector--isError .selector__body {
    border-color: transparent;
    outline: 2px solid #ec0000;
    outline-offset: -2px
}

.selector--isError .selector__body:focus {
    outline-color: #d18d0f
}

.selector--isDisabled .selector__help,.selector--isDisabled .selector__label,.selector--isDisabled .selector__outer,.selector--isDisabled .selector__placeholder {
    color: #949497
}

.selector--isDisabled .selector__error {
    display: none
}

.selector--isDisabled .selector__body {
    background-color: #f1f1f4;
    border-color: #d8d8db;
    color: #949497;
    outline: none
}

.selector--isDisabled .selector__body::-moz-placeholder {
    color: #949497
}

.selector--isDisabled .selector__body::placeholder {
    color: #949497
}

.share {
    font-size: 1rem;
    line-height: 1.5;
    align-items: center;
    -webkit-appearance: unset;
    -moz-appearance: unset;
    appearance: unset;
    border: unset;
    border-radius: 4px;
    cursor: pointer;
    display: flex;
    font-weight: 700;
    height: 40px;
    justify-content: center;
    padding: 8px 16px;
    text-align: center;
    text-decoration: none;
    transition: background-color .3s cubic-bezier(.4,.4,0,1);
    width: 100%
}

@media screen and (max-width: 519px) {
    .share {
        font-size:1rem
    }
}

.share--twitter {
    background-color: #1d9bf0;
    color: #fff
}

.share--twitter:active,.share--twitter:hover {
    background-color: #1a8cd8
}

.share--twitter:focus {
    outline: 2px solid #ffd300
}

.share--facebook {
    background-color: #1877f2;
    color: #fff
}

.share--facebook:active,.share--facebook:hover {
    background-color: #1771e6
}

.share--facebook:focus {
    outline: 2px solid #ffd300
}

.share__icon {
    align-items: center;
    display: flex;
    height: 24px;
    padding: 4px;
    width: 24px
}

.snsButton {
    border-radius: 4px;
    display: block;
    height: 48px;
    padding: 8px;
    width: 48px
}

.snsButton:focus {
    outline: 2px solid #ffd300
}

.snsButton .icon {
    transition: fill .3s cubic-bezier(.4,.4,0,1)
}

.snsButton--facebook .icon {
    fill: #1877f2!important
}

.snsButton--facebook:active .icon,.snsButton--facebook:hover .icon {
    fill: #1771e6!important
}

.snsButton--twitter .icon {
    fill: #1d9bf0!important
}

.snsButton--twitter:active .icon,.snsButton--twitter:hover .icon {
    fill: #1a8cd8!important
}

.snsButton--note {
    align-items: center;
    background-color: #fff;
    border-radius: 50%;
    display: flex;
    height: 40px;
    justify-content: center;
    padding: 0;
    width: 40px
}

.snsButton--note .icon {
    fill: #000;
    fill-rule: evenodd
}

.snsButton--youtube {
    align-items: center;
    display: flex;
    justify-content: center
}

.snsButton--youtube .icon {
    height: 22.5px
}

.snsButton--youtube .icon .shape {
    fill: #ee3123
}

.snsButton--youtube .icon .triangle {
    fill: #fff
}

.snsButton--LinkedIn .icon {
    fill: #3568a6!important
}

.snsButton--LinkedIn:active .icon,.snsButton--LinkedIn:hover .icon {
    fill: #305e95!important
}

.article table,.table {
    border-collapse: collapse;
    width: 100%
}

@media screen and (max-width: 959px) {
    .article .table__outer>table,.table__outer>.table {
        table-layout:fixed
    }
}

.table__outer {
    display: block;
    overflow-x: auto;
    padding-bottom: 24px;
    width: 100%
}

.article td,.article th,.table__td,.table__th {
    font-size: 1rem;
    line-height: 1.5;
    border: 1px solid #ccc;
    font-weight: 400;
    height: 80px;
    padding: 8px;
    text-align: left;
    width: 190px
}

@media screen and (max-width: 519px) {
    .article td,.article th,.table__td,.table__th {
        font-size:1rem
    }
}

.article th,.table__th {
    background-color: #f9f9f9
}

.article td,.table__td {
    background-color: #fff
}

.textArea {
    font-size: .875rem;
    line-height: 1.5;
    color: #1a1a1c
}

@media screen and (max-width: 519px) {
    .textArea {
        font-size:.9rem
    }
}

.textArea__header {
    display: block
}

.textArea__label {
    font-weight: 500
}

.textArea__label:after {
    content: " "
}

.textArea__require {
    font-size: .75rem;
    color: #626264
}

@media screen and (max-width: 519px) {
    .textArea__require {
        font-size:.8rem
    }
}

.textArea__require--isRequired {
    color: #ec0000
}

.textArea__body {
    font-size: 1rem;
    border: 1px solid #1a1a1c;
    border-radius: 8px;
    line-height: inherit;
    margin-top: 8px;
    min-height: 110px;
    padding: 16px 16px 24px;
    width: 100%
}

@media screen and (max-width: 519px) {
    .textArea__body {
        font-size:1rem
    }
}

.textArea__body::-moz-placeholder {
    color: #757578
}

.textArea__body::placeholder {
    color: #757578
}

.textArea__body:focus {
    border-color: transparent;
    outline: 2px solid #d18d0f;
    outline-offset: -2px
}

.textArea__help {
    font-size: .75rem;
    color: #626264;
    margin: unset;
    margin-top: 8px
}

@media screen and (max-width: 519px) {
    .textArea__help {
        font-size:.8rem
    }
}

.textArea__error {
    font-size: .75rem;
    color: #ec0000;
    margin: unset;
    margin-top: 8px
}

@media screen and (max-width: 519px) {
    .textArea__error {
        font-size:.8rem
    }
}

.textArea--isError .textArea__label {
    color: #ec0000
}

.textArea--isError .textArea__body {
    border-color: transparent;
    outline: 2px solid #ec0000;
    outline-offset: -2px
}

.textArea--isError .textArea__body:focus {
    outline-color: #d18d0f
}

.textArea--isDisabled .textArea__help,.textArea--isDisabled .textArea__label {
    color: #949497
}

.textArea--isDisabled .textArea__error {
    display: none
}

.textArea--isDisabled .textArea__body {
    background-color: #f1f1f4;
    border-color: #d8d8db;
    color: #949497;
    outline: none
}

.textArea--isDisabled .textArea__body::-moz-placeholder {
    color: #949497
}

.textArea--isDisabled .textArea__body::placeholder {
    color: #949497
}

.textField {
    font-size: .875rem;
    line-height: 1.5;
    color: #1a1a1c
}

@media screen and (max-width: 519px) {
    .textField {
        font-size:.9rem
    }
}

.textField__header {
    display: block
}

.textField__label {
    font-weight: 500
}

.textField__label:after {
    content: " "
}

.textField__require {
    font-size: .75rem;
    color: #626264
}

@media screen and (max-width: 519px) {
    .textField__require {
        font-size:.8rem
    }
}

.textField__require--isRequired {
    color: #ec0000
}

.textField__body {
    font-size: 1rem;
    border: 1px solid #1a1a1c;
    border-radius: 8px;
    margin-top: 8px;
    padding: 16px;
    width: 100%
}

@media screen and (max-width: 519px) {
    .textField__body {
        font-size:1rem
    }
}

.textField__body::-moz-placeholder {
    color: #757578
}

.textField__body::placeholder {
    color: #757578
}

.textField__body:focus {
    border-color: transparent;
    outline: 2px solid #d18d0f;
    outline-offset: -2px
}

.textField__help {
    font-size: .75rem;
    color: #626264;
    margin: unset;
    margin-top: 8px
}

@media screen and (max-width: 519px) {
    .textField__help {
        font-size:.8rem
    }
}

.textField__error {
    font-size: .75rem;
    color: #ec0000;
    margin: unset;
    margin-top: 8px
}

@media screen and (max-width: 519px) {
    .textField__error {
        font-size:.8rem
    }
}

.textField--isError .textField__label {
    color: #ec0000
}

.textField--isError .textField__body {
    border-color: transparent;
    outline: 2px solid #ec0000;
    outline-offset: -2px
}

.textField--isError .textField__body:focus {
    outline-color: #d18d0f
}

.textField--isDisabled .textField__help,.textField--isDisabled .textField__label {
    color: #949497
}

.textField--isDisabled .textField__error {
    display: none
}

.textField--isDisabled .textField__body {
    background-color: #f1f1f4;
    border-color: #d8d8db;
    color: #949497;
    outline: none
}

.textField--isDisabled .textField__body::-moz-placeholder {
    color: #949497
}

.textField--isDisabled .textField__body::placeholder {
    color: #949497
}

.address__heading {
    font-size: .875rem;
    line-height: 1.5;
    color: #666;
    font-weight: 700;
    margin: 0 0 8px;
    word-break: normal
}

@media screen and (max-width: 519px) {
    .address__heading {
        font-size:.9rem
    }
}

.address__text {
    font-size: .75rem;
    line-height: 1.5;
    color: #222;
    font-style: normal;
    margin: 0;
    word-break: normal
}

@media screen and (max-width: 519px) {
    .address__text {
        font-size:.8rem
    }
}

.alert {
    left: 0;
    padding: 8px 8px 0;
    position: absolute;
    right: 0;
    top: 0
}

.alert__item {
    font-size: 1rem;
    line-height: 1.5;
    border-style: solid;
    border-width: 1px;
    margin: 0 auto 16px;
    max-width: 1140px;
    min-height: 58px;
    padding: 16px 64px 16px 16px;
    position: relative
}

@media screen and (max-width: 519px) {
    .alert__item {
        font-size:1rem
    }
}

.alert__item--isInformation {
    background-color: rgba(47,113,189,.1);
    border-color: #2f71bd
}

.alert__item--isWarning {
    background-color: rgba(249,189,56,.1);
    border-color: #f9bd38
}

.alert__item--isError {
    background-color: rgba(236,0,0,.1);
    border-color: #ec0000
}

.alert__text {
    margin: unset
}

.alert__close {
    align-items: center;
    background-color: unset;
    border: unset;
    cursor: pointer;
    display: flex;
    font-size: 24px;
    height: 56px;
    justify-content: center;
    padding: 16px;
    position: absolute;
    right: 0;
    top: 0;
    width: 56px
}

.alert__close:focus {
    border-radius: 4px;
    outline: 2px solid #ffd300
}

.article dl,.article ol,.article p,.article ul {
    font-size: 1rem;
    line-height: 1.75;
    font-weight: 400
}

@media screen and (max-width: 519px) {
    .article dl,.article ol,.article p,.article ul {
        font-size:1rem
    }
}

.article {
    word-break: normal
}

.article pre {
    overflow-x: scroll
}

.article ul {
    counter-reset: toc;
    list-style-type: disc;
    padding-left: 2.25rem
}

@media screen and (max-width: 519px) {
    .article ul {
        padding-left:1.75rem
    }
}

.article ul ul {
    list-style-type: circle
}

.article ul ul ul {
    list-style-type: square
}

.article ul ul ul ul {
    list-style-type: disc
}

.article ul>li.toc_mode {
    list-style: none
}

.article ul>li.toc_mode:before {
    content: counters(toc,".") ".";
    counter-increment: toc;
    margin-right: 1em
}

.article ol {
    list-style-type: decimal
}

.article ol ol {
    list-style-type: upper-roman
}

.article ol ol ol {
    list-style-type: lower-roman
}

.article ul.disc,.article ul>li.disc {
    list-style-type: disc
}

.article ul.circle,.article ul>li.circle {
    list-style-type: circle
}

.article ul.square,.article ul>li.square {
    list-style-type: square
}

.article ol.decimal,.article ol>li.decimal {
    list-style-type: decimal
}

.article ol.upper-roman,.article ol>li.upper-roman {
    list-style-type: upper-roman
}

.article ol.lower-roman,.article ol>li.lower-roman {
    list-style-type: lower-roman
}

.article ol.hiragana,.article ol>li.hiragana {
    list-style-type: hiragana
}

.article ol.katakana,.article ol>li.katakana {
    list-style-type: katakana
}

.article ol.hiragana-iroha,.article ol>li.hiragana-iroha {
    list-style-type: hiragana-iroha
}

.article ol.katakana-iroha,.article ol>li.katakana-iroha {
    list-style-type: katakana-iroha
}

.article table caption {
    font-size: 1.625rem;
    line-height: 1.5;
    font-weight: 700;
    margin-bottom: 24px;
    margin-top: 40px
}

@media screen and (max-width: 519px) {
    .article table caption {
        font-size:1.39rem
    }
}

.article em {
    font-style: normal
}

.article em,.article strong {
    font-weight: 700
}

.article picture>img {
    max-width: 100%;
    width: unset
}

.article .embed-responsive {
    aspect-ratio: 16/9;
    width: 100%
}

.article .embed-responsive iframe {
    height: 100%;
    width: 100%
}

@media screen and (min-width: 520px) {
    .article .mdcontainer-col-2 {
        grid-template-columns:repeat(auto-fit,minmax(calc(50% - 24px),calc(50% - 24px)))
    }
}

.article div.mdcontainer-card-grid {
    display: grid;
    grid-gap: 24px;
    gap: 24px
}

.article div.mdcontainer-card-grid>section.mdcontainer-card {
    background-color: #f9f9f9;
    border: 1px solid #d8d8db;
    border-radius: 8px
}

.article div.mdcontainer-card-grid>section.mdcontainer-card>a.mdcontainer-card__box {
    color: #222;
    display: block;
    height: 100%;
    text-decoration: none;
    transition: background-color .3s cubic-bezier(.4,.4,0,1)
}

.article div.mdcontainer-card-grid>section.mdcontainer-card>a.mdcontainer-card__box div.mdcontainer-card__thumb {
    height: 206.08px;
    position: relative
}

.article div.mdcontainer-card-grid>section.mdcontainer-card>a.mdcontainer-card__box div.mdcontainer-card__thumb img {
    border-radius: 8px 8px 0 0;
    height: 100%;
    left: 0;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: 100%
}

.article div.mdcontainer-card-grid>section.mdcontainer-card>a.mdcontainer-card__box>div.mdcontainer-card__body {
    padding: 16px
}

.article div.mdcontainer-card-grid>section.mdcontainer-card>a.mdcontainer-card__box>div.mdcontainer-card__body>.mdcontainer-card__title {
    font-size: 20px;
    margin: 0
}

.article div.mdcontainer-card-grid>section.mdcontainer-card>a.mdcontainer-card__box>div.mdcontainer-card__body>.mdcontainer-card__desc {
    font-size: 16px
}

.article div.mdcontainer-iframe>iframe {
    border: none
}

.attention__title {
    font-size: .875rem;
    line-height: 1.5;
    color: #666;
    font-weight: 700;
    margin: 0 0 16px
}

@media screen and (max-width: 519px) {
    .attention__title {
        font-size:.9rem
    }
}

.attention__list {
    list-style: none;
    margin: unset;
    padding: 0
}

.attention__item {
    margin-bottom: 16px
}

.breadcrumbs__list {
    font-size: .875rem;
    line-height: 1.75;
    color: #666;
    display: inline;
    list-style: none;
    padding: 0
}

@media screen and (max-width: 519px) {
    .breadcrumbs__list {
        font-size:.9rem
    }
}

.breadcrumbs__item {
    display: inline
}

.breadcrumbs__item:last-child:after {
    display: none
}

.breadcrumbs__separator {
    height: 8px;
    margin-left: 8px;
    margin-right: 8px;
    width: 5px
}

.featuredTopics__title {
    font-size: .875rem;
    line-height: 1.5;
    color: #666;
    font-weight: 700;
    margin: 0 0 16px
}

@media screen and (max-width: 519px) {
    .featuredTopics__title {
        font-size:.9rem
    }
}

.featuredTopics__list {
    font-size: .875rem;
    font-weight: 700;
    list-style: none;
    padding: 0
}

@media screen and (max-width: 519px) {
    .featuredTopics__list {
        font-size:.9rem
    }
}

.featuredTopics__item {
    margin-bottom: 16px
}

.featuredTopics__link {
    color: #222;
    display: inline-block;
    line-height: 1.5;
    text-decoration: none;
    text-underline-offset: .1em
}

.featuredTopics__link:hover {
    text-decoration: underline
}

.featuredTopics__link:focus {
    border-radius: 4px;
    color: #222;
    outline: 2px solid #ffd300
}

.footer {
    background-color: #f9f9f9;
    padding: 64px 24px
}

@media screen and (min-width: 520px) {
    .footer {
        padding:64px 40px
    }
}

.footer__container {
    margin-left: auto;
    margin-right: auto;
    max-width: 1024px
}

@media screen and (min-width: 520px)and (max-width:959px) {
    .footer .grid__item--3fr {
        grid-area:span 1/span 12
    }
}

.footer__title,.footer__title--en {
    line-height: 0;
    margin: 0 0 40px
}

.footer__title {
    max-width: 120px
}

.footer__title--en {
    max-width: 173px
}

.footer__heading {
    font-size: .875rem;
    line-height: 1.5;
    color: #666;
    margin: 0 0 16px
}

@media screen and (max-width: 519px) {
    .footer__heading {
        font-size:.9rem
    }
}

.footer__text {
    font-size: .75rem;
    line-height: 1.5
}

@media screen and (max-width: 519px) {
    .footer__text {
        font-size:.8rem
    }
}

.footer .card2 {
    margin-bottom: 24px
}

.footer .card__box--clickable {
    background-color: #fcfcfc
}

.footer .card__title {
    font-size: .875rem;
    line-height: 1.5
}

@media screen and (max-width: 519px) {
    .footer .card__title {
        font-size:.9rem
    }
}

.footer .tagMenu {
    margin-bottom: 40px
}

.footer .globalMenu {
    margin-bottom: 64px
}

.footer .featuredTopics,.footer .policy {
    margin-bottom: 40px
}

@media screen and (min-width: 520px)and (max-width:959px) {
    .footer .policy {
        max-width:50%
    }
}

.footer .address,.footer .linkCollection {
    margin-bottom: 40px
}

.globalMenu__list {
    font-size: .875rem;
    font-weight: 700;
    list-style: none;
    margin: 0;
    padding: 0
}

@media screen and (max-width: 519px) {
    .globalMenu__list {
        font-size:.9rem
    }
}

.globalMenu__heading {
    border-width: 0!important;
    display: block!important;
    height: 4px!important;
    left: 0!important;
    margin: 0!important;
    opacity: 0!important;
    overflow: hidden!important;
    padding: 0!important;
    position: fixed!important;
    top: 0!important;
    visibility: visible!important;
    width: 4px!important
}

.globalMenu__item {
    margin-bottom: 8px
}

.globalMenu__item--divide,.searchMenu {
    margin-bottom: 40px
}

.searchMenu {
    font-size: .875rem;
    font-weight: 700;
    list-style: none;
    padding: 0
}

@media screen and (max-width: 519px) {
    .searchMenu {
        font-size:.9rem
    }
}

.objectiveClassMenu,.userClassMenu {
    margin-bottom: 40px
}

.objectiveClassMenu__label,.userClassMenu__label {
    color: gray;
    font-size: 12px
}

.objectiveClassMenu__list,.userClassMenu__list {
    font-size: .875rem;
    font-weight: 700;
    list-style: none;
    margin: 0;
    padding: 0
}

@media screen and (max-width: 519px) {
    .objectiveClassMenu__list,.userClassMenu__list {
        font-size:.9rem
    }
}

.objectiveClassMenu__heading,.userClassMenu__heading {
    border-width: 0!important;
    display: block!important;
    height: 4px!important;
    left: 0!important;
    margin: 0!important;
    opacity: 0!important;
    overflow: hidden!important;
    padding: 0!important;
    position: fixed!important;
    top: 0!important;
    visibility: visible!important;
    width: 4px!important
}

.objectiveClassMenu__item,.userClassMenu__item {
    margin-bottom: 8px
}

.objectiveClassMenu__item--divide,.userClassMenu__item--divide {
    margin-bottom: 40px
}

.header {
    align-items: center;
    display: flex;
    justify-content: space-between
}

@media screen and (max-width: 959px) {
    .header {
        background-color:#fff;
        left: 0;
        padding-left: 40px;
        padding-right: 40px;
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 20
    }
}

@media screen and (max-width: 519px) {
    .header {
        height:64px;
        padding: 16px 24px 8px
    }
}

@media screen and (min-width: 520px)and (max-width:959px) {
    .header {
        height:64px;
        padding: 16px 40px 8px
    }
}

@media screen and (min-width: 960px) {
    .header {
        height:96px;
        padding: 24px 40px 16px
    }
}

.header__heading {
    margin: 0;
    width: 100%
}

.header__title,.header__title--en {
    align-items: center;
    display: flex;
    margin: unset;
    width: 100%
}

.header__title--en:focus,.header__title:focus {
    border-radius: 4px;
    outline: 2px solid #ffd300
}

.header__title {
    max-width: 140px
}

.header__title--en {
    max-width: 173px
}

.pager {
    font-size: .875rem;
    line-height: 1.5;
    align-items: center;
    display: grid;
    grid-gap: 12px;
    gap: 12px;
    grid-auto-flow: column;
    justify-content: center;
    list-style-type: none;
    margin: unset;
    padding: unset
}

@media screen and (max-width: 519px) {
    .pager {
        font-size:.9rem;
        gap: 24px
    }
}

.pager__item,.pager__item--extended {
    align-items: center;
    display: flex;
    justify-content: center
}

.isDisabled.pager__item,.isDisabled.pager__item--extended,.pager__item--extended {
    display: none
}

.pager__button,.pager__button--disabled {
    align-items: center;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 50%;
    color: #0f41af;
    display: flex;
    height: 48px;
    justify-content: center;
    text-decoration: none;
    width: 48px
}

.pager__button--disabled:active,.pager__button--disabled:hover,.pager__button:active,.pager__button:hover {
    background-color: #e7eefd;
    border-color: #0f41af
}

.pager__button--disabled:focus,.pager__button:focus {
    border-color: #ddd;
    outline: 2px solid #ffd300
}

.pager__button .icon,.pager__button--disabled .icon {
    color: #0f41af
}

.pager__button--disabled {
    background-color: #bebebe;
    border-color: #a1a1a1;
    color: #fff
}

.pager__current {
    font-size: .75rem;
    line-height: 1.5;
    white-space: nowrap
}

@media screen and (max-width: 519px) {
    .pager__current {
        font-size:.8rem
    }
}

@media screen and (min-width: 960px) {
    .second .pager__item--extended {
        display:flex
    }
}

.policy__list {
    font-size: .75rem;
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    padding: 0
}

@media screen and (max-width: 519px) {
    .policy__list {
        font-size:.8rem
    }
}

.policy__item {
    margin-right: 16px
}

.post__date {
    color: #666;
    margin: 24px 0 64px
}

.post__dateTitle {
    float: left
}

.post__dateItem {
    margin-left: 0
}

.post__snsList {
    align-items: center;
    display: flex;
    margin-top: 40px
}

.post__snsHeading {
    all: unset
}

.profile {
    color: #222
}

.profile__body {
    display: grid;
    grid-gap: 40px 24px;
    gap: 40px 24px;
    grid-auto-flow: row;
    grid-template-columns: 1fr 3fr
}

@media screen and (max-width: 519px) {
    .profile__body {
        grid-template-columns:auto
    }
}

.profile__imgOuter {
    text-align: center
}

.profile__img {
    border: 1px solid #eaeaea
}

@media screen and (max-width: 519px) {
    .profile__img {
        max-width:174px
    }
}

.profile__name {
    margin: 0
}

.profile__position {
    margin-top: 24px
}

.profile__position p {
    line-height: 1.75;
    margin-bottom: 0
}

.profile__position ul {
    list-style-type: none;
    margin: 0;
    padding-left: 0
}

.profile__ruby {
    font-size: 1.625rem;
    display: flex;
    flex-direction: column
}

@media screen and (max-width: 519px) {
    .profile__ruby {
        font-size:1.39rem
    }
}

.profile__rt {
    font-size: .75rem;
    font-weight: 400;
    margin-top: 8px;
    text-align: left
}

@media screen and (max-width: 519px) {
    .profile__rt {
        font-size:.8rem
    }
}

.profile__contentsBody dl,.profile__list {
    display: grid;
    grid-gap: 8px;
    gap: 8px;
    grid-template-columns: 8em auto;
    line-height: 1.75;
    margin-top: 24px
}

.profile__contentsBody dt,.profile__itemTitle {
    color: #666;
    grid-column: 1/2
}

@media screen and (max-width: 519px) {
    .profile__contentsBody dt,.profile__itemTitle {
        font-size:.75rem;
        grid-column: 1/3
    }
}

@media screen and (max-width: 519px)and (max-width:519px) {
    .profile__contentsBody dt,.profile__itemTitle {
        font-size:.8rem
    }
}

@media screen and (max-width: 519px) {
    .profile__contentsBody dt:not(:first-child),.profile__itemTitle:not(:first-child) {
        margin-top:16px
    }
}

.profile__contentsBody dd,.profile__item {
    grid-column: 2/3;
    margin-left: 0
}

@media screen and (max-width: 519px) {
    .profile__contentsBody dd,.profile__item {
        grid-column:1/3
    }
}

.profile__contentsTitle {
    margin: 24px 0
}

.profileList {
    color: #222;
    display: grid;
    grid-gap: 40px 24px;
    gap: 40px 24px;
    grid-auto-flow: row;
    grid-template-columns: repeat(12,1fr);
    list-style: none;
    padding: 0
}

@media screen and (min-width: 520px) {
    .profileList {
        gap:24px
    }
}

.profileList__item {
    grid-area: span 1/span 6
}

@media screen and (min-width: 520px) {
    .profileList__item {
        grid-area:span 1/span 4
    }
}

.profileList__item--wide {
    grid-area: span 1/span 12
}

@media screen and (min-width: 520px) {
    .profileList__item--wide {
        grid-area:span 1/span 4
    }
}

.profileList__title {
    font-size: .875rem;
    font-weight: 400;
    margin-bottom: 16px;
    margin-top: 0;
    word-break: normal
}

@media screen and (max-width: 519px) {
    .profileList__title {
        font-size:.9rem
    }
}

.profileList__name {
    font-weight: 700
}

.profileList__ruby {
    font-size: 1.625rem;
    display: flex;
    flex-direction: column
}

@media screen and (max-width: 519px) {
    .profileList__ruby {
        font-size:1.39rem
    }
}

.profileList__ruby--small {
    font-size: 1.375rem;
    display: flex;
    flex-direction: column
}

@media screen and (max-width: 519px) {
    .profileList__ruby--small {
        font-size:1.28rem
    }
}

.profileList__rt {
    font-size: .75rem;
    font-weight: 400;
    margin-top: 8px;
    text-align: left
}

@media screen and (max-width: 519px) {
    .profileList__rt {
        font-size:.8rem
    }
}

.profileList__link {
    display: block;
    margin-top: 24px
}

.sns__list {
    align-items: center;
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0
}

.sns__item+.sns__item {
    margin-left: 16px
}

.tagMenu__list {
    font-size: 1rem;
    font-weight: 700;
    list-style: none;
    padding: 0
}

@media screen and (max-width: 519px) {
    .tagMenu__list {
        font-size:1rem
    }
}

.tagMenu__heading {
    border-width: 0!important;
    display: block!important;
    height: 4px!important;
    left: 0!important;
    margin: 0!important;
    opacity: 0!important;
    overflow: hidden!important;
    padding: 0!important;
    position: fixed!important;
    top: 0!important;
    visibility: visible!important;
    width: 4px!important
}

.tagMenu__item {
    margin-bottom: 16px
}

@media screen and (max-width: 959px) {
    .home .main {
        padding-top:104px
    }

    .home .card2 {
        margin: 40px 0
    }

    .home .attention {
        margin-bottom: 40px
    }
}

@media screen and (min-width: 960px) {
    .home {
        display:grid;
        grid-gap: 0 32px;
        gap: 0 32px;
        grid-auto-flow: row;
        grid-template-columns: repeat(12,1fr)
    }

    .home .header {
        align-items: start;
        grid-area: 1/1/auto/span 3;
        height: 0;
        padding: 0
    }

    .home .attention {
        margin-bottom: 40px
    }

    .home .leftMenu {
        grid-area: 1/1/span 3/span 3;
        margin-top: 64px
    }

    .home .tagMenu {
        margin-bottom: 40px
    }

    .home .main {
        grid-area: 2/4/auto/span 6;
        margin-bottom: 64px
    }

    .home .globalNav {
        grid-area: 2/10/auto/span 3
    }

    .home .address,.home .sns {
        display: none
    }

    .home .card+.card2 {
        margin-top: 40px
    }
}

.home .main {
    margin-bottom: 104px
}

.home .pager {
    margin-top: 64px
}

.home__title {
    font-size: .875rem;
    line-height: 1.5;
    color: #666;
    font-weight: 700;
    margin: 0 0 16px
}

@media screen and (max-width: 519px) {
    .home__title {
        font-size:.9rem
    }
}

.card--topLevel {
    margin-bottom: 40px
}

@media screen and (max-width: 959px) {
    .i18n .headerLinkContainer {
        padding-top:104px
    }
}

@media screen and (min-width: 960px) {
    .i18n {
        display:grid;
        grid-gap: 0 32px;
        gap: 0 32px;
        grid-auto-flow: row;
        grid-template-columns: repeat(12,1fr);
        grid-template-rows: auto auto 1fr
    }

    .i18n .header {
        align-items: start;
        grid-area: 1/1/auto/span 12;
        padding: 0
    }

    .i18n .headerLinkContainer {
        grid-area: 2/1/auto/span 9
    }

    .i18n .main {
        grid-area: 3/1/auto/span 9;
        margin-bottom: 64px
    }

    .i18n .globalNav {
        grid-area: 2/10/span 2/span 3
    }
}

.i18n .main {
    margin-bottom: 104px
}

.member__links,.member__space {
    margin-top: 104px
}

.mf_finder_msk,.mf_finder_msk_item,.mf_finder_msk_item a,.mf_finder_msk_wrapper,.mf_finder_organic .mf_finder_mark,.mf_finder_organic_doc,.mf_finder_organic_doc_body,.mf_finder_organic_doc_body_wrapper,.mf_finder_organic_doc_contents,.mf_finder_organic_doc_contents_wrapper,.mf_finder_organic_doc_title,.mf_finder_organic_doc_title_wrapper,.mf_finder_organic_doc_url,.mf_finder_organic_doc_url_wrapper,.mf_finder_organic_docs,.mf_finder_organic_docs_wrapper,.mf_finder_organic_header,.mf_finder_organic_header_wrapper,.mf_finder_organic_header_wrapper:lang(ja) .mf_finder_query,.mf_finder_organic_pager,.mf_finder_organic_pager_wrapper,.mf_finder_pager_item_after_pages,.mf_finder_pager_item_before_pages,.mf_finder_pager_item_current,.mf_finder_pager_item_first,.mf_finder_pager_item_next,.mf_finder_pager_item_prev,.mf_finder_pager_items,.mf_finder_pager_items li a,.mf_finder_searchBox,.mf_finder_searchBox_category,.mf_finder_searchBox_category_select,.mf_finder_searchBox_doctype,.mf_finder_searchBox_doctype_select,.mf_finder_searchBox_items,.mf_finder_searchBox_items_wrapper,.mf_finder_searchBox_misc,.mf_finder_searchBox_pagemax,.mf_finder_searchBox_pagemax_select,.mf_finder_searchBox_query_input,.mf_finder_searchBox_query_wrap,.mf_finder_searchBox_selects,.mf_finder_searchBox_sort,.mf_finder_searchBox_sort_select,.mf_finder_searchBox_submit {
    all: unset;
    box-sizing: inherit;
    display: revert
}

.mf_finder_msk_item:after,.mf_finder_msk_item:before,.mf_finder_organic_header_wrapper:lang(ja) .mf_finder_organic_range_from:after,.mf_finder_organic_header_wrapper:lang(ja) .mf_finder_organic_range_to:after,.mf_finder_organic_header_wrapper:lang(ja) .mf_finder_organic_total:after,.mf_finder_organic_header_wrapper:lang(ja) .mf_finder_query:after,.mf_finder_organic_header_wrapper:lang(ja) .mf_finder_query:before {
    color: inherit;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit
}

.mf_finder_searchBox_doctype:after,.mf_finder_searchBox_selects label:after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M5%208.67L5.67%208L12%2014.33L18.33%208L19%208.67L12%2015.67L5%208.67Z%22%20style%3D%22fill%3A%231a1a1c%3B%22%2F%3E%3C%2Fsvg%3E");
    content: "";
    display: block;
    height: 24px;
    width: 24px
}

.mf_finder_container {
    margin-top: 34px
}

@media screen and (max-width: 519px) {
    .mf_finder_container {
        margin-top:24px
    }
}

.mf_finder_organic_wrapper {
    margin-top: 71px
}

@media screen and (max-width: 519px) {
    .mf_finder_organic_wrapper {
        margin-top:64px
    }
}

.mf_finder_logo {
    border-width: 0!important;
    display: block!important;
    height: 4px!important;
    left: 0!important;
    margin: 0!important;
    opacity: 0!important;
    overflow: hidden!important;
    padding: 0!important;
    position: fixed!important;
    top: 0!important;
    visibility: visible!important;
    width: 4px!important
}

.mf_finder_searchBox_items {
    align-items: flex-end;
    display: flex
}

.mf_finder_searchBox_doctype {
    margin-top: 16px;
    position: relative
}

.mf_finder_searchBox_doctype:before {
    color: inherit;
    content: "検索対象 (File Type)";
    display: block;
    font-family: inherit;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 8px;
    margin-right: -3rem;
    width: unset
}

.mf_finder_searchBox_doctype:after {
    right: 16px;
    top: 40px
}

.mf_finder_searchBox_doctype_select {
    border-bottom-left-radius: 8px;
    border-top-left-radius: 8px;
    border: 1px solid #1a1a1c;
    border-right-width: 0;
    height: 56px;
    line-height: 24px;
    padding: 16px 48px 16px 16px
}

.mf_finder_searchBox_doctype_select:focus {
    outline: 2px solid #ffd300
}

.mf_finder_searchBox_query_wrap {
    flex: 1 1 auto;
    position: relative
}

@media screen and (min-width: 520px) {
    .mf_finder_searchBox_query_wrap {
        margin-right:10px!important
    }
}

.mf_finder_searchBox_query_input {
    border: 1px solid #1a1a1c;
    border-bottom-right-radius: 8px;
    border-top-right-radius: 8px;
    height: 56px;
    line-height: 24px;
    padding: 16px;
    width: 100%
}

@media screen and (max-width: 519px) {
    .mf_finder_searchBox_query_input {
        border-bottom-right-radius:unset;
        border-right-width: 0;
        border-top-right-radius: unset
    }
}

.mf_finder_searchBox_query_input::-moz-placeholder {
    color: #757578
}

.mf_finder_searchBox_query_input::placeholder {
    color: #757578
}

.mf_finder_searchBox_query_input:focus {
    outline: 2px solid #ffd300
}

.mf_finder_searchBox_submit {
    background-color: #003ee5;
    border-radius: 8px;
    color: #fff;
    cursor: pointer;
    padding: 16px
}

@media screen and (max-width: 519px) {
    .mf_finder_searchBox_submit {
        background-color:#fff;
        border-bottom-left-radius: unset;
        border-top-left-radius: unset;
        border: 1px solid #1a1a1c;
        border-left-width: 0;
        padding: 15px
    }
}

.mf_finder_searchBox_submit:before {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M19.55%2C20.6l-6.3-6.275c-.50001%2C.4167-1.07501%2C.7417-1.72501%2C.975-.65%2C.2333-1.31666%2C.35-2%2C.35-1.71666%2C0-3.16666-.5917-4.35-1.775-1.18333-1.18333-1.775-2.63333-1.775-4.35%2C0-1.7%2C.59167-3.146%2C1.775-4.338%2C1.18334-1.19133%2C2.63334-1.787%2C4.35-1.787%2C1.7%2C0%2C3.14167%2C.59167%2C4.32501%2C1.775%2C1.1833%2C1.18333%2C1.775%2C2.63333%2C1.775%2C4.35%2C0%2C.71667-.1167%2C1.4-.35%2C2.05-.2333%2C.65-.55%2C1.21667-.95%2C1.7l6.275%2C6.275-1.05%2C1.05Zm-10.02501-6.45c1.28334%2C0%2C2.371-.45%2C3.263-1.35%2C.89131-.9%2C1.33701-1.99167%2C1.33701-3.275s-.4457-2.375-1.33701-3.275c-.892-.9-1.97966-1.35-3.263-1.35-1.3%2C0-2.39566%2C.45-3.287%2C1.35-.892%2C.9-1.338%2C1.99167-1.338%2C3.275s.446%2C2.375%2C1.338%2C3.275c.89134%2C.9%2C1.987%2C1.35%2C3.287%2C1.35Z%22%20style%3D%22fill%3A%23fff%22%2F%3E%3C%2Fsvg%3E");
    content: "";
    display: block;
    height: 24px;
    width: 24px
}

@media screen and (max-width: 519px) {
    .mf_finder_searchBox_submit:before {
        background-image:url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M19.55%2C20.6l-6.3-6.275c-.50001%2C.4167-1.07501%2C.7417-1.72501%2C.975-.65%2C.2333-1.31666%2C.35-2%2C.35-1.71666%2C0-3.16666-.5917-4.35-1.775-1.18333-1.18333-1.775-2.63333-1.775-4.35%2C0-1.7%2C.59167-3.146%2C1.775-4.338%2C1.18334-1.19133%2C2.63334-1.787%2C4.35-1.787%2C1.7%2C0%2C3.14167%2C.59167%2C4.32501%2C1.775%2C1.1833%2C1.18333%2C1.775%2C2.63333%2C1.775%2C4.35%2C0%2C.71667-.1167%2C1.4-.35%2C2.05-.2333%2C.65-.55%2C1.21667-.95%2C1.7l6.275%2C6.275-1.05%2C1.05Zm-10.02501-6.45c1.28334%2C0%2C2.371-.45%2C3.263-1.35%2C.89131-.9%2C1.33701-1.99167%2C1.33701-3.275s-.4457-2.375-1.33701-3.275c-.892-.9-1.97966-1.35-3.263-1.35-1.3%2C0-2.39566%2C.45-3.287%2C1.35-.892%2C.9-1.338%2C1.99167-1.338%2C3.275s.446%2C2.375%2C1.338%2C3.275c.89134%2C.9%2C1.987%2C1.35%2C3.287%2C1.35Z%22%20style%3D%22fill%3A%23000%22%2F%3E%3C%2Fsvg%3E")
    }
}

.mf_finder_searchBox_submit:focus {
    outline: 2px solid #ffd300
}

.mf_finder_searchBox_submit>span {
    border-width: 0!important;
    display: block!important;
    height: 4px!important;
    left: 0!important;
    margin: 0!important;
    opacity: 0!important;
    overflow: hidden!important;
    padding: 0!important;
    position: fixed!important;
    top: 0!important;
    visibility: visible!important;
    width: 4px!important
}

.mf_finder_searchBox_selects {
    display: flex;
    gap: 0 12px;
    margin-top: 16px
}

@media screen and (max-width: 519px) {
    .mf_finder_searchBox_selects {
        display:block
    }
}

.mf_finder_searchBox_useSelects .mf_finder_searchBox_selects .mf_finder_searchBox_category:after {
    right: 16px
}

.mf_finder_searchBox_selects label {
    display: block;
    margin: unset
}

.mf_finder_searchBox_selects label:before {
    color: inherit;
    display: block;
    font-family: inherit;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 8px;
    width: unset
}

@media screen and (min-width: 520px) {
    .mf_finder_searchBox_selects label:before {
        margin-right:-6rem
    }
}

.mf_finder_searchBox_selects label:after {
    bottom: 16px;
    right: 16px;
    top: unset
}

.mf_finder_searchBox_selects select {
    border: 1px solid #1a1a1c;
    border-radius: 8px;
    height: 56px;
    padding: 16px 48px 16px 16px
}

@media screen and (min-width: 960px) {
    .mf_finder_searchBox_selects select {
        min-width:153px
    }
}

.mf_finder_searchBox_selects select:focus {
    outline: 2px solid #ffd300
}

@media screen and (max-width: 519px) {
    .mf_finder_searchBox_category_select {
        width:100%
    }
}

.mf_finder_searchBox_misc {
    display: grid;
    grid-gap: 0 12px;
    gap: 0 12px;
    grid-auto-flow: column
}

@media screen and (max-width: 519px) {
    .mf_finder_searchBox_misc {
        grid-template-columns:repeat(50%,2);
        margin-top: 16px
    }

    .mf_finder_searchBox_pagemax_select,.mf_finder_searchBox_sort_select {
        width: 100%
    }
}

.mf_finder_msk_wrapper {
    margin-bottom: 1rem
}

.mf_finder_msk_item a {
    cursor: revert;
    text-decoration: underline
}

.mf_finder_heading,.mf_finder_text {
    word-break: normal
}

.mf_finder_organic_nums {
    color: #626264;
    font-size: 16px;
    margin-top: 16px
}

.mf_finder_organic_range_from,.mf_finder_organic_range_to,.mf_finder_organic_total {
    font-weight: 400
}

.mf_finder_organic_docs {
    border-bottom: 1px solid #d8d8db;
    margin-top: 52px
}

.mf_finder_organic_docs>div:first-child {
    border: unset
}

@media screen and (min-width: 520px) {
    .mf_finder_organic_doc {
        padding:16px
    }
}

@media screen and (max-width: 519px) {
    .mf_finder_organic_doc {
        padding-bottom:16px;
        padding-top: 16px
    }
}

.mf_finder_organic_doc:not(:first-child) {
    border-top: 1px solid #d8d8db
}

.mf_finder_organic_doc_title_wrapper {
    display: block;
    font-size: 22px;
    font-weight: 700;
    line-height: 1.5
}

.mf_finder_organic_doc_title_wrapper:focus {
    border-radius: 4px;
    outline: 2px solid #ffd300
}

.mf_finder_organic_doc_title {
    color: #0f41af;
    line-height: 1.75;
    text-decoration: underline;
    text-underline-offset: .1em
}

.mf_finder_organic .mf_finder_mark {
    background-color: #ffd300
}

.mf_finder_organic_doc_body_wrapper {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.75;
    margin-top: 6px
}

.mf_finder_organic_doc_body {
    overflow-wrap: break-word
}

.mf_finder_organic_doc_url_wrapper {
    color: #0f41af;
    display: block;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.75;
    margin-top: 18px;
    text-decoration: underline
}

.mf_finder_organic_doc_url_wrapper:focus {
    border-radius: 4px;
    outline: 2px solid #ffd300
}

.mf_finder_organic_doc_url:before {
    border-width: 0!important;
    display: block!important;
    height: 4px!important;
    left: 0!important;
    margin: 0!important;
    opacity: 0!important;
    overflow: hidden!important;
    padding: 0!important;
    position: fixed!important;
    top: 0!important;
    visibility: visible!important;
    width: 4px!important
}

.mf_finder_organic_doc_url span {
    font-size: .75rem;
    line-height: 1.5
}

@media screen and (max-width: 519px) {
    .mf_finder_organic_doc_url span {
        font-size:.8rem
    }
}

.mf_finder_link:visited .mf_finder_organic_doc_title,.mf_finder_link:visited .mf_finder_organic_doc_title .mf_finder_mark,.mf_finder_link:visited .mf_finder_organic_doc_url {
    color: #7540ea!important
}

.mf_finder_organic_pager_wrapper {
    margin-top: 36px
}

@media screen and (max-width: 519px) {
    .mf_finder_organic_pager_wrapper {
        margin-top:40px
    }
}

.mf_finder_pager_items {
    font-size: .875rem;
    line-height: 1.5;
    align-items: center;
    display: grid;
    grid-gap: 12px;
    gap: 12px;
    grid-auto-flow: column;
    justify-content: center;
    list-style-type: none;
    margin: unset;
    padding: unset
}

@media screen and (max-width: 519px) {
    .mf_finder_pager_items {
        font-size:.9rem;
        display: flex;
        flex-wrap: wrap;
        gap: 24px
    }
}

.mf_finder_pager_items li {
    margin: unset
}

.mf_finder_pager_items li a {
    align-items: center;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 50%;
    color: #0f41af;
    cursor: pointer;
    display: flex;
    height: 48px;
    justify-content: center;
    text-decoration: none;
    width: 48px
}

.mf_finder_pager_items li a:active,.mf_finder_pager_items li a:hover {
    background-color: #e7eefd;
    border-color: #0f41af
}

.mf_finder_pager_items li a:focus {
    border-color: #ddd;
    outline: 2px solid #ffd300
}

.mf_finder_pager_items li a .icon {
    color: #0f41af
}

.mf_finder_pager_items .mf_finder_pager_item_first a,.mf_finder_pager_items .mf_finder_pager_item_next a,.mf_finder_pager_items .mf_finder_pager_item_prev a {
    background-color: #fff;
    padding: unset
}

.mf_finder_pager_items .mf_finder_pager_item_first a:before,.mf_finder_pager_items .mf_finder_pager_item_next a:before,.mf_finder_pager_items .mf_finder_pager_item_prev a:before {
    content: "";
    display: block;
    height: 24px;
    width: 24px
}

.mf_finder_pager_items .mf_finder_pager_item_first a span,.mf_finder_pager_items .mf_finder_pager_item_next a span,.mf_finder_pager_items .mf_finder_pager_item_prev a span {
    display: none
}

.mf_finder_pager_items .mf_finder_pager_item_first a:before {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M18%2C19.1l.7-.7-6.3-6.3%2C6.3-6.3L18%2C5.1l-7%2C7Z%22%20style%3D%22fill%3A%230f41af%22%2F%3E%3Crect%20x%3D%225.7%22%20y%3D%225.1%22%20width%3D%221%22%20height%3D%2214%22%20style%3D%22fill%3A%230f41af%22%2F%3E%3C%2Fsvg%3E")
}

.mf_finder_pager_items .mf_finder_pager_item_next a:before {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M8.67%2019L8%2018.33L14.33%2012L8%205.67L8.67%205L15.67%2012L8.67%2019Z%22%20style%3D%22fill%3A%230f41af%3B%22%2F%3E%3C%2Fsvg%3E")
}

.mf_finder_pager_items .mf_finder_pager_item_prev a:before {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M15.33%205L16%205.67L9.67%2012L16%2018.33L15.33%2019L8.33%2012L15.33%205Z%22%20style%3D%22fill%3A%230f41af%3B%22%2F%3E%3C%2Fsvg%3E")
}

.mf_finder_searchBox:lang(ja) .mf_finder_searchBox_selects .mf_finder_searchBox_category:before {
    content: "カテゴリー"
}

.mf_finder_searchBox:lang(ja) .mf_finder_searchBox_selects .mf_finder_searchBox_sort:before {
    content: "並び順"
}

.mf_finder_searchBox:lang(ja) .mf_finder_searchBox_selects .mf_finder_searchBox_pagemax:before {
    content: "表示件数 (Rows per Page)"
}

.mf_finder_organic_header_wrapper:lang(ja) .mf_finder_query {
    font-size: 32px;
    font-weight: 700
}

@media screen and (max-width: 519px) {
    .mf_finder_organic_header_wrapper:lang(ja) .mf_finder_query {
        font-size:24px
    }
}

.mf_finder_organic_header_wrapper:lang(ja) .mf_finder_query:before {
    content: ""
}

.mf_finder_organic_header_wrapper:lang(ja) .mf_finder_query:after {
    content: " の検索結果"
}

.mf_finder_organic_header_wrapper:lang(ja) .mf_finder_organic_range_from:after {
    content: "～"
}

.mf_finder_organic_header_wrapper:lang(ja) .mf_finder_organic_range_to:after {
    content: "件を表示しています。";
    margin: unset
}

.mf_finder_organic_header_wrapper:lang(ja) .mf_finder_organic_total:before {
    margin: unset
}

.mf_finder_organic_header_wrapper:lang(ja) .mf_finder_organic_total:after {
    content: "件中、";
    margin: unset
}

@media screen and (max-width: 959px) {
    .second .card2 {
        margin:40px 0
    }

    .second .breadcrumbs:not(.u-hidden) {
        margin-top: 104px
    }
}

@media screen and (min-width: 960px) {
    .second {
        display:grid;
        grid-gap: 0 32px;
        gap: 0 32px;
        grid-auto-flow: row;
        grid-template-columns: repeat(12,1fr);
        grid-template-rows: auto auto 1fr
    }

    .second .header {
        align-items: start;
        grid-area: 1/1/auto/span 12;
        padding: 0
    }

    .second .breadcrumbs {
        grid-area: 2/1/auto/span 9
    }

    .second .main {
        grid-area: 3/1/auto/span 9;
        margin-bottom: 64px
    }

    .second .globalNav {
        grid-area: 2/10/span 2/span 3
    }

    .second .address,.second .sns {
        display: none
    }

    .second .card2 {
        /* margin-top:40px; */
    }
}

.second .main {
    margin-bottom: 104px
}

.second .pager {
    margin-top: 64px
}

.globalNav {
    margin: 40px 0
}

@media screen and (min-width: 960px) {
    .globalNav {
        margin-top:0
    }
}

.globalNav .address,.globalNav .featuredTopics,.globalNav .linkCollection,.globalNav .policy,.globalNav .sns {
    margin-top: 40px
}

.u-fz-lh--large-150 {
    font-size: 1rem;
    line-height: 1.5
}

@media screen and (max-width: 519px) {
    .u-fz-lh--large-150 {
        font-size:1rem
    }
}

.u-fz-lh--large-175 {
    font-size: 1rem;
    line-height: 1.75
}

@media screen and (max-width: 519px) {
    .u-fz-lh--large-175 {
        font-size:1rem
    }
}

.u-fz-lh--medium-150 {
    font-size: .875rem;
    line-height: 1.5
}

@media screen and (max-width: 519px) {
    .u-fz-lh--medium-150 {
        font-size:.9rem
    }
}

.u-fz-lh--medium-175 {
    font-size: .875rem;
    line-height: 1.75
}

@media screen and (max-width: 519px) {
    .u-fz-lh--medium-175 {
        font-size:.9rem
    }
}

.u-fz-lh--small-150 {
    font-size: .75rem;
    line-height: 1.5
}

@media screen and (max-width: 519px) {
    .u-fz-lh--small-150 {
        font-size:.8rem
    }
}

.u-fz-lh--small-175 {
    font-size: .75rem;
    line-height: 1.75
}

@media screen and (max-width: 519px) {
    .u-fz-lh--small-175 {
        font-size:.8rem
    }
}

.u-fw--normal {
    font-weight: 400
}

.u-fw--bold {
    font-weight: 700
}

.u-ta--start {
    text-align: left
}

.u-ta--center {
    text-align: center
}

.u-ta--end {
    text-align: right
}

.u-hidden {
    height: 0;
    overflow: hidden;
    visibility: hidden
}

.u-visually-hidden {
    border: 0!important;
    clip: rect(0,0,0,0)!important;
    height: 1px!important;
    margin: -1px!important;
    overflow: hidden!important;
    padding: 0!important;
    position: absolute!important;
    white-space: nowrap!important;
    width: 1px!important
}