@charset "UTF-8";
/* -------------------------------------------------- */
/* file   : research.css                                  */
/* update : 2020                                      */
/* -------------------------------------------------- */
#research .h1_wrap_bg {
  background: url(/research/img/mv.jpg) no-repeat bottom center/cover; }
  #research .h1_wrap_bg .h1_sub span {
    display: block; }
  #research .h1_wrap_bg .h1_text {
    width: 80%; }
  #research .h1_wrap_bg .h1 {
    text-align: left; margin-left: 20%;}
#research .sec_wrap {
  background: #e6ecf0;
  padding: 10px;
  margin-bottom: 100px; }
#research .h4 {
  color: #2f5080;
  font-size: 16px;
  margin-top: 45px;
  font-weight: bold; }

sup {
    vertical-align: super;
    font-size: x-small;
}

i{
	font-style: italic!important;
}
.catchphrase {
  font-family: 'Noto Serif JP', serif;
  text-align: center;
  font-size: 3.6vw;
  line-height: 1.3;
  margin: 35px 0;
  font-weight: 500;
  color: #2f5080; }

.research_text01 {
    font-size: 3.6vw;
    font-family: 'Noto Serif JP', serif;
    text-align: center;
    color: #2f5080;
    margin-bottom: 20px;
}

.research_text01 > small {
    font-size: 70%;
    font-family: 'Noto Serif JP', serif;
}

.letter_space02_pc {
  letter-spacing: -4px; }

.catchphrase02 {
  font-family: 'Noto Serif JP', serif;
  text-align: center;
  font-size: 3.6vw;
  line-height: 1.3;
  margin: 0 0 35px;
  font-weight: 500;
  color: #2f5080; }

.research_dl dt {
  color: #fff;
  text-align: right;
  box-sizing: border-box;
  position: relative;
  font-size: 25px;
  padding: 22px 100px 22px 25px;
  margin-bottom: 10px;
  background: url(/research/img/dt01_bg.png) #2f5080 no-repeat center left/auto; }
  .research_dl dt:after {
    content: '';
    width: 20px;
    height: 20px;
    position: absolute;
    border-top: #fff solid 3px;
    border-left: #fff solid 3px;
    right: 32px;
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
    top: 23px;
    right: 35px; }
  .research_dl dt.is-active:after {
    content: '×';
    line-height: 1;
    font-size: 50px;
    color: #fff;
    position: absolute;
    top: 10px;
    border: 0;
    transform: rotate(0deg); }
.research_dl #dt02 {
  background-image: url(/research/img/dt02_bg.png); }
.research_dl #dt03 {
  background-image: url(/research/img/dt03_bg.png); }
.research_dl #dt04 {
  background-image: url(/research/img/dt04_bg.png); }
.research_dl #dt05 {
  background-image: url(/research/img/dt05_bg.png); }
.research_dl #dt06 {
  background-image: url(/research/img/dt06_bg.png); }
.research_dl #dt07 {
  background-image: url(/research/img/dt07_bg.png); }
.research_dl dd {
  background: #fff;
  margin: 10px 0;
  padding: 40px 0 100px;
  display: none; }

.dd_wrap {
  max-width: 940px;
  padding: 0 20px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0 auto; }

.img_size {
  width: 68.5%;
  margin: 40px auto 70px; }

.img_size .img_tit {
    width: 75%;
    margin: 0 auto 20px; }

.img_size02 {
  width: 80%;
  text-align: center;
  margin: 40px auto 70px; }

.img_size02 .img_tit {
    width: 75%;
    margin: 0 auto 20px; }

.img_size100 {
  width: 100%;
  margin: 40px auto 70px; }

.img_size100 .img_tit {
    width: 75%;
    margin: 0 auto 20px; }

.img_tit {
  margin-bottom: 20px;
  background: #ffcdff;
  text-align: center;
  font-weight: bold;
  padding: 6px 0; }

.group_text {
  line-height: 1.6;
  word-break: break-all; }

.flex_research {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 95px; }

.flex_research02 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 50px 0 45px; }

.mb01 {
  margin-bottom: 0; }

.mb02 {
  margin-bottom: 45px; }

.mb03 {
  margin-bottom: 30px; }

.mb07 {
  margin-bottom: 70px; }

.mt01 {
  margin-top: 0; }

.flex_research01 {
  width: 44.5%; }

.flex_research_l {
  width: 45%; }

.flex_research_l02 {
  width: 36%; }

.flex_research_r {
  width: 52.7%; }

.flex_research_r02 {
  width: 61.7%; }

/*-------英文論文業績---------*/
#research.publications .sec_wrap {
  background: #fff; }

.year_select {
  width: 100%;
  box-sizing: border-box;
  border: solid 10px #e6ecf0;
  text-align: center;
  padding: 15px;
  background: #fff;
  margin-bottom: 20px; }

