/**************************\
  Basic Modal Styles
\**************************/

.modal {
  /* font-family: -apple-system,BlinkMacSystemFont,avenir next,avenir,helvetica neue,helvetica,ubuntu,roboto,noto,segoe ui,arial,sans-serif; */
  position: relative;
  z-index: 10000;
}
.modal__overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.6);
  display: flex;
  justify-content: center;
  align-items: center;
}
.modal__container {
  position: relative;
  background-color: #fff;
  padding: 30px;
  width: 90%;
  /* max-width: 500px; */
  max-width: 1000px;
  max-height: 100dvh;
  max-height: 100vh;
  /* border-radius: 4px; */
  overflow-y: auto;
  box-sizing: border-box;
}
.modal__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.modal__title {
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 600;
  font-size: 1.25rem;
  line-height: 1.25;
  color: #00449e;
  box-sizing: border-box;
}
.modal__close {
  position: absolute;
  top: 26px;
  right: 30px;
  background: transparent;
  border: 0;
  font-size: 26px;
}
/* .modal__header .modal__close::before { content: "\2715"; } */
.modal__close::before {
  content: "\2715";
}
.modal__content {
  /* margin-top: 2rem;
  margin-bottom: 2rem;
  line-height: 1.5;
  color: rgba(0,0,0,.8); */
}
.modal__btn {
  font-size: .875rem;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: .5rem;
  padding-bottom: .5rem;
  background-color: #e6e6e6;
  color: rgba(0, 0, 0, .8);
  /* border-radius: .25rem; */
  border-style: none;
  border-width: 0;
  cursor: pointer;
  -webkit-appearance: button;
  text-transform: none;
  overflow: visible;
  line-height: 1.15;
  margin: 0;
  will-change: transform;
  -moz-osx-font-smoothing: grayscale;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  transition: -webkit-transform .25s ease-out;
  transition: transform .25s ease-out;
  transition: transform .25s ease-out, -webkit-transform .25s ease-out;
}
.modal__btn:focus,
.modal__btn:hover {
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}
.modal__btn-primary {
  background-color: #00449e;
  color: #fff;
}


/**************************\
  Demo Animation Style
\**************************/
@keyframes mmfadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }}
@keyframes mmfadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }}
@keyframes mmslideIn {
  from {
    transform: translateY(15%);
  }
  to {
    transform: translateY(0);
  }}
@keyframes mmslideOut {
  from {
    transform: translateY(0);
  }
  to {
    transform: translateY(-10%);
  }}
.micromodal-slide {
  display: none;
}
.micromodal-slide.is-open {
  display: block;
}
.micromodal-slide[aria-hidden="false"] .modal__overlay {
  animation: mmfadeIn .6s cubic-bezier(0.0, 0.0, 0.2, 1);
}
.micromodal-slide[aria-hidden="false"] .modal__container {
  animation: mmslideIn .6s cubic-bezier(0, 0, .2, 1);
}
.micromodal-slide[aria-hidden="true"] .modal__overlay {
  animation: mmfadeOut .6s cubic-bezier(0.0, 0.0, 0.2, 1);
}
.micromodal-slide[aria-hidden="true"] .modal__container {
  animation: mmslideOut .6s cubic-bezier(0, 0, .2, 1);
}
.micromodal-slide .modal__container,
.micromodal-slide .modal__overlay {
  will-change: transform;
}


@media screen and (min-width: 768px) {
  .wrapper {
    overflow: revert;
  }}
/* header
---------------------------------------------- */
/* .nav-global-property-item.premiumfloorpage .nav-global-property-link.is-current::after {
  visibility: hidden;
}.lower-link-item[href="../roomplan/premium.html"]::before {
    background-color: rgb(0 0 0 / .4);
}.lower-link-item[href="../roomplan/premium.html"]::after {
  visibility: hidden;
} */

