@charset "UTF-8";
@import url(app.css);
:root {
  --ff-abo: "Aboreto", system-ui;
  --color-base: #f6f7f2;
  --color-bl1: #004377;
  --color-bl2: #3884ae;
  --color-bl3: #447e9d;
  --color-bl4: #1e85be;
  --color-bl5: #deeef7;
  --color-white: #ffffff;
  --color-ywl: #ffff00;
  --color-bk: #333333;
  --color-bk2: #696969;
}

/* 垂水図書館 スタイル
　　class名接頭辞：tarumi-lib
---------------------------------------------- */
.tarumi-lib {
}
.tarumi-lib-article {
  font-family: var(--ff-zen-kaku-gothic);
  background-color: var(--color-base);
}
.tarumi-lib .c-flex {
  display: flex;
  flex-wrap: wrap;
}
.tarumi-lib .c-flex.c-spb {
  justify-content: space-between;
}
.tarumi-lib .c-flex.c-ac {
  align-items: center;
}
.tarumi-lib .c-fitimg {
  width: 100%;
  height: auto;
  vertical-align: middle;
}
.tarumi-lib .c-hasmax {
  height: auto;
  max-width: 100%;
}
.tarumi-lib .splide figure img {
  width: 100%;
}
.tarumi-lib .splide__arrow {
  background-color: var(--color-white);
  width: 42px;
  height: 42px;
}
.tarumi-lib .splide__arrow svg {
  fill: var(--color-bl3);
  height: 16px;
  width: 16px;
}
.tarumi-lib .splide__pagination {
  position: absolute;
  margin-block-start: 5px;
}
.tarumi-lib .splide__pagination__page {
  background: var(--color-white);
  opacity: 1;
  margin: 0 5px;
  width: 7px;
  height: 7px;
}
.tarumi-lib .splide__pagination__page.is-active {
  background: var(--color-bl4);
  transform: scale(1);
  z-index: 1;
}
.tarumi-lib-mv {
  position: relative;
}
.tarumi-lib-mv h1 {
  width: 30%;
  margin-inline: auto;
  position: absolute;
  place-self: center;
  inset: 0;
  transform: translate(2vw, 1vw);
}
@media screen and (max-width: 767px) {
  .tarumi-lib-mv h1 {
    margin: auto;
    width: 68%;
    transform: translate(0, -15%);
    aspect-ratio: 267/170;
  }
}
.tarumi-lib-mv__pic {
  width: 100%;
}
.tarumi-lib-mv #ticket {
  position: fixed;
  z-index: 3;
  right: 0;
  bottom: 0;
  display: block;
  opacity: 1;
  transition:
    opacity 0.5s ease,
    transform 0.5s ease;
}
@media screen and (max-width: 767px) {
  .tarumi-lib-mv #ticket {
    width: 45%;
  }
}
.tarumi-lib-mv #ticket.is-hidden {
  opacity: 0;
  transform: translateX(0%) translateY(-12px);
  pointer-events: none;
}
.tarumi-lib-intro {
  padding-block-start: clamp(40px, 26px + 4.375vw, 110px);
  padding-block-end: clamp(50px, 44px + 1.875vw, 80px);
}
.tarumi-lib-intro__inner {
  position: relative;
}
.tarumi-lib-intro__inner::before {
  content: "";
  background-image: url(../images/tarumi_lib/treat1.webp);
  background-size: cover;
  aspect-ratio: 706/894;
  width: 74%;
  max-width: 706px;
  position: absolute;
  left: -445px;
  bottom: 0;
}
.tarumi-lib-intro__box {
  position: relative;
}
.tarumi-lib-intro__box h2 {
  font-size: clamp(20px, 15.6px + 1.375vw, 42px);
  color: var(--color-bl3);
  letter-spacing: 0.2rem;
}
.tarumi-lib-intro__box h2 span {
  background-color: var(--color-white);
  display: inline-block;
  padding-inline: 7px;
}
.tarumi-lib-intro__box p {
  font-size: clamp(16px, 15.2px + 0.25vw, 20px);
  line-height: 2.4;
}
.tarumi-lib-intro__box:nth-of-type(1) {
  display: grid;
  column-gap: clamp(30px, 24px + 1.875vw, 60px);
  row-gap: clamp(20px, 16px + 1.25vw, 40px);
  grid-template: "tl pic" max-content "txt pic" 1fr/53% 35%;
  margin-block-end: clamp(80px, 79px + 0.3125vw, 85px);
}
@media screen and (max-width: 767px) {
  .tarumi-lib-intro__box:nth-of-type(1) {
    display: flex;
    flex-direction: column;
  }
}
.tarumi-lib-intro__box:nth-of-type(1) h2 {
  grid-area: tl;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: clamp(7px, 6px + 0.3125vw, 12px);
}
.tarumi-lib-intro__box:nth-of-type(1) p {
  grid-area: txt;
}
.tarumi-lib-intro__box:nth-of-type(1) div {
  grid-area: pic;
}
@media screen and (max-width: 767px) {
  .tarumi-lib-intro__box:nth-of-type(1) div {
    margin-block-end: 20px;
  }
}
.tarumi-lib-intro__box:nth-of-type(2) h2 {
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-end;
  align-items: center;
  gap: clamp(5px, 0px + 1.5625vw, 30px);
  margin-block-end: clamp(13px, 12.6px + 0.125vw, 15px);
}
@media screen and (max-width: 767px) {
  .tarumi-lib-intro__box:nth-of-type(2) h2 {
    flex-direction: column;
    align-items: flex-start;
  }
}
.tarumi-lib-intro__box:nth-of-type(2) h2 em {
  font-style: normal;
  font-family: var(--ff-abo);
  line-height: 1;
  color: rgba(68, 126, 157, 0.3);
  font-size: clamp(35px, 23px + 3.75vw, 95px);
}
.tarumi-lib-intro__box:nth-of-type(2) ul {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: clamp(15px, 12px + 0.9375vw, 30px);
  margin-block-end: clamp(20px, 16px + 1.25vw, 40px);
}
@media screen and (max-width: 767px) {
  .tarumi-lib-intro__box:nth-of-type(2) ul {
    display: flex;
    flex-direction: column;
  }
}
.tarumi-lib-peek {
  position: relative;
  background-color: var(--color-bl1);
  padding-block: 70px;
  clip-path: polygon(85px 0, 100% 0, 100% 100%, 0 100%, 0 70px);
  margin-block-end: clamp(75px, 63px + 3.75vw, 135px);
}
@media screen and (max-width: 767px) {
  .tarumi-lib-peek {
    clip-path: polygon(35px 0, 100% 0, 100% 100%, 0 100%, 0 20px);
    margin-block-end: clamp(75px, 63px + 3.75vw, 135px);
  }
}
.tarumi-lib-peek__inner {
  display: grid;
  justify-content: space-between;
  row-gap: 30px;
  grid-template: "pic1 txt1 tl" max-content "txt2 pic2 nv" 1fr/37% 37% 16%;
}
@media screen and (max-width: 1100px) {
  .tarumi-lib-peek__inner {
    row-gap: 5px;
    grid-template: "pic1 txt1 tl" max-content "txt2 pic2 nv" 1fr/37% 37% 20%;
  }
}
@media screen and (max-width: 1000px) {
  .tarumi-lib-peek__inner {
    row-gap: 20px;
  }
}
@media screen and (max-width: 767px) {
  .tarumi-lib-peek__inner {
    display: flex;
    flex-direction: column;
    gap: 0;
  }
}
.tarumi-lib-peek__inner .-pic1 {
  grid-area: pic1;
}
@media screen and (max-width: 767px) {
  .tarumi-lib-peek__inner .-pic1 {
    margin-block-end: 25px;
  }
}
.tarumi-lib-peek__inner .-txt1 {
  grid-area: txt1;
}
@media screen and (max-width: 767px) {
  .tarumi-lib-peek__inner .-txt1 {
    margin-block-end: 40px;
  }
}
.tarumi-lib-peek__inner .-tl {
  grid-area: tl;
}
.tarumi-lib-peek__inner .-pic2 {
  grid-area: pic2;
}
@media screen and (max-width: 767px) {
  .tarumi-lib-peek__inner .-pic2 {
    margin-block-end: 25px;
  }
}
.tarumi-lib-peek__inner .-txt2 {
  grid-area: txt2;
}
@media screen and (max-width: 767px) {
  .tarumi-lib-peek__inner .-txt2 {
    margin-block-end: 40px;
  }
}
.tarumi-lib-peek__inner .-nv {
  grid-area: nv;
}
.tarumi-lib-peek h2 {
  margin-block-start: -25px;
}
@media screen and (max-width: 767px) {
  .tarumi-lib-peek h2 {
    margin-block: 0 45px;
  }
}
.tarumi-lib-peek h2 img {
  margin-inline: auto;
}
@media screen and (max-width: 1100px) {
  .tarumi-lib-peek h2 img {
    width: 45%;
  }
}
@media screen and (max-width: 767px) {
  .tarumi-lib-peek h2 img {
    width: 100%;
    max-width: 235px;
  }
}
.tarumi-lib-peek dl dt {
  color: var(--color-bl1);
  font-weight: 400;
  line-height: 2.1;
  font-size: clamp(11px, 8.6px + 0.75vw, 23px);
  margin-block-end: 10px;
}
@media screen and (max-width: 767px) {
  .tarumi-lib-peek dl dt {
    font-size: 16px;
  }
}
.tarumi-lib-peek dl dt span {
  background-color: var(--color-white);
  display: inline-block;
  padding-inline: 5px;
  margin-block-end: clamp(10px, 9px + 0.3125vw, 15px);
}
@media screen and (max-width: 1000px) {
  .tarumi-lib-peek dl dt span {
    display: inline;
  }
}
@media screen and (max-width: 767px) {
  .tarumi-lib-peek dl dt span {
    display: inline-block;
  }
}
.tarumi-lib-peek dl dd {
  color: var(--color-white);
  font-size: clamp(10px, 8.8px + 0.375vw, 16px);
  line-height: 2.1;
}
@media screen and (max-width: 767px) {
  .tarumi-lib-peek dl dd {
    font-size: 14px;
  }
}
@media screen and (max-width: 767px) {
  .tarumi-lib-peek ul {
    width: 80%;
    margin-inline: auto;
  }
}
.tarumi-lib-peek ul li {
  border-bottom: 1px solid var(--color-white);
}
.tarumi-lib-peek ul li:last-of-type {
  border: none;
}
.tarumi-lib-peek ul li a {
  display: flex;
  align-items: center;
  width: 100%;
  height: 73px;
  color: var(--color-white);
  font-size: clamp(10px, 8px + 0.625vw, 20px);
  padding-inline: clamp(10px, 8px + 0.625vw, 20px);
  transition: 0.3s;
}
@media (any-hover: hover) {
  .tarumi-lib-peek ul li a:hover {
    background-color: rgba(255, 255, 255, 0.21);
  }
}
@media screen and (max-width: 767px) {
  .tarumi-lib-peek ul li a {
    font-size: 20px;
    padding-inline: 30px 20px;
  }
}
.tarumi-lib-peek ul li a span {
  font-family: var(--ff-abo);
  display: inline-block;
  margin-inline-end: 10px;
}
.tarumi-lib-peek ul li a:after {
  content: "";
  width: 24px;
  height: 24px;
  display: block;
  margin-inline: auto 0;
  background-size: cover;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%2212%22%20fill%3D%22white%22%2F%3E%3Cpath%20d%3D%22M16.8003%2011.6175C17.0652%2011.878%2017.0653%2012.3003%2016.8003%2012.5607L12.4791%2016.8055C12.214%2017.0658%2011.7841%2017.0658%2011.519%2016.8055L7.19779%2012.5607C6.93272%2012.3003%206.93282%2011.878%207.19779%2011.6175C7.46294%2011.3571%207.89275%2011.3571%208.1579%2011.6175L11.32%2014.7232L11.32%207.66772C11.32%207.29935%2011.624%207.00073%2011.999%207.00073C12.374%207.00073%2012.678%207.29935%2012.678%207.66772L12.678%2014.7232L15.8401%2011.6175C16.1053%2011.3571%2016.5351%2011.3571%2016.8003%2011.6175Z%22%20fill%3D%22%23004377%22%2F%3E%3C%2Fsvg%3E");
}
.tarumi-lib-floor__inner {
  padding-block-end: clamp(50px, 40px + 3.125vw, 100px);
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-template-rows: max-content max-content 1fr;
  gap: 50px;
}
@media screen and (max-width: 767px) {
  .tarumi-lib-floor__inner {
    display: flex;
    flex-direction: column;
    gap: 0;
    width: 100% !important;
  }
}
.tarumi-lib-floor__inner h2 {
  grid-column: 1/13;
  grid-row: 1;
  font-size: clamp(24px, 22px + 0.625vw, 34px);
  letter-spacing: 0.06em;
  line-height: 1.6;
  color: var(--color-bk2);
  font-weight: 700;
  display: flex;
  align-items: flex-end;
  gap: clamp(25px, 23px + 0.625vw, 35px);
  position: relative;
}
@media screen and (max-width: 767px) {
  .tarumi-lib-floor__inner h2 {
    flex-direction: column;
    align-items: center;
    padding-inline: 20px;
    margin-block-end: 25px;
  }
  .tarumi-lib-floor__inner h2 br {
    display: none;
  }
}
.tarumi-lib-floor__inner h2 span {
  font-size: clamp(62px, 60px + 0.625vw, 72px);
  font-weight: 400;
  font-family: var(--ff-abo);
  color: var(--color-bl3);
  border-block-end: 1px solid #9d9d9d;
}
.tarumi-lib-floor__inner .tarumi-lib-floor__slide {
  grid-column: 6/13;
  grid-row: 2;
  position: relative;
}
@media screen and (max-width: 767px) {
  .tarumi-lib-floor__inner .tarumi-lib-floor__slide {
    margin-block-end: 30px;
  }
}
.tarumi-lib-floor__inner dl.-txt1 {
  grid-column: 1/6;
  grid-row: 2;
  position: relative;
}
@media screen and (max-width: 767px) {
  .tarumi-lib-floor__inner dl.-txt1 {
    padding-inline: 20px;
    margin-block-end: 40px;
  }
}
.tarumi-lib-floor__inner dl.-txt1 dt {
  font-size: clamp(16px, 14.4px + 0.5vw, 24px);
  font-weight: 500;
  line-height: 1.7;
  color: var(--color-bl3);
  margin-block-end: clamp(16px, 12px + 1.25vw, 36px);
}
@media screen and (max-width: 1100px) {
  .tarumi-lib-floor__inner dl.-txt1 dt .-tab {
    display: none;
  }
}
.tarumi-lib-floor__inner dl.-txt1 dd {
  font-size: clamp(14px, 13.6px + 0.125vw, 16px);
  line-height: 2;
  letter-spacing: 0.06em;
}
.tarumi-lib-floor__inner figure {
  position: relative;
}
.tarumi-lib-floor__inner figure img {
  width: 100%;
}
.tarumi-lib-floor__inner figure.-pic1 {
  grid-column: 1/7;
  grid-row: 3;
}
@media screen and (max-width: 767px) {
  .tarumi-lib-floor__inner figure.-pic1 {
    padding-inline: 20px;
    margin-block-end: 45px;
  }
}
.tarumi-lib-floor__inner figure.-pic2 {
  grid-column: 7/13;
  grid-row: 3;
}
@media screen and (max-width: 767px) {
  .tarumi-lib-floor__inner figure.-pic2 {
    padding-inline: 20px;
  }
}
.tarumi-lib-floor__inner figure figcaption {
  margin-block-start: clamp(10px, 8px + 0.625vw, 20px);
  font-size: clamp(14px, 13.6px + 0.125vw, 16px);
  line-height: 2;
  letter-spacing: 0.06em;
}
.tarumi-lib-floor__point {
  grid-column: 1/13 !important;
  grid-row: 4 !important;
  width: 90%;
  max-width: 925px;
  margin-inline: auto;
  position: relative;
  margin-block-start: clamp(40px, 34px + 1.875vw, 70px);
  display: grid;
  justify-content: space-between;
  grid-template-columns: 46% 50%;
  padding: 55px 30px 30px 30px;
  position: relative;
  --cut: 40px;
  --border-color: #447e9d;
  --border-width: 1px;
}
@media screen and (max-width: 767px) {
  .tarumi-lib-floor__point {
    --cut: 20px;
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 30px 20px 20px 20px;
  }
}
.tarumi-lib-floor__point:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: var(--color-white);
  border: 1px solid var(--color-bl3);
  clip-path: polygon(0 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% 100%, 0 100%);
  top: 0;
  left: 0;
}
.tarumi-lib-floor__point:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 56px;
  height: var(--border-width);
  background: var(--border-color);
  transform-origin: right center;
  transform: translateY(calc(var(--cut) - var(--border-width) / 1)) rotate(45deg);
}
@media screen and (max-width: 767px) {
  .tarumi-lib-floor__point:after {
    width: 28px;
  }
}
@media screen and (max-width: 767px) {
  .tarumi-lib-floor__point {
    margin-block-start: 90px;
  }
}
.tarumi-lib-floor__point h3 {
  position: absolute;
  inset: auto 0;
  margin-inline: auto;
  place-self: center;
  top: -37px;
}
@media screen and (max-width: 767px) {
  .tarumi-lib-floor__point h3 {
    inset: auto;
    top: -52px;
    left: 20px;
  }
}
.tarumi-lib-floor__point figure,
.tarumi-lib-floor__point dl {
  position: relative;
}
.tarumi-lib-floor__point dl dt {
  font-size: clamp(16px, 14.4px + 0.5vw, 24px);
  color: var(--color-bl3);
  line-height: 1.7;
  margin-block-end: clamp(10px, 9px + 0.3125vw, 15px);
}
.tarumi-lib-floor__point dl dd {
  font-size: clamp(14px, 13.6px + 0.125vw, 16px);
  line-height: 2;
}
.tarumi-lib-floor#a1 {
  grid-template-rows: max-content max-content max-content 1fr;
}
.tarumi-lib-floor#a1 .tarumi-lib-floor__inner {
  position: relative;
}
.tarumi-lib-floor#a1 .tarumi-lib-floor__inner::before {
  content: "";
  background-image: url(../images/tarumi_lib/treat2.webp);
  background-size: cover;
  aspect-ratio: 1200/1294;
  width: 50%;
  max-width: 600px;
  position: absolute;
  right: -370px;
  bottom: 0;
}
.tarumi-lib-floor#a2 .tarumi-lib-floor__inner {
  position: relative;
}
.tarumi-lib-floor#a2 .tarumi-lib-floor__inner::before {
  content: "";
  background-image: url(../images/tarumi_lib/treat3.webp);
  background-size: cover;
  aspect-ratio: 1222/1416;
  width: 50%;
  max-width: 600px;
  position: absolute;
  left: -370px;
  bottom: 0;
}
.tarumi-lib-floor#a3 .tarumi-lib-floor__inner {
  position: relative;
}
.tarumi-lib-floor#a3 .tarumi-lib-floor__inner::before {
  content: "";
  background-image: url(../images/tarumi_lib/treat4.webp);
  background-size: cover;
  aspect-ratio: 1223/1380;
  width: 50%;
  max-width: 600px;
  position: absolute;
  right: -260px;
  bottom: -100px;
}
.tarumi-lib-info {
  margin-block-start: clamp(30px, 20px + 3.125vw, 80px);
  padding-block-start: clamp(40px, 35px + 1.5625vw, 65px);
  padding-block-end: clamp(70px, 60px + 3.125vw, 120px);
  position: relative;
  background-color: var(--color-bl2);
  clip-path: polygon(0 0, calc(100% - 85px) 0, 100% 70px, 100% 100%, 0 100%);
}
@media screen and (max-width: 767px) {
  .tarumi-lib-info {
    clip-path: polygon(0 0, calc(100% - 35px) 0, 100% 20px, 100% 100%, 0 100%);
  }
}
.tarumi-lib-info__inner {
  display: grid;
  justify-content: space-between;
  gap: 0 50px;
  grid-template: "title pic" max-content "txt pic" 1fr "map map" max-content "tkt tkt" max-content/48% 47%;
}
@media screen and (max-width: 767px) {
  .tarumi-lib-info__inner {
    display: block;
  }
}
.tarumi-lib-info__inner .-title {
  grid-area: title;
  margin-block-end: clamp(20px, 16px + 1.25vw, 40px);
}
.tarumi-lib-info__inner .-title span {
  font-size: clamp(20px, 16px + 1.25vw, 40px);
  color: var(--color-bl3);
  letter-spacing: 0.12em;
  background-color: var(--color-white);
  display: inline-block;
  padding-inline: 10px;
}
.tarumi-lib-info__inner .-txt {
  grid-area: txt;
  color: var(--color-white);
  font-size: clamp(14px, 13.6px + 0.125vw, 16px);
  display: grid;
  grid-template-columns: 180px 1fr;
  margin-block: 0 auto;
}
@media screen and (max-width: 767px) {
  .tarumi-lib-info__inner .-txt {
    display: block;
  }
}
.tarumi-lib-info__inner .-txt dt,
.tarumi-lib-info__inner .-txt dd {
  border-bottom: 1px solid var(--color-white);
  padding-block-end: 20px;
  margin-block-end: 20px;
}
.tarumi-lib-info__inner .-txt dt a,
.tarumi-lib-info__inner .-txt dd a {
  text-decoration: underline;
}
@media screen and (max-width: 1100px) {
  .tarumi-lib-info__inner .-txt dt .-tab,
  .tarumi-lib-info__inner .-txt dd .-tab {
    display: none;
  }
}
.tarumi-lib-info__inner .-txt dt:last-of-type,
.tarumi-lib-info__inner .-txt dd:last-of-type {
  border-bottom: none;
}
@media screen and (max-width: 767px) {
  .tarumi-lib-info__inner .-txt dt {
    padding: 0 0 10px 0;
    margin: 0;
    border: none;
  }
}
.tarumi-lib-info__inner .-pic {
  grid-area: pic;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  row-gap: 20px;
  margin-block: 0 auto;
}
@media screen and (max-width: 767px) {
  .tarumi-lib-info__inner .-pic {
    margin-block: 0 32px;
    gap: 10px 0;
  }
}
.tarumi-lib-info__inner .-pic li {
  width: calc(50% - 10px);
}
@media screen and (max-width: 767px) {
  .tarumi-lib-info__inner .-pic li {
    width: calc(50% - 5px);
  }
}
.tarumi-lib-info__inner .-pic li:nth-of-type(1) {
  width: 100%;
}
.tarumi-lib-info__inner .-map {
  grid-area: map;
  width: 100%;
  height: 295px;
  margin-block-start: clamp(20px, 14px + 1.875vw, 50px);
}
@media screen and (max-width: 767px) {
  .tarumi-lib-info__inner .-map {
    height: 190px;
  }
}
.tarumi-lib-info__ticket {
  grid-area: tkt;
  max-width: 1000px;
  margin-inline: auto;
  margin-block-start: clamp(70px, 64px + 1.875vw, 100px);
  background-color: var(--color-white);
  padding: 75px 40px 40px 40px;
  position: relative;
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 767px) {
  .tarumi-lib-info__ticket {
    flex-direction: column;
    padding: 40px 20px 20px 20px;
  }
}
.tarumi-lib-info__ticket h2 {
  position: absolute;
  inset: -23px 0 0 0;
  margin-inline: auto;
  color: var(--color-white);
  font-size: clamp(17px, 14.6px + 0.75vw, 29px);
  background-color: var(--color-bl1);
  width: 90%;
  max-width: 356px;
  height: 55px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 767px) {
  .tarumi-lib-info__ticket h2 {
    inset: -12px 0 0 0;
    max-width: 215px;
    height: 37px;
  }
}
.tarumi-lib-info__ticket figure {
  width: 38%;
}
@media screen and (max-width: 767px) {
  .tarumi-lib-info__ticket figure {
    width: 90%;
    margin-inline: auto;
    margin-block-end: 10px;
  }
}
.tarumi-lib-info__ticket dl {
  width: 57%;
}
@media screen and (max-width: 767px) {
  .tarumi-lib-info__ticket dl {
    width: 100%;
  }
}
.tarumi-lib-info__ticket dl dt {
  font-size: clamp(16px, 14.4px + 0.5vw, 24px);
  color: var(--color-bl3);
  margin-block-end: clamp(8px, 6.4px + 0.5vw, 16px);
}
.tarumi-lib-info__ticket dl dd {
  font-size: clamp(14px, 13.6px + 0.125vw, 16px);
  line-height: 1.9;
}
.tarumi-lib-info__ticket dl dd:nth-of-type(1) {
  margin-block-end: clamp(20px, 18px + 0.625vw, 30px);
}
.tarumi-lib-info__ticket dl dd a {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  background-color: var(--color-bl5);
  color: var(--color-bl3);
  max-width: 300px;
  height: 70px;
  font-size: clamp(14px, 13.6px + 0.125vw, 16px);
  font-weight: 700;
  transition: 0.3s;
}
@media (any-hover: hover) {
  .tarumi-lib-info__ticket dl dd a:hover {
    opacity: 0.6;
  }
}
@media screen and (max-width: 767px) {
  .tarumi-lib-info__ticket dl dd a {
    font-size: 16px;
    height: 53px;
    width: 80%;
    margin-inline: auto;
  }
}
.tarumi-lib-info__ticket dl dd a:after {
  content: "";
  position: absolute;
  right: 20px;
  width: 24px;
  height: 24px;
  background-size: cover;
  display: block;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%2212%22%20transform%3D%22rotate(-90%2012%2012)%22%20fill%3D%22white%22%2F%3E%3Cpath%20d%3D%22M11.6168%207.19974C11.8773%206.93477%2012.2995%206.93467%2012.5599%207.19974L16.8048%2011.5209C17.0651%2011.786%2017.0651%2012.2159%2016.8048%2012.481L12.56%2016.8022C12.2995%2017.0673%2011.8773%2017.0672%2011.6168%2016.8022C11.3563%2016.5371%2011.3563%2016.1073%2011.6168%2015.8421L14.7224%2012.68L7.66699%2012.68C7.29862%2012.68%207%2012.376%207%2012.001C7%2011.626%207.29862%2011.322%207.66699%2011.322L14.7224%2011.322L11.6168%208.15986C11.3563%207.8947%2011.3563%207.46489%2011.6168%207.19974Z%22%20fill%3D%22%23004377%22%2F%3E%3C%2Fsvg%3E");
}
@media screen and (max-width: 767px) {
  .tarumi-lib-info__ticket dl dd a:after {
    right: 10px;
    height: 21px;
    width: 21px;
  }
}
.tarumi-lib [class*="__inner"] {
  max-width: 1200px;
  width: 90%;
  margin: 0 auto;
} /*# sourceMappingURL=tarumi-lib.css.map */

.wk-footer {
  padding-top: 80px;
}