@charset "UTF-8";
/* Scss Document */
/*共通設定-------------------------------------------------------------------------------------------------------------------------------------*/
/*基本設定*/
/*メイン*/

li{
  list-style:none;

}


.members {
  margin: 0 auto 0; }

  .members h2 {
    font-size: 120%;
    padding: 0.25em 0;
    width: 300px;
    background-color: #5bb3e3;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    color: #fff;
    text-align: center; }

  .members ul {
    width: 100%;
    padding: 1em 1em;
    background-color: #fff;
    /* box-shadow: 0 1px 2px 0 rgba(193, 193, 193, 0.5);*/
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between; }

    .members ul li:nth-child(1) {
      width: 35%;
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      justify-content: space-between; }
      
      .members ul li:nth-child(1) figure {
        width: 20%; }

        .members ul li:nth-child(1) h3 {
        width: 65%;
        font-size: 187%;
        font-weight: normal;}

        .members ul li:nth-child(1) h3 span {
          color: #9c96a0;
          display: block;
          font-size: 50%;
          font-weight: bold; }

    .members ul li:nth-child(2) {
      width: 61%;
      font-size: 130%;
      position: relative; }

      .members ul li:nth-child(2) span {
/*20230515*/
/*        background-color: #6fba2c;*/
        background-color: #184da3;
        color: #fff;
        margin: 0 5px 0 0;
        padding: 0.25em 20px;
        font-size: 90%; }

      .members ul li:nth-child(2) .m_link {
         position: absolute;
         bottom: -1em; 
        right: 0;
        display: inline;
        /*display:flex;*/
        justify-content: space-between;
      }
        .members ul li:nth-child(2) .m_link a {

          background-color: #5bb3e3;
          color: #fff;
          padding: 0.25em 0;
          font-size: 70%;
          font-style: normal;
          width: 190px;/*220*/
          display: block;
          text-align: center;
          text-decoration: none; }

/*20220321*/
.container_fellow{
  width: 100%;
  margin: auto;
  display:flex;
  justify-content:flex-end;
  margin-top: 10px;
}
        
.item-l_fellow{
  margin: 0 5px 0;
  padding: 0.25em 0;
  width: 30%;
  text-align: center;
  background-color: #5bb3e3;
  font-size: 70%;
  
}    

.item-r_fellow{
  margin: 0 5px 0;
  padding: 0.25em 0;
  width: 30%;
  text-align: center;
  background-color: #5bb3e3;
  font-size: 70%;

}

.item-l_fellow a, .item-r_fellow a{
  color: #fff;
  text-decoration: none;
  display: block;
}



.members02 {
  margin: 0 auto 0; }
  .members02 h2 {
    font-size: 120%;
    padding: 0.25em 0;
    width: 300px;/*20220321 400*/
    background-color: #5bb3e3;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    color: #fff;
    text-align: center; }
  .members02 ul {
    width: 92%;/*20220321 96*/
    padding: 0 4% 0;/*2em 2%*/
    background-color: #fff;
    /* box-shadow: 0 1px 2px 0 rgba(193, 193, 193, 0.5);*/
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between; }
    .members02 ul::after {
      content: "";
      display: block;
      width: 48%; }/*20220317 31.333%*/
    .members02 ul li {
      width: 48%;/*20220317 31.333%*/
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      margin: 0;/*20220317 追加 2em 0 0 */
      justify-content: space-between; }
      .members02 ul li:nth-child(n+2) {/*20220317 n+4*/
        margin:  0 0 2.5em; }/*20220317 5em / 2em 0 0*/
      .members02 ul li figure {
        width: 16%; }/*20220321 25*/
      .members02 ul li h3 {
        margin: 0;
        width: 70%;
        font-size: 160%;
        font-weight: normal; }
        .members02 ul li h3 span {
          color: #9c96a0;
          display: block;
          font-size: 60%;
          font-weight: bold; }
      .members02 ul li p{
        width: 100%;
        /*margin-top: 10px;*/
        padding: 0.25em 0px;
        font-size: 100%;/*20220321 80*/
        line-height: 180%;
        font-weight: normal;
        align-items: flex-start; }
      .members02 ul li p span {
        /*20230515*/
        /*background-color: #6fba2c;*/
          background-color: #184da3;
          color: #fff;
          margin: 0 5px 0 0;
          padding: 0.25em 5px;
          font-size: 80%;}
