@charset "utf-8";
/* ============================= 全体共通レイアウト ============================= */
@media screen {
   :root {
      --color-text: #4B4B4B;
      --color-base: #FFF0EA;
      --color-base2: #FFFAFA;
      --color-accent: #9dd99c;
      --color-main: #F39800;

      /* フォントサイズ変数 */
      --fs-10: 1rem;
      --fs-12: 1.2rem;
      --fs-14: 1.4rem;
      --fs-16: 1.6rem;
      --fs-18: 1.8rem;
      --fs-20: 2.0rem;
      --fs-24: 2.4rem;
      --fs-28: 2.8rem;
      --fs-32: 3.2rem;
      --fs-40: 4.0rem;
      --fs-48: 4.8rem;
      --fs-50: 5.0rem;
      --fs-64: 6.4rem;
      --fs-80: 8.0rem;
   }

   html {
      scroll-behavior: smooth;
      font-size: 62.5%;
      /* 1rem = 10px */
   }

   body {
      font-family: 'Noto Sans', sans-serif;
      font-weight: 500;
      color: var(--color-text);
      font-size: var(--fs-16);
      line-height: 1.2;
      background-color: var(--color-base);
      letter-spacing: .05em;
   }

   a,
   button[type="submit"] {
      transition: opacity .3s;
   }

   a:hover,
   button[type="submit"]:hover {
      opacity: 0.7;
   }

   img {
      width: 100%;
   }

   .tb,
   .sp {
      display: none;
   }

   .innerWrap {
      margin: 0 auto;
      width: 100vw;
   }

   main>section .innerWrap {
      width: 120rem;
   }

   header {
      position: fixed;
      width: 100vw;
      z-index: 100;
      top: 0;
      left: 0;
   }

   header .header_bar {
      width: 100%;
      height: 8rem;
      background-image: url(../img/bg_header.png);
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
      box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
   }

   header .header_bar .innerWrap {
      width: 120rem;
      padding-right: clamp(0rem, calc(43rem - (100vw - 120rem) / 2), 43rem);
      height: 100%;
      display: flex;
      align-items: center;
      justify-content: space-between;
   }


   header .header-nav {
      display: block !important;
      position: static;
      width: auto;
      height: auto;
      transform: none;
      padding: 0;
      overflow-y: visible;
   }

   header .header-nav .nav-list {
      display: flex;
      flex-direction: row;
      gap: 2rem;
      align-items: center;
      font-weight: 700;
   }

   header .header-nav .nav-list li a {
      font-size: var(--fs-16);
      white-space: nowrap;
   }

   header .header_bar .innerWrap .logo {
      width: 8.4rem;
   }

   header>a.header_cta {
      position: absolute;
      display: block;
      top: 0;
      right: 0;
      width: 40rem;
      height: 12rem;
      border-radius: 0 0 0 5rem;
      background-color: var(--color-accent);
      box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
      display: flex;
      align-items: center;
      justify-content: center;
      gap: .8rem;
      flex-direction: column;
      font-weight: 500;
      font-size: var(--fs-24);
   }

   header>a.header_cta:hover {
      opacity: 1;
   }

   header>a.header_cta p:last-child {
      font-size: var(--fs-28);
      display: flex;
      align-items: center;
      justify-content: center;
      gap: .8rem;
   }

   header>a.header_cta p:last-child::before {
      content: "";
      display: block;
      width: 4rem;
      height: 4rem;
      background-image: url(../img/icon_tel.svg);
      background-repeat: no-repeat;
      background-position: center;
      background-size: cover;
   }

   footer {
      background-image: url(../img/bg_footer.png);
      background-size: cover;
      background-position: top center;
      background-repeat: no-repeat;
      padding-top: 16rem;
      font-size: var(--fs-20);
   }

   footer .innerWrap {
      font-weight: 500;
   }

   footer h2,
   footer h3 {
      margin-bottom: 1.6rem;
   }

   footer .footer-contact {
      display: flex;
      align-items: center;
      justify-content: space-between;
      margin: 0 auto 4rem;
      width: 100%;
      max-width: 54rem;
   }

   footer .footer-contact>p {
      width: 16rem;
   }

   footer .footer-contact>ul {
      width: 35rem;
      line-height: 1.8;
      font-weight: 700;
   }

   footer nav {
      margin-bottom: 4rem;
   }

   footer nav ul {
      width: 100%;
      display: flex;
      justify-content: center;
      gap: 2rem;
      font-weight: 700;
   }

   footer nav ul div {
      display: flex;
      justify-content: center;
      gap: 2rem;
   }

   footer .innerWrap>p {
      text-align: center;
      font-size: var(--fs-16);
      padding-bottom: 2rem;
   }

   main {
      margin-top: 8rem;
   }

   main>section {
      margin-bottom: 16rem;
   }

   .h2_common {
      display: flex;
      align-items: center;
      justify-content: center;
      flex-direction: column;
      font-size: var(--fs-14);
      font-weight: 500;
      margin-bottom: 8rem;
   }

   .h2_common span {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: .8rem;
      font-size: var(--fs-40);
      font-weight: 700;
   }

   .h2_common span::before {
      content: "";
      display: block;
      width: 4.8rem;
      height: 6.4rem;
      background-image: url(../img/icon_beans.png);
      background-size: contain;
      background-repeat: no-repeat;
      background-position: center;
   }

   .flex-row {
      display: flex;
   }

   .flex-row-reverse {
      flex-direction: row-reverse;
   }

   .btn_cta {
      width: 100%;
      display: flex;
      justify-content: center;
   }

   .btn_cta a {
      width: 60.5rem;
      height: 15rem;
      background-image: url(../img/bg_btn-cta.png);
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center;
      display: flex;
      align-items: center;
      justify-content: center;
      flex-direction: column;
      gap: .4rem;
      font-size: var(--fs-32);
      font-weight: 500;
   }

   .btn_cta a span:last-child {
      font-size: var(--fs-50);
      display: flex;
      justify-content: center;
      align-items: center;
      gap: 1.6rem;
   }

   .btn_cta a span:last-child::before {
      content: "";
      display: block;
      width: 5rem;
      height: 5rem;
      background-image: url(../img/icon_tel.svg);
      background-size: contain;
      background-position: center;
      background-repeat: no-repeat;
   }

   .section-cta .innerWrap {
      padding-top: 14.5rem;
      padding-bottom: 5.2rem;
      background-image: url(../img/bg_cta.png);
      background-position: center;
      background-repeat: no-repeat;
      background-size: contain;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      gap: 6rem;
   }

   .page-recruit .section-cta .innerWrap {
      gap: .8rem;
      padding-top: 12rem;
      padding-bottom: 10.5rem;
   }

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

   .btn_link a {
      width: 28.5rem;
      height: 5.4rem;
      background-color: var(--color-accent);
      border-radius: 2.7rem;
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 2.4rem;
      font-size: var(--fs-24);
      font-weight: 700;
   }

   .btn_link a::after {
      content: '';
      display: block;
      transform: rotate(45deg);
      width: 1.2rem;
      height: 1.2rem;
      border-top: 0.3rem solid var(--color-text);
      border-right: 0.3rem solid var(--color-text);
   }
}


