@charset "UTF-8";
@import url("base.css");
/*共通設定-------------------------------------------------------------------------------------------------------------------------------------*/
/*基本設定*/
/*メイン*/
h1 {
  width: 96%;
  padding: 4em 2% 2em 2% !important;
  background-image: url(../img/news/top_img.png) !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: cover !important;
  font-size: 187% !important;
  color: #fff;
  text-align: center; }

.back_g {
  background-color: #edf5dd;
  padding: 3em 0; }

.member {
  margin: 0 auto;
  background-color: #fff;
  padding: 2em 2% 3em; }
  .member h2 {
    font-size: 187%;
    color: #87ba18;
    text-align: center;
    position: relative; }
    .member h2:before {
      content: '';
      position: absolute;
      bottom: -15px;
      display: inline-block;
      width: 10%;
      height: 2px;
      left: 50%;
      transform: translateX(-50%);
      background-color: #87ba18; }
  .member #gaiyou {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 3em 0 0; }
    .member #gaiyou li:nth-child(1) {
      width: 40%; }
    .member #gaiyou li:nth-child(2) {
      width: 57%; }
      .member #gaiyou li:nth-child(2) span {
        color: #f25585;
        font-weight: bold; }
  .member #gaiyou_bottom {
    width: 100%;
    border: 2px solid #f25585;
    box-sizing: border-box;
    margin: 2em 0 0;
    padding: 2em 3%;
    background-image: url("../img/member/photo02.png");
    background-repeat: no-repeat;
    background-position: 90% bottom;
    background-size: 158px auto; }
    .member #gaiyou_bottom dt {
      width: 60%;
      color: #fff;
      background-color: #f25585;
      padding: 0.5em 2%;
      font-weight: bold;
      margin: 0 0 2em; }
    .member #gaiyou_bottom dd {
      width: 64%;
      text-align: center; }
      .member #gaiyou_bottom dd .blue {
        color: #39c7d8;
        padding: 0.75em 4%;
        border: 2px solid #39c7d8;
        border-radius: 24px;
        font-weight: bold;
        display: inline-block;
        margin: 0 0 1em; }
      .member #gaiyou_bottom dd .green {
        color: #87ba18;
        padding: 0.75em 4%;
        border: 2px solid #87ba18;
        border-radius: 24px;
        font-weight: bold;
        display: inline-block;
        margin: 0 0 1em; }
      .member #gaiyou_bottom dd .pink {
        color: #f25585;
        font-weight: bold;
        padding: 0.75em 1em;
        display: inline-block;
        margin: 0 0 1em; }
  .member #osusume {
    margin: 3em 0 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    .member #osusume li {
      width: 31.333%; }
      .member #osusume li:nth-child(n+4) {
        margin: 2em 0 0; }
  .member #next {
    margin: 3em 0 0;
    padding: 2em 2%;
    background-color: #ebf9fb;
    text-align: center; }
    .member #next #next_b {
      width: 60%;
      margin: 2em auto 0;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between; }
      .member #next #next_b li {
        width: 48%; }
        .member #next #next_b li a {
          background-color: #39c7d8;
          color: #fff;
          padding: 1em 0;
          display: block;
          text-decoration: none; }
          .member #next #next_b li a:hover, .member #next #next_b li a:active {
            background-color: #55CEDD;
            color: #fff;
            text-decoration: none; }

/*共通設定ここまで-------------------------------------------------------------------------------------------------------------------------------------*/
/* pc */
@media screen and (min-width: 1300px) {
  /*メイン*/
  .member {
    width: calc(1280px - 4%); } }
/* tablet以下共通 ------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 1299px) {
  /*メイン*/
  .member {
    width: 92%; } }
/* tablet以下共通ここまで ------------------------------------------------------------------------------------------*/
/* tablet1 */
@media only screen and (min-width: 1024px) and (max-width: 1299px) {
  /*メイン*/ }
/* tablet2  */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  /*メイン*/
  h1 {
    padding: 3em 2% 2em 2% !important; }

  .member #gaiyou_bottom {
    width: 100%;
    border: 2px solid #f25585;
    box-sizing: border-box;
    margin: 2em 0 0;
    padding: 2em 3%;
    background-image: url("../img/member/photo02.png");
    background-repeat: no-repeat;
    background-position: 98% bottom;
    background-size: 148px auto; }
    .member #gaiyou_bottom dt {
      width: 76%; }
    .member #gaiyou_bottom dd {
      width: 80%; }
  .member #osusume {
    margin: 3em 0 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    .member #osusume li {
      width: 31.333%; }
      .member #osusume li:nth-child(n+4) {
        margin: 2em 0 0; }
  .member #next {
    margin: 3em 0 0;
    padding: 2em 2%;
    background-color: #ebf9fb;
    text-align: center; }
    .member #next #next_b {
      width: 60%;
      margin: 2em auto 0;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between; }
      .member #next #next_b li {
        width: 48%; }
        .member #next #next_b li a {
          background-color: #39c7d8;
          color: #fff;
          padding: 1em 0;
          display: block;
          text-decoration: none; }
          .member #next #next_b li a:hover, .member #next #next_b li a:active {
            background-color: #55CEDD;
            color: #fff;
            text-decoration: none; } }
/* tablet3  */
@media only screen and (max-width: 767px) {
  /*メイン*/
  h1 {
    padding: 1.5em 2% !important;
    font-size: 160% !important; }

  .back_g {
    padding: 2em 0; }

  .member h2 {
    font-size: 160%; }
  .member #gaiyou {
    flex-direction: column; }
    .member #gaiyou li:nth-child(1) {
      width: 80%;
      margin: 0 auto 2em; }
    .member #gaiyou li:nth-child(2) {
      width: 100%; }
  .member #gaiyou_bottom {
    background-image: none; }
    .member #gaiyou_bottom dt {
      width: 96%;
      color: #fff;
      background-color: #f25585;
      padding: 0.5em 2%;
      font-weight: bold;
      margin: 0 0 2em; }
    .member #gaiyou_bottom dd {
      width: 100%; }
      .member #gaiyou_bottom dd .blue {
        margin: 0; }
      .member #gaiyou_bottom dd .green {
        color: #87ba18;
        margin: 0 0 1em; }
      .member #gaiyou_bottom dd .pink {
        margin: 0 auto;
        display: block; }
  .member #osusume {
    flex-direction: column; }
    .member #osusume li {
      width: 80%;
      margin: 0 auto; }
      .member #osusume li:nth-child(n+2) {
        margin: 2em auto 0; }
  .member #next {
    margin: 3em 0 0;
    padding: 2em 2%;
    background-color: #ebf9fb;
    text-align: center; }
    .member #next #next_b {
      width: 100%;
      flex-direction: column; }
      .member #next #next_b li {
        width: 80%;
        margin: 0 auto; }
        .member #next #next_b li:nth-child(n+2) {
          margin: 1em auto 0; } }
/* smartPhone1 */
@media only screen and (max-width: 499px) {
  /*メイン*/ }