@charset "UTF-8";
/*-----------------------------------
トップページ
-----------------------------------*/
#top {
  background-color: #EFEFEF;
  height: calc(var(--vh, 1vh) * 100);
}
#top .top {
  position: relative;
}
@media screen and (max-width: 630px) {
  #top .top_area {
    background: url(../images/top_head_sp.svg) no-repeat;
    background-size: 100%;
    background-position: top;
    display: block;
    width: 100%;
    height: 100%;
    padding: 34% 0 0 0;
    z-index: 3;
  }
}
@media screen and (max-width: 900px) and (min-width: 631px) {
  #top .top_area {
    background: url(../images/top_head.svg) no-repeat;
    background-size: 100%;
    background-position: top;
    display: block;
    width: 100%;
    height: 100%;
    padding: 170px 0 0 0;
    z-index: 3;
  }
}
@media screen and (max-width: 1401px) and (min-width: 751px) {
  #top .top_area {
    padding: 170px 0 0 0;
  }
}
@media screen and (min-width: 1400px) {
  #top .top_area {
    padding: 200px 0 0 0;
  }
}
#top .top_mv {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
#top .top_mv .main {
  display: block;
  position: absolute;
}
@media screen and (max-width: 630px) {
  #top .top_mv .main:first-child {
    position: absolute;
    bottom: 0;
    -webkit-animation: flash 1s linear infinite;
            animation: flash 1s linear infinite;
    z-index: 2;
  }
  @-webkit-keyframes flash {
    100% {
      opacity: 0;
    }
    90% {
      opacity: 0.8;
    }
    50% {
      opacity: 1;
    }
    30% {
      opacity: 0.8;
    }
    0% {
      opacity: 0;
    }
  }
  @keyframes flash {
    100% {
      opacity: 0;
    }
    90% {
      opacity: 0.8;
    }
    50% {
      opacity: 1;
    }
    30% {
      opacity: 0.8;
    }
    0% {
      opacity: 0;
    }
  }
  #top .top_mv .main:nth-child(2) {
    width: 10%;
    height: 10%;
    top: 6%;
    left: 5%;
  }
  #top .top_mv .main:nth-child(3) {
    width: 100%;
    height: auto;
    top: 37%;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
  #top .top_mv .main:last-child {
    position: absolute;
    width: 100%;
    height: auto;
    bottom: 0;
    z-index: 3;
  }
}
@media screen and (max-width: 900px) and (min-width: 631px) {
  #top .top_mv .main:first-child {
    position: absolute;
    bottom: 0;
    -webkit-animation: flash 1s linear infinite;
            animation: flash 1s linear infinite;
    z-index: 2;
  }
  @-webkit-keyframes flash {
    100% {
      opacity: 0;
    }
    90% {
      opacity: 0.8;
    }
    50% {
      opacity: 1;
    }
    30% {
      opacity: 0.8;
    }
    0% {
      opacity: 0;
    }
  }
  @keyframes flash {
    100% {
      opacity: 0;
    }
    90% {
      opacity: 0.8;
    }
    50% {
      opacity: 1;
    }
    30% {
      opacity: 0.8;
    }
    0% {
      opacity: 0;
    }
  }
  #top .top_mv .main:nth-child(2) {
    width: 10%;
    height: 10%;
    top: 6%;
    left: 5%;
  }
  #top .top_mv .main:nth-child(3) {
    width: 100%;
    height: auto;
    top: 20%;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    z-index: 3;
  }
  #top .top_mv .main:last-child {
    position: absolute;
    width: 100%;
    height: auto;
    bottom: 0;
    z-index: 3;
  }
}
#top .top_title {
  position: relative;
  width: 100%;
  height: auto;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