/* ============================= トップページレイアウト ============================= */
@media screen {
   .home .mainVisual {
      background-image: url(../img/bg_home-MV.png);
      background-position: top center;
      background-repeat: no-repeat;
      background-size: contain;
      width: 100vw;
      aspect-ratio: 144 / 92.5;
   }

   .home .mainVisual .innerWrap {
      width: 100%;
      height: 100%;
      display: flex;
      align-items: center;
      justify-content: flex-end;
      flex-direction: column;
      position: relative;
      padding-bottom: 10vw;
      gap: 3rem;
   }

   .home .mainVisual .innerWrap .MV_info {
      position: absolute;
      top: 0;
      left: 0;
      width: 44rem;
      height: 21rem;
      display: flex;
      align-items: flex-start;
      justify-content: center;
      flex-direction: column;
      gap: 2.4rem;
      border-radius: 0 0 5rem 0;
      background-image: url(../img/bg_home-MV-info.png);
      background-size: cover;
      padding-left: 4rem;
      font-size: var(--fs-20);
   }

   .home .mainVisual .innerWrap .MV_info>div {
      display: flex;
      align-items: center;
      justify-content: flex-start;
      gap: .8rem;
   }

   .home .mainVisual .innerWrap .MV_info>div:first-child::before {
      content: "";
      display: block;
      width: 4rem;
      height: 5.2rem;
      background-image: url(../img/icon_map.svg);
      background-size: contain;
      background-repeat: no-repeat;
      background-position: center;
   }

   .home .mainVisual .innerWrap .MV_info>div:last-child::before {
      content: "";
      display: block;
      width: 4rem;
      height: 5.2rem;
      background-image: url(../img/icon_people.svg);
      background-size: contain;
      background-repeat: no-repeat;
      background-position: center;
   }

   .home .mainVisual .innerWrap .MV_info>div>p.pc,
   .home .mainVisual .innerWrap .MV_info>div:last-child>p {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: flex-start;
      gap: .8rem;
      font-weight: 500;
   }

   .home .mainVisual .innerWrap .MV_info>div>p span:first-child {
      font-size: var(--fs-24);
   }

   .home .home-intro .innerWrap {
      text-align: center;
      display: flex;
      flex-direction: column;
      gap: 4rem;
      align-items: center;
      width: 100rem;
   }

   .home .home-intro .innerWrap>p:first-child {
      width: 18.5rem;
   }

   .home .home-intro .innerWrap h2 {
      width: 65rem;
   }

   .home .home-intro .innerWrap>p:nth-of-type(2) {
      line-height: 1.8;
   }

   .home .home-guide .innerWrap {
      width: 100rem;
      justify-content: space-between;
   }

   .home .home-guide .innerWrap>div {
      display: flex;
      flex-direction: column;
      gap: 8rem;
      line-height: 1.8;
   }

   .home .home-guide .innerWrap section.flex-row {
      justify-content: space-between;
      align-items: center;
      gap: 3.8rem;
   }

   .home .home-guide .innerWrap h3 {
      font-size: var(--fs-32);
      color: var(--color-main);
      font-weight: 700;
   }

   .home-guide section:last-of-type p span {
      color: var(--color-main);
   }

   .home-access .innerWrap {
      width: 100rem;
   }

   .home-access iframe {
      width: 100%;
      height: 54rem;
      border-radius: 5rem;
      margin-bottom: 4rem;
   }

   .home-access dl {
      font-size: var(--fs-20);
   }

   .home-access dl>div:not(:last-child) {
      margin-bottom: 4rem;
   }

   .home-access dt {
      font-weight: 700;
      font-size: var(--fs-24);
      margin-bottom: .8rem;
      display: flex;
      align-items: center;
      justify-content: flex-start;
      gap: .8rem;
   }

   .home-access dt::before {
      content: "";
      display: block;
      width: 4rem;
      height: 4rem;
      background-size: contain;
      background-position: center;
      background-repeat: no-repeat;
   }

   .home-access dl>div:first-child dt::before {
      background-image: url(../img/icon_map.svg);
   }

   .home-access dl>div:nth-child(2) dt::before {
      background-image: url(../img/icon_car.svg);
   }

   .home-access dl>div:nth-child(3) dt::before {
      background-image: url(../img/icon_bus.svg);
   }

   .home-access dl>div:nth-child(4) dt::before {
      background-image: url(../img/icon_train.svg);
   }

   .home-access dd {
      padding-left: 4.8rem;
      line-height: 1.8;
   }
}