select {
  border: solid 1px #2f5080;
  padding: 10px;
  width: 215px;
  box-sizing: border-box;
  font-size: 20px;
  font-weight: bold; }

.years {
  color: #2f5080;
  font-size: 22px;
  display: inline-block;
  padding-right: 15px; }

.year_h2 {
  font-weight: bold;
  font-size: 40px;
  color: #2f5080;
  text-align: center; }

.publications_li li {
  width: 100%;
  box-sizing: border-box;
  padding: 20px;
  border: solid 1px #e6ecf0;
  margin-bottom: 20px;
  padding-left: 50px; }
  .publications_li li > span {
    text-indent: -30px;
    display: inline-block; }

/*----------------------------------------------------------*/
/* pc設定以上の横幅用のCSS */
/*----------------------------------------------------------*/
@media screen and (min-width: 1400px) {
  /* pc */
  .catchphrase {
    font-size: 50px; }

  .catchphrase02 {
    font-size: 50px; }

  /*--------------------------------------------------------*/ }
/*----------------------------------------------------------*/
/* pcホバー用のCSS */
/*----------------------------------------------------------*/
@media screen and (min-width: 560px) {
  /* pc */
  /*---------------------------------------------------------*/ }
/*----------------------------------------------------------*/
/* tablet用のCSS */
/*----------------------------------------------------------*/
@media screen and (max-width: 959px) {
  /* tablet */
  /* -------------------tablet END------------------------- */ }
/*----------------------------------------------------------*/
/* SP用のCSS */
/*----------------------------------------------------------*/
@media screen and (max-width: 559px) {
  /* sp */
	#research .h1_wrap_bg {
    margin-bottom: 0; }
    #research .h1_wrap_bg .h1_sub span {
      display: inline-block; }
    #research .h1_wrap_bg .h1_text {
      width: 100%; }
    #research .h1_wrap_bg .h1 {
      text-align: center;
      margin-left: 0; }
	
	.research_text01 {
    padding-top: 30px;}
	
  .catchphrase {
    font-size: 20px; }

  .catchphrase02 {
    font-size: 20px;
    margin: 0 0 17px; }

  .research_dl dt {
    font-size: 18px;
    text-shadow: -1px -2px 3px #000;
    padding: 13px 50px 13px 15px;
    background-size: auto 100%; }
    .research_dl dt:after {
      width: 15px;
      height: 15px;
      top: 13px;
      right: 19px; }
    .research_dl dt.is-active::after {
      font-size: 40px;
      text-shadow: none;
      top: 5px;
      right: 25px; }
  .research_dl dd {
    padding: 20px 10px 50px; }

  .img_size {
    width: 100%;
    margin: 20px 0px; }
    .img_size .img_tit {
      width: 100%;
      margin: 0px auto 10px; }

  .img_tit {
    padding: 3px 0; }

  .flex_research {
    margin-top: 45px; }

  .flex_research01 {
    width: 100%; }
    .flex_research01:last-child {
      margin-top: 25px; }

  .flex_research02 {
    margin: 25px 0 20px; }

  .flex_research_l {
    width: 100%; }
	
  .flex_research_l02 {
    width: 100%; 
	text-align: center;}	

  .flex_research_r {
    width: 100%;
    margin-top: 25px; }
	
  .flex_research_r02 {
    width: 100%;
    margin-top: 25px; }

  #research .h4 {
    font-size: 15px;
    margin-top: 25px; }

  .mb01 {
    margin-bottom: 0; }

  .mb02 {
    margin-bottom: 25px; }

  .mb03 {
    margin-bottom: 15px; }
	
  .mb07 {
    margin-bottom: 20px; }

  .mt01 {
    margin-top: 0; }

  .dd_wrap {
    padding: 0; }

  /*-------英文論文業績---------*/
  .year_select {
    width: 100%;
    box-sizing: border-box;
    border: solid 10px #e6ecf0;
    text-align: center;
    padding: 15px;
    background: #fff;
    margin-bottom: 20px; }

  select {
    border: solid 1px #2f5080;
    padding: 10px;
    width: 115px;
    box-sizing: border-box;
    font-size: 16px;
    font-weight: bold; }

  .years {
    font-size: 18px;
    padding-right: 10px; }

  .year_h2 {
    font-weight: bold;
    font-size: 20px;
    color: #2f5080;
    text-align: center; }

  .publications_li li {
    width: 100%;
    box-sizing: border-box;
    padding: 20px;
    border: solid 1px #e6ecf0;
    margin-bottom: 20px;
    padding-left: 50px; }
    .publications_li li > span {
      text-indent: -30px;
      display: inline-block; }

  /*----------------------------------------------------------*/ }
