@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=Sawarabi+Mincho&display=swap");
* {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-kerning: normal;
  font-feature-settings: "palt";
  color: #1e2020;
}

.orange {
  color: #f08b6e;
}

.kounenkip {
  color: #ecb774 !important;
}

.funinp {
  color: #77bac0 !important;
}

.fujinp {
  color: #a99cba !important;
}

.seirip {
  color: #ec95a3 !important;
}

.kounenki {
  background-color: #f7e8d5;
}

.f1r {
  font-size: 1rem !important;
}

.cat-news {
  width: 130px !important;
  background-color: #5abc9b;
  color: #fff;
}

.cat-seiri {
  background-color: #ec95a3;
  color: #fff;
}

.cat-pms {
  background-color: #f08b6e;
  color: #fff;
}

.cat-kounenki {
  background-color: #ecb774;
  color: #fff;
}

.cat-funin {
  background-color: #77bac0;
  color: #fff;
}

.cat-fujin {
  background-color: #a99cba;
  color: #fff;
}

.cat-funin {
  background-color: #77bac0;
  color: #fff;
}

#page {
  margin-top: 2rem;
}

.page1720 {
  width: 1720px;
  margin: 0 auto;
}

.page1200 {
  width: 1200px;
  margin: 0 auto;
}

.breadcrumb {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.9rem;
  color: #333;
}
.breadcrumb a {
  color: #333;
  text-decoration: none;
}
.breadcrumb a:hover {
  text-decoration: underline;
}
.breadcrumb span {
  color: #999;
}

header {
  background: #fff;
}

/*-------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------*/
/*--------------------------------------- min-width: 1281px ---------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------*/
.more, .more2 {
  background: #5abc9b;
  margin: 0 auto;
  margin-top: 3rem;
  width: 378px;
  border-radius: 3rem;
}
.more a, .more2 a {
  padding: 1.3rem 0;
  display: block;
  text-align: center;
  font-size: 1.1rem;
  color: #fff;
  text-decoration: none;
  letter-spacing: 0.05rem;
}

.more2 {
  margin-top: 4rem;
}

.more-consul {
  margin: 0 auto;
  margin-top: 3rem;
  width: 242px;
  border: 0.1rem solid #1e2020;
  border-radius: 3rem;
}
.more-consul a {
  padding: 1rem 0;
  display: block;
  text-align: center;
  font-size: 1rem;
  color: #1e2020;
  text-decoration: none;
  letter-spacing: 0.05rem;
}

.more-consul2 {
  margin: 0 auto;
  margin-top: 1rem;
  width: 200px;
  padding: 0.5rem 0;
  border: 0.1rem solid #1e2020;
  border-radius: 3rem;
}
.more-consul2 a {
  padding: 1rem 0;
  display: block;
  text-align: center;
  font-size: 1rem;
  color: #1e2020;
  text-decoration: none;
  letter-spacing: 0.05rem;
}

.more-consul3 {
  margin: 0 auto;
  margin-top: 1rem;
  width: 422px;
  padding: 0.5rem 0;
  border: 0.1rem solid #1e2020;
  border-radius: 3rem;
}
.more-consul3 a {
  padding: 0.2rem 0;
  display: block;
  text-align: center;
  font-size: 1rem;
  color: #1e2020;
  text-decoration: none;
  letter-spacing: 0.05rem;
}

/* ---------------------*/
/* ------ single -------*/
/* ---------------------*/
#single-contents {
  width: 1000px;
  margin: 0 auto;
  margin: 4rem auto 6rem;
}
#single-contents img {
  margin: 0.5rem 0;
  border-radius: 1rem;
}
#single-contents #single-contents-box {
  width: 820px;
  margin: 3rem auto 0;
}
#single-contents #single-contents-box p {
  margin: 3rem 0;
  letter-spacing: 0.06rem;
  line-height: 1.8;
}