/* ============================= 下層ページレイアウト ============================= */
@media screen {

   .page .mainVisual,
   .single .mainVisual {
      background-image: url("../img/bg_page-main.png");
      background-repeat: no-repeat;
      background-size: contain;
      width: 100vw;
      aspect-ratio: 144 / 60;
      background-position: center top;
   }

   .page .mainVisual .innerWrap,
   .single .mainVisual .innerWrap {
      display: flex;
      justify-content: center;
      align-items: center;
      height: 100%;
   }

   .page .mainVisual h1,
   .single .mainVisual h1 {
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: column;
      color: var(--color-main);
   }

   .page .mainVisual h1 span:first-child,
   .single .mainVisual h1 span:first-child {
      font-family: 'Kiwi Maru', serif;
      font-size: var(--fs-80);
      font-weight: 500;
      text-align: center;
      /* text-shadow:
         -5px -5px 0 #fff,
         5px -5px 0 #fff,
         -5px 5px 0 #fff,
         5px 5px 0 #fff; */
   }

   .page .mainVisual h1 span:last-child,
   .single .mainVisual h1 span:last-child {
      font-family: 'Darumadrop One', cursive;
      font-size: var(--fs-32);
      /* text-shadow:
         -5px -5px 0 #fff,
         5px -5px 0 #fff,
         -5px 5px 0 #fff,
         5px 5px 0 #fff; */
   }

   .company-intro h2 {
      width: 100%;
      max-width: 65rem;
      margin: 0 auto 4rem;
   }

   .company-intro p {
      line-height: 1.8;
      text-align: center;
   }

   .company-message .innerWrap>section,
   .recruit-employment .innerWrap>section {
      background-image: url(../img/bg_company-message.png);
      background-size: 100% 100%;
      background-position: center;
      background-repeat: no-repeat;
      text-align: center;
      line-height: 1.8;
      position: relative;
      max-width: 94rem;
      width: 100%;
      margin: 0 auto;
      padding: 8rem 12rem;
      display: flex;
      flex-direction: column;
      justify-content: center;
   }

   .company-message .innerWrap>section::before,
   .recruit-employment .innerWrap>section::before {
      content: "";
      width: 14.7rem;
      height: 18.7rem;
      background-image: url(../img/img_company-message01.png);
      background-size: contain;
      background-repeat: no-repeat;
      position: absolute;
      right: 0;
      top: 0;
   }
   .recruit-employment .innerWrap>section::before {
      width: 12.7rem;
      height: 12.7rem;
      background-image: url(../img/img_recruit-employment01.png);
   }

   .company-message .innerWrap>section::after,
   .recruit-employment .innerWrap>section::after {
      content: "";
      width: 15.4rem;
      height: 11.2rem;
      background-image: url(../img/img_company-message02.png);
      background-size: contain;
      background-repeat: no-repeat;
      position: absolute;
      left: 0;
      bottom: 0;
   }
   .recruit-employment .innerWrap>section::after {
      width: 19.2rem;
      height: 9.2rem;
      background-image: url(../img/img_recruit-employment02.png);
   }

   .company-message .innerWrap>section h3,
   .recruit-employment .innerWrap>section h3 {
      font-weight: 700;
      font-size: var(--fs-24);
      margin-bottom: 1.6rem;
   }
   .recruit-employment .innerWrap>section h3 {
      color: var(--color-main);
   }

   .company-philosophy .innerWrap>p {
      text-align: center;
      margin-bottom: 4rem;
      line-height: 1.8;
   }

   .company-philosophy .innerWrap>section h3 {
      display: flex;
      justify-content: center;
      align-items: center;
      gap: 1rem;
      font-size: var(--fs-32);
      font-weight: 700;
      margin-bottom: 4rem;
   }

   .company-philosophy .innerWrap>section h3::before {
      content: "";
      width: 4.4rem;
      height: 4rem;
      background-image: url(../img/icon_star.png);
      background-size: contain;
      background-repeat: no-repeat;
   }

   .company-philosophy .innerWrap>section ul {
      display: flex;
      justify-content: space-between;
      max-width: 105rem;
      width: 100%;
      gap: 2.25rem;
      margin: 0 auto;
   }

   .company-philosophy .innerWrap>section ul li {
      max-width: 33.5rem;
      width: 100%;
      font-weight: 500;
      line-height: 1.8;
      filter: drop-shadow(4px 4px 4px rgba(0, 0, 0, 0.2));
   }

   .company-philosophy .innerWrap>section ul li div {
      background-image: url(../img/bg_company-philosophy.png);
      background-size: contain;
      background-repeat: no-repeat;
      width: 100%;
      max-width: 33.5rem;
      aspect-ratio: 335 / 400;
      padding: 3.2rem 2rem 0;
   }

   .company-philosophy .innerWrap>section ul li h4 {
      font-size: var(--fs-24);
      text-align: center;
      margin-bottom: 1.6rem;
   }

   .company-philosophy .innerWrap>section ul li p:first-of-type {
      margin-bottom: .8rem;
   }

   .company-policy .innerWrap>section {
      max-width: 76rem;
      width: 100%;
      margin: 0 auto;
      line-height: 1.8;
   }

   .company-policy .innerWrap>section:not(:last-of-type) {
      margin-bottom: 4rem;
   }

   .company-policy .innerWrap>section h3 {
      font-size: var(--fs-24);
      font-weight: 700;
      display: flex;
      align-items: center;
      gap: .8rem;
      margin-bottom: 1rem;
   }

   .company-policy .innerWrap>section h3::before {
      content: "";
      background-size: contain;
      background-repeat: no-repeat;
      background-position: center;
   }

   .company-policy .innerWrap>section:nth-of-type(1) h3::before {
      width: 4rem;
      height: 4rem;
      background-image: url(../img/icon_policy01.png);
   }

   .company-policy .innerWrap>section:nth-of-type(2) h3::before {
      width: 4rem;
      height: 4rem;
      background-image: url(../img/icon_policy02.png);
   }

   .company-policy .innerWrap>section:nth-of-type(3) h3::before {
      width: 4rem;
      height: 4rem;
      background-image: url(../img/icon_policy03.png);
   }

   .company-policy .innerWrap>section p {
      margin-left: .8rem;
   }

   .company-policy .innerWrap>section ul {
      margin-left: 3.6rem;
   }
   .company-policy .innerWrap>section ul li {
      text-indent: 1em;
      padding-left: 1em;
      text-indent: -1em;
   }

   .disclosure-body .innerWrap>div {
      display: flex;
      justify-content: center;
      gap: 4rem
   }

   .disclosure-body .innerWrap>div h3 {
      font-size: var(--fs-20);
      font-weight: 700;
      margin-bottom: 1.6rem;
   }

   .disclosure-body .innerWrap>div a.dl {
      display: flex;
      gap: .8rem;
      align-items: center;
   }

   .disclosure-body .innerWrap>div a.dl::before {
      content: "";
      width: 2rem;
      height: 2rem;
      background-image: url(../img/icon_download.svg);
      background-size: contain;
      background-repeat: no-repeat;
   }

   .disclosure-body .innerWrap>div a.dl,
   .disclosure-body .innerWrap>div span {
      border-bottom: 1px solid #000;
      padding-bottom: .2rem;
      margin-bottom: .8rem;
   }


   .page-facility main .innerWrap,
   .page-recruit main .innerWrap,
   .page-info main .innerWrap,
   .page-privacy main .innerWrap {
      max-width: 100rem;
   }

   .page-facility main .section-cta .innerWrap {
      max-width: 120rem;
   }

   .facility-intro h2 {
      width: 100%;
      max-width: 69rem;
      margin: 0 auto 4rem;
   }

   .facility-intro .innerWrap>p:first-of-type {
      line-height: 1.8;
      margin-bottom: 8rem;
   }

   .facility-intro p.pc {
      width: 100%;
      max-width: 84rem;
      margin: 0 auto;
   }

   .facility-overview .innerWrap>div {
      width: 100%;
      max-width: 90rem;
      margin: 0 auto 8rem;
      align-items: center;
      gap: 8rem;
   }

   .facility-overview .innerWrap>div p {
      width: 100%;
      max-width: 54rem;
   }

   .facility-overview .innerWrap>div ul {
      font-size: var(--fs-32);
      font-weight: 700;
      color: var(--color-main);
      display: flex;
      flex-direction: column;
      gap: 4rem;
   }

   .facility-overview .innerWrap>section h3 {
      font-size: var(--fs-32);
      font-weight: 700;
      color: var(--color-main);
      display: flex;
      gap: 2.4rem;
      align-items: center;
      margin-bottom: 4rem;
   }

   .facility-overview .innerWrap>section h3::before {
      content: "";
      width: 3rem;
      height: .5rem;
      border-radius: .5rem;
      background-color: var(--color-accent);
   }

   .facility-overview .innerWrap>section section {
      line-height: 1.8;
      gap: 4.8rem;
      align-items: center;
   }

   .facility-overview .innerWrap>section:first-of-type section {
      margin-bottom: 8rem;
   }

   .facility-overview .innerWrap>section:first-of-type section>p {
      width: 100%;
      max-width: 37rem;
   }

   .facility-overview .innerWrap>section:last-of-type section>p {
      width: 100%;
      max-width: 38.2rem;
   }

   .facility-overview .innerWrap>section section h4 {
      font-size: var(--fs-24);
      font-weight: 700;
      margin-bottom: 2.4rem;
   }

   .facility-overview .innerWrap>section section h5 {
      font-size: var(--fs-20);
      font-weight: 700;
      margin-bottom: .8rem;
   }

   .facility-overview .innerWrap>section section>div>p {
      margin-bottom: 2.4rem;
   }

   .facility-overview .innerWrap>section:first-of-type section span {
      color: var(--color-main);
   }

   .page-facility main .facility-schedule .innerWrap {
      max-width: 76.2rem;
   }

   .facility-schedule .innerWrap>p {
      text-align: center;
      font-weight: 700;
      margin-bottom: 4rem;
      line-height: 1.8;
   }

   .facility-schedule .innerWrap>section:not(:last-of-type) {
      margin-bottom: 8rem;
   }

   .facility-schedule .innerWrap>section {
      background-image: url(../img/bg_facility-schedule.png);
      background-position: top 4rem left;
      background-size: 100% auto;
      background-repeat: no-repeat;
      padding: 11.6rem 4rem 4rem 8.4rem;
   }

   .facility-schedule .innerWrap>section:last-of-type {
      background-size: 100% 100%;
   }

   .facility-schedule .innerWrap>section>div {
      position: relative;
   }

   .facility-schedule .innerWrap>section h3 {
      height: 5.7rem;
      padding-top: 1.3rem;
      padding-left: 4.6rem;
      font-size: var(--fs-32);
      position: absolute;
      left: -7.5rem;
      font-weight: 700;
      top: -12rem;
      background-size: contain;
      background-repeat: no-repeat;
   }

   .facility-schedule .innerWrap>section:last-of-type>div:not(:first-child) h3 {
      top: -10rem;

   }

   .facility-schedule .innerWrap>section .labelS h3 {
      width: 18.5rem;
      transform: rotate(-12deg);
   }

   .facility-schedule .innerWrap>section .labelL h3 {
      width: 28.2rem;
      transform: rotate(-18deg);
   }

   .facility-schedule .innerWrap>section .labelS.label1 h3 {
      background-image: url(../img/label_facility-schedule01s.png);
   }

   .facility-schedule .innerWrap>section .labelL.label1 h3 {
      background-image: url(../img/label_facility-schedule01l.png);
   }

   .facility-schedule .innerWrap>section .labelS.label2 h3 {
      background-image: url(../img/label_facility-schedule02s.png);
   }

   .facility-schedule .innerWrap>section ul div {
      display: flex;
      justify-content: space-between;
      padding-bottom: 4rem;
      border-bottom: 3px dashed var(--color-main);
   }

   .facility-schedule .innerWrap>section ul>div:not(:last-child) {
      margin-bottom: 3.2rem;
   }

   .facility-schedule .innerWrap>section ul div li {
      width: 32rem;
      flex-shrink: 0;
      font-size: var(--fs-18);
      font-weight: 700;
   }

   .facility-schedule .innerWrap>section ul div li p {
      line-height: 1.8;
      text-indent: 1em;
      padding-left: 1em;
      text-indent: -1em;
   }

   .facility-schedule .innerWrap>section h4 {
      display: flex;
      align-items: center;
      gap: 1.8rem;
      margin-bottom: 1.2rem;
      font-size: var(--fs-20);
   }

   .facility-schedule .innerWrap>section h4 span {
      display: flex;
      justify-content: center;
      align-items: center;
      width: 11.7rem;
      height: 3.8rem;
      font-size: var(--fs-24);
      background-size: contain;
      background-repeat: no-repeat;
   }

   .facility-schedule .innerWrap>section .label1 h4 span {
      background-image: url(../img/label_time02.png);
   }

   .facility-schedule .innerWrap>section .label2 h4 span {
      background-image: url(../img/label_time01.png);
   }

   .facility-schedule .innerWrap>section:last-of-type>div:not(:last-child) {
      margin-bottom: 18rem;
   }

   .recruit-employment .innerWrap>section h2 {
      width: 27rem;
      margin: 0 auto 3.2rem;
   }
   .recruit-employment .innerWrap>section h4 {
      color: var(--color-main);
      font-size: var(--fs-20);
      display: flex;
      flex-direction: column;
      align-items: center;
      font-weight: 700;
      margin-bottom: 1.6rem;
   }
   .recruit-employment .innerWrap>section h4 span {
      font-size: var(--fs-16);
      font-weight: 400;
   }
   .recruit-employment .innerWrap>section > p {
      display: flex;
      flex-direction: column;
      align-items: center;
      line-height: 1.8;
      gap:.8rem;
      font-weight: 500;
   }
   .recruit-employment .innerWrap>section .recruit_tel,
   .recruit-employment .innerWrap>section .recruit_mail {
      display: flex;
      border-bottom: 1px solid var(--color-text);
      align-items: center;
      gap:.8rem
   }
   .recruit-employment .innerWrap>section .recruit_tel::before,
   .recruit-employment .innerWrap>section .recruit_mail::before {
      content:"";
      width: 1.6rem;
      height: 2rem;
      background-image: url(../img/icon_tel_o.svg);
      background-size: contain;
      background-repeat: no-repeat;
   }
   .recruit-employment .innerWrap>section .recruit_mail::before {
      width: 2.5rem;
      background-image: url(../img/icon_mail_o.svg);
   }
   .recruit-intro h2 {
      width: 100%;
      max-width: 70rem;
      margin: 0 auto 4rem;
   }

   .recruit-intro h3 {
      text-align: center;
      font-size: var(--fs-24);
      font-weight: 700;
      margin-bottom: 1.6rem;
      line-height: 1.8;
   }

   .recruit-intro p {
      line-height: 1.8;
      text-align: center;
      margin-bottom: 4rem;
   }

   .recruit-intro .innerWrap>section:first-of-type>p:last-child {
      width: 100%;
      max-width: 40rem;
      margin: 0 auto 4rem;
   }

   .recruit-intro .innerWrap>section:nth-of-type(2) h3 {
      display: flex;
      justify-content: center;
      align-items: center;
      gap: .6rem;
   }

   .recruit-intro .innerWrap>section:nth-of-type(2) h3::before {
      content: "";
      width: 2.4rem;
      height: 3.2rem;
      background-image: url(../img/icon_flower.png);
      background-size: contain;
      background-repeat: no-repeat;
   }

   .recruit-intro .innerWrap>section:nth-of-type(2) ul {
      line-height: 1.8;
      width: 100%;
      max-width: 54rem;
      margin: 0 auto 8rem;
   }

   .recruit-intro .innerWrap>section:nth-of-type(2) ul li {
      text-indent: 1em;
      padding-left: 1em;
      text-indent: -1em;

   }

   .recruit-intro .innerWrap>section:nth-of-type(2) p {
      margin-bottom: 8rem;
   }

   .recruit-intro .innerWrap>section:nth-of-type(3) h3 {
      display: flex;
      justify-content: center;
      align-items: center;
      gap: .6rem;
   }

   .recruit-intro .innerWrap>section:nth-of-type(3) h3::before {
      content: "";
      width: 2.8rem;
      height: 3.2rem;
      background-image: url(../img/icon_flower2.png);
      background-size: contain;
      background-repeat: no-repeat;
   }

   .recruit-intro .innerWrap>section:nth-of-type(3) dl {
      width: 100%;
      max-width: 78rem;
      margin: 0 auto;
      line-height: 1.8;
   }

   .recruit-intro .innerWrap>section:nth-of-type(3) dl div {
      display: flex;
      align-items: center;
   }

   .recruit-intro .innerWrap>section:nth-of-type(3) dl div dt {
      width: 10em;
      flex-shrink: 0;
      font-size: var(--fs-20);
      font-weight: 700;
   }

   .privacy-body .innerWrap>div {
      background-color: #fff;
      padding: 8rem;
      border-radius: 1rem;
      font-size: var(--fs-14);
      line-height: 1.8;
   }

   .privacy-body .innerWrap>div>section {
      margin-bottom: 2.4rem;
   }

   .privacy-body .innerWrap>div h3 {
      font-weight: 700;
      font-size: var(--fs-20);
      margin-bottom: 1.6rem;
   }

   .privacy-body .innerWrap>div h4,
   .privacy-body .ftBold {
      font-weight: 700;
   }

   .privacy-body .innerWrap>div ul {

      text-indent: 1em;
      padding-left: 1em;
      text-indent: -1em;
   }

}