/* pickup
---------------------------------------------- */
.pickup {
  /* background: url(../img/pages/roomplan/bg_pickup.png) center/cover no-repeat; */
  padding-block: clamp(80px, 6.06rem + 5.18vw, 160px);
}
.pickup__inner {
  display: grid;
  grid-template-columns: 1fr calc(1360 / 1760 * 100%);
  gap: 40px 3%;
}
.pickupBody {
  padding-right: calc(80 / 1360 * 100%);
}
.pickupContents {
  display: grid;
  grid-template-columns: calc(800 / 1280 * 100%) 1fr;
  gap: 30px calc(80 / 1280 * 100%);
  align-items: center;
}
/* detail */
.detailType {
  font-size: clamp(20px, 1.2rem + 1.04vw, 32px);
  letter-spacing: 0.04em;
  line-height: 1;
  border-bottom: 1px solid rgb(34 34 34 / .5);
  padding-bottom: 0.8em;
}
.detailType .em {
  font-size: 200%;
}
.detailSpec {
  font-size: 24px;
  letter-spacing: 0.04em;
}
*+.detailSpec {
  margin-top: .5em;
}
.detailSpec .num {
  font-size: 166.6666%;
}
.detailArea__item {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  column-gap: 1em;
}
.detailArea__title {
  font-size: 14px;
  letter-spacing: 0.04em;
  line-height: 1.4;
}
.detailArea__spec {
  font-size: 24px;
  letter-spacing: 0.04em;
  line-height: 1.4;
}
.detailArea__spec .num {
  font-size: 166.6666%;
}
.detailArea__spec .unit {
  font-size: 66.6666%;
}
.detailArea__spec .small {
  font-size: 14px;
}
.pickup__link {
  margin-top: clamp(20px, 1.51rem + 1.29vw, 40px);
  padding-bottom: 20px;
}
@media screen and (max-width: 1200px) {
  .pickup__inner {
    grid-template-columns: 1fr;
  }}
@media screen and (max-width: 960px) {
  .pickupBody {
    padding-right: 0;
  }
  .pickupContents {
    grid-template-columns: 1fr;
  }}
@media screen and (max-width: 768px) {}
/* planArea
---------------------------------------------- */
.planArea {
  padding-block: clamp(80px, 5.09rem + 7.77vw, 200px);
}
.planBox__inner {
  display: grid;
  grid-template-columns: calc(400 / 1760 * 100%) 1fr;
  gap: 20px calc(80 / 1760 * 100%);
}
.planBox+.planBox {
  padding-top: clamp(80px, 5.09rem + 7.77vw, 200px);
}
.planHead {}
*+.planTab {
  margin-top: 80px;
}
.planTab__link {
  display: block;
  font-size: 16px;
  letter-spacing: 0.08em;
  line-height: 1.4;
  padding-bottom: 0.2em;
  opacity: .5;
  transition: .4s;
  position: relative;
  z-index: 0;
}
.planTab__link+.planTab__link {
  margin-top: 2em;
}
.planTab__link::after {
  content: '';
  display: block;
  width: 100%;
  height: 1px;
  background-color: #000;
  margin-top: 15px;
  transform: scaleX(0);
  transition: .4s ease-in-out;
}
.planTab__link.active {
  opacity: 1;
}
.planTab__link.active::after {
  transform: scaleX(1);
}
/* archive */
.archiveTabList {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: calc(10 / 1280 * 100%);
}
.archiveTabList__btn {
  display: block;
  width: 100%;
  height: 100%;
  background-color: rgb(0 0 0 / .3);
  font-size: 20px;
  letter-spacing: 0.02em;
  line-height: 1;
  padding: .85em;
  transition: .4s;
  text-align: center;
}
.archiveTabList__btn.is-active {
  background-color: #000;
}
.archiveTabList__btn .text {
  color: #fff;
}
.archiveArea {
  margin-top: 40px;
}
.archiveList {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  /* grid-template-columns: repeat(auto-fill, minmax(370px, 1fr)); */
  gap: 30px calc(30 / 1280 * 100%);
}
/* direction */
.direction__inner {
  display: grid;
  grid-template-columns: calc(560 / 1040 * 100%) 1fr;
  gap: 40px calc(73 / 1040 * 100%);
  max-width: 1040px;
}
.directionInfo {
  position: sticky;
  top: var(--headerheight);
}
.directionInfo .tabBoxList {
  margin-top: 20px;
}
.directionList>li+li {
  padding-top: 30px;
}
.directionList>li .planCard::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 4px solid #6AB8CE;
  opacity: 0;
  transition: .2s;
  z-index: 1;
}
.directionList>li.is-active .planCard::after {
  opacity: .8;
}
/* planCard */
.planCard {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 20px rgba(54 90 99 / .1);
  padding: 25px calc(30 / 406 * 100%);
  transition: .3s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  z-index: 0;
}
.planCard[data-micromodal-trigger="modal-roov"] {
  background-color: rgb(0 0 0 / .1);
}
.planCard::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  background-color: #222;
  transition: .4s cubic-bezier(0.4, 0, 0.2, 1);
  z-index: -1;
}
.planCardDetail {
  display: grid;
  grid-template-columns: auto 1fr;
  column-gap: 5.7%;
  transition: .4s cubic-bezier(0.4, 0, 0.2, 1);
}
.planCardName {
  font-size: clamp(12px, 0.93rem + 0.35vw, 16px);
  letter-spacing: 0.04em;
  line-height: 1;
}
.planCardName .em {
  font-size: 200%;
}
.planCardDetailBody {
  padding-left: 8.8%;
  border-left: 1px solid rgb(34 34 34 / .5);
}
.planCardSpec {
  font-size: clamp(14px, 1.13rem + 0.35vw, 18px);
  letter-spacing: 0.04em;
  line-height: 1.2;
}
.planCardSpec .num {
  font-size: 177.777%;
}
.planCardArea {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  column-gap: 1em;
}
.planCardArea__title {
  font-size: 12px;
  letter-spacing: 0.02em;
  line-height: 1.4;
  margin-top: 1em;
}
.planCardArea__text {
  font-size: 14px;
  letter-spacing: 0.04em;
}
.planCardArea__text .num {
  font-size: 228.57%;
}
.planCardTagList {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 2.3%;
  margin-block: 20px 45px;
}
.planCardTag {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  letter-spacing: 0.02em;
  line-height: 1.4;
  background-color: #F4F4F4;
  padding: .8em 1em;
  text-align: center;
}
.planCardTag--new {
  background-color: #4E6AB0;
  color: #fff;
}
.planCardTag--premium {
  /* background-color: #D8BA83; */
  background-color: #bb9b61;
  color: #fff;
}
.planCardTag--limited {
  background-color: #58646B;
  color: #fff;
}
.planCardTag--view {
  background-color: #516d9a;
  color: #fff;
}
.planCardLink {
  margin-top: auto;
  padding-top: 0;
  transition: .4s cubic-bezier(0.4, 0, 0.2, 1);
}
.casbee {
  max-width: 400px;
  margin-top: clamp(80px, 6.06rem + 5.18vw, 160px);
  margin-inline: auto;
}
@media (hover: hover) and (pointer: fine) {
  .planTab__link:hover {
    opacity: 1;
  }
  .archiveTabList__btn:hover {
    background-color: #000;
  }
  .planCard:hover {
    box-shadow: none;
  }
  .planCard:hover::before {
    width: 100%;
  }
  .planCard:hover .planCardDetail,
  .planCard:hover .planCardLink {
    color: #fff;
  }}
