@charset "UTF-8";
/* CSS Document */
.glossary-page {width: 100%;overflow: hidden;color: #285383;}
.glossary-page * {box-sizing: border-box;}
.glossary-page button {font-family: inherit;}
.glossary-page a {transition: 0.4s ease-in-out;}
.glossary-page a:focus-visible,.glossary-page button:focus-visible {outline: 3px solid #f39a00;outline-offset: 3px;}
.sp {display: none;}

/*----- glossary-main -----*/
.glossary-main {position: relative;width: 100%;padding: 2vw 0 6.5vw;background: #eaf5fc;}
.glossary-main__inner {position: relative;width: 87%;margin: 0 auto;}
/* glossary-breadcrumb */
.glossary-breadcrumb__list {display: flex;align-items: center;gap: 0.8vw;margin: 0;padding: 0;list-style: none;}
.glossary-breadcrumb__item {font-size: 0.8vw;color: #7891aa;}
.glossary-breadcrumb__item + .glossary-breadcrumb__item::before {content: "›";margin-right: 0.8vw;}
.glossary-breadcrumb__item a {font-size: 0.8vw;color: #7891aa;}
/* glossary-main__title */
.glossary-main__title {padding-top: 4.2vw;text-align: center;}
.glossary-main__label {display: inline-block;margin: 0;padding: 0.65vw 1.5vw;font-size: 0.95vw;font-weight: 600;background: #fff;border-radius: 0.3vw;}
.glossary-main__heading {margin: 1.7vw 0 0;font-size: 3.4vw;font-weight: 700;line-height: 1.3;letter-spacing: 0.03em;}
.glossary-main__heading span {font-size: 3.8vw;color: #f39a00;}
.glossary-main__text {margin: 1.6vw 0 0;font-size: 1vw;line-height: 1.9;}
.glossary-main__question {position: absolute;right: 1%;bottom: -7vw;font-size: 14vw;font-weight: 700;color: rgba(255,255,255,0.65);}

/*----- glossary section head -----*/
.glossary-section-head {text-align: center;}
.glossary-section-head__en {margin: 0;font-size: 0.78vw;font-weight: 700;letter-spacing: 0.2em;color: #f39a00;}
.glossary-section-head__heading {margin: 1vw 0 0;font-size: 2.1vw;font-weight: 700;}
.glossary-section-head__line {display: block;width: 4.2vw;height: 0.22vw;margin: 1.35vw auto 0;background: #f39a00;}
.glossary-section-head__text {margin: 1.3vw 0 0;font-size: 0.9vw;line-height: 1.95;color: #677f97;}

/*----- glossary-content01 -----*/
.glossary-content01 {width: 100%;padding: 6vw 0 4vw;background: #fff;}
.glossary-content01__inner {width: 75%;margin: 0 auto;}
/* glossary-filter */
.glossary-filter {display: flex;justify-content: center;gap: 0.65vw;margin-top: 2.8vw;}
.glossary-filter__button {min-width: 8vw;padding: 1vw 1.1vw;font-size: 0.82vw;font-weight: 600;color: #285383;background: #fff;border: 1px solid #285383;cursor: pointer;transition: 0.3s ease;}
.glossary-filter__button:hover,.glossary-filter__button.active {color: #fff;background: #285383;}

/*----- glossary-content02 -----*/
.glossary-content02 {width: 100%;padding: 6vw 0 7vw;background: #fffbd9;}
.glossary-content02__inner {width: 72%;margin: 0 auto;}
.glossary-content02__count {margin: 1.1vw 0 0;font-size: 0.82vw;text-align: center;color: #75889a;}
/* glossary-list */
.glossary-list {margin-top: 3.2vw;}
.glossary-list__empty {padding: 3vw 0;font-size: 1vw;text-align: center;}
/* glossary-item */
.glossary-item {width: 100%;margin-bottom: 0.75vw;background: #fff;border: 1px solid #eef0e7;border-radius: 0.15vw;}
.glossary-item.is-hidden {display: none;}
.glossary-item__question {display: flex;align-items: center;width: 100%;min-height: 6.2vw;padding: 1.2vw 1.5vw;border: 0;background: #fff;text-align: left;cursor: pointer;}
.glossary-item__category {flex: 0 0 6.8vw;padding: 0.75vw 0.55vw;font-size: 0.75vw;font-weight: 600;color: #fff;background: #7f9dbb;text-align: center;}
.glossary-item__text {display: flex;flex: 1;flex-direction: column;gap: 0.55vw;padding: 0 1.4vw;}
.glossary-item__title {font-size: 1.18vw;font-weight: 700;color: #285383;}
.glossary-item__reading {font-size: 0.7vw;font-weight: 400;color: #7a8c9d;}
.glossary-item__summary {font-size: 0.76vw;line-height: 1.65;color: #687f95;}
.glossary-item__icon {position: relative;flex: 0 0 1.8vw;width: 1.8vw;height: 1.8vw;border-radius: 50%;background: #f39a00;}
.glossary-item__icon::before,.glossary-item__icon::after {content: "";position: absolute;top: 50%;left: 50%;width: 0.78vw;height: 0.13vw;background: #fff;transform: translate(-50%,-50%);}
.glossary-item__icon::after {transform: translate(-50%,-50%) rotate(90deg);transition: 0.3s ease;}
.glossary-item__question[aria-expanded="true"] .glossary-item__icon::after {opacity: 0;}
.glossary-item__answer {display: block;}
.glossary-item__answer-inner {padding: 0 8.3vw 1.6vw 9.7vw;font-size: 0.82vw;line-height: 1.9;color: #60788f;}
.glossary-item__answer-inner p {margin: 0;}
.glossary-js .glossary-item__answer {display: grid;grid-template-rows: 0fr;transition: grid-template-rows 0.35s ease;}
.glossary-js .glossary-item__answer-inner {overflow: hidden;padding-top: 0;padding-bottom: 0;transition: padding 0.35s ease;}
.glossary-js .glossary-item.open .glossary-item__answer {grid-template-rows: 1fr;}
.glossary-js .glossary-item.open .glossary-item__answer-inner {padding-top: 0.5vw;padding-bottom: 1.6vw;}
.glossary-item__point {margin-top: 1.2vw;padding: 1vw 1.2vw;background: #eef7fd;border-left: 0.3vw solid #f39a00;}
.glossary-item__point strong {display: block;font-size: 0.75vw;color: #f39a00;}
.glossary-item__point p {margin-top: 0.35vw;font-size: 0.76vw;}

/*----- glossary-content03 -----*/
.glossary-content03 {width: 100%;padding: 6vw 0 6.5vw;background: #fff;}
.glossary-content03__inner {width: 74%;margin: 0 auto;}
/* glossary-support */
.glossary-support {display: flex;gap: 1vw;margin-top: 3.2vw;}
.glossary-support__card {width: 33.333%;min-height: 11.5vw;padding: 1.8vw 1.6vw;background: #edf7fd;border: 1px solid #e1edf4;border-radius: 0.2vw;}
.glossary-support__number {display: block;font-size: 0.75vw;font-weight: 700;color: #f39a00;}
.glossary-support__card strong {display: block;margin-top: 0.9vw;font-size: 1.15vw;font-weight: 700;}
.glossary-support__card small {display: block;margin-top: 0.8vw;font-size: 0.76vw;line-height: 1.65;color: #60788f;}
.glossary-support__more {display: block;margin-top: 1vw;font-size: 0.75vw;font-weight: 600;color: #e75568;}
/* glossary-cta */
.glossary-cta {display: flex;align-items: center;justify-content: space-between;margin-top: 3.6vw;padding: 2.6vw 3vw;background: #eaf5fc;}
.glossary-cta__text small {font-size: 0.75vw;}
.glossary-cta__text strong {display: block;margin-top: 0.8vw;font-size: 1.8vw;font-weight: 700;line-height: 1.45;}
.glossary-cta__text p {margin: 0.85vw 0 0;font-size: 0.72vw;color: #687f95;}
.glossary-cta__button {display: flex;align-items: center;justify-content: center;width: 12.5vw;height: 4.6vw;font-size: 0.9vw;font-weight: 600;color: #fff;background: #e75568;}
.glossary-cta__button span {margin-left: 1vw;}
.glossary-fixed-cta {display: none;}

@media screen and (max-width:960px) {
.glossary-main__inner,.glossary-content01__inner,.glossary-content02__inner,.glossary-content03__inner {width: 90%;}
.glossary-main {padding: 2.5vw 0 7vw;}
.glossary-main__title {padding-top: 5vw;}
.glossary-main__label {font-size: 1.35vw;}
.glossary-main__heading {font-size: 4.6vw;}
.glossary-main__heading span {font-size: 5.1vw;}
.glossary-main__text {font-size: 1.4vw;}
.glossary-breadcrumb__item,.glossary-breadcrumb__item a {font-size: 1.2vw;}
.glossary-section-head__en {font-size: 1.2vw;}
.glossary-section-head__heading {font-size: 2.8vw;}
.glossary-section-head__text {font-size: 1.3vw;}
.glossary-filter__button {min-width: 11vw;font-size: 1.2vw;}
.glossary-content02__count {font-size: 1.2vw;}
.glossary-item__question {min-height: 8vw;}
.glossary-item__category {flex-basis: 10vw;font-size: 1.1vw;}
.glossary-item__title {font-size: 1.65vw;}
.glossary-item__reading {font-size: 1vw;}
.glossary-item__summary {font-size: 1.15vw;}
.glossary-item__answer-inner {padding-left: 13vw;font-size: 1.2vw;}
.glossary-item__point strong,.glossary-item__point p {font-size: 1.1vw;}
.glossary-support__card strong {font-size: 1.55vw;}
.glossary-support__card small,.glossary-support__more {font-size: 1.15vw;}
.glossary-cta__text strong {font-size: 2.5vw;}
.glossary-cta__text p {font-size: 1.1vw;}
.glossary-cta__button {font-size: 1.25vw;}
}

@media screen and (max-width:500px) {
.sp {display: block;}
.glossary-main {padding: 5vw 0 13vw;}
.glossary-breadcrumb__list {gap: 2vw;}
.glossary-breadcrumb__item,.glossary-breadcrumb__item a {font-size: 2.8vw;}
.glossary-main__title {padding-top: 11vw;}
.glossary-main__label {padding: 2vw 4vw;font-size: 3.2vw;border-radius: 1vw;}
.glossary-main__heading {margin-top: 5vw;font-size: 8vw;}
.glossary-main__heading span {font-size: 9vw;}
.glossary-main__text {margin-top: 5vw;font-size: 3.6vw;}
.glossary-main__question {bottom: -12vw;font-size: 32vw;}

.glossary-section-head__en {font-size: 2.8vw;}
.glossary-section-head__heading {margin-top: 3vw;font-size: 6vw;}
.glossary-section-head__line {width: 12vw;height: 0.7vw;margin-top: 4vw;}
.glossary-section-head__text {margin-top: 4vw;font-size: 3.4vw;}

.glossary-content01 {padding: 12vw 0 9vw;}
.glossary-filter {flex-wrap: wrap;gap: 2vw;margin-top: 8vw;}
.glossary-filter__button {min-width: calc(33.333% - 1.4vw);padding: 3vw 1vw;font-size: 3.2vw;}

.glossary-content02 {padding: 12vw 0 15vw;}
.glossary-content02__count {margin-top: 4vw;font-size: 3.2vw;}
.glossary-list {margin-top: 8vw;}
.glossary-item {margin-bottom: 2.5vw;border-radius: 1vw;}
.glossary-item__question {min-height: 22vw;padding: 3vw;}
.glossary-item__category {flex-basis: 20vw;padding: 2.5vw 1vw;font-size: 2.7vw;}
.glossary-item__text {gap: 1.5vw;padding: 0 3vw;}
.glossary-item__title {font-size: 4vw;}
.glossary-item__reading {display: block;margin-top: 1vw;font-size: 2.7vw;}
.glossary-item__summary {font-size: 3vw;}
.glossary-item__icon {flex-basis: 6vw;width: 6vw;height: 6vw;}
.glossary-item__icon::before,.glossary-item__icon::after {width: 2.7vw;height: 0.5vw;}
.glossary-item__answer-inner {padding: 0 5vw 5vw;font-size: 3.4vw;}
.glossary-js .glossary-item.open .glossary-item__answer-inner {padding-top: 2vw;padding-bottom: 5vw;}
.glossary-item__point {margin-top: 4vw;padding: 3vw;border-left-width: 1vw;}
.glossary-item__point strong,.glossary-item__point p {font-size: 3.2vw;}
.glossary-item__point p {margin-top: 1vw;}

.glossary-content03 {padding: 12vw 0 22vw;}
.glossary-support {display: block;margin-top: 8vw;}
.glossary-support__card {display: block;width: 100%;min-height: auto;margin-top: 2.5vw;padding: 5vw;}
.glossary-support__number {font-size: 2.8vw;}
.glossary-support__card strong {margin-top: 2vw;font-size: 4vw;}
.glossary-support__card small,.glossary-support__more {margin-top: 2vw;font-size: 3.1vw;}
.glossary-cta {display: block;margin-top: 8vw;padding: 6vw;}
.glossary-cta__text small {font-size: 3vw;}
.glossary-cta__text strong {margin-top: 2vw;font-size: 6vw;}
.glossary-cta__text p {margin-top: 2vw;font-size: 3.1vw;line-height: 1.7;}
.glossary-cta__button {width: 100%;height: 14vw;margin-top: 5vw;font-size: 3.6vw;}
.glossary-fixed-cta {position: fixed;z-index: 800;right: 5%;bottom: 3vw;display: flex;width: 90%;height: 14vw;align-items: center;justify-content: center;font-size: 4vw;font-weight: 700;color: #fff;background: #e75568;border-radius: 1vw;box-shadow: 0 0.8vw 2vw rgba(0,0,0,0.2);}
}


/*----- glossary-header -----*/
.glossary-body {margin: 0;background: #fff;}
.glossary-header {width: 100%;padding: 1.2vw 0;background: #fff;}
.glossary-header__inner {width: 93%;margin: 0 auto;}
.glossary-header__logo {display: block;width: 19vw;margin: 0 auto 0 0;}
.glossary-header__logo:hover {transform: scale(0.97);}
.glossary-header__logo-img {width: 100%;height: auto;}

/*----- glossary-footer -----*/
.glossary-footer {width: 100%;padding: 4.2vw 0 2.5vw;background: #111;}
.glossary-footer__inner {width: 82%;margin: 0 auto;color: #fff;}
.glossary-footer__main {display: flex;justify-content: space-between;gap: 4vw;}
.glossary-footer__brand {width: 45%;}
.glossary-footer__logo {display: block;width: 19vw;filter: brightness(0) invert(1);}
.glossary-footer__logo-img {width: 100%;height: auto;}
.glossary-footer__brand p {margin: 1.2vw 0 0;font-size: 0.7vw;color: #aaa;}
.glossary-footer__nav {display: grid;grid-template-columns: 1fr 1fr;gap: 1.2vw 2.2vw;width: 45%;}
.glossary-footer__nav a {padding-bottom: 0.8vw;font-size: 0.76vw;color: #d0d0d0;border-bottom: 1px solid #282828;}
.glossary-footer__nav a:hover {color: #fff;}
.glossary-footer__bottom {display: flex;justify-content: space-between;margin-top: 2.4vw;padding-top: 1.2vw;border-top: 1px solid #282828;}
.glossary-footer__bottom small {font-size: 0.65vw;color: #777;}

@media screen and (max-width:960px) {
.glossary-header {padding: 1.8vw 0;}
.glossary-header__inner,.glossary-footer__inner {width: 90%;}
.glossary-header__logo,.glossary-footer__logo {width: 28vw;}
.glossary-footer__brand p {font-size: 1vw;}
.glossary-footer__nav a {font-size: 1.05vw;}
.glossary-footer__bottom small {font-size: 0.9vw;}
}

@media screen and (max-width:500px) {
.glossary-header {padding: 3.5vw 0;}
.glossary-header__logo,.glossary-footer__logo {width: 55vw;}
.glossary-footer {padding: 10vw 0 7vw;}
.glossary-footer__main {display: block;}
.glossary-footer__brand,.glossary-footer__nav {width: 100%;}
.glossary-footer__brand p {margin-top: 3vw;font-size: 2.8vw;}
.glossary-footer__nav {margin-top: 7vw;gap: 3vw 5vw;}
.glossary-footer__nav a {padding-bottom: 2vw;font-size: 3vw;}
.glossary-footer__bottom {display: block;margin-top: 6vw;padding-top: 4vw;}
.glossary-footer__bottom small {display: block;margin-top: 2vw;font-size: 2.4vw;}
}