/* ============================= レスポンシブ〜1200px ============================= */
@media screen and (max-width:1200px) {
   body {
      font-size: var(--fs-14);
   }

   .innerWrap {
      padding-left: 2rem;
      padding-right: 2rem;
   }

   .h2_common {
      font-size: var(--fs-12);
      margin-bottom: 4rem;
   }

   .h2_common span {
      font-size: var(--fs-32);
   }

   .h2_common span::before {
      width: 3rem;
      height: 4rem;
   }

   main {
      margin-top: 5.6rem;
   }

   main>section .innerWrap {
      width: 100vw;
   }

   header .header_bar .innerWrap .logo {
      width: 4.8rem;
   }

   header>a.header_cta {
      display: none;
   }

   header .header_bar {
      height: 5.6rem;
   }

   header .header_bar .innerWrap {
      width: 100%;
   }

   footer {
      font-size: var(--fs-14);
   }

   footer .innerWrap>p {
      font-size: var(--fs-12);
   }

   .home .mainVisual {
      aspect-ratio: 144 / 130;
      background-position: top 10rem center;
   }

   .home .mainVisual .innerWrap .MV_info {
      width: 100vw;
      height: 10rem;
      align-items: center;
      justify-content: center;
      border-radius: 0;
      background-image: url(../img/bg_home-MV-info-tab.png);
      padding-left: 0;
      gap: .8rem;
      font-size: var(--fs-16);
   }

   .home .mainVisual .innerWrap .MV_info>div:first-child::before {
      width: 2.4rem;
      height: 3.2rem;
   }

   .home .mainVisual .innerWrap .MV_info>div:last-child::before {
      width: 2.4rem;
      height: 3.2rem;
   }

   .home .mainVisual .innerWrap .MV_info>div:first-child .pc {
      display: none;
   }

   .home .mainVisual .innerWrap .MV_info>div:first-child .sp {
      display: initial;
   }

   .home .mainVisual .innerWrap .MV_info>div>p span:first-child {
      font-size: var(--fs-16);
   }

   .home .mainVisual .innerWrap .MV_info>div>p {
      gap: 0;
      width: 16em;
   }

   .home .home-intro .innerWrap {
      width: 100vw;
   }

   .home .home-guide .innerWrap h3 {
      font-size: var(--fs-24);
   }

   .home .home-guide .innerWrap>div {
      gap: 4rem;
   }

   .home .home-guide .innerWrap section.flex-row {
      gap: 2.4rem;
   }

   .home-access dl {
      font-size: var(--fs-16);
   }

   .home-access dt {
      font-size: var(--fs-20);
   }

}