@media screen and (min-width: 1025px) and (max-height: 700px) {
  .directionImg {
    width: min(60vh, 100%);
    margin-inline: auto;
  }}
@media screen and (min-width: 1401px) and (max-width: 1600px) {
  .planBox__inner {
    grid-template-columns: calc(300 / 1760 * 100%) 1fr;
    column-gap: calc(60 / 1760 * 100%);
  }}
@media screen and (max-width: 1400px) {
  .archiveList {
    grid-template-columns: repeat(2, 1fr);
  }
  .direction__inner {
    grid-template-columns: calc(460 / 1040 * 100%) 1fr;
  }}
@media screen and (max-width: 1024px) {
  .planBox__inner {
    grid-template-columns: 1fr;
  }
  .planTab {
    display: grid;
    grid-template-columns: 50% 50%;
  }
  .planTab__link {
    opacity: .3;
    text-align: center;
  }
  .planTab__link+.planTab__link {
    margin-top: 0;
  }
  .planTab__link::after {
    transform: scaleX(1);
  }
  .direction .planHeadline {
    display: none;
  }
  .direction .planTab {
    margin-top: 0;
  }}
@media screen and (max-width: 767px) {

  /* archive */
  .archiveTabList__btn {
    font-size: 14px;
    padding-block: 1.2em;
  }
  .archiveList {
    grid-template-columns: 1fr;
    row-gap: 20px;
  }
  /* direction */
  .direction__inner {
    grid-template-columns: 1fr;
  }
  .directionInfo {
    position: static;
  }
  .directionList>li+li {
    margin-top: 20px;
  }
  .planCardTagList {
    margin-bottom: 30px;
  }}
/*  library modal
--------------------------------------------------*/
.roovModal .modal__container {
  max-width: 1160px;
  padding: 0;
}
.roovModal .modal__close {
  background-color: #fff;
  top: 0;
  right: 0;
  width: 50px;
  height: auto;
  line-height: 1;
  aspect-ratio: 1;
  text-align: center;
}
/* .library-modal__container {
    max-width: 1160px;
	padding: 0;
    background: transparent;
}.library-modal__container img {
	width: 100%;
} */
.librarySect {
  background: #222;
  color: #ffffff;
  width: 100%;
  padding: 8.0rem 10.0rem;
}
@media screen and (max-width: 768px) {
  .roovModal .modal__close {
    width: 30px;
  }
  .librarySect {
    padding: 6.0rem 3.5rem 4.0rem;
  }}
