@charset "UTF-8";
/*
---------------------------------------------------------------------------------------------------------------------
メンバー
---------------------------------------------------------------------------------------------------------------------
*/
#member-contents {
  padding: 60px 0 0; }
  @media (min-width: 768px) {
    #member-contents {
      padding: 80px 0 0; } }
  @media (min-width: 1200px) {
    #member-contents {
      padding: 120px 0 0; } }
  #member-contents .member-grid {
    max-width: 1400px;
    margin: 60px auto 0;
    width: 94%; }
    @media (min-width: 768px) {
      #member-contents .member-grid {
        margin: 100px auto 0;
        width: 90%; } }
    @media (min-width: 1024px) {
      #member-contents .member-grid .o-4column .col-xl-4 {
        padding: 0 5px; }
      #member-contents .member-grid .o-4column {
        margin: 0 -5px; } }
    @media (min-width: 1200px) {
      #member-contents .member-grid .o-4column .col-xl-4 {
        padding: 0 15px; }
      #member-contents .member-grid .o-4column {
        margin: 0 -15px; } }
    #member-contents .member-grid .member-box {
      margin-bottom: 40px; }
      @media (min-width: 768px) {
        #member-contents .member-grid .member-box {
          margin-bottom: 60px; } }
      #member-contents .member-grid .member-box .photo {
        position: relative; }
        #member-contents .member-grid .member-box .photo ul {
          position: absolute;
          top: -5px;
          right: 6%;
          display: inline-block; }
          @media (min-width: 768px) {
            #member-contents .member-grid .member-box .photo ul {
              top: 6%; } }
          #member-contents .member-grid .member-box .photo ul li {
            width: 45px; }
            @media (min-width: 1024px) {
              #member-contents .member-grid .member-box .photo ul li {
                width: 55px; } }
            @media (min-width: 1200px) {
              #member-contents .member-grid .member-box .photo ul li {
                width: 70px; } }
      #member-contents .member-grid .member-box .name {
        text-align: center;
        margin: 10px auto 0; }
        @media (min-width: 768px) {
          #member-contents .member-grid .member-box .name {
            margin: 20px auto 0; } }
        #member-contents .member-grid .member-box .name p {
          font-size: 0.7em; }
          @media (min-width: 768px) {
            #member-contents .member-grid .member-box .name p {
              font-size: 0.8em; } }
          @media (min-width: 1200px) {
            #member-contents .member-grid .member-box .name p {
              font-size: 1.0em; } }
        #member-contents .member-grid .member-box .name h4 {
          font-size: 1.0em;
          margin-top: 5px; }
          @media (min-width: 768px) {
            #member-contents .member-grid .member-box .name h4 {
              font-size: 1.25em; } }
          @media (min-width: 1200px) {
            #member-contents .member-grid .member-box .name h4 {
              font-size: 1.5em; } }
      #member-contents .member-grid .member-box .more-btn {
        margin: 10px auto 0;
        display: flex;
        justify-content: center; }
        @media (min-width: 768px) {
          #member-contents .member-grid .member-box .more-btn {
            margin: 15px auto 0; } }
        #member-contents .member-grid .member-box .more-btn a {
          display: flex;
          align-items: center; }
          #member-contents .member-grid .member-box .more-btn a svg {
            width: 20px;
            margin-right: 5px; }
            @media (min-width: 1024px) {
              #member-contents .member-grid .member-box .more-btn a svg {
                width: 30px; } }
            #member-contents .member-grid .member-box .more-btn a svg .en {
              fill: none;
              stroke: #8b837f;
              stroke-miterlimit: 4;
              stroke-width: 1px; }
            #member-contents .member-grid .member-box .more-btn a svg .plus1 {
              fill: #8b837f; }
            #member-contents .member-grid .member-box .more-btn a svg .plus2 {
              isolation: isolate; }
          #member-contents .member-grid .member-box .more-btn a p {
            font-size: 0.7em; }
            @media (min-width: 1200px) {
              #member-contents .member-grid .member-box .more-btn a p {
                font-size: 0.9em; } }