@charset "UTF-8";

/* Scss Document */

.no_single,

.no_perfomance {

  font: 1.8rem/1.0em 'Noto Serif JP', serif;

  font-weight: 500;

  padding: 20px 0; }



/*******************************************************************/

/*******************************************************************/

.consultation_results {

  background-color: #F7F8F8;

  padding: 200px 0; }



.consultation_results_box {

  max-width: 1200px;

  width: calc(100% - 180px);

  margin: 0 auto; }

  .consultation_results_box h2 {

    color: #384158;

    position: relative;

    font: 3.4rem/1.0em 'Noto Serif JP', serif;

    font-weight: 500;

    padding: 5px 0 8px 30px;

    letter-spacing: 0.08em;

    margin: 0 0 100px; }

    .consultation_results_box h2 small {

      display: block;

      font: 1.6rem/1.0em 'Noto Serif JP', serif;

      font-weight: 500;

      margin: 0 0 20px; }

    .consultation_results_box h2:before {

      width: 3px;

      height: 100%;

      position: absolute;

      content: "";

      display: block;

      background: linear-gradient(#0080BF, #18A068);

      left: 0;

      top: 0; }

  .consultation_results_box h3 {

    font: 2.2rem/1.0em 'Noto Serif JP', serif;

    font-weight: 500;

    color: #384158;

    display: -webkit-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex;

    flex-direction: row;

    flex-wrap: wrap;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    -webkit-justify-content: space-between;

    justify-content: space-between;

    align-items: flex-start;

    margin: 0 0 15px; }

    .consultation_results_box h3 small {

      font: 1.6rem/1.0em 'Noto Sans JP', sans-serif;

      font-weight: 300; }



.consultation_results_item {

  margin: 0 auto 90px; }

  .consultation_results_item .table_block {

    display: -webkit-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex;

    flex-direction: row;

    flex-wrap: wrap;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    -webkit-justify-content: flex-start;

    justify-content: flex-start;

    align-items: flex-start; }

  .consultation_results_item ul {

    border-top: 1px solid #9BA0AB;

    border-right: 1px solid #9BA0AB;

    background-color: #fff;

    /*&:nth-of-type(1){

      order: 1;

    }

    &:nth-of-type(2){

    order: 4;

    }

    &:nth-of-type(3){

      order: 3;

    }

    &:nth-of-type(4){

      order: 2;

    }*/

    /*&:last-of-type{

    }*/ }

    .consultation_results_item ul.th_list {

      width: 240px; }

      .consultation_results_item ul.th_list li {

        text-align: left;

        display: block;

        padding: 0 20px;

        font: 1.8rem/58px 'Noto Sans JP', sans-serif;

        font-weight: 400; }

    .consultation_results_item ul.td_list {

      width: calc((100% - 240px)/3); }

    .consultation_results_item ul:last-of-type {

      border-right: none; }

  .consultation_results_item li {

    border-bottom: 1px solid #9BA0AB;

    text-align: center;

    height: 60px;

    font: 1.8rem/58px 'Open Sans', sans-serif;

    font-weight: 400; }

    .consultation_results_item li:nth-of-type(1) {

      background-color: #EBECEE; }

    .consultation_results_item li span {

      border-left: none;

      font: 1.8rem/58px 'Noto Sans JP', sans-serif;

      font-weight: 400;

      margin: 0 0 0 5px; }

  .consultation_results_item:last-of-type {

    margin: 0 auto; }

  .consultation_results_item table {

    background-color: #fff;

    width: 100%;

    border-top: 1px solid #9BA0AB;

    color: #384158; }

    .consultation_results_item table .tL {

      width: 240px; }

  .consultation_results_item tr {

    width: 100%; }

  .consultation_results_item th {

    background-color: #EBECEE;

    border-left: 1px solid #9BA0AB;

    border-bottom: 1px solid #9BA0AB;

    text-align: center;

    padding: 20px 0;

    font: 1.8rem/1em "Open Sans", sans-serif;

    font-weight: 400; }

    .consultation_results_item th:nth-of-type(1) {

      border-left: none; }

    .consultation_results_item th span {

      border-left: none;

      font: 1.8rem/1.0em 'Noto Sans JP', sans-serif;

      font-weight: 400;

      margin: 0 0 0 5px; }

  .consultation_results_item td {

    border-left: 1px solid #9BA0AB;

    border-bottom: 1px solid #9BA0AB;

    text-align: center;

    padding: 20px 0;

    font: 1.8rem/1em "Open Sans", sans-serif;

    font-weight: 400; }

    .consultation_results_item td span {

      font: 1.8rem/1em "Open Sans", sans-serif;

      font-weight: 400; }

    .consultation_results_item td:nth-of-type(1) {

      border-left: none;

      font: 1.8rem/1.0em 'Noto Sans JP', sans-serif; }

    .consultation_results_item td.tL {

      text-align: left;

      padding: 20px; }



/*max-width:1280px*/

@media (max-width: 1024px) {

  .consultation_results {

    background-color: #F7F8F8;

    padding: 100px 0; }



  .consultation_results_box {

    max-width: 840px;

    width: calc(100% - 40px);

    margin: 0 auto; }

    .consultation_results_box h3 {

      font: 2.0rem/1.0em 'Noto Serif JP', serif;

      font-weight: 500;

      color: #384158;

      display: -webkit-box;

      display: -ms-flexbox;

      display: -webkit-flex;

      display: flex;

      flex-direction: row;

      flex-wrap: wrap;

      -webkit-box-pack: justify;

      -ms-flex-pack: justify;

      -webkit-justify-content: space-between;

      justify-content: space-between;

      align-items: flex-start;

      margin: 0 0 15px; }

      .consultation_results_box h3 small {

        display: block;

        width: 100%;

        text-align: right;

        font: 1.5rem/1.0em 'Noto Sans JP', sans-serif;

        font-weight: 300;

        margin: 5px 0 0; }



  .consultation_results_item {

    margin: 0 auto 90px; }

    .consultation_results_item:last-of-type {

      margin: 0 auto; }

    .consultation_results_item table .tL {

      width: 150px !important;

      padding: 0 10px; }

    .consultation_results_item ul {

      border-top: 1px solid #9BA0AB;

      border-right: 1px solid #9BA0AB;

      background-color: #fff; }

      .consultation_results_item ul.th_list {

        width: 170px; }

        .consultation_results_item ul.th_list li {

          padding: 0 10px; }

      .consultation_results_item ul.td_list {

        width: calc((100% - 170px)/3); } }

/*max-width:1024px*/

@media (max-width: 768px) {

  .consultation_results {

    background-color: #F7F8F8;

    padding: 100px 0; }



  .consultation_results_box {

    max-width: 840px;

    width: calc(100% - 40px);

    margin: 0 auto; }

    .consultation_results_box h2 {

      margin: 0 auto 50px; }



  .consultation_results_item {

    margin: 0 auto 50px; }

    .consultation_results_item ul.th_list {

      width: 160px; }

      .consultation_results_item ul.th_list li {

        padding: 0 10px;

        font: 1.6rem/48px 'Noto Sans JP', sans-serif;

        font-weight: 400; }

    .consultation_results_item ul.td_list {

      width: calc((100% - 160px)/3); }

    .consultation_results_item li {

      height: 50px;

      font: 1.6rem/48px 'Open Sans', sans-serif;

      font-weight: 400; }

      .consultation_results_item li span {

        border-left: none;

        font: 1.6rem/48px 'Noto Sans JP', sans-serif;

        font-weight: 400;

        margin: 0 0 0 5px; }

    .consultation_results_item table .tL {

      width: 160px !important; }

    .consultation_results_item th {

      padding: 15px 0;

      font: 1.6rem/1em "Open Sans", sans-serif;

      font-weight: 400; }

      .consultation_results_item th:nth-of-type(1) {

        border-left: none;

        width: 160px !important; }

      .consultation_results_item th span {

        border-left: none;

        font: 1.6rem/1.0em 'Noto Sans JP', sans-serif;

        font-weight: 400;

        margin: 0 0 0 5px; }

    .consultation_results_item td {

      padding: 15px 0;

      font: 1.6rem/1em "Open Sans", sans-serif;

      font-weight: 400; }

      .consultation_results_item td span {

        font: 1.6rem/1em "Open Sans", sans-serif;

        font-weight: 400; }

      .consultation_results_item td:nth-of-type(1) {

        border-left: none;

        width: 160px !important;

        font: 1.6rem/1.0em 'Noto Sans JP', sans-serif; }

      .consultation_results_item td.tL {

        text-align: left;

        padding: 15px; }



  .scroll {

    width: 100%;

    overflow: scroll;

    padding: 0 0 10px; }

    .scroll table {

      width: 840px !important; }

    .scroll .fixed {

      position: sticky;

      left: 0; }

      .scroll .fixed:before {

        position: absolute;

        content: "";

        display: block;

        width: 100%;

        height: 100%;

        border-right: 1px solid #9BA0AB;

        top: 0;

        left: 0; }

    .scroll th.fixed {

      background-color: #EBECEE; }

    .scroll td.fixed {

      background-color: #fff; } }

/*max-width:768px*/

@media (max-width: 480px) {

  .consultation_results_box h2 {

    font: 2.2rem/1em 'Noto Serif JP', serif !important;

    font-weight: 500;

    margin: 0 auto 50px !important; }

    .consultation_results_box h2 small {

      display: block;

      font: 1.4rem/1.0em 'Noto Serif JP', serif;

      font-weight: 500;

      margin: 0 0 25px !important; }

  .consultation_results_box h3 {

    font: 1.6rem/1.0em 'Noto Serif JP', serif;

    font-weight: 500;

    display: -webkit-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex;

    flex-direction: row;

    flex-wrap: wrap;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    -webkit-justify-content: space-between;

    justify-content: space-between;

    align-items: center; }

    .consultation_results_box h3 small {

      letter-spacing: 0;

      width: auto;

      display: inline-block;

      font: 1.2rem/1.0em 'Noto Sans JP', sans-serif;

      font-weight: 300;

      margin: 0; }



  .consultation_results_item {

    margin: 0 auto 40px; }

    .consultation_results_item ul.th_list {

      width: 140px; }

      .consultation_results_item ul.th_list li {

        padding: 0 5px;

        font: 1.5rem/48px 'Noto Sans JP', sans-serif;

        font-weight: 400; }

    .consultation_results_item ul.td_list {

      width: calc((100% - 140px)/3); }

    .consultation_results_item li {

      height: 50px; }

      .consultation_results_item li:nth-of-type(1) {

        font: 1.5rem/48px 'Open Sans', sans-serif;

        font-weight: 400; }

        .consultation_results_item li:nth-of-type(1) span {

          font: 1.4rem/48px 'Noto Sans JP', sans-serif;

          font-weight: 400; }

      .consultation_results_item li span {

        margin: 0; }

    .consultation_results_item table.yeah .tL {

      width: 125px !important; }

    .consultation_results_item th {

      font: 1.6rem/1em "Open Sans", sans-serif;

      font-weight: 400; }

      .consultation_results_item th:nth-of-type(1) {

        width: 135px !important; }

      .consultation_results_item th span {

        font: 1.5rem/1.0em 'Noto Sans JP', sans-serif;

        font-weight: 400;

        margin: 0; }

    .consultation_results_item td {

      font: 1.6rem/1em "Open Sans", sans-serif;

      font-weight: 400; }

      .consultation_results_item td span {

        font: 1.6rem/1em "Open Sans", sans-serif;

        font-weight: 400; }

      .consultation_results_item td:nth-of-type(1) {

        width: 135px !important;

        font: 1.5rem/1.0em 'Noto Sans JP', sans-serif; }

      .consultation_results_item td.tL {

        padding: 15px 0 15px 5px; } }

/*max-width:480px*/

/*****************************************************************/

/*****************************************************************/

.research_results,

.conference,

.monograph,

.research_topic {

  padding: 200px 0; }

  .research_results h2,

  .conference h2,

  .monograph h2,

  .research_topic h2 {

    color: #384158;

    position: relative;

    font: 3.4rem/1.0em 'Noto Serif JP', serif;

    font-weight: 500;

    padding: 5px 0 8px 30px;

    letter-spacing: 0.08em; }

    .research_results h2 small,

    .conference h2 small,

    .monograph h2 small,

    .research_topic h2 small {

      display: block;

      font: 1.6rem/1.0em 'Noto Serif JP', serif;

      font-weight: 500;

      margin: 0 0 20px; }

    .research_results h2:before,

    .conference h2:before,

    .monograph h2:before,

    .research_topic h2:before {

      width: 3px;

      height: 100%;

      position: absolute;

      content: "";

      display: block;

      background: linear-gradient(#0080BF, #18A068);

      left: 0;

      top: 0; }



.conference,

.research_topic {

  background-color: #F7F8F8; }



.list_btn {

  display: block;

  margin: auto;

  width: calc(100% - 40px);

  max-width: 400px;

  background-color: #fff;

  border: 1px solid #384158;

  border-radius: 50px;

  position: relative;

  text-align: center;

  font: 1.8rem/60px 'Noto Serif JP', serif;

  font-weight: 600;

  color: #384158; }

  .list_btn:before {

    position: absolute;

    content: "";

    display: block;

    width: 23px;

    height: 19px;

    background: url("../images/common/arrow_icon.svg") center center no-repeat;

    background-size: contain;

    top: 50%;

    left: auto;

    -webkit-transform: translate(0%, -50%);

    /* Safari用 */

    transform: translate(0%, -50%);

    right: 30px; }

  .list_btn:hover {

    color: #fff;

    border: 1px solid #fff;

    font: 1.8rem/60px 'Noto Serif JP', serif;

    font-weight: 600;

    background-color: #384158; }

    .list_btn:hover:before {

      background: url("../images/common/arrow_icon_white.svg") center center no-repeat;

      background-size: contain; }



.target_btn {

  color: #fff;

  margin: 0 0 50px;

  display: block;

  width: 100%;

  padding: 0 20px 0 0;

  background: linear-gradient(45deg, #0080BF, #18A068);

  border-radius: 50px;

  font: 1.8rem/78px 'Noto Sans JP', sans-serif;

  font-weight: 500;

  text-align: center;

  position: relative; }

  .target_btn:before {

    position: absolute;

    content: "";

    display: block;

    width: 23px;

    height: 19px;

    background: url("../images/common/arrow_icon_white.svg") center center no-repeat;

    background-size: contain;

    top: 50%;

    left: auto;

    -webkit-transform: translate(0%, -50%);

    /* Safari用 */

    transform: translate(0%, -50%);

    right: 30px; }

  .target_btn span {

    width: fit-content;

    margin: 0 auto;

    padding: 0 0 0 60px;

    position: relative; }

    .target_btn span:before {

      display: block;

      position: absolute;

      content: "";

      background: url("../images/performance/pc_icon.svg") center center no-repeat;

      background-size: contain;

      width: 45px;

      height: 34px;

      left: 0;

      top: -3px; }

  .target_btn:hover {

    background: #384158;

    color: #fff; }

  .target_btn br {

    display: none; }



@media (max-width: 1280px) {

  .target_btn {

    padding: 10px 50px 10px 20px;

    border-radius: 50px;

    font: 1.8rem/1.8em 'Noto Sans JP', sans-serif;

    font-weight: 500; }

    .target_btn:before {

      right: 20px; }

    .target_btn br {

      display: block; }

    .target_btn span {

      font-feature-settings: "palt";

      width: fit-content;

      margin: 0 auto;

      display: block;

      text-align: left;

      padding: 0 0 0 60px;

      position: relative; }

      .target_btn span:before {

        display: block;

        position: absolute;

        content: "";

        background: url("../images/performance/pc_icon.svg") center center no-repeat;

        background-size: contain;

        width: 40px;

        height: 34px;

        left: 0;

        top: 13px; }

    .target_btn:hover {

      background: #384158;

      color: #fff; } }

/*max-width:1280px*/

@media (max-width: 1024px) {

  .research_results,

  .conference,

  .monograph,

  .research_topic {

    padding: 100px 0; }

    .research_results h2,

    .conference h2,

    .monograph h2,

    .research_topic h2 {

      font: 3.4rem/1.0em 'Noto Serif JP', serif;

      font-weight: 500;

      padding: 5px 0 8px 20px !important;

      letter-spacing: 0.08em;

      width: 100%;

      display: block;

      margin: 0 0 50px; }

      .research_results h2 br,

      .conference h2 br,

      .monograph h2 br,

      .research_topic h2 br {

        display: none; }



  .target_btn {

    font: 1.8rem/78px 'Noto Sans JP', sans-serif;

    font-weight: 500;

    padding: 0 50px 0 20px; }

    .target_btn br {

      display: none; }

    .target_btn span {

      width: fit-content;

      margin: 0 auto;

      padding: 0 0 0 60px;

      position: relative;

      font-feature-settings: normal; }

      .target_btn span:before {

        width: 45px;

        height: 34px;

        left: 0;

        top: 20px; } }

/*max-width:1024px*/

@media (max-width: 768px) {

  .list_btn {

    width: calc(100% - 40px);

    max-width: 300px; }



  .target_btn {

    color: #fff;

    margin: 0 0 50px;

    padding: 10px 60px 10px 20px;

    border-radius: 10px;

    font: 1.8rem/1.6em 'Noto Sans JP', sans-serif;

    font-weight: 500;

    text-align: left;

    position: relative; }

    .target_btn:before {

      width: 23px;

      height: 19px;

      right: 20px; }

    .target_btn span {

      width: 100%;

      margin: 0;

      text-align: left;

      padding: 0;

      position: relative; }

      .target_btn span:before {

        display: none; }

    .target_btn:hover {

      background: #384158;

      color: #fff; } }

/*max-width:768px*/

@media (max-width: 480px) {

  .research_results,

  .conference,

  .monograph,

  .research_topic {

    padding: 100px 0; }

    .research_results h2,

    .conference h2,

    .monograph h2,

    .research_topic h2 {

      font: 2.2rem/1em 'Noto Serif JP', serif !important;

      font-weight: 500; }

      .research_results h2 small,

      .conference h2 small,

      .monograph h2 small,

      .research_topic h2 small {

        display: block;

        font: 1.4rem/1.0em 'Noto Serif JP', serif;

        font-weight: 500;

        margin: 0 0 25px !important; }



  .list_btn {

    font: 1.6rem/55px 'Noto Serif JP', serif;

    font-weight: 600; }

    .list_btn:hover {

      font: 1.6rem/55px 'Noto Serif JP', serif;

      font-weight: 600; }



  .target_btn {

    height: 80px;

    font: 1.6rem/1.8em 'Noto Sans JP', sans-serif;

    font-weight: 500; } }

/*max-width:480px*/

/*****************************************************************/

/*****************************************************************/

.research_results_box,

.conference_box,

.monograph_box,

.research_topic_box {

  display: -webkit-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  flex-direction: row;

  flex-wrap: wrap;

  -webkit-box-pack: justify;

  -ms-flex-pack: justify;

  -webkit-justify-content: space-between;

  justify-content: space-between;

  align-items: flex-start;

  max-width: 1200px;

  width: calc(100% - 180px);

  margin: 0 auto; }



@media (max-width: 1024px) {

  .research_results_box,

  .conference_box,

  .monograph_box,

  .research_topic_box {

    display: block;

    max-width: 840px;

    width: calc(100% - 40px);

    margin: 0 auto; } }

/*max-width:1024px*/

/*max-width:768px*/

/*max-width:480px*/

/*****************************************************************/

/*****************************************************************/

.research_results_item,

.conference_item,

.monograph_item,

.research_topic_item {

  max-width: 840px;

  width: calc(100% - 290px); }



/*max-width:1280px*/

@media (max-width: 1024px) {

  .research_results_item,

  .conference_item,

  .monograph_item,

  .research_topic_item {

    max-width: 840px;

    width: 100%; } }

/*max-width:1024px*/

/*max-width:768px*/

/*max-width:480px*/

/*****************************************************************/

/*****************************************************************/

.research_results_item p {

  color: #384158;

  text-align: justify;

  text-justify: inter-ideograph;

  font: 1.8rem/2.5em 'Noto Serif JP', serif;

  font-weight: 500;

  margin: 0 0 50px; }

  .research_results_item p:last-of-type {

    margin: 0; }



@media (max-width: 768px) {

  .research_results_item p {

    font: 1.7rem/2.0em 'Noto Serif JP', serif;

    font-weight: 500; } }

/*max-width:768px*/

@media (max-width: 480px) {

  .research_results_item p {

    font: 1.6rem/2.0em 'Noto Serif JP', serif;

    font-weight: 500; } }

/*max-width:480px*/

/*****************************************************************/

/*****************************************************************/

.conference_list {

  margin: 0 auto 80px; }

  .conference_list li {

    display: -webkit-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex;

    flex-direction: row;

    flex-wrap: wrap;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    -webkit-justify-content: space-between;

    justify-content: space-between;

    margin: -1px 0 0 0; }

  .conference_list time {

    border-bottom: #9BA0AB 1px solid;

    width: 150px;

    padding: 25px 10px;

    font: 1.7rem/1.7em 'Open Sans', sans-serif;

    font-weight: 400;

    color: #4C5469; }

    .conference_list time:nth-of-type(1) {

      border-top: #9BA0AB 1px solid; }

  .conference_list span {

    color: #4C5469;

    border-bottom: 1px solid #C3C6CD;

    width: calc(100% - 170px);

    padding: 25px 0px;

    font: 1.7rem/1.7em 'Noto Sans JP', sans-serif;

    font-weight: 400; }

  .conference_list a, .conference_list span {

    color: #4C5469;

    border-bottom: 1px solid #C3C6CD;

    width: calc(100% - 170px);

    padding: 25px 0px;

    font: 1.7rem/1.7em 'Noto Sans JP', sans-serif;

    font-weight: 400; }

    .conference_list a:nth-of-type(1), .conference_list span:nth-of-type(1) {

      border-top: #C3C6CD 1px solid; }



@media (max-width: 768px) {

  .conference_list {

    margin: 0 auto 50px; }

    .conference_list time {

      width: 110px;

      padding: 15px 0;

      text-align: center; }

    .conference_list a {

      width: calc(100% - 120px);

      padding: 15px 0px; } }

/*max-width:768px*/

@media (max-width: 480px) {

  .conference_list {

    margin: 0 auto 50px; }

    .conference_list time {

      width: 100px;

      padding: 15px 0;

      font: 1.5rem/1.7em 'Open Sans', sans-serif;

      font-weight: 400;

      text-align: center; }

    .conference_list span {

      font: 1.5rem/1.7em 'Noto Sans JP', sans-serif;

      font-weight: 400;

      padding: 15px 0px; }

    .conference_list a {

      width: calc(100% - 110px);

      padding: 15px 0px;

      font: 1.5rem/1.7em 'Noto Sans JP', sans-serif;

      font-weight: 400; } }

/*max-width:480px*/

/*****************************************************************/

/*****************************************************************/

.monograph_list {

  margin: 0 auto 80px; }

  .monograph_list li {

    border-bottom: 1px solid #C3C6CD; }

    .monograph_list li:nth-of-type(1) {

      border-top: #C3C6CD 1px solid; }

  .monograph_list a {

    display: block;

    color: #4C5469;

    width: 100%;

    padding: 25px 0px;

    font: 1.5rem/1.7em 'Open Sans', sans-serif;

    font-weight: 400; }

    .monograph_list a:hover {

      color: #69A3D8; }



@media (max-width: 480px) {

  .monograph_list {

    margin: 0 auto 50px; }

    .monograph_list a {

      padding: 15px 0px;

      font: 1.5rem/1.7em 'Noto Sans JP', sans-serif;

      font-weight: 400; } }

/*max-width:480px*/

/*****************************************************************/

/*****************************************************************/

.research_topic_box h2 {

  font: 3.4rem/1.6em 'Noto Serif JP', serif;

  font-weight: 500;

  padding: 5px 0 0px 30px; }

  .research_topic_box h2 small {

    margin: 0 0 10px; }



.research_topic_list {

  margin: 0 auto 80px; }

  .research_topic_list li {

    border-bottom: 1px solid #C3C6CD; }

    .research_topic_list li:nth-of-type(1) {

      border-top: #C3C6CD 1px solid; }

  .research_topic_list a {

    display: block;

    color: #4C5469;

    padding: 25px 0px 25px  55px;

    font: 1.7rem/1.7em 'Noto Sans JP', sans-serif;

    font-weight: 400;

    position: relative; }

    .research_topic_list a:before {

      display: block;

      position: absolute;

      content: "";

      background: url("../images/performance/pdf_icon.svg") center center no-repeat;

      width: 28px;

      height: 36px;

      left: 15px;

      top: 20px; }

    .research_topic_list a:hover {

      color: #69A3D8; }



@media (max-width: 480px) {

  .research_topic_list {

    margin: 0 auto 50px; }

    .research_topic_list a {

      display: block;

      color: #4C5469;

      padding: 15px 0px 15px  45px;

      font: 1.5rem/1.7em 'Noto Sans JP', sans-serif;

      font-weight: 400;

      position: relative; }

      .research_topic_list a:before {

        display: block;

        position: absolute;

        content: "";

        background: url("../images/performance/pdf_icon.svg") center center no-repeat;

        background-size: contain;

        width: 24px;

        height: 30px;

        top: 50%;

        left: 10px;

        -webkit-transform: translate(0%, -50%);

        /* Safari用 */

        transform: translate(0%, -50%); }

      .research_topic_list a:hover {

        color: #69A3D8; } }

/*max-width:480px*/