.digitalLibraryIntro {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  letter-spacing: 0;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 0 10.0rem;
}
@media screen and (max-width: 768px) {
  .digitalLibraryIntro {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0;
  }}
.digitalLibraryIntro__head {
  padding-bottom: 5.0rem;
  width: calc(460 / 745 * 100%);
}
@media screen and (max-width: 768px) {
  .digitalLibraryIntro__head {
    padding-bottom: 0;
    width: 100%;
  }}
.digitalLibraryIntro__heading {
  font-size: 30px;
  line-height: 1.333;
  color: #ffffff;
  font-family: "Cinzel", serif;
  font-weight: 400;
  position: relative;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .digitalLibraryIntro__heading {
    font-size: 22px;
    line-height: 1.5;
  }}
.digitalLibraryIntro__heading:after {
  background-color: #999999;
  bottom: 0;
  content: '';
  display: block;
  height: 1px;
  margin: 0 auto;
  margin-top: 5px;
  width: 40px;
}
.digitalLibraryIntro__subheading {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  background: #2b2e26;
  border-bottom: 2px solid #D8BA83;
  color: #ffffff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.8;
  justify-content: center;
  line-height: 1;
  opacity: .5;
  padding: 7px 30px;
  text-align: center;
  margin-top: 8.0rem;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .digitalLibraryIntro__subheading {
    margin-top: 40px;
  }}
.digitalLibraryIntro__txt {
  font-size: 16px;
  color: #ffffff;
  font-style: normal;
  font-weight: 400;
  line-height: 1.8;
  text-align: center;
  margin-top: 18px;
}
@media screen and (max-width: 768px) {
  .digitalLibraryIntro__txt {
    font-size: 14px;
    margin: 20px -15px 0;
  }}
.digitalLibraryIntro__txt+.caption {
  margin-top: 12px;
  text-align: center;
}
.digitalLibraryIntro__cont {
  width: calc(260 / 745 * 100%);
}
@media screen and (max-width: 768px) {
  .digitalLibraryIntro__cont {
    margin-top: 40px;
    width: 100%;
  }}
@media screen and (max-width: 768px) {
  .digitalLibraryIntro__cont .photo {
    margin: 0 auto;
    width: 200px;
  }}
.digitalLibraryIntro__summary {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #ffffff;
  color: #333333;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-family: "Noto SansJapanese", sans-serif;
  font-size: 10px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  line-height: 1.5;
  position: relative;
  text-align: center;
  margin-top: 3.7rem;
  padding: 7px 20px;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .digitalLibraryIntro__summary {
    margin-top: 45px;
    padding: 5px 18px;
    width: 100%;
  }}
.digitalLibraryIntro__summary:before {
  border-bottom: 14px solid #ffffff;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-style: solid;
  border-top: 0;
  bottom: calc(100% - 4px);
  content: '';
  height: 0;
  left: 50%;
  position: absolute;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  width: 0;
}
.libraryStepSect {
  position: relative;
  padding-top: 20px;
}
@media screen and (max-width: 768px) {
  .libraryStepSect {
    padding-top: 20px;
  }}