/*
          .members02 img {
            image-rendering: -webkit-optimize-contrast;
            image-rendering: crisp-edges;
          }
*/



/*共通設定ここまで-------------------------------------------------------------------------------------------------------------------------------------*/
/* pc */
@media screen and (min-width: 1300px) {
  /*ヘッダー*/
  /*メイン*/

  /*フッター*/ }
/* tablet以下共通 ------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 1299px) {
  /*ヘッダー*/
  /*メイン*/
  .members, .members02 {
    width: 96%; }

  /*フッター*/ }
/* tablet以下共通ここまで ------------------------------------------------------------------------------------------*/
/* tablet1 */
@media only screen and (min-width: 1024px) and (max-width: 1299px) {
  /*基本設定*/
  /*ヘッダー*/
  /*メイン*/
  .members ul li:nth-child(2) span {
    padding: 0.25em 0;
    font-size: 80%;
    width: 150px;
    text-align: center;
    display: block; }

  /*フッター*/ }
/* tablet2  */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  /*基本設定*/
  /*メイン*/
  .members ul li:nth-child(2) span {
    width: 100px;
    text-align: center;
    padding: 0.25em 0;
    display: block;
    margin: 0 0 0.25em; }

  /*フッター*/ }
/* tablet3  */
@media only screen and (max-width: 767px) {
  /*メイン*/
  .members {
  /*  margin: 3em auto 0;*/
    margin: 0 auto 0;/*20240610*/
  }
    .members h2 {
      font-size: 130%;
      width: 200px; }
    .members ul {
      flex-direction: column; }
      .members ul li:nth-child(1) {
        width: 100%; }
        .members ul li:nth-child(1) figure {
          width: 26%; }
        .members ul li:nth-child(1) h3 {
          /*width: 70%;
          font-size: 160%;★*/
          width: 70%;
          font-size: 180%; }
      .members ul li:nth-child(2) {
        width: 100%;
        margin: 1em 0 0;
        font-size: 125%; }/*★追記20210217*/　
        .members ul li:nth-child(2) span {
          width: 70px;
          display: block;
          margin: 0 0 0.25em;
          font-size: 80%; }/*★追記20210217*/

  .members02 {
    margin: 3em auto 0; }
    .members02 h2 {
      font-size: 130%;
      width: 250px; }
    .members02 ul {
      flex-direction: column; }
      .members02 ul li {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between; }
        .members02 ul li:nth-child(n+2) {
          margin: 2em 0 0; }
        .members02 ul li figure {
          width: 26%; }
        .members02 ul li h3 {
          width: 70%;
          font-size: 160%; }


/* smartPhone1 */
@media only screen and (max-width: 499px) {
  /*基本設定*/
  html {
    font-size: 80%; }

    .members ul {
      width: 100%;
      padding: 0em;
      background-color: #fff;
      /* box-shadow: 0 1px 2px 0 rgba(193, 193, 193, 0.5);*/
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      justify-content: space-between; }

      .members02 ul {
        padding-bottom: 2em;/*追加 20220325*/
        width: 100%;
        padding: 0;/*2em 2%*/
      }
      .members02 ul li p{
       font-size: 100%;}

     .members02 ul li p span {
   
         font-size: 80%;}
   
         .container_fellow{
           flex-direction: column;
           margin: auto;
           width: 90%;
         }
         .item-l_fellow{
           width: 90%;
           margin: 15px auto 0px;
         }
         .item-r_fellow{
           width: 90%;
           margin: 15px auto 0px;
         }


   }/*メイン*/







  }