/*-------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------*/
/*--------------------------------------- max-width: 767px ----------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 767px) {
  .pc {
    display: none;
  }
  .drawer {
    position: relative;
  }
  .drawer-open,
  .drawer-close-btn {
    display: flex;
    height: 90px;
    width: 90px;
    justify-content: center;
    align-items: center;
    position: fixed;
    top: 0;
    right: 0;
    cursor: pointer;
    background: orange;
  }
  /* 開くボタン */
  .drawer-open {
    z-index: 103;
  }
  /* 閉じるボタンは最初は非表示 */
  .drawer-close-btn {
    z-index: 104;
    opacity: 0;
    pointer-events: none;
  }
  .drawer-open span,
  .drawer-open span::before,
  .drawer-open span::after,
  .drawer-close-btn span,
  .drawer-close-btn span::before,
  .drawer-close-btn span::after {
    content: "";
    display: block;
    height: 2px;
    width: 50px;
    border-radius: 3px;
    background: #fff;
    transition: 0.5s;
    position: absolute;
  }
  /* ハンバーガー */
  .drawer-open span::before {
    bottom: 15px;
  }
  .drawer-open span::after {
    top: 15px;
  }
  /* × */
  .drawer-close-btn span {
    background: transparent;
  }
  .drawer-close-btn span::before {
    bottom: 0;
    transform: rotate(45deg);
  }
  .drawer-close-btn span::after {
    top: 0;
    transform: rotate(-45deg);
  }
  /* 右から左へ出す */
  .drawer-content {
    width: 100%;
    height: calc(100vh - 90px);
    position: fixed;
    top: 90px;
    right: 0;
    z-index: 102;
    transform: translateX(100%);
    transition: transform 0.5s ease;
  }
  /* 開いた時 */
  #drawer-menu:target {
    transform: translateX(0);
  }
  /* 背景クリック用 */
  .drawer-close {
    display: block;
    position: fixed;
    inset: 90px 0 0 0;
    z-index: 101;
    background: rgba(0, 0, 0, 0);
    opacity: 0;
    pointer-events: none;
  }
  /* 開いてる時だけ背景を有効化 */
  #drawer-menu:target ~ .drawer-close {
    opacity: 1;
    pointer-events: auto;
  }
  /* 開いてる時は開くボタンを隠す */
  #drawer-menu:target ~ .drawer-open {
    opacity: 0;
    pointer-events: none;
  }
  /* 開いてる時は閉じるボタンを表示 */
  #drawer-menu:target ~ .drawer-close-btn {
    opacity: 1;
    pointer-events: auto;
  }
}
/*-------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------*/
/*--------------------------------------- min-width: 1281px ---------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------*/
@media screen and (min-width: 1280px) {
  .sp {
    display: none;
  }
  .inner {
    width: 1000px;
    margin: 0 auto;
  }
  .inner2 {
    width: 1200px;
    margin: 0 auto;
  }
  header {
    padding: 1rem 0;
  }
  header #head-inner {
    width: 90%;
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
    align-items: center;
  }
  header #head-inner h1 {
    width: 13%;
  }
  header #head-inner nav ul {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0 1.9rem;
  }
  header #head-inner nav ul li {
    letter-spacing: 0.03rem;
    display: block;
  }
  header #head-inner nav ul .nayami {
    background: #5abc9b;
    padding: 0.8rem 2rem;
    border-radius: 2rem;
  }
  header #head-inner nav ul .nayami a {
    color: #fff !important;
  }
  header #head-inner nav ul .spon {
    background: #f08b6e;
    padding: 0.8rem 2rem;
    border-radius: 2rem;
  }
  header #head-inner nav ul .spon a {
    color: #fff !important;
  }
  header #head-inner nav ul a {
    text-decoration: none;
  }
  footer {
    background: #5abc9b;
    padding: 3rem 0;
  }
  footer #footer-contents {
    width: 600px;
    margin: 0 auto;
  }
  footer #footer-contents h2 {
    width: 42%;
    margin: 0 auto;
  }
  footer #footer-contents .footer-nav {
    margin-top: 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  footer #footer-contents .footer-nav .nav-link {
    color: #fff;
    text-decoration: none;
    padding: 0 0.75rem;
  }
  footer #footer-contents .footer-nav .nav-link:not(:last-child) {
    border-right: 1px solid #fff;
  }
  footer #footer-contents #copy {
    margin-top: 1rem;
    text-align: center;
    letter-spacing: 0.06rem;
    color: #fff;
  }
}/*# sourceMappingURL=style.css.map */