.libraryStepSect:before {
  background-color: #cccccc;
  content: '';
  height: 1px;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.libraryStepSect__heading {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #ffffff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  letter-spacing: 0;
}
.libraryStepSect__heading .en {
  font-family: "Cinzel", serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: .8;
}
.libraryStepSect__heading .ja {
  font-family: "Noto SansJapanese", sans-serif;
  font-size: 10px;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  margin-left: 10px;
}
@media screen and (max-width: 768px) {
  .libraryStepSect__heading .ja {
    line-height: 1.5;
    margin-left: 15px;
  }}
.digitalLibraryIntro+.libraryStepSect {
  margin-top: 4.5rem;
}
@media screen and (max-width: 768px) {
  .digitalLibraryIntro+.libraryStepSect {
    margin-top: 80px;
  }}
.libraryStep {
  counter-increment: libraryStepOrder;
  letter-spacing: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 768px) {
  .libraryStep {
    display: block;
  }}
.libraryStep__term {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #F1F4F7;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  position: relative;
  padding: 3.4rem 4.0rem 3.4rem 3.4rem;
  width: calc(300 / 960 * 100%);
}
@media screen and (max-width: 768px) {
  .libraryStep__term {
    width: 100%;
    padding: 20px;
  }}
.libraryStep__term:before {
  color: #222;
  content: counter(libraryStepOrder) ".";
  font-family: "Cinzel", serif;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  text-align: right;
  font-size: 30px;
  margin-right: 4.0rem;
}
@media screen and (max-width: 768px) {
  .libraryStep__term:before {
    font-size: 22px;
    margin-right: 23px;
  }}
.libraryStep__ttl {
  font-size: 16px;
  color: #222;
  font-weight: 400;
  line-height: 1.8;
}
@media screen and (max-width: 768px) {
  .libraryStep__ttl {
    font-size: 14px;
  }}
.libraryStep__desc {
  background-color: #ffffff;
  position: relative;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 3.4rem 6.0rem;
  width: calc(660 / 960 * 100%);
}
@media screen and (max-width: 768px) {
  .libraryStep__desc {
    display: block;
    padding: 30px 22px;
    width: 100%;
  }}
.libraryStep__desc .photo {
  max-width: 200px;
}
@media screen and (max-width: 768px) {
  .libraryStep__desc .photo {
    margin: 20px auto 0;
  }}
.libraryStep__desc--entry {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.libraryStep__txt {
  color: #333333;
  font-size: 13px;
  letter-spacing: 0.05em;
  font-style: normal;
  font-weight: 400;
  line-height: 1.8;
}
:root .libraryStep__cvBtn {
  width: min(100%, 400px);
  height: 5.0rem;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-bottom: .1em;
  font-size: 16px;
  line-height: 1;
  letter-spacing: .1em;
  /* background: linear-gradient(135deg, rgba(140, 114, 80, 1) 0%, rgba(204, 176, 137, 1) 50%, rgba(140, 114, 80, 1) 100%); */
  background-color: #c4953c;
  margin-top: 20px;
  transition: .4s;
}
@media (hover: hover) and (pointer: fine) {
  .libraryStep__cvBtn:hover {
    filter: brightness(.6);
  }}
@media screen and (max-width: 768px) {
  :root .libraryStep__cvBtn {
    height: 4.0rem;
    font-size: 1.5rem;
    margin-top: 15px;
    margin-inline: auto;
  }}
/* .libraryStep__link {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	background-color: #ffffff;
	-webkit-box-shadow: 0 0 16px 0 rgba(38, 14, 68, 0.38);
	box-shadow: 0 0 16px 0 rgba(38, 14, 68, 0.38);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin-right: auto;
	position: relative;
	z-index: 1;
	font-size: 12px;
	height: 32px;
	margin-top: 13px;
	width: 138px;
}@media screen and (max-width: 768px) {
	.libraryStep__link {
		height: calc(32 / 390 * 100vw);
		margin-top: calc(20 / 390 * 100vw);
		width: 100%;
	}}@media print, screen and (min-width: 736px) {
	.libraryStep__link:hover:after {
		opacity: .7;
	}}@media (hover: hover) and (pointer: fine) {
	.libraryStep__link:hover:after {
		opacity: .7;
	}}.libraryStep__link:after {
	background: linear-gradient(246deg, #c0b686 0%, #b0a047 97.07%);
	content: '';
	inset: 0;
	position: absolute;
	-webkit-transition: opacity .4s ease;
	transition: opacity .4s ease;
	z-index: -1;
} */

.libraryStep:nth-of-type(even) .libraryStep__term {
  background-color: #d4d9df;
}
@media screen and (max-width: 768px) {
  .libraryStep:not(:first-of-type) .libraryStep__term {
    padding: 32px 20px;
  }}
@media screen and (max-width: 768px) {
  .libraryStep:not(:first-of-type) .libraryStep__desc {
    padding: 30px 22px 50px;
  }}
.libraryStep:not(:first-of-type) .libraryStep__desc:before {
  background-color: #cccccc;
  content: '';
  height: 1px;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.libraryStepSect__heading+.libraryStep {
  margin-top: 32px;
}
@media screen and (max-width: 768px) {
  .libraryStepSect__heading+.libraryStep {
    margin-top: 20px;
  }}
/* .librarylead {
	margin-top: clamp(10px, 2vw, 25px);
}.librarylead h5 {
	padding: 10px 40px;
	border: 1px solid #9b7d46;
	font-size: 21px;
	color: #9b7d46;
}.librarylead p {
	color: #704a24;
	font-size: 13px;
	font-weight: 500;
	padding-top: 5px;
	letter-spacing: -0.04em;
} */