/* ============================= レスポンシブ〜1000px ============================= */
@media screen and (max-width:1000px) {
   .home .home-guide .innerWrap {
      width: 100vw;
   }

   .home .home-guide .innerWrap>section>p {
      width: calc(100vw * (37 / 100));
   }

   .home .home-guide .innerWrap>section>div {
      width: calc(100vw * (56 / 100));
   }

   .home-access .innerWrap {
      width: 100vw;
   }

   .section-cta .innerWrap {
      gap: 4rem;
   }

   .page .mainVisual,
   .single .mainVisual {
      background-image: url("../img/bg_page-main_tb.png");
      aspect-ratio: 768 / 500;
   }

   .company-philosophy .innerWrap>section ul {
      flex-wrap: wrap;
      justify-content: center;
   }


   .company-philosophy .innerWrap>section ul li:first-child {
      max-width: 100%;
      display: flex;
      justify-content: center;
   }


   .facility-overview .innerWrap>div {
      gap: 4rem;
   }

   .facility-overview .innerWrap>div p {
      max-width: 40rem;
   }

   .facility-overview .innerWrap>section {
      width: 100%;
      max-width: 56rem;
      margin: 0 auto;
   }

   .facility-overview .innerWrap>section section.flex-row {
      flex-direction: column-reverse;
   }
   .recruit-employment .innerWrap>section h3 {
      font-size: var(--fs-20);
   }
   .recruit-employment .innerWrap>section h4 {
      font-size: var(--fs-18);
   }
   .recruit-employment .innerWrap>section h4 span {
      font-size: var(--fs-14);
   }
   .recruit-intro .tb {
      display: initial;
   }

   .privacy-body .innerWrap>div {
      padding: 8rem 4rem;
   }
}

