@charset "UTF-8";
/*========= 値 ===============*/
@import url("https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@700&family=Noto+Sans+JP:wght@400;500;700&family=Shippori+Mincho:wght@600&display=swap");
:root {
  --green: #00a040;
  --green-dark: #076355;
  --light-green: #c4fc85;
  --hover-green: #00cf75;
  --menu-color: #32a05e;
  --sp-menu-color: #3a9578;
  --sp-table-ttle: rgb(221, 246, 225); }

/*========= スマホ時削除 ===============*/
@media (min-width: 576px) {
    .sp-no {
        display: none;
    }
}


/*========= テキスト ===============*/
h4 {
  margin-bottom: 1.4rem; }
  @media screen and (max-width: 767.98px) {
    h4 {
      font-size: 120%; } }

.h1_style {
  position: relative;
  display: inline-block;
  font-family: 'M PLUS 1p', sans-serif;
  font-weight: 500; }
  @media screen and (max-width: 767.98px) {
    .h1_style {
      font-size: 200%; } }

.h2_style {
  padding: 10px 0;
  margin-bottom: 2rem;
  font-weight: 500;
  border-bottom: 2px solid var(--green); }
  @media screen and (max-width: 767.98px) {
    .h2_style {
      font-size: 160%; } }

.material-icons-outlined {
  color: var(--green);
  font-size: 1.8rem;
  margin-right: 0.5rem; }
  @media screen and (max-width: 767.98px) {
    .material-icons-outlined {
      font-size: 100%; } }

.emp {
  font-family: 'M PLUS Rounded 1c', sans-serif !important;
  font-weight: 700;
  color: var(--orange);
  font-size: 130%; }

.big_emp {
  background: linear-gradient(transparent 70%, var(--light-green) 70%); }

* {
  box-sizing: border-box; }

body {
  overflow-y: scroll;
  background-color: #DEFAEA;
  font-family: 'Noto Sans JP', sans-serif; }

a {
  color: var(--green); }

a:hover {
  color: var(--hover-green); }

/* margin */
.mt-6,
.my-6 {
  margin-top: 5rem !important; }

header {
  position: relative;
  background-color: var(--white);
  border-top: 5px solid #7ae54c; }

#header {
  color: var(--dark);
  padding: 1rem; }
  @media screen and (max-width: 575.98px) {
    #header {
      width: 85%;
      padding-bottom: 0; } }
  #header a {
    color: var(--dark);
    font-size: 1.4rem; }
    #header a:hover {
      text-decoration: none; }
    @media screen and (max-width: 767.98px) {
      #header a {
        font-size: 100%; } }
  #header img {
    width: 100%;
    max-width: 500px; }

