.gl-sec_01 {
  padding: 6rem 3rem 3rem;
}

/*500px以下*/
@media screen and (max-width:500px) {
.gl-sec_01 {
  padding-top: 13rem;
}
}
.gl-sec_01 .sec-title{
  margin-bottom: 2.4rem;
}
.gl-sec_02 {
  padding: 4rem 3rem 6rem;
}


.all-wrap {
  display: flex;
  margin: 15px auto 3rem;
  background: var(--green);
  overflow: hidden;
  padding: 15px;
  overflow-x: auto;
  overflow-y: hidden;
}

.w-s2-container .all {
  font-size: 1.5rem;
  display: contents;
  margin-top: 15px;
}
.w-s2-container .all > a {
  color: var(--white);
  font-weight: 400;
  line-height: 1;
  cursor: pointer;
  border-right: 1px solid var(--white);
  white-space: nowrap;
  margin-right: 12px;
  padding-right: 12px;
}
.w-s2-container .all > a:last-child {
  border-right: none;
  margin-right: 0;
}

.w-s2-container .title {
  color: var(--green);
  font-size: 1.6rem;
  border-bottom: 1px solid #C3C3C3;
  padding-bottom: 8px;
  font-weight: 600;
}
.w-s2-container ul {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  padding: 12px 8px 24px;
}

.w-s2-container ul li {
  width: fit-content;
  font-size: 1.5rem;
  font-weight: 400;
  background: var(--white);
  color: var(--black);
  padding: 2px 6px;
  cursor: pointer;
  transition: .3s;
}
.w-s2-container ul li:hover {
  transform: translateY(-2px);
}



/*モーダル*/
.glossary-modal {
  position: fixed;
  inset: 0;
  z-index: 9999;
  opacity: 0;
  transition: opacity 0.5s, scale 0s 0.5s;
  scale: 0;
}
.glossary-modal.is-active {
  opacity: 1;
  transition: opacity 0.5s;
  scale: 1;
}
.glossary-modal__overlay {
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,.6);
  max-width: 420px;
  margin: 0 auto;
}

.glossary-modal__content {
  position: relative;
  z-index: 1;
  width: calc(100% - 4rem);
  max-width: 380px;
  max-height: calc(100vh - 6rem);
  overflow-y: auto;
  margin: 4rem auto 0;
  background: var(--white);
  border-radius: 8px;
  padding: 4rem 2rem;
  top: 5%;
}
.glossarymodal__close {
    position: absolute;
    top: 1.6rem;
    right: 1.6rem;
    background: none;
    border: none;
    color: var(--pink);
    font-size: 3rem;
    cursor: pointer;
}
.modal-top {
  display: flex;
  align-items: flex-end;
  border-bottom: 1px solid var(--grey);
  padding-bottom: 10px;
  margin-bottom: 12px;
  width: calc(100% - 3rem);
}
.modal-top .title {
  width: fit-content;
  font-size: 1.8rem;
  font-weight: 700;
  color: var(--green);
  line-height: 1;
}
.modal-top .en {
  display: block;
  font-size: 1.2rem;
  color: var(--black);
  font-weight: 400;
  margin-left: 2px;
  line-height: 1;
}

/*921px〜1230px*/
@media screen and (min-width: 921px) and (max-width: 1230px) {

.glossary-modal__overlay {
  margin: 0 0 0 10%;
}
.glossary-modal__content {
  margin: 0 0 0 12%;
}
}

@media screen and (max-width:500px) {
.glossary-modal__overlay {
  max-width: none;
}
}