/* ============================= レスポンシブ〜768px ============================= */
@media screen and (max-width:768px) {
   header .header_bar {
      background-image: url(../img/bg_header-tab.png);
   }

   .home .mainVisual {
      background-image: url(../img/bg_home-MV-tab.png);
      aspect-ratio: 768 / 828;
      padding-bottom: 4vw;
      background-position: top 8rem center;
   }

   .home .mainVisual .innerWrap .MV_info {
      height: 8rem;
      font-size: var(--fs-12);
   }

   .home .mainVisual .innerWrap .MV_info>div>p span:first-child {
      font-size: var(--fs-12);
   }

   .home .mainVisual .innerWrap .MV_info>div:first-child::before {
      width: 1.8rem;
      height: 2.4rem;
   }

   .home .mainVisual .innerWrap .MV_info>div>p.pc,
   .home .mainVisual .innerWrap .MV_info>div:last-child>p {
      gap: 0;
   }

   .btn_cta a {
      width: 100%;
      aspect-ratio: 60.5 / 15;
      height: auto;
      font-size: var(--fs-24);
   }

   .btn_cta a span:last-child {
      font-size: var(--fs-32);
      gap: 1.6rem;
   }

   footer {
      background-image: url(../img/bg_footer-tab.png);
   }

   footer .footer-contact {
      flex-direction: column;
      gap: 3.2rem;
      margin-bottom: 3.2rem;
   }

   footer .footer-contact>ul {
      max-width: 33rem;
      width: 100%;
   }

   footer h2 {
      width: 33rem;
      margin: 0 auto 1.6rem;
   }

   footer h3 {
      margin-bottom: .8rem;
   }

   footer .innerWrap>p {
      padding-bottom: 4rem;
   }

   footer nav ul {
      flex-direction: column;
      gap: 1rem;
   }

   footer .footer-contact>ul {
      display: flex;
      align-items: center;
      flex-direction: column;
   }

   .home .home-intro .innerWrap h2 {
      width: 100%;
   }

   .home .home-intro .innerWrap>p:last-child .pc {
      display: none;
   }

   .home .home-guide .flex-row {
      flex-direction: column;
      gap: 3.2rem;
   }

   .home .home-guide .innerWrap>section>p {
      width: 33rem;
   }

   .home .home-guide .innerWrap>section>div {
      width: 100%;
      display: flex;
      flex-direction: column;
      align-items: center;
   }

   .section-cta .innerWrap {
      background-size: 80vw auto;
      padding-top: 10rem;
      gap: 2.4rem;
   }

   .home-access iframe {
      height: 40rem;
      border-radius: 3.5rem;
   }

   .page .mainVisual,
   .single .mainVisual {
      background-image: url("../img/bg_page-main_sp.png");
      aspect-ratio: 375 / 360;
   }

   .page .mainVisual h1 span:first-child,
   .single .mainVisual h1 span:first-child {
      font-size: var(--fs-64);
   }

   .page.page-facility .mainVisual h1 span:first-child,
   .page.page-info .mainVisual h1 span:first-child,
   .page.page-privacy .mainVisual h1 span:first-child {
      font-size: var(--fs-48);
   }


   .page .mainVisual h1 span:last-child,
   .single .mainVisual h1 span:last-child {
      font-size: var(--fs-24);
   }

   .page .mainVisual .sp {
      display: initial;
   }

   .company-message .innerWrap>section h3 .sp,
   .recruit-employment .innerWrap>section h3 .sp {
      display: initial;
   }

   .company-message .innerWrap>section,
   .recruit-employment .innerWrap>section {
      background-image: url(../img/bg_company-message_sp.png);
      padding: 8rem 4rem 10rem;
   }

   .company-message .innerWrap>section::before,
   .recruit-employment .innerWrap>section::before {
      width: calc(14.7rem * 57 / 81);
      height: calc(18.7rem * 57 / 81);
   }

   .disclosure-body .innerWrap>div {
      flex-direction: column;
      align-items: center;
   }

   .facility-intro p.pc {
      display: none;
   }

   .facility-intro p.sp {
      display: initial;
   }


   .facility-overview .innerWrap>div {
      gap: 2.4rem;
      flex-direction: column-reverse;
   }

   .facility-overview .innerWrap>div ul {
      font-size: var(--fs-24);
      gap: 1.6rem;
   }

   .facility-overview .innerWrap>section h3 {
      font-size: var(--fs-24);
   }

   .facility-overview .innerWrap>section section h4 {
      font-size: var(--fs-20);
   }

   .facility-overview .innerWrap>section section h5 {
      font-size: var(--fs-16);
   }

   .facility-schedule .innerWrap>section h3 {
      height: 2.4rem;
      padding-top: .5rem;
      padding-left: 1.8rem;
      font-size: var(--fs-12);
      left: -7.5rem;
      top: -6rem;
   }

   .facility-schedule .innerWrap>section {
      padding: 9.6rem 3rem 3rem 7rem;
   }

   .facility-schedule .innerWrap>section .labelS h3 {
      width: 7.8rem;
   }

   .facility-schedule .innerWrap>section .labelL h3 {
      width: 11.9rem;
   }

   .facility-schedule .innerWrap>section ul div li {
      width: calc((100% - 2rem) / 2);
      font-size: var(--fs-10);
   }

   .facility-schedule .innerWrap>section h4 {
      gap: .8rem;
      margin-bottom: .6rem;
      font-size: var(--fs-10);
   }

   .facility-schedule .innerWrap>section h4 span {
      width: 4.6rem;
      height: 1.5rem;
      font-size: var(--fs-10);
   }

   .facility-schedule .innerWrap>section ul>div:not(:last-child) {
      margin-bottom: 1.6rem;
   }

   .facility-schedule .innerWrap>section ul div {
      padding-bottom: 1.6rem;
      border-bottom: 1.5px dashed var(--color-main);
   }

   .facility-schedule .innerWrap>section:not(:last-of-type) {
      margin-bottom: 4rem;
   }

   .facility-schedule .innerWrap>section:last-of-type>div:not(:first-child) h3 {
      top: -4rem;
   }

   .facility-schedule .innerWrap>section:last-of-type>div:not(:last-child) {
      margin-bottom: 10rem;
   }
   .recruit-employment .innerWrap>section::before {
      width: 11.4rem;
      height: 11.4rem;
      top:-2rem;
   }

   .recruit-intro .innerWrap>section:nth-of-type(2) p.pc {
      display: none;
   }

   .recruit-intro .innerWrap>section:nth-of-type(2) p.sp {
      display: block;
   }

   .recruit-intro .innerWrap>section:nth-of-type(3) dl div {
      flex-direction: column;
      align-items: flex-start;
      margin-bottom: .8rem;
   }

   .recruit-intro h3 {
      font-size: var(--fs-20);
   }


   .privacy-body .innerWrap {
      padding: 0;
   }

   .privacy-body .innerWrap>div {
      padding: 8rem 2rem;
      border-radius: 0;
   }

}