#top .top_title_icon {
  position: relative;
  width: 15%;
  height: auto;
  margin: 0 auto 5% auto;
}
#top .top_title_icon img.screw {
  position: relative;
  width: 90%;
  height: auto;
  margin: 0 auto;
  overflow: hidden;
  z-index: 1;
  -webkit-animation: 10s linear infinite rotation;
          animation: 10s linear infinite rotation;
}
@-webkit-keyframes rotation {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes rotation {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
#top .top_title_icon img.chain {
  position: absolute;
  bottom: -1px;
  width: 100%;
  height: auto;
  z-index: 2;
}
@media screen and (max-width: 900px) and (min-width: 631px) {
  #top .top_title_icon {
    width: 10%;
    margin: 0 auto 20px auto;
  }
}
#top .top_title_text {
  text-align: center;
  position: relative;
}
#top .top_title_text h1 {
  color: #00A29A;
  margin-bottom: 0.3em;
  font-size: 30px;
}
@media screen and (max-width: 630px) {
  #top .top_title_text h1 {
    letter-spacing: 0.05em;
  }
}
#top .top_title_text p.sub {
  font-family: "Arial";
  color: #29294C;
  font-size: 18px;
  font-style: oblique;
}
@media screen and (max-width: 1200px) and (min-width: 751px) {
  #top .top_title_text h1 {
    font-size: 40px;
  }
  #top .top_title_text p.sub {
    font-size: 22px;
  }
}
@media screen and (max-width: 1400px) and (min-width: 1201px) {
  #top .top_title_text h1 {
    font-size: 50px;
  }
  #top .top_title_text p.sub {
    font-size: 32px;
  }
}
@media screen and (min-width: 1401px) {
  #top .top_title_text h1 {
    margin-bottom: 0.3em;
    font-size: 62px;
  }
  #top .top_title_text p.sub {
    font-size: 40px;
  }
}
#top .top_btn {
  position: absolute;
  display: block;
  width: 100%;
  height: auto;
  padding: 0 5%;
  bottom: 30%;
}
#top .top_btn_area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
}
#top .top_btn_link {
  background: #00A29A;
  width: 80%;
  height: auto;
  border-radius: 50px;
  padding: 20px 0;
  text-align: center;
  margin: 0 auto 4% auto;
}
@media screen and (max-width: 630px) {
  #top .top_btn_link {
    padding: 4% 0;
  }
}
#top .top_btn_link:last-child {
  margin-bottom: 0;
}
#top .top_btn_link p {
  color: #FFFFFF;
  position: relative;
  font-weight: bold;
  letter-spacing: 0.5em;
}
#top .top_btn_link p::after {
  content: "";
  background: url(../images/arrow.svg) no-repeat;
  display: inline-block;
  right: 26px;
  background-size: cover;
  width: 14px;
  height: 18px;
  position: absolute;
  top: 22%;
}
@media screen and (min-width: 901px) {
  #top .top_area {
    width: 100%;
    height: 100%;
  }
}
@media screen and (min-width: 901px) and (max-width: 1335px) {
  #top .top_area {
    background: url(../images/top_head.svg) no-repeat;
    background-size: 100%;
    background-position: top;
  }
}
@media screen and (min-width: 901px) and (min-width: 1336px) {
  #top .top_area {
    background: url(../images/top_head.svg) no-repeat, url(../images/top_foot_line.svg) repeat-x;
    background-size: 100%, 1335px;
    background-position: top, bottom;
  }
}
@media screen and (min-width: 901px) {
  #top .top_mv .main {
    position: relative;
    width: 100%;
    height: 100%;
    max-height: 890px;
  }
  #top .top_mv .main:first-child {
    position: absolute;
    width: 100%;
    height: auto;
    bottom: 0;
    -webkit-animation: flash 1s linear infinite;
            animation: flash 1s linear infinite;
    z-index: 2;
  }
  @-webkit-keyframes flash {
    100% {
      opacity: 0;
    }
    90% {
      opacity: 0.8;
    }
    50% {
      opacity: 1;
    }
    30% {
      opacity: 0.8;
    }
    0% {
      opacity: 0;
    }
  }
  @keyframes flash {
    100% {
      opacity: 0;
    }
    90% {
      opacity: 0.8;
    }
    50% {
      opacity: 1;
    }
    30% {
      opacity: 0.8;
    }
    0% {
      opacity: 0;
    }
  }
  #top .top_mv .main:last-child {
    position: absolute;
    width: 100%;
    height: auto;
    bottom: 0;
    z-index: 3;
  }
}
@media screen and (min-width: 901px) {
  #top .top_title {
    width: 65%;
  }
  #top .top_title_icon {
    width: 12%;
    margin: 0 auto 2% auto;
  }
}
@media screen and (min-width: 901px) {
  #top .top_btn {
    width: 100%;
    padding: 0 20%;
    bottom: 4%;
  }
  #top .top_btn_area {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row;
            flex-flow: row;
  }
  #top .top_btn_link {
    width: 30%;
    margin: 0 auto;
    padding: 10px 0;
    font-size: 22px;
  }
  #top .top_btn_link p {
    color: #FFFFFF;
    position: relative;
    font-weight: bold;
    letter-spacing: 0;
  }
  #top .top_btn_link p::after {
    content: "";
    background: url(../images/arrow.svg) no-repeat;
    display: inline-block;
    right: 16px;
    background-size: cover;
    width: 16px;
    height: 20px;
    position: absolute;
    top: 26%;
  }
  #top .top_btn_link:hover {
    background: #F2E55C;
    -webkit-transition: 0.2s;
    transition: 0.2s;
    opacity: 1;
  }
  #top .top_btn_link:hover p {
    color: #29294C;
    font-weight: bold;
  }
  #top .top_btn_link:hover p::after {
    content: "";
    background: url(../images/arrow_3.svg) no-repeat;
    display: inline-block;
    right: 16px;
    background-size: cover;
    width: 16px;
    height: 20px;
    position: absolute;
    top: 26%;
  }
}