/*========= ナビゲーションドロップダウン ===============*/
nav {
  text-align: center;
  background-color: var(--white);
  margin: -20px 0; }
  nav ul {
    list-style: none;
    display: flex;
    justify-content: center;
    color: var(--white);
    margin-bottom: 0; }
    nav ul ul {
      display: block;
      border-radius: 5px; }
    nav ul li {
      position: relative; }
    nav ul a {
      display: block;
      color: var(--dark);
      height: 100%;
      transition: all 0.3s; }
      nav ul a:hover {
        text-decoration: none; }
  nav > ul {
    height: 50px; }
    nav > ul > li > a {
      display: flex;
      padding: 0 35px; }
      nav > ul > li > a::after {
        content: '';
        display: block;
        height: 1px;
        width: 80%;
        background: var(--hover-green);
        position: absolute;
        bottom: 0;
        left: 10%;
        transform: scale(0, 1);
        transition: .3s; }
        nav > ul > li > a::after:hover::after {
          transform: scale(1, 1); }
    nav > ul > li a {
      display: block;
      text-decoration: none;
      color: var(--dark);
      height: 100%;
      transition: all 0.3s; }
    nav > ul > li.has-child::after {
      content: "";
      position: absolute;
      right: 10px;
      top: 10px;
      width: 0;
      height: 0;
      border-top: 5px solid var(--dark);
      border-right: 5px solid transparent;
      border-bottom: 5px solid transparent;
      border-left: 5px solid transparent; }
    nav > ul > li.has-child:hover::after {
      border-top: 5px solid var(--hover-green);
      border-right: 5px solid transparent;
      border-bottom: 5px solid transparent;
      border-left: 5px solid transparent; }
  nav li.has-child ul {
    position: absolute;
    left: 0;
    top: 50px;
    z-index: 4;
    background: var(--menu-color);
    width: 200px;
    visibility: hidden;
    opacity: 0;
    transition: all 0.3s;
    padding-inline-start: 0; }
  nav li.has-child:hover > ul, nav li.has-child ul li:hover > ul, nav li.has-child:active > ul, nav li.has-child ul li:active > ul {
    visibility: visible;
    opacity: 1; }
  nav li.has-child ul li a {
    padding: 1rem;
    color: var(--white);
    border-bottom: solid 1px rgba(255, 255, 255, 0.6);
    text-align: center; }
  nav li.has-child ul li:last-child a {
    border-bottom: none; }
  nav li.has-child ul li a:hover, nav li.has-child ul li a:active {
    color: #b0f2b7; }
  @media screen and (max-width: 767.98px) {
    nav {
      position: fixed;
      z-index: 999;
      top: -120%;
      left: 0;
      width: 100%;
      height: 100vh;
      background: var(--sp-menu-color);
      transition: all 0.6s; }
      nav.open {
        top: 20px; }
      nav ul {
        position: absolute;
        top: 70px;
        display: block;
        width: 100%;
        padding-inline-start: 0;
        /*margin-top: 70px;*/ }
      nav li {
        list-style: none;
        text-align: center;
        width: 100%; }
      nav ul li a {
        padding: 1.0rem;
        color: var(--white);
        border-bottom: 1px solid #ccc; }
        nav ul li a:hover {
          color: var(--white); }
      nav ul li.has-child::after {
        content: "";
        position: absolute;
        right: 15px;
        top: 30px;
        width: 0;
        height: 0;
        border-top: 5px solid var(--white);
        border-right: 5px solid transparent;
        border-bottom: 5px solid transparent;
        border-left: 5px solid transparent; }
      nav ul li.has-child:hover::after {
        border-top: 5px solid var(--white); }
      nav li.has-child ul {
        position: relative;
        top: 0;
        width: 100%;
        visibility: visible;
        opacity: 1;
        display: none;
        transition: none;
        background-color: #3ca281; }
        nav li.has-child ul li a {
          color: var(--white); }
      nav ul li.has-child::before {
        left: 20px; }
      nav ul ul li.has-child::before {
        transform: rotate(135deg);
        left: 20px; }
      nav ul li.has-child.active::before {
        transform: rotate(-45deg); } }

/*========= ログインボタン ===============*/
@media screen and (min-width: 768px) {
  .login {
    position: absolute;
    top: 15px;
    right: 15px;
    background-color: var(--green);
    border-color: var(--green);
    border-radius: 0.25rem;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }
    .login:hover {
      background-color: var(--hover-green); }
    .login a {
      color: #fff;
      padding: 0.375rem 0.75rem; }
      .login a:hover {
        color: #fff; } }
@media screen and (max-width: 767.98px) {
  .login {
    margin-top: 1rem; }
    .login a {
      padding: 1rem 2rem;
      color: #fff;
      border-color: var(--white); } }

/*========= ハンバーガーボタン ===============*/
.openbtn {
  display: none;
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 9999;
  background: transparent;
  cursor: pointer;
  width: 50px;
  height: 50px;
  border-radius: 5px; }
  .openbtn span {
    display: inline-block;
    transition: all .4s;
    /*アニメーションの設定*/
    position: absolute;
    left: 14px;
    height: 3px;
    border-radius: 2px;
    background: #666;
    width: 45%; }
    .openbtn span:nth-of-type(1) {
      top: 15px; }
    .openbtn span:nth-of-type(2) {
      top: 23px; }
    .openbtn span:nth-of-type(3) {
      top: 31px; }
  .openbtn.active span {
    background: var(--white); }
    .openbtn.active span:nth-of-type(1) {
      top: 18px;
      left: 18px;
      transform: translateY(6px) rotate(-45deg);
      width: 30%; }
    .openbtn.active span:nth-of-type(2) {
      opacity: 0; }
    .openbtn.active span:nth-of-type(3) {
      top: 30px;
      left: 18px;
      transform: translateY(-6px) rotate(45deg);
      width: 30%; }
  @media screen and (max-width: 767.98px) {
    .openbtn {
      display: block; } }

/*=============== 共通 ===============*/
.page-title {
  padding: 3.5rem 0 3rem;
  margin-bottom: 6rem;
  background-image: url("../images/page_title.jpg");
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: 50%; }

section {
  background-color: #FFF; }

.section-bottom {
  width: 100%;
  height: 150px;
  background-color: #FFF;
  border-radius: 0 0 50% 50% / 0 0 50% 50%; }

.row {
  margin-left: 0;
  margin-right: 0; }

.cont {
  width: 80%;
  margin: auto; }
  @media screen and (max-width: 767.98px) {
    .cont {
      width: 100%;
      padding-right: 15px;
      padding-left: 15px; } }

.box {
  margin: auto 20px;
  box-sizing: border-box; }
  @media screen and (max-width: 767.98px) {
    .box {
      margin: auto; } }

.sub-flex {
  display: flex;
  flex-direction: row-reverse;
  justify-content: right;
  color: var(--dark); }
  .sub-flex .sub-box {
    width: 100%;
    font-size: 84%;
    color: var(--dark); }
    @media screen and (min-width: 992px) {
      .sub-flex .sub-box {
        max-width: 650px; } }
    .sub-flex .sub-box p {
      display: inline-block;
      width: 50%;
      text-align: left; }
    .sub-flex .sub-box a {
      color: var(--dark); }

/*=============== トップページ ===============*/
/* トップイメージ */
.jumbotron {
  padding: 0;
  text-align: center;
  background-color: #DEFAEA; }
  @media screen and (max-width: 991.98px) {
    .jumbotron {
      background-color: #FFF; } }
  .jumbotron .img {
    position: relative;
    width: 100%;
    max-width: 1200px;
    margin: auto; }
    .jumbotron .img img {
      width: 100%; }
  .jumbotron .catalog {
    position: absolute;
    transition: 0.2s cubic-bezier(0.45, 0, 0.55, 1);
    border: 1px solid #CCC; }
    @media screen and (min-width: 768px) {
      .jumbotron .catalog {
        right: 12%;
        bottom: 0px;
        width: 250px; } }
    @media screen and (max-width: 767.98px) {
      .jumbotron .catalog {
        right: 10%;
        bottom: 0px;
        width: 200px; } }
    @media screen and (max-width: 575.98px) {
      .jumbotron .catalog {
        position: static;
        width: calc(90% - 60px);
        margin: 20px auto; } }
    .jumbotron .catalog:hover {
      opacity: 0.5; }

ul.top-news {
  display: flex;
  justify-content: space-around;
  width: 100%;
  margin: auto auto 0;
  padding: 0;
  list-style: none;
  border: 1px solid var(--green); }
  @media screen and (min-width: 1200px) {
    ul.top-news {
      max-width: 1140px; } }
  @media screen and (max-width: 1199.98px) {
    ul.top-news {
      width: calc(100% - 4rem); } }
  @media screen and (max-width: 767.98px) {
    ul.top-news {
      flex-wrap: wrap;
      height: auto; } }
  ul.top-news li:nth-child(1) {
    background-color: var(--green);
    width: 160px; }
    @media screen and (max-width: 767.98px) {
      ul.top-news li:nth-child(1) {
        width: 100%;
        padding-left: 1rem; } }
    ul.top-news li:nth-child(1) h2 {
      margin: 1rem 0 0;
      font-size: 1.4rem;
      text-align: center;
      color: #FFF; }
      ul.top-news li:nth-child(1) h2 > p {
        padding: 0;
        margin: 0; }
        @media screen and (max-width: 767.98px) {
          ul.top-news li:nth-child(1) h2 > p {
            font-size: 1.0rem; } }
      @media screen and (min-width: 768px) {
        ul.top-news li:nth-child(1) h2 {
          width: 100%; } }
      @media screen and (max-width: 767.98px) {
        ul.top-news li:nth-child(1) h2 {
          display: inline-block; } }
    ul.top-news li:nth-child(1) .btn > a {
      display: inline-block;
      width: 100px;
      color: #FFF;
      text-align: center; }
      ul.top-news li:nth-child(1) .btn > a:hover {
        text-decoration: none; }
    @media screen and (max-width: 767.98px) {
      ul.top-news li:nth-child(1) .btn {
        vertical-align: top;
        padding-top: 0.2rem; }
        ul.top-news li:nth-child(1) .btn > a {
          width: 100%;
          padding: 0.5rem;
          border-top: 1px dotted var(--green); } }
  ul.top-news li:nth-child(2) {
    width: 100%; }
    @media screen and (min-width: 768px) {
      ul.top-news li:nth-child(2) {
        width: calc(100% - 160px); } }
  ul.top-news li dl {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 1rem; }
    ul.top-news li dl dt, ul.top-news li dl dd {
      padding-bottom: 0.3rem; }
      ul.top-news li dl dt:nth-last-child(1), ul.top-news li dl dd:nth-last-child(1) {
        padding-bottom: 0; }
    ul.top-news li dl dt {
      width: 20%;
      max-width: 100px;
      font-weight: 400; }
      @media screen and (max-width: 767.98px) {
        ul.top-news li dl dt {
          display: inline-block;
          width: 100%; } }
    ul.top-news li dl dd {
      display: inline-block;
      width: calc(100% - 100px);
      display: -webkit-box;
      -webkit-line-clamp: 1;
      -webkit-box-orient: vertical;
      overflow: hidden; }
      ul.top-news li dl dd a {
        color: var(--dark); }
        ul.top-news li dl dd a:hover {
          text-decoration: none;
          color: #919191; }
    @media screen and (max-width: 767.98px) {
      ul.top-news li dl dt, ul.top-news li dl dd {
        width: 100%; } }

.top-h4 {
  color: var(--dark);
  margin: 2.5rem auto;
  padding-top: 1rem;
  padding-bottom: 1rem;
  font-size: 1.8rem;
  font-weight: 700;
  border-top: 1px solid var(--dark);
  border-bottom: 1px solid var(--dark); }
  .top-h4::before, .top-h4::after {
    content: '';
    /*何も入れない*/
    display: inline-block;
    /*忘れずに！*/
    width: 50px;
    /*画像の幅*/
    height: 50px;
    /*画像の高さ*/
    background-image: url(../images/footer.png);
    background-repeat: no-repeat;
    background-size: contain;
    vertical-align: middle; }
  @media screen and (max-width: 767.98px) {
    .top-h4 {
      font-size: 1.2rem;
      text-align: center; }
      .top-h4::before, .top-h4::after {
        width: 100%;
        background-position: 50% 0; }
      .top-h4::after {
        width: 0;
        height: 0x;
        background-image: none; } }

/*=============== 協議会概要 ===============*/
/* 設立の経緯 */
.council {
  background-color: #ffefcb;
  padding: 1rem; }
  .council_back1, .council_back2 {
    background-color: #FFF;
    padding-top: 1rem;
    padding-bottom: 1rem; }
  .council_back2 {
    margin-top: 1rem; }
  .council:nth-last-child(1) {
    padding-top: 0 !important; }
  @media screen and (max-width: 767.98px) {
    .council {
      margin-right: 15px;
      margin-left: 15px;
      padding: 0.3rem;
      background-color: transparent;
      border: 1px solid #e8833a; }
      .council_back1, .council_back2 {
        background-color: #FFF;
        padding-top: 0.25rem;
        padding-bottom: 0.25rem; }
      .council_back1 {
        border-bottom: 1px dotted #ccc; }
      .council_back2 {
        margin-top: 1rem; } }

/*=============== システム概要 ===============*/
.gallery > div {
  margin-bottom: 3.0rem; }
  .gallery > div:nth-last-of-type(1) {
    margin-bottom: 0; }
  @media screen and (min-width: 768px) {
    .gallery > div:nth-last-of-type(2) {
      margin-bottom: 0; } }

/*=============== お問合せ ===============*/
.qa input {
  display: none; }
.qa .qa_trigger {
  display: block;
  padding: 0.5rem;
  border-bottom: 1px solid #ccc;
  cursor: pointer;
  position: relative; }
  .qa .qa_trigger span {
    color: var(--blue);
    font-size: 1.2rem;
    margin-right: 0.75rem; }
.qa .qa_target {
  transition: 0.2s;
  height: 0;
  overflow: hidden;
  background-color: #ebfcff;
  display: flex; }
  .qa .qa_target span {
    color: var(--red);
    font-size: 1.2rem;
    margin-right: 0.75rem; }
  .qa .qa_target .answer {
    width: calc(100% - 20px); }
.qa input:checked + .qa_target {
  height: auto;
  padding: 1rem;
  box-sizing: border-box; }
.qa table {
  width: 100%;
  margin-top: 0.5rem; }
  .qa table th, .qa table td {
    border: 1px solid #CCC;
    padding: 0.5rem; }
  .qa table th {
    font-weight: normal; }
  .qa table .w2 {
    width: 20%; }
  .qa table .w3 {
    width: 30%; }
  @media screen and (max-width: 767.98px) {
    .qa table {
      border-top: 1px solid #CCC; }
      .qa table th, .qa table td {
        display: block;
        width: 100%;
        border-top: none; }
      .qa table th {
        background-color: var(--sp-table-ttle); }
      .qa table .w2, .qa table .w3 {
        width: 100%; } }

/*=============== お知らせ ===============*/
ul.news {
  list-style: none; }
  ul.news li {
    display: flex;
    padding: 0.7rem;
    border-bottom: 1px dotted #ddd; }
    ul.news li span {
      margin-right: 2.0rem; }
  ul.news a {
    color: #000; }
    ul.news a:hover {
      color: #999;
      text-decoration: none; }
  @media screen and (max-width: 767.98px) {
    ul.news {
      padding-inline-start: 0; }
      ul.news li {
        flex-wrap: wrap; }
        ul.news li span {
          width: 100%; } }

/*=============== お知らせ 記事 ===============*/
.news-title {
  padding-bottom: 0.5rem;
  font-size: 2.2rem;
  line-height: 3.0rem;
  border-bottom: 2px solid var(--green); }
  @media screen and (max-width: 767.98px) {
    .news-title {
      font-size: 1.4rem;
      line-height: 2.0rem; } }

.data {
  padding: auto 1rem;
  text-align: right;
  color: var(--dark); }
  @media screen and (max-width: 767.98px) {
    .data {
      font-size: 0.9rem; } }

table.news {
  width: 90%;
  margin: auto; }
  table.news th {
    width: 100px;
    vertical-align: top; }
  table.news th, table.news td {
    padding: 0.5rem;
    border-bottom: 1px solid #CCC; }
  @media screen and (max-width: 767.98px) {
    table.news {
      width: 100%; }
      table.news th, table.news td {
        display: block;
        width: 100%; }
      table.news th {
        text-align: center;
        border-bottom: none; } }

.postscript {
  padding-top: 2rem;
  border-top: 1px dashed #ddd; }
  .postscript .row {
    justify-content: center; }

.adjust-3 {
    margin: 2rem 2rem;
}
@media screen and (max-width: 767.98px) {
    .adjust-3 {
        margin: 2rem 0;
    }
}
@media screen and (min-width: 992px) {
.adjust-3 {
    margin: 2rem 3rem;
}
}

/*=============== 会員専用ページ ===============*/
.log ul {
  list-style: none;
  padding-left: 0.5rem; }
  .log ul li {
    padding: 0.5rem 0;
    border-bottom: 1px dotted #ccc; }
    .log ul li a {
      color: #000; }

/*========= リスト ===============*/
ol {
  margin-bottom: 0;
  padding-left: 20px; }

.introduction {
  list-style: none;
  font-size: 1.3rem; }
  .introduction li {
    margin-bottom: 15px;
    padding: 0.25rem 0;
    line-height: 2.5rem;
    color: var(--green-dark); }
    .introduction li:nth-last-child(1) {
      margin-bottom: 0px; }
  .introduction .number {
    display: inline-block;
    margin-right: 16px;
    width: 40px;
    height: 40px;
    background-color: var(--green);
    text-align: center;
    color: #FFF; }

.list_title {
  color: var(--green-dark);
  font-weight: 700; }

ul.list {
  margin: auto 0 1rem;
  padding-right: 15px;
  padding-left: 15px; }
  ul.list li {
    margin-left: 1.5rem;
    margin-bottom: 2rem;
    padding-left: 2rem;
    text-indent: -2rem; }
    ul.list li:nth-last-child(1) {
      margin-bottom: 0; }
  @media screen and (max-width: 767.98px) {
    ul.list {
      padding-inline-start: 0;
      padding: 0; }
      ul.list li {
        margin-left: 0;
        padding-left: 0;
        text-indent: 0; } }

ul.list2 {
  margin: 0.5rem 0 1rem; }
  ul.list2 li {
    margin-left: 1.5rem;
    margin-bottom: 0.5rem; }
    ul.list2 li:nth-last-child(1) {
      margin-bottom: 0; }
  @media screen and (max-width: 767.98px) {
    ul.list2 {
      margin-bottom: 0;
      padding-inline-start: 0;
      padding: 0; }
      ul.list2 li {
        margin-left: 0;
        padding-left: 0;
        text-indent: 0; } }

.summary {
  background-color: #e7edf3;
  padding: 1.2rem;
  margin-top: 2rem;
  border-radius: 10px;
  font-size: 86%;
  color: var(--dark); }
  .summary p {
    margin: 0 0 0.25rem; }
  .summary ol {
    margin-left: 1rem; }
  .summary ul {
    list-style: none;
    padding-left: 0 !important;
    margin: 0; }
    .summary ul li {
      display: flex; }
      .summary ul li span {
        display: inline-block; }
  .summary li {
    margin-bottom: 0.25rem; }
    .summary li:nth-last-child(1) {
      margin-bottom: 0; }

/* table */
.table_style1 {
  width: 100%;
  border-collapse: collapse; }
  .table_style1 th, .table_style1 td {
    border-top: 1px solid #CCC;
    border-bottom: 1px solid #CCC;
    padding: 16px 10px;
    vertical-align: baseline; }
  .table_style1 th {
    color: var(--green-dark); }
  @media screen and (max-width: 767.98px) {
    .table_style1 {
      border-top: 1px solid #CCC; }
      .table_style1 th, .table_style1 td {
        display: block;
        width: 100%; }
      .table_style1 th {
        border: none;
        background-color: var(--sp-table-ttle); } }

.table_style2 {
  width: 100%;
  margin: auto; }
  .table_style2 td {
    border-bottom: 1px solid #CCC;
    padding: 16px 10px;
    vertical-align: baseline;
    width: 50%; }

.overview_table {
  width: 100%;
  margin: auto; }
  .overview_table td {
    border-bottom: 1px solid #CCC;
    padding: 16px 10px;
    vertical-align: baseline;
    width: 50%; }

/*========= IMG ===============*/
.img_full {
  text-align: center; }
  .img_full img {
    width: 100%;
    max-width: 640px;
    height: auto; }

.img img {
  width: 100%;
  height: auto; }
@media screen and (max-width: 767.98px) {
  .img {
    margin-bottom: 10px; }
    .img:nth-last-child(1) {
      margin-bottom: 0; } }

.img_h-1 img {
  height: 240px;
  object-fit: cover; }

.arrow {
  width: 100%;
  max-width: 250px;
  margin: auto; }
  .arrow img {
    width: 100%;
    height: auto; }

.triangle {
  width: 0px;
  height: 0px;
  border-top: 50px solid solid var(--green);
  border-right: 70px solid transparent;
  border-left: 70px solid transparent;
  border-bottom: 0px solid transparent; }
  @media screen and (min-width: 992px) {
    .triangle {
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      border-top: 70px solid transparent;
      border-right: 0px solid transparent;
      border-left: 50px solid var(--green);
      border-bottom: 70px solid transparent; } }

.url {
  word-break: break-all; }

.member {
  list-style: none; }
  .member li {
    display: flex;
    align-items: center;
    padding: 0.5rem 0; }
    .member li .member-logo {
      display: inline-block;
      min-width: 100px;
      width: 30%;
      margin-right: 0.75rem; }
  @media screen and (max-width: 767.98px) {
    .member {
      padding-inline-start: 0; }
      .member li {
        flex-wrap: wrap;
        text-align: center;
        margin-bottom: 0.5rem; }
        .member li:nth-last-child(1) {
          margin-bottom: 0; }
        .member li .member-logo {
          width: 100%;
          margin: auto; }
          .member li .member-logo img {
            width: 50%; }
        .member li div {
          width: 100%; } }

/* アニメーション */
.fade-in {
  transition-duration: 0.5s;
  transition-property: opacity, transform; }
  .fade-in.show {
    opacity: 1;
    transform: translate(0, -50px); }

.fade-in-up {
  transform: translate(0, 50px); }

@media screen and (max-width: 767.98px) {
  .pc_br {
    display: none; } }
@media screen and (min-width: 768px) {
  .sp_br {
    display: none; } }

/*========= フッター ===============*/
footer {
  position: relative;
  margin-top: 2rem; }
  footer .images {
    position: absolute;
    left: 50%;
    -webkit-transform: translateY(0%) translateX(-50%);
    transform: translateY(0%) translateX(-50%);
    background-image: url("../images/footer.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    width: 200px;
    height: 200px; }
  footer .copy {
    position: relative;
    top: 200px;
    margin: 0 auto;
    padding: 0.5rem 0.5rem 1rem;
    font-size: 0.85rem;
    color: #555;
    font-family: 'Baloo 2', cursive;
    font-weight: 400; }

/*========= 240207 追記 ===============*/
.mt20 {
    margin-top: 20px;
}