/* ============================= レスポンシブ〜540px ============================= */
@media screen and (max-width:540px) {
   body {
      font-size: var(--fs-14);
   }


   header .header_bar {
      background-image: url(../img/bg_header-sp.png);
   }

   .home .mainVisual {
      background-image: url(../img/bg_home-MV-sp.png);
      aspect-ratio: 375 / 592;
      padding-bottom: 4vw;
   }

   footer .innerWrap {
      width: 100%;
   }

   .btn_cta a {
      font-size: var(--fs-16);
   }

   .btn_cta a span:last-child {
      font-size: var(--fs-24);
   }

   .btn_cta a span:last-child::before {
      width: 2.4rem;
      height: 2.4rem;
   }


   .home .home-guide .innerWrap>section h3 {
      text-align: center;
   }

   .home .home-guide .sp {
      display: initial;
   }

   .home .home-guide .innerWrap h3 {
      text-align: center;
      line-height: 1.2;
      margin-bottom: 2rem;
   }

   .home-access iframe {
      border-radius: 2rem;
   }

   .home-access dl {
      font-size: var(--fs-14);
   }

   .home-access dt {
      font-size: var(--fs-16);
   }

   .home .home-guide .innerWrap>section h3 {
      font-size: var(--fs-20);
   }

   .home .home-guide .innerWrap>section h4 {
      font-size: var(--fs-16);
   }

   .h2_common {
      font-size: var(--fs-16);
   }

   .h2_common span {
      font-size: var(--fs-24);
   }

   .h2_common span::before {
      width: 2.4rem;
      height: 3rem;
   }

   .facility-schedule .innerWrap>section {
      padding: 9.6rem 2rem 3rem 3rem;
   }

   .facility-schedule .innerWrap>section h3 {
      left: -2.5rem;
   }

}

/* ============================= フェードイン ============================= */
@media screen {
   .fade-in {
      opacity: 0;
      transform: translateY(40px);
      transition: opacity 0.6s ease-out, transform 0.6s ease-out;
   }

   .fade-in.is-visible {
      opacity: 1;
      transform: translateY(0);
   }
}


/* ============================= ハンバーガーメニュー ============================= */
@media screen {

   .hmbgrbtn-container,
   .menu-overlay,
   .facilityName,
   .header-nav .btn_cta {
      display: none;
   }
}

@media screen and (max-width:1200px) {
   header .header_bar .innerWrap {
      padding-right: 0;
      padding-left: 2rem;
   }

   .hmbgrbtn-container {
      display: flex !important;
      position: absolute;
      top: .8rem;
      right: 2rem;
      height: 4rem;
      width: 5rem;
      padding: .9rem 1.1rem;
      align-items: center;
      z-index: 110;
      background-color: #FFFAFA;
      border-radius: 1rem;
      box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.25);
   }

   .hmbgrbtn-container:has(.menu-toggle.active) {
      background-color: var(--color-main);
   }

   .menu-toggle {
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      align-items: flex-start;
      width: 2.8rem;
      height: 2.2rem;
      background: none;
      border: none;
      cursor: pointer;
      padding: 0;
      position: relative;
   }

   .menu-toggle span {
      display: block;
      width: 2.8rem;
      height: 0.3rem;
      border-radius: 1rem;
      background-color: var(--color-main);
      transition: transform 0.3s, opacity 0.3s;
   }

   .menu-toggle span:not(:first-child) {
      width: 2.4rem;
   }

   .menu-toggle.active span {
      width: 100%;
      background-color: #FFFAFA;
   }

   .menu-toggle.active span:nth-child(1) {
      transform: translateY(.95rem) rotate(45deg);
   }

   .menu-toggle.active span:nth-child(2) {
      opacity: 0;
   }

   .menu-toggle.active span:nth-child(3) {
      transform: translateY(-0.95rem) rotate(-45deg);
   }

   header .header-nav {
      position: fixed;
      top: 0;
      right: 0;
      width: 400px;
      height: 100vh;
      z-index: 105;
      background-color: var(--color-base2);
      transform: translateX(100%);
      transition: transform 0.4s ease-in-out;
      padding: 6.4rem 2rem .8rem;
      overflow-y: auto;
   }

   header .header-nav.open {
      transform: translateX(0);
   }

   header .header-nav .nav-list {
      flex-direction: column;
      gap: 0;
      align-items: flex-start;
      list-style: none;
      padding: 0;
      margin: 0 0 2.4rem;
      color: var(--color-main);
      font-size: var(--fs-14);
      font-weight: 700;
      width: 100%;
   }

   header .header-nav .nav-list li {
      line-height: 3.4rem;
      border-bottom: 1px solid var(--color-main);
      width: 100%;
   }

   header .header-nav .nav-list li a {
      display: block;
      line-height: 3.4rem;
      width: 100%;
      position: relative;
   }

   header .header-nav .nav-list li a::after {
      content: '';
      display: block;
      position: absolute;
      top: 50%;
      right: 0;
      transform: translateY(-50%) rotate(45deg);
      width: 0.8rem;
      height: 0.8rem;
      border-top: 0.2rem solid var(--color-main);
      border-right: 0.2rem solid var(--color-main);
   }

   .facilityName,
   .header-nav .btn_cta {
      display: block;
   }

   .facilityName {
      text-align: center;
   }

   .facilityName img {
      width: 80%;
   }

   .header-nav .btn_cta a {
      width: 100%;
      height: unset;
      aspect-ratio: 260 / 64;
      background-size: contain;
      gap: .2rem;
      font-size: var(--fs-16);
   }

   .header-nav .btn_cta a span:last-child {
      font-size: var(--fs-24);
      gap: .8rem;
   }

   .header-nav .btn_cta a span:last-child::before {
      width: 2.4rem;
      height: 2.4rem;
   }

   .menu-overlay {
      display: block !important;
      position: fixed;
      top: 0;
      left: 0;
      width: 100vw;
      height: 100vh;
      background-color: rgba(0, 0, 0, 0.5);
      z-index: 104;
      opacity: 0;
      visibility: hidden;
      transition: opacity 0.4s, visibility 0.4s;
   }

   .menu-overlay.active {
      opacity: 1;
      visibility: visible;
   }
}