/*-----------------------------------
ページトップへ
-----------------------------------*/
#page_top {
  display: block;
  position: fixed;
  top: 60%;
  right: -11px;
  z-index: 5;
  background: url(../images/totop.svg) no-repeat;
  background-size: 100%;
  background-position: center;
  width: 80px;
  height: 122px;
}
@media screen and (min-width: 901px) {
  #page_top {
    width: 100px;
    height: 153px;
    cursor: pointer;
  }
  #page_top:hover {
    -webkit-transform: translateY(-7px);
            transform: translateY(-7px);
    text-decoration: none;
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
}
#page_top a {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

/*-----------------------------------
下層共通
-----------------------------------*/
#researches, #member, #topics {
  background-color: #00A29A;
  padding: 15% 5%;
  min-height: 100vh;
}
@media screen and (min-width: 901px) {
  #researches, #member, #topics {
    padding: 8% 5%;
  }
}
#researches p.sub, #member p.sub, #topics p.sub {
  font-family: "Arial";
  font-size: 18px;
  letter-spacing: 0.3em;
}
@media screen and (min-width: 901px) {
  #researches p.sub, #member p.sub, #topics p.sub {
    font-size: 26px;
  }
}
#researches p.white, #member p.white, #topics p.white {
  color: #FFFFFF;
}
#researches p.navy, #member p.navy, #topics p.navy {
  color: #29294C;
  margin-top: 0.3em;
}
@media screen and (max-width: 630px) {
  #researches p.navy, #member p.navy, #topics p.navy {
    margin-top: 0;
    font-size: 14px;
    letter-spacing: 0.15em;
  }
}
#researches .common, #member .common, #topics .common {
  position: relative;
}
#researches .common_item, #member .common_item, #topics .common_item {
  display: block;
  margin: 0 auto 30px auto;
  text-align: center;
}
#researches .common_item span, #member .common_item span, #topics .common_item span {
  border-bottom: 2px solid #FFFFFF;
  display: inline-block;
  padding-bottom: 10px;
  margin-bottom: 10px;
}
#researches .common_item h1, #member .common_item h1, #topics .common_item h1 {
  color: #FFFFFF;
  font-size: 26px;
  letter-spacing: 0.3em;
  text-indent: 0.5em;
}
#researches .common_area, #member .common_area, #topics .common_area {
  position: relative;
  background: url(../images/back_head.svg) no-repeat;
  background-size: 100%;
  background-position: top;
  width: 100%;
  height: 100%;
  padding: 4% 0 0 0;
}
@media screen and (max-width: 1200px) {
  #researches .common_post, #member .common_post, #topics .common_post {
    display: none;
  }
}
@media screen and (min-width: 1201px) {
  #researches .common_post, #member .common_post, #topics .common_post {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    position: relative;
    z-index: 1;
  }
  #researches .common_post_yel, #member .common_post_yel, #topics .common_post_yel {
    position: absolute;
    bottom: -190px;
    right: 95px;
    display: block;
    background: url(../images/reserches_yel.svg) no-repeat;
    background-size: cover;
    background-position: top;
    width: 80px;
    height: 240px;
  }
  #researches .common_post_yel:hover, #member .common_post_yel:hover, #topics .common_post_yel:hover {
    position: absolute;
    bottom: -55px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    opacity: 1;
  }
  #researches .common_post_yel p, #member .common_post_yel p, #topics .common_post_yel p {
    color: #29294C;
    font-size: 16px;
    font-weight: bold;
    -webkit-writing-mode: vertical-rl;
        -ms-writing-mode: tb-rl;
            writing-mode: vertical-rl;
    line-height: 15px;
    margin: 20px 28px 0 20px;
    letter-spacing: -0.2em;
  }
  #researches .common_post_gry, #member .common_post_gry, #topics .common_post_gry {
    position: absolute;
    bottom: -210px;
    right: 20px;
    display: block;
    background: url(../images/reserches_gry.svg) no-repeat;
    background-size: cover;
    background-position: top;
    width: 80px;
    height: 240px;
  }
  #researches .common_post_gry:hover, #member .common_post_gry:hover, #topics .common_post_gry:hover {
    position: absolute;
    bottom: -30px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    opacity: 1;
  }
  #researches .common_post_gry p, #member .common_post_gry p, #topics .common_post_gry p {
    color: #29294C;
    font-size: 16px;
    font-weight: bold;
    -webkit-writing-mode: vertical-rl;
        -ms-writing-mode: tb-rl;
            writing-mode: vertical-rl;
    line-height: 15px;
    margin: 20px auto 0 20px;
    letter-spacing: -0.2em;
  }
}
#researches .common_contents, #member .common_contents, #topics .common_contents {
  position: relative;
  background: #EBEBEB;
  width: 100%;
  height: auto;
  padding: 10% 5%;
  margin: 0;
  border-radius: 0 0 20px 20px;
  z-index: 2;
}
#researches .common_text, #member .common_text, #topics .common_text {
  font-weight: bold;
  margin: 0 0 40px 0;
  letter-spacing: 0.15em;
}
#researches .common_title, #member .common_title, #topics .common_title {
  margin-top: 40px;
  text-align: center;
}
#researches .common_title h1, #member .common_title h1, #topics .common_title h1 {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(70%, transparent), color-stop(60%, #B8BEB4));
  background: linear-gradient(transparent 70%, #B8BEB4 60%);
  color: #1B203C;
  font-size: 18px;
  line-height: 28px;
  letter-spacing: -0.1em;
  display: inline;
}
#researches .common_illust, #member .common_illust, #topics .common_illust {
  margin: 40px 0;
}
#researches .common_point, #member .common_point, #topics .common_point {
  display: block;
}
#researches .common_point_title, #member .common_point_title, #topics .common_point_title {
  background: url(../images/point.svg) no-repeat;
  background-size: cover;
  background-position: center;
  width: 168px;
  padding: 22px 0;
  text-align: center;
  color: #29294C;
  font-size: 16px;
  line-height: 16px;
  font-weight: bold;
  margin: 0 auto 30px 0;
}
#researches .common_point_area, #member .common_point_area, #topics .common_point_area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding-left: 1.5em;
}
#researches .common_point_text, #member .common_point_text, #topics .common_point_text {
  color: #29294C;
  font-weight: bold;
  width: auto;
  height: auto;
}
#researches .common_point_text p, #member .common_point_text p, #topics .common_point_text p {
  position: relative;
  line-height: 18px;
  line-height: 20px;
  padding-bottom: 1em;
  margin-bottom: 1em;
  border-bottom: 1px solid #B8BEB4;
}
#researches .common_point_text p::before, #member .common_point_text p::before, #topics .common_point_text p::before {
  content: "・";
  position: absolute;
  color: #B8BEB4;
  display: inline-block;
  margin-left: -1.5em;
  left: 0;
}
@media screen and (min-width: 901px) {
  #researches .common_item, #member .common_item, #topics .common_item {
    margin: 0 auto 20px auto;
  }
  #researches .common_item h1, #member .common_item h1, #topics .common_item h1 {
    color: #FFFFFF;
    font-size: 45px;
    letter-spacing: 0.6em;
  }
  #researches .common_contents, #member .common_contents, #topics .common_contents {
    padding: 7% 5%;
  }
  #researches .common_text, #member .common_text, #topics .common_text {
    margin: 0 0 50px 0;
  }
  #researches .common_title, #member .common_title, #topics .common_title {
    margin-top: 70px;
    text-align: center;
    padding: 0 5%;
  }
  #researches .common_title h1, #member .common_title h1, #topics .common_title h1 {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(70%, transparent), color-stop(60%, #B8BEB4));
    background: linear-gradient(transparent 70%, #B8BEB4 60%);
    color: #1B203C;
    font-size: 45px;
    line-height: 45px;
  }
  #researches .common_illust, #member .common_illust, #topics .common_illust {
    margin: 50px 0;
  }
  #researches .common_point_title, #member .common_point_title, #topics .common_point_title {
    width: 175px;
    padding: 22px 0;
    font-size: 18px;
    line-height: 18px;
  }
  #researches .common_point_area, #member .common_point_area, #topics .common_point_area {
    padding-left: 2em;
  }
  #researches .common_point_text:first-child, #member .common_point_text:first-child, #topics .common_point_text:first-child {
    margin-right: 50px;
  }
  #researches .common_point_text p, #member .common_point_text p, #topics .common_point_text p {
    font-size: 18px;
    line-height: 22px;
  }
  #researches .common_point_text p::before, #member .common_point_text p::before, #topics .common_point_text p::before {
    content: "・";
    position: absolute;
    color: #B8BEB4;
    display: inline-block;
    margin-left: -1.5em;
    left: 0;
  }
}
#researches .common_dots, #member .common_dots, #topics .common_dots {
  width: 100%;
  margin: 50px 0;
}
#researches .topics, #member .topics, #topics .topics {
  position: relative;
}
#researches .topics_area, #member .topics_area, #topics .topics_area {
  display: block;
}
#researches .topics_list, #member .topics_list, #topics .topics_list {
  width: 100%;
  border-bottom: 2px dotted #B8BEB4;
  padding: 30px 0;
}
#researches .topics_list:first-child, #member .topics_list:first-child, #topics .topics_list:first-child {
  border-top: 2px dotted #B8BEB4;
}
#researches .topics_link, #member .topics_link, #topics .topics_link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  font-weight: bold;
  text-align: left;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
}
#researches .topics_ymd, #member .topics_ymd, #topics .topics_ymd {
  position: relative;
  color: #728272;
  font-size: 14px;
  letter-spacing: 0.15em;
  padding-left: 23px;
  font-weight: normal;
}
#researches .topics_ymd::before, #member .topics_ymd::before, #topics .topics_ymd::before {
  content: "";
  display: inline-block;
  position: absolute;
  left: 0;
  top: 5px;
  background: url(../images/icon_ymd.svg) no-repeat;
  background-size: 100%;
  width: 13px;
  height: 13px;
}
#researches .topics_title, #member .topics_title, #topics .topics_title {
  color: #1B203C;
  font-size: 16px;
  margin-top: 1em;
  letter-spacing: 0.15em;
}
#researches .topics_post, #member .topics_post, #topics .topics_post {
  display: block;
  width: 100%;
  border-bottom: 2px dotted #B8BEB4;
  margin-bottom: 30px;
}
#researches .topics_post_title, #member .topics_post_title, #topics .topics_post_title {
  font-weight: bold;
  margin: 30px 0;
  text-align: left;
  font-size: 26px;
}
#researches .topics_post_text, #member .topics_post_text, #topics .topics_post_text {
  text-align: left;
  font-weight: bold;
  letter-spacing: 0.1em;
}
#researches .topics_toback, #member .topics_toback, #topics .topics_toback {
  margin: 30px 0 0 0;
}
@media screen and (max-width: 900px) and (min-width: 631px) {
  #researches .topics_toback, #member .topics_toback, #topics .topics_toback {
    margin: 50px 0 0 0;
  }
}
#researches .topics_toback_btn, #member .topics_toback_btn, #topics .topics_toback_btn {
  display: block;
  background: #1B203C;
  width: 80%;
  height: auto;
  border-radius: 50px;
  padding: 4% 0;
  text-align: center;
  margin: 0 auto;
  font-size: 16px;
}
@media screen and (max-width: 900px) and (min-width: 631px) {
  #researches .topics_toback_btn, #member .topics_toback_btn, #topics .topics_toback_btn {
    width: 30%;
    padding: 20px 0;
  }
}
#researches .topics_toback_btn p, #member .topics_toback_btn p, #topics .topics_toback_btn p {
  color: #FFFFFF;
  position: relative;
  font-weight: bold;
  text-indent: 1em;
}
#researches .topics_toback_btn p::after, #member .topics_toback_btn p::after, #topics .topics_toback_btn p::after {
  content: "";
  background: url(../images/arrow_2.svg) no-repeat;
  display: inline-block;
  left: 26px;
  background-size: cover;
  width: 14px;
  height: 18px;
  position: absolute;
  top: 22%;
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1);
}
@media screen and (min-width: 901px) {
  #researches .topics_list, #member .topics_list, #topics .topics_list {
    padding: 50px 0;
  }
  #researches .topics_list:first-child, #member .topics_list:first-child, #topics .topics_list:first-child {
    border-top: 2px dotted #B8BEB4;
  }
  #researches .topics_link, #member .topics_link, #topics .topics_link {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row;
            flex-flow: row;
  }
  #researches .topics_link:hover, #member .topics_link:hover, #topics .topics_link:hover {
    opacity: 0.4;
    -webkit-transition: 0.2s;
    transition: 0.2s;
  }
  #researches .topics_ymd, #member .topics_ymd, #topics .topics_ymd {
    font-size: 16px;
    margin-right: 30px;
    padding-left: 30px;
  }
  #researches .topics_ymd::before, #member .topics_ymd::before, #topics .topics_ymd::before {
    content: "";
    display: inline-block;
    position: absolute;
    left: 0;
    top: 10px;
    background: url(../images/icon_ymd.svg) no-repeat;
    background-size: 100%;
    width: 18px;
    height: 18px;
  }
  #researches .topics_title, #member .topics_title, #topics .topics_title {
    font-size: 20px;
    margin-top: 0;
  }
  #researches .topics_post_title, #member .topics_post_title, #topics .topics_post_title {
    font-size: 36px;
  }
  #researches .topics_post_text, #member .topics_post_text, #topics .topics_post_text {
    font-size: 20px;
    line-height: 40px;
  }
  #researches .topics_toback, #member .topics_toback, #topics .topics_toback {
    margin: 50px 0 0 0;
  }
  #researches .topics_toback_btn, #member .topics_toback_btn, #topics .topics_toback_btn {
    width: 30%;
    padding: 10px 0;
    font-size: 22px;
  }
  #researches .topics_toback_btn p::after, #member .topics_toback_btn p::after, #topics .topics_toback_btn p::after {
    content: "";
    background: url(../images/arrow_2.svg) no-repeat;
    display: inline-block;
    left: 16px;
    background-size: cover;
    width: 16px;
    height: 20px;
    position: absolute;
    top: 26%;
    -webkit-transform: scale(-1, 1);
            transform: scale(-1, 1);
  }
  #researches .topics_toback_btn:hover, #member .topics_toback_btn:hover, #topics .topics_toback_btn:hover {
    background: #F2E55C;
    opacity: 1;
    -webkit-transition: 0.2s;
    transition: 0.2s;
  }
  #researches .topics_toback_btn:hover p, #member .topics_toback_btn:hover p, #topics .topics_toback_btn:hover p {
    color: #29294C;
    font-weight: bold;
    text-indent: 1em;
  }
  #researches .topics_toback_btn:hover p::after, #member .topics_toback_btn:hover p::after, #topics .topics_toback_btn:hover p::after {
    content: "";
    background: url(../images/arrow_3.svg) no-repeat;
    display: inline-block;
    left: 16px;
    background-size: cover;
    width: 16px;
    height: 20px;
    position: absolute;
    top: 26%;
    -webkit-transform: scale(-1, 1);
            transform: scale(-1, 1);
  }
}
#researches .member, #member .member, #topics .member {
  position: relative;
}
#researches .member_area, #member .member_area, #topics .member_area {
  position: relative;
  display: block;
  background: url(../images/member_head.svg) no-repeat, url(../images/member_foot.svg) no-repeat;
  background-size: 100%;
  background-position: top, bottom;
  width: 100%;
  height: auto;
  margin: 20px 0;
  padding: 12% 2% 8% 2%;
}
#researches .member_title, #member .member_title, #topics .member_title {
  position: relative;
  left: 0;
  text-align: left;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin-bottom: 20px;
}
#researches .member_title img, #member .member_title img, #topics .member_title img {
  width: 40px;
  height: auto;
  margin-right: 20px;
}
#researches .member_title_name, #member .member_title_name, #topics .member_title_name {
  text-align: left;
}
#researches .member_title_name h1, #member .member_title_name h1, #topics .member_title_name h1 {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(80%, transparent), color-stop(60%, #B8BEB4));
  background: linear-gradient(transparent 80%, #B8BEB4 60%);
  color: #1B203C;
  font-size: 26px;
  margin: 0 auto 0.3em auto;
  line-height: 32px;
  letter-spacing: 0em;
}
#researches .member_title_name h1 span, #member .member_title_name h1 span, #topics .member_title_name h1 span {
  margin-left: 1em;
  font-size: 18px;
}
#researches .member_item, #member .member_item, #topics .member_item {
  position: relative;
  display: block;
}
#researches .member_item_text, #member .member_item_text, #topics .member_item_text {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  font-weight: bold;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  margin: 0 0 20px 0;
  letter-spacing: 0.15em;
  width: 100%;
}
#researches .member_item_left, #member .member_item_left, #topics .member_item_left {
  position: relative;
  color: #B8BEB4;
}
#researches .member_item_left_point, #member .member_item_left_point, #topics .member_item_left_point {
  color: #728272;
  margin-bottom: 1em;
}
#researches .member_item_left_point span.year, #member .member_item_left_point span.year, #topics .member_item_left_point span.year {
  font-size: 20px;
}
#researches .member_item_right, #member .member_item_right, #topics .member_item_right {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
#researches .member_item_right_point, #member .member_item_right_point, #topics .member_item_right_point {
  padding-left: 30px;
  margin-bottom: 50px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  border-left: 3px solid #B8BEB4;
}
#researches .member_item_right_point li, #member .member_item_right_point li, #topics .member_item_right_point li {
  list-style: disc;
  margin-bottom: 1em;
}
#researches .member_item_right_point li:last-child, #member .member_item_right_point li:last-child, #topics .member_item_right_point li:last-child {
  margin-bottom: 0;
}
#researches .member_item a.link, #member .member_item a.link, #topics .member_item a.link {
  color: #1B203C;
  text-decoration: none;
  margin-right: 50px;
}
#researches .member_item a.link::after, #member .member_item a.link::after, #topics .member_item a.link::after {
  content: "";
  display: inline-block;
  position: relative;
  background: url(../images/icon_link.svg) no-repeat;
  background-size: 100%;
  background-position: center;
  width: 15px;
  height: 10px;
  top: 6%;
}
#researches .member_btn, #member .member_btn, #topics .member_btn {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  margin-top: 30px;
}
@media screen and (max-width: 900px) and (min-width: 631px) {
  #researches .member_btn, #member .member_btn, #topics .member_btn {
    margin-top: 50px;
  }
}
#researches .member_btn_area, #member .member_btn_area, #topics .member_btn_area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
}
#researches .member_btn_link, #member .member_btn_link, #topics .member_btn_link {
  background: #1B203C;
  width: 80%;
  height: auto;
  border-radius: 50px;
  padding: 4% 0;
  text-align: center;
  margin: 0 auto 20px auto;
}
@media screen and (max-width: 900px) and (min-width: 631px) {
  #researches .member_btn_link, #member .member_btn_link, #topics .member_btn_link {
    width: 60%;
    padding: 20px 0;
  }
}
#researches .member_btn_link p, #member .member_btn_link p, #topics .member_btn_link p {
  color: #FFFFFF;
  position: relative;
  font-weight: bold;
}
#researches .member_btn_link p::after, #member .member_btn_link p::after, #topics .member_btn_link p::after {
  content: "";
  background: url(../images/arrow_2.svg) no-repeat;
  display: inline-block;
  right: 26px;
  background-size: cover;
  width: 14px;
  height: 18px;
  position: absolute;
  top: 22%;
}
#researches .member_point, #member .member_point, #topics .member_point {
  display: block;
  margin-top: 50px;
}
#researches .member_point_title, #member .member_point_title, #topics .member_point_title {
  background: url(../images/point_2.svg) no-repeat;
  background-size: cover;
  background-position: center;
  width: 210px;
  height: auto;
  padding: 15px 0;
  text-align: center;
  color: #29294C;
  font-size: 16px;
  line-height: 16px;
  font-weight: bold;
  margin: 0 auto 40px 0;
}
@media screen and (min-width: 901px) {
  #researches .member_title, #member .member_title, #topics .member_title {
    position: absolute;
    top: -20px;
    margin-bottom: 0;
  }
  #researches .member_title img, #member .member_title img, #topics .member_title img {
    width: 60px;
    height: auto;
    margin-right: 25px;
  }
  #researches .member_title_name h1, #member .member_title_name h1, #topics .member_title_name h1 {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(70%, transparent), color-stop(60%, #B8BEB4));
    background: linear-gradient(transparent 70%, #B8BEB4 60%);
    font-size: 45px;
    line-height: 45px;
  }
  #researches .member_title_name h1 span, #member .member_title_name h1 span, #topics .member_title_name h1 span {
    margin-left: 1em;
    font-size: 36px;
  }
  #researches .member_item_text, #member .member_item_text, #topics .member_item_text {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row;
            flex-flow: row;
  }
  #researches .member_item_left, #member .member_item_left, #topics .member_item_left {
    margin-right: 30px;
    color: #29294C;
  }
  #researches .member_item_left_point, #member .member_item_left_point, #topics .member_item_left_point {
    width: 17%;
    margin-bottom: 0;
  }
  #researches .member_item_left_point span.year, #member .member_item_left_point span.year, #topics .member_item_left_point span.year {
    font-size: 22px;
    margin-right: 0.3em;
  }
  #researches .member_item_right_point, #member .member_item_right_point, #topics .member_item_right_point {
    width: 83%;
    padding-left: 50px;
  }
  #researches .member_item a.link, #member .member_item a.link, #topics .member_item a.link {
    margin-right: 70px;
  }
  #researches .member_item a.link:last-child, #member .member_item a.link:last-child, #topics .member_item a.link:last-child {
    margin-right: 0;
  }
  #researches .member_item a.link::after, #member .member_item a.link::after, #topics .member_item a.link::after {
    content: "";
    display: inline-block;
    position: relative;
    background: url(../images/icon_link.svg) no-repeat;
    background-size: 100%;
    background-position: center;
    width: 25px;
    height: 20px;
    top: 6%;
  }
  #researches .member_btn, #member .member_btn, #topics .member_btn {
    margin-top: 100px;
  }
  #researches .member_btn_area, #member .member_btn_area, #topics .member_btn_area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
        justify-content: space-around;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row;
            flex-flow: row;
    padding: 0 20%;
  }
  #researches .member_btn_link, #member .member_btn_link, #topics .member_btn_link {
    width: 45%;
    padding: 10px 0;
    margin: 0 auto;
    font-size: 22px;
  }
  #researches .member_btn_link p::after, #member .member_btn_link p::after, #topics .member_btn_link p::after {
    content: "";
    background: url(../images/arrow_2.svg) no-repeat;
    display: inline-block;
    right: 16px;
    background-size: cover;
    width: 16px;
    height: 20px;
    position: absolute;
    top: 26%;
  }
  #researches .member_btn_link:hover, #member .member_btn_link:hover, #topics .member_btn_link:hover {
    background: #F2E55C;
    opacity: 1;
    -webkit-transition: 0.2s;
    transition: 0.2s;
  }
  #researches .member_btn_link:hover p, #member .member_btn_link:hover p, #topics .member_btn_link:hover p {
    color: #29294C;
    font-weight: bold;
  }
  #researches .member_btn_link:hover p::after, #member .member_btn_link:hover p::after, #topics .member_btn_link:hover p::after {
    content: "";
    background: url(../images/arrow_3.svg) no-repeat;
    display: inline-block;
    right: 16px;
    background-size: cover;
    width: 16px;
    height: 20px;
    position: absolute;
    top: 26%;
  }
  #researches .member_point_title, #member .member_point_title, #topics .member_point_title {
    font-size: 18px;
  }
}
#researches .wp-pagenavi, #member .wp-pagenavi, #topics .wp-pagenavi {
  font-weight: bold;
  text-align: center;
  margin: 50px 0 0 0;
}
#researches .wp-pagenavi a, #researches .wp-pagenavi span, #member .wp-pagenavi a, #member .wp-pagenavi span, #topics .wp-pagenavi a, #topics .wp-pagenavi span {
  color: #29294C;
  background-color: #F2E55C;
  padding: 10px;
  margin: 0 5px;
  border-radius: 50%;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  width: 40px;
  height: 40px;
  display: inline-block;
  border: none;
  line-height: 20px;
}
#researches .wp-pagenavi a:hover, #member .wp-pagenavi a:hover, #topics .wp-pagenavi a:hover {
  color: #F2E55C;
  background-color: #29294C;
  opacity: 1;
}
#researches .wp-pagenavi a.nextpostslink, #member .wp-pagenavi a.nextpostslink, #topics .wp-pagenavi a.nextpostslink {
  background-color: #F2E55C;
  padding: 9px 0;
  margin: 0 5px;
  border-radius: 50%;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  width: 40px;
  height: 40px;
  display: inline-block;
  position: relative;
  top: -1px;
}
#researches .wp-pagenavi a.nextpostslink:hover, #member .wp-pagenavi a.nextpostslink:hover, #topics .wp-pagenavi a.nextpostslink:hover {
  color: #F2E55C;
  background-color: #29294C;
  opacity: 1;
}
#researches .wp-pagenavi a.previouspostslink, #member .wp-pagenavi a.previouspostslink, #topics .wp-pagenavi a.previouspostslink {
  background-color: #F2E55C;
  padding: 9px 0;
  margin: 0 5px;
  border-radius: 50%;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  width: 40px;
  height: 40px;
  display: inline-block;
  position: relative;
  top: -1px;
}
#researches .wp-pagenavi a.previouspostslink:hover, #member .wp-pagenavi a.previouspostslink:hover, #topics .wp-pagenavi a.previouspostslink:hover {
  color: #F2E55C;
  background-color: #29294C;
  opacity: 1;
}
#researches .wp-pagenavi span.current, #member .wp-pagenavi span.current, #topics .wp-pagenavi span.current {
  color: #F2E55C;
  background-color: #29294C;
  padding: 10px;
  margin: 0 5px;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  display: inline-block;
}
#researches .wp-pagenavi span.pages, #member .wp-pagenavi span.pages, #topics .wp-pagenavi span.pages {
  display: none;
}

span.space {
  width: 1em;
  height: 0.5em;
}