@media screen and (max-width:768px) {
   header .header-nav {
      width: 100vw;
   }
}


/* ============================= お知らせレイアウト ============================= */
@media screen {
   .info-list li {
      padding-bottom: 4rem;
      margin-bottom: 4rem;
      border-bottom: 1px dashed var(--color-text);
   }

   .info-list a {
      display: flex;
      gap: 2.4rem;
      align-items: center;
   }

   .info-thumb {
      width: 32rem;
      height: 24rem;
      flex-shrink: 0;
      border-radius: 5rem;
      overflow: hidden;
      position: relative;
   }

   .info-thumb img {
      object-fit: cover;
      width: 100%;
      height: 100%;
      object-position: center center;
   }

   .info-header {
      font-weight: 700;
   }

   .info-header p {
      display: flex;
      align-items: center;
      gap: 2.4rem;
      font-size: var(--fs-20);
      margin-bottom: 2.4rem;
   }

   .info-cat {
      padding: .6rem 0;
      width: 8.5em;
      text-align: center;
      color: var(--color-main);
      border: 1px solid var(--color-main);
      border-radius: 1rem;
      position: relative;
   }
   .info-new .info-cat::before {
      content: "";
      position: absolute;
      top: -2rem;
      left: -3rem;
      width: 7.3rem;
      height: 4.7rem;
      background-image: url(../img/icon_new.png);
      background-size: contain;
      background-repeat: no-repeat;
   }

   .info-header h3 {
      font-size: var(--fs-24);
      line-height: 1.8;
   }

   .pagination-list {
      display: flex;
      justify-content: center;
      align-items: center;
      gap: 2rem;
   }

   .pagination-item {
      font-weight: 700;
      font-size: var(--fs-20);
   }

   .pagination-link {
      width: 6rem;
      height: 6rem;
      border-radius: 3rem;
      border: 3px solid var(--color-text);
      display: flex;
      justify-content: center;
      align-items: center;
   }

   .is-active .pagination-link {
      border: 3px solid var(--color-main);
      color: var(--color-main);
   }

   .pagination-control {
      display: flex;
      justify-content: space-between;
      margin-top: -7rem;
   }

   .pagination-control a,
   .backPage a {
      display: flex;
      gap: .8rem;
      align-items: center;
      justify-content: center;
      padding: 2.4rem 0;
      width: 15rem;
      background-color: var(--color-accent);
      border-radius: 5rem;
      font-weight: 700;
      font-size: var(--fs-24);
   }

   .backPage a {
      display: inline-block;
      width: 26rem;
   }

   .backPage {
      text-align: center;
      margin-top: -7.6rem;
   }

   .single-info main .innerWrap {
      max-width: 88rem;
      width: calc(100vw - 4rem);
   }

   .single-info .info-container .innerWrap {
      padding: 8rem;
      background-color: #fff;
      border-radius: 1rem;
   }

   .info-body {
      line-height: 1.8;
      margin-top: 2.4rem;
   }

   .home .home-info .info-header {
      display: flex;
      gap: 2.4rem;
      align-items: flex-start;
   }

   .home .home-info .info-header>p {
      flex-shrink: 0;
   }

   /*    .home .home-info ul.info-list {
      margin-bottom: 8rem;
   }

   .home .home-info ul.info-list a {
      display: flex;
      gap: 2.4rem;
      font-size: var(--fs-20);
      padding: 4rem 0;
      font-weight: 700;
      border-bottom: 1px dashed var(--color-text);
      align-items: center;
   }

   .home .home-info ul.info-list a span {
      line-height: 1.8;
   }

   .home .home-info ul.info-list a span.info-date,
   .home .home-info ul.info-list a span.info-cat {
      flex-grow: 0;
      flex-shrink: 0;
   }

   .home .home-info ul.info-list a span.info-date {
      width: 12rem;
   }

   .home .home-info ul.info-list a span.info-cat {
      width: 14rem;
      height: 3.6rem;
      color: var(--color-main);
      border: 1px solid var(--color-main);
      border-radius: 1rem;
      position: relative;
      display: flex;
      justify-content: center;
      align-items: center;
   }

   .home .home-info ul.info-list li.info-new a span.info-cat::before {
      content: "";
      position: absolute;
      top: -2rem;
      left: -3rem;
      width: 7.3rem;
      height: 4.7rem;
      background-image: url(../img/icon_new.png);
      background-size: contain;
      background-repeat: no-repeat;
   }

   .home .home-info ul.info-list a span.info-title {
      font-size: var(--fs-24);
   } */
}


@media screen and (max-width:1000px) {
   .info-header p {
      font-size: var(--fs-16);
   }

   .info-header h3 {
      font-size: var(--fs-20);
   }

   .info-new .info-cat::before {
      top: -2rem;
      left: -2.3rem;
      width: 4.8rem;
      height: 3.2rem;
   }

   .pagination-control {
      justify-content: center;
      margin-top: 4rem;
      gap: 2rem;
   }


   .backPage {
      margin-top: 4rem;
   }

   .single-info .info-container .innerWrap {
      padding: 8rem 4rem;
   }
}

@media screen and (max-width:768px) {
   /*    .home .home-info ul.info-list a {
      flex-wrap: wrap;
   }

   .home .home-info ul.info-list a span.info-title {
      width: 100%;
   } */

   .info-list a {
      flex-direction: column;
      gap: 4rem;
      align-items: flex-start;
   }

   .pagination-link {
      width: 4rem;
      height: 4rem;
      border-radius: 2rem;
   }

   .single-info .info-container .innerWrap {
      padding: 8rem 2rem;
      border-radius: 0;
   }

   .single-info main .innerWrap {
      width: 100vw;
   }

   .home .home-info .info-header {
      flex-direction: column;
      gap:0;
   }
}

@media screen and (max-width:540px) {
   .info-thumb {
      width: 100%;
      height: unset;
      aspect-ratio: 32 / 24;
   }
}