@charset "utf-8";

/* 親CSS 
@import url(https://www.sony.com/en/css/reset.css);
@import url(https://cdnjs.cloudflare.com/ajax/libs/Swiper/5.4.5/css/swiper.min.css);
@import url(style2.css);*/









/* --------------------
* @import css
--------------------*/
@import url(style-base.css);
@import url(style-header_footer.css);



/* --------------------
* index.html - main visual area
--------------------*/
.rdc_visual {
  overflow: hidden;
  position: relative;
  z-index: 1;
  width: 100%;
  text-align: center;
  background-color: #101319;
}
.rdc_visual::before,
.rdc_visual::after {
  content: "";
  display: block;
}
.rdc_visual::before {
  padding-top: 37.5%;
}
.rdc_visual::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  display: block;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.35);
}
@media (max-width:640px) {
  .rdc_visual {
    height: 562px;
  }
}
@media (min-width:641px) {
  .rdc_visual {
    min-width: 1230px;
    height: auto;
  }
}


/* --------------------
* index.html - main visual & movie
--------------------*/
.rdc_video {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  height: 100%;
}
.rdc_visual-movie {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
}

.rdc_visual-movie-fix {
  position: fixed;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  height: 100%;
  top: 44px;
}
.rdc_visual-bg {
  position: relative;
  left: 50%;
  z-index: 2;
  width: auto;
  height: 100%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.sdtop-header-videoctrl-play {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 100;
  width: 35px;
  height: 35px;
}
.sdtop-header-videoctrl-play-btn,
.sdtop-header-videoctrl-play-canvas {
  display: block;
  width: 100%;
  height: 100%;
}
.sdtop-header-videoctrl-play-btn {
  position: relative;
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  opacity: 0.9;
  cursor: pointer;
}
.sdtop-header-videoctrl-play-icon {
  width: 7px;
  height: 7px;
  background-size: contain;
  background-image: url(../images/home/icon-pause.svg);
}
.sdtop-header-videoctrl-play-btn.paused .sdtop-header-videoctrl-play-icon {
  width: 7px;
  height: 7px;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url(../images/home/icon-play.svg);
}
.sdtop-header-videoctrl-play-icon svg {
  width: 100%;
  height: auto;
  vertical-align: top;
}
.sdtop-header-videoctrl-play-canvas {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
@media (min-width:641px) {
  .rdc_visual-movie {
    position: relative;
    z-index: 2;
    width: 100%;
  }
  .rdc_visual-movie-fix {
    z-index: 2;
    width: 100%;
    min-width: 1430px;
    top: 68px;
}
  .sdtop-header-videoctrl-play {
    width: 70px;
    height: 70px;
  }
  .sdtop-header-videoctrl-play-icon {
    width: 13px;
    height: 13px;
    background-image: url(../images/home/icon-pause.svg);
  }
  .sdtop-header-videoctrl-play-btn.paused .sdtop-header-videoctrl-play-icon {
    width: 13px;
    height: 13px;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(../images/home/icon-play.svg);
  }
}

/* --------------------
* index.html - main visual text
--------------------*/
.rdc_home_visual-inner {
  z-index: 3;
  padding-left: 20px;
  padding-right: 20px;
  color: #fff;
  text-shadow: 0 0 4px rgba(0,0,0,.8);
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.rdc_visual-inner {
  position: relative;
  z-index: 3;
  padding-left: 20px;
  padding-right: 20px;
  color: #fff;
  text-shadow: 0 0 4px rgba(0,0,0,.8);
}
.rdc_home_visual-copy {
  font-size: 1.875rem;
  font-weight: 400;
  line-height: 1.333;
    font-family: "SST W20 Bold", "sans-serif", "SST W20 Boldlrthp"!important;
}
.rdc_visual-copy {
  margin: 0 0 36px 0.75em;
  font-size: 1.75rem;
  font-weight: 400;
  letter-spacing: 0.3em;
  line-height: 1.5714;
}
.rdc_home_visual-text {
  margin: 0 0 29px;
  font-size: 0.8125rem;
  line-height: 2;
  letter-spacing: 0.05em;
}
.rdc_visual-text {
  margin: 0 0 29px;
  font-size: 0.8125rem;
  line-height: 2;
  letter-spacing: 0.05em;
}
.rdc_visual .rdc_btn-more {
  margin: 0 auto;
  width: 11.8125rem;
  font-size: 0.6875rem;
}
.rdc_visual .rdc_btn-more:hover,
.rdc_visual .rdc_btn-more:focus {
  text-shadow: none;
}
@media (min-width:641px) {
  .rdc_visual-inner {
    margin-top: 0;
    -webkit-transform: none;
            transform: none;
  }
  .rdc_visual-copy {
    margin: 0 0 15px;
    font-size: 2.125rem;
    letter-spacing: 0.34em;
    line-height: 1;
  }
  .rdc_visual-text {
    margin: 0 0 17px;
    font-size: 0.9375rem;
    line-height: 2;
    letter-spacing: 0.05em;
  }
  .rdc_visual .rdc_btn-more {
    width: 12.5rem;
    font-size: 0.75rem;
    letter-spacing: 0.09em;
  }
}
@media (min-width:1191px) {
  .rdc_visual-copy {
    margin-bottom: calc(15 / 1190*100vw);
  }
  .rdc_visual-text {
    margin-bottom: calc(17 / 1190*100vw);
  }
}
@media (min-width:1431px) {
  .rdc_visual-inner {
    top: auto;
  }
  .rdc_visual-copy {
    margin-bottom: 47px;
  }
  .rdc_visual-text {
    margin-bottom: 59px;
  }
}

.rdc_visual-accordion {
  margin-top: 20px !important;
}
.rdc_visual-accordion-fix {
  margin-top: 20px !important;
  position: absolute;
  bottom: 17px;
}
.rdc_visual-accordion-btn,
.rdc_visual-accordion-text {
  padding: 0 !important;
  font-size: 0.75rem !important;
  font-weight: 400 !important;
  line-height: 1.5 !important;
  letter-spacing: 0.05em;
}
.rdc_visual-accordion-btn {
  margin-top: 0 !important;
  margin-bottom: 12px !important;
}
.rdc_visual-accordion-btn svg {
  margin-right: 10px;
  -webkit-transition: 0.3s -webkit-transform;
  transition: 0.3s -webkit-transform;
  transition: 0.3s transform;
  transition: 0.3s transform, 0.3s -webkit-transform;
}
.rdc_visual-accordion-btn[aria-expanded="true"] svg {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);

}

/* --------------------
* home page visual after
--------------------*/
.rdc_visual_after {
  position: relative;
  z-index: 10;
  width: 100%;
  background-color: #F5F5F5;
}



/* --------------------
* main content - heading
--------------------*/
.rdc_heading {
  margin-top: 0;
}
.rdc_homepage .rdc_heading {
  text-align: center;
}



/* --------------------
* home page - top | July 2023
--------------------*/

.rdc_top{
  background-color: #fff;
}
.rdc_top div.rdc_container {
  padding: 80px 0 216px;
}
.rdc_container-w20fix{
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
}
.rdc_top p{
  text-align: center;
}
.rdc_menu-nav{
  background-color: #EEEEEE;
  padding-bottom: 20px;/* fotter margin */
  position: relative;
}
ul.rdc_menu-nav-wrap {
  list-style: none;
  padding-inline-start: initial;
  margin-block-start: initial;
  margin-block-end: initial;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  position: relative;
  top:-124px;
}
li.rdc_menu-nav-list {
  position: relative;
  overflow: hidden;
  aspect-ratio: 1 / 1;
}
.rdc_menu-nav-list:after {
  position: absolute;
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -ms-transition: all .3s ease-out;
  transition: all .3s ease-out;
}
.rdc_menu-nav-list:hover:after {
  opacity: .8;
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
.rdc_menu-nav-list a {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  z-index: 1;
  height: 100%;
  text-decoration: none;
  color: #fff;
  background-color: rgba(0,0,0,0.55);
  cursor: pointer;
}

/* rdc_menu-nav:after unique */
.rdc_menu-nav-1:after{background: url("../images/home/nav-1-blog.jpg") no-repeat center center;}
.rdc_menu-nav-2:after{background: url("../images/home/nav-2-portfolio.jpg") no-repeat center center;}
.rdc_menu-nav-3:after{background: url("../images/home/nav-3-publications.jpg") no-repeat center center;}
.rdc_menu-nav-4:after{background: url("../images/home/nav-4-research.jpg") no-repeat center center;}
.rdc_menu-nav-5:after{background: url("../images/home/nav-5-recruit.jpg") no-repeat center center;}
.rdc_menu-nav-6:after{background: url("../images/home/nav-6-about.jpg") no-repeat center center;}
.rdc_menu-nav-1:after,.rdc_menu-nav-2:after,
.rdc_menu-nav-3:after,.rdc_menu-nav-4:after,
.rdc_menu-nav-5:after,.rdc_menu-nav-6:after{
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -ms-background-size: cover;
  background-size: cover;
}


/* --------------------
* home page - top contents | July 2023
--------------------*/

.rdc_top-description {
  margin: 0;
}
.rdc_menu-nav-ttl{
  font-family: "SST W20 Bold", "sans-serif", "SST W20 Boldlrthp"!important;
}
.rdc_menu-nav-txt{
  font-size: 0.875rem;
  line-height: 1.333;
  letter-spacing: 0.05rem;
  margin-top: 0.4375rem;
  margin-bottom: 0;
}


@media (min-width:641px) {

/* common *//* lapel */
.sp-lapel{display: none;}
.pc-lapel{}
/* top */
.rdc_container-w20fix{
  width: 1230px;
}
li.rdc_menu-nav-list {
  width: 375px;
}
.rdc_menu-nav-list:nth-child(1),
.rdc_menu-nav-list:nth-child(2),
.rdc_menu-nav-list:nth-child(3){
  margin-bottom: 30px;
}
.rdc_top-description {
  line-height: 2;/* en */
  letter-spacing: 0.02rem;/* en */
  font-size: 1rem;/* en */
  padding-left: 20px;
  padding-right: 20px;
}
.rdc_menu-nav-ttl{
  font-size: 1.875rem;
  line-height: 1.333;
  letter-spacing: 0.04rem;
}
/* accordion pos expand */
.rdc-va-expand:has( > [aria-expanded="false"]) {
  bottom: 17px;
  transition: 0.3s;
}
.rdc-va-expand:has( > [aria-expanded="true"]) {
  bottom: 27px;
  transition: 0.3s;
}
.rdc_visual-accordion-text {
  height: initial;
}


}
@media (max-width:640px) {

/* common *//* lapel */
.sp-lapel{display: contents;}
.pc-lapel{display: none;}

.rdc_visual-accordion-fix {
  bottom: 0px;
}
/* top */
.rdc_container-w20fix{
  width: 100%;
}
li.rdc_menu-nav-list {
  width: 100%;
}
.rdc_menu-nav-list:nth-child(1),
.rdc_menu-nav-list:nth-child(2),
.rdc_menu-nav-list:nth-child(3),
.rdc_menu-nav-list:nth-child(4),
.rdc_menu-nav-list:nth-child(5){
  margin-bottom: 20px;
}
.rdc_menu-nav-list:nth-child(6){
  margin-bottom: -62px;
}
.rdc_top-description {
  line-height: 1.714;/* en */
  letter-spacing: 0rem;/* en */
  font-size: 0.875rem;/* en */
  padding-left: 20px;
  padding-right: 20px;
}
.rdc_menu-nav-ttl{
  font-size: 1.75rem;
  line-height: 1.25;
  letter-spacing: 0.04rem;
}
/* accordion pos expand */
.rdc-va-expand:has( > [aria-expanded="false"]) {
  bottom: 0px;
  transition: 0.3s;
}
.rdc-va-expand:has( > [aria-expanded="true"]) {
  bottom: 15px;
  transition: 0.3s;
}
.rdc_visual-accordion-text {
  height: initial;
}

}






/* --------------------
* index.html & publications/index.html
* publications list
--------------------*/
.js-shuffle {
  margin-right: 10px;
  border-top: 1px solid #ccc;
}
.rdc_nothing {
  border-top: 1px solid #ccc;
}
.rdc_nothing ul {
  text-align: center;
  list-style: none;
  display: none;
}
.rdc_nothing li {
  margin:50px 0;
}
.rdc_public .rdc_container {
  margin-top: 0 !important;
}
.rdc_public .rdc_publications {
  border-top: 1px solid #ccc;
}
.rdc_publications {
  margin: 0 10px 0 0;
  padding-top: 32px;
  padding-bottom: 32px;
  border-bottom: 1px solid #ccc;
  font-size: 0.8125rem;
  line-height: 1.53846;
}
.rdc_public .rdc_publications + .rdc_publications {
  margin-top: -1px;
}
.rdc_publications-title {
  margin-bottom: 12px;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.4375;
}
.rdc_publications-title a {
  text-decoration: underline;
}
.rdc_publications-title a:hover,
.rdc_publications-title a:focus {
  opacity: 0.7;
}
.rdc_publications-year,
.rdc_publications-authors,
.rdc_publications-longform,
.rdc_publications-techcategory {
  margin-top: 8px;
  margin-left: 0;
}
.rdc_public .rdc_publications-longform {
  margin-top: 0;
}
.rdc_publications-techcategory {
  display: inline-block;
  margin-top: 12px;
  padding: 0;
  font-size: 0.75rem;
  line-height: 2;
}
.js-shuffle .rdc_publications-year,
.js-shuffle .rdc_publications-authors,
.js-shuffle .rdc_publications-longform {
  margin-top: 2px;
}
.js-shuffle .rdc_publications-longform {
  font-size: 0.875rem;
  line-height: 1.642;
}
.js-shuffle .rdc_publications-techcategory {
  padding: 0;
  border: none;
  font-size: 0.75rem;
  font-weight: 700;
}
.rdc_public .rdc_more {
  margin-top: 60px;
}

.rdc_publications-authors {
  margin-right: 40px;
}
.rdc_publications-abstract-label {
  content: "Abstract";
  display: inline-block;
  margin-left: 18px;
  padding: 0 8px;
  border: 1px solid #767676;
  border-radius: 2px;
  background-color: #767676;
  color: #fff;
  font-size: 0.75rem;
  line-height: 2;
  -webkit-transition: 0.3s background-color;
  transition: 0.3s background-color;
}
.rdc_publications-abstract-label:hover,
.rdc_publications-abstract-label:focus {
  background-color: #101319;
  color: #fff;
}
@media (min-width:641px) {
  .js-shuffle .rdc_publications {
    padding-left: 29px;
  }

  .rdc_publications-authors {
    margin-right: 100px;
  }
}


/* --------------------
* index.html & research-areas/index.html
* research areas section
--------------------*/
.rdc_researchareas {
  background-color: #21252E;
}
.rdc_researchareas .rdc_container {
  margin-top: 0 !important;
}
.rdc_researchareas .rdc_heading {
  margin-bottom: 40px;
  background-color: #21252E;
  color: #fff;
  font-size: 1.125rem;
  line-height: 1;
  letter-spacing: 0.4em;
}
@media (max-width:640px) {
  .rdc_researchareas {
    padding-top: 70px;
    padding-bottom: 40px;
  }
}
@media (min-width:641px) {
  .rdc_researchareas {
    padding-top: 120px;
    padding-bottom: 140px;
  }
  .rdc_researchareas .rdc_heading {
    margin-bottom: 70px;
    font-size: 1.375rem;
  }
}



/* --------------------
* index.html & research-areas/index.html
* research areas list
--------------------*/
.rdc_researchareas-links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.rdc_researchareas-link > a {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 10px;
  text-align: center;
  background-color: #F5F5F5;
  color: #555;
  text-decoration: none;
  -webkit-transition: background-color 0.3s, color 0.3s;
  transition: background-color 0.3s, color 0.3s;
    min-height: 112px;
    height: 100%;
}
.rdc_researchareas-link > a:hover,
.rdc_researchareas-link > a:focus {
  background-color: #21252E;
  color: #fff;
}
.rdc_researchareas-link-title {
  min-height: 3em;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1.3333;
}
@media (max-width:640px) {
  .rdc_researchareas-links {
    margin-top: -7px;
    margin-bottom: 120px !important;
    margin-left: 3px;
    margin-right: 3px;
  }
  .rdc_researchareas-link {
    padding: 7px;
    width: 50%;
  }
}
@media (min-width:641px) {
  .rdc_researchareas-links {
	margin: -10px auto 120px;
  }
  .rdc_researchareas-link {
    width: 50%;
    padding: 15px;
  }
  .rdc_researchareas-link > a {
    padding: 18px 6px;
    height: 10.25rem;
  }
  .rdc_researchareas .rdc_researchareas-link > a {
    padding: 18px 20px;
  }
  .rdc_researchareas-link-title {
    min-height: 4em;
    font-size: 0.875rem;
    line-height: 1.5;
  }
}

.rdc_researchareas .rdc_researchareas-link > a {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  border: 1px solid transparent;
}
.rdc_researchareas .rdc_researchareas-link > a:hover,
.rdc_researchareas .rdc_researchareas-link > a:focus {
  border: 1px solid #5d5d5d;
}
.rdc_researchareas-links_page .rdc_researchareas-link > a {
  background-color: #F5F5F5;
}
.rdc_researchareas-links_page .rdc_researchareas-link > a:hover,
.rdc_researchareas-links_page .rdc_researchareas-link > a:focus {
  background-color: #555;
  color: #fff;
}
.rdc_researchareas-links_page .rdc_researchareas-link-title {
  margin-bottom: 1rem;
  min-height: auto;
}
.rdc_rasub-aside .rdc_researchareas-link-title {
  font-size: 0.75rem;
  line-height: 1.27;
}
@media (max-width:640px) {
  .rdc_researchareas .rdc_researchareas-links,
  .rdc_researchareas-links_page .rdc_researchareas-links {
    margin: -8px -7px;
  }
  .rdc_researchareas .rdc_researchareas-link {
    padding: 8px 7px;
  }
  .rdc_researchareas-links_page .rdc_researchareas-link {
    padding: 6px 7px;
    width: 100%;
  }
  .rdc_researchareas .rdc_researchareas-link > a {
    padding-top: 12px;
    padding-bottom: 14px;
    height: 112px;
  }
  .rdc_researchareas-links_page .rdc_researchareas-link > a {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    height: 100%;
  }
  }
  .rdc_researchareas-links_page .rdc_researchareas-link-title {
    margin-bottom: 0.5rem;
  }
  .rdc_researchareas-links_page .rdc_researchareas-link-text {
    font-size: 0.6875rem;
    line-height: 1.5;
  }
@media (min-width:641px) {
  .rdc_researchareas .rdc_researchareas-links {
    margin: -10px -12px;
  }
  .rdc_researchareas .rdc_researchareas-link {
    padding: 10px 12px;
  }
  .rdc_researchareas-links_page .rdc_researchareas-link {
    position: relative;
	width: 50%;
  }
  .rdc_researchareas .rdc_researchareas-link > a {
    padding-top: 29px;
    padding-bottom: 15px;
    height: 164px;
  }
  .rdc_researchareas-links_page .rdc_researchareas-link > a {
    -webkit-box-pack: flex-end;
        -ms-flex-pack: flex-end;
            justify-content: flex-end;
  }
  .rdc_researchareas-links_page .rdc_researchareas-link-title {
    font-size: 1.125rem;
    line-height: 1.375;
  }
  .rdc_researchareas-links_page .rdc_researchareas-link-text {
    font-size: 0.8125rem;
    line-height: 1.384;
    letter-spacing: 0.04em;
	width: 280px;
  }
  .rdc_rasub-aside .rdc_researchareas-link-title {
    line-height: 1.3333;
    letter-spacing: 0;
  }
}

.rdc_rasub-aside {
  padding-top: 86px;
  padding-bottom: 38px;
  background-color: #E3E3E3;
}
.rdc_lfd-aside.rdc_rasub-aside .rdc_heading {
  text-align: center;
  font-size: 1.125rem;
  font-weight: 400;
  letter-spacing: 0.4em;
  text-transform: uppercase;
}
.rdc_rasub-aside .rdc_researchareas-link > a {
  background-color: #fff;
}
@media (max-width:640px) {
  .rdc_rasub-aside {
    padding-top: 55px;
  }
}
@media (max-width:640px) {
  .rdc_rasub-aside .rdc_researchareas-link > a {
    min-height: 112px;
    height: 100%;
  }
}
@media (min-width:641px) {
  .rdc_rasub-aside {
    padding-top: 48px;
    width: 100% !important;
    padding-bottom: 108px;
    background-color: #E3E3E3;
  }
  .rdc_rasub-aside .rdc_container {
    width: 1026px;
  }
}



/* --------------------
* index.html
* research areas & join us
--------------------*/
.rdc_about,
.rdc_joinus {
  position: relative;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 340px;
  background-color: #3d3d3d;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  color: #fff;
  text-shadow: 0 0 4px rgba(0,0,0,.8);
}
.rdc_about .rdc_container,
.rdc_joinus .rdc_container {
  margin-top: 0 !important;
}
.rdc_container-jo {
  margin: 0 auto;
}
.rdc_about > *,
.rdc_joinus > * {
  position: relative;
  z-index: 10;
}
.rdc_about .rdc_heading,
.rdc_joinus .rdc_heading {
  font-size: 1.125rem;
  line-height: 1;
  letter-spacing: 0.3em;
}
.rdc_about p,
.rdc_joinus p {
  margin-top: 20px;
  margin-bottom: 30px;
  font-size: 0.8125rem;
  line-height: 1.923;
  letter-spacing: 0.05em;
}
.rdc_about p {
  text-align: center;
}
.rdc_about-img,
.rdc_joinus-img {
  position: absolute;
  top: 50%;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
}
.rdc_about .rdc_btn-more,
.rdc_joinus .rdc_btn-more {
  text-shadow: none;
}
@media (max-width:640px) {
  .rdc_joinus p {
    text-align: center;
  }
}
@media (min-width:641px) {
  .rdc_about,
  .rdc_joinus {
    height: 420px;
  }
  .rdc_about .rdc_heading,
  .rdc_joinus .rdc_heading {
    font-size: 1.375rem;
    letter-spacing: 0.3em;
  }
  .rdc_joinus .rdc_heading {
    text-align: left;
  }
  .rdc_about p,
  .rdc_joinus p {
    margin-bottom: 38px;
    font-size: 0.9375rem;
    line-height: 1.866;
  }
  .rdc_about p {
    margin-top: 30px;
  }
  .rdc_joinus p {
    margin-top: 34px;
  }
}



/* --------------------
* index.html - about
--------------------*/
.rdc_about {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.rdc_about-img {
  background-image: url(../images/home/about-bg-sp.jpg);
  background-position: center center;
}
@media (min-width:641px) {
  .rdc_about p {
    text-align: center;
  }
  .rdc_about-img {
    background-image: url(../images/home/about-bg.jpg);
  }
}



/* --------------------
* home page join us
--------------------*/
@media (max-width:640px) {
  .rdc_joinus-img {
    background-image: url(../images/home/joinus-bg-sp.jpg);
    background-position: 54% center;
    background-size: auto 100%;
  }
  .rdc_joinus .rdc_btn-more {
    margin-left: auto;
    margin-right: auto;
  }
}
@media (min-width:641px) {
  .rdc_joinus-img {
    background-image: url(../images/home/joinus-bg.jpg);
    background-position: center 35%;
  }
}



/* --------------------
* 2column layout style
--------------------*/
.rdc_row,
.rdc_row3 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -30px;
  margin-right: -30px;
}
.rdc_column-main,
.rdc_column-side {
  padding-left: 30px;
  padding-right: 30px;
}
@media (max-width:640px) {
  .rdc_row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-bottom: 120px;
  }
  .rdc_column-side {
    margin-bottom: 60px;
  }
}
@media (min-width:641px) {
  .rdc_row {
    margin-left: -20px;
    margin-right: -20px;
    margin-bottom: 120px;
  }
  .rdc_row3 {
    margin-left: -20px;
    margin-right: -20px;
  }
  .rdc_column-main,
  .rdc_column-side {
    padding-left: 20px;
    padding-right: 20px;
  }
  .rdc_column-side {
    -ms-flex-preferred-size: 312px;
        flex-basis: 312px;
  }
  .rdc_column-main {
    -ms-flex-preferred-size: 822px;
        flex-basis: 822px;
    margin-left: auto;
  }
}



/* --------------------
* common style
--------------------*/
.rdc_title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 0 70px;
  padding-left: 20px;
  padding-right: 20px;
  height: 320px;
  text-align: center;
  background-color: #000;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  color: #fff;
  letter-spacing: 0.4em;
}
.rdc_title .rdc_container,
.rdc_title .rdc_box {
  margin-top: 0 !important;
  margin-left: 0;
  margin-right: 0;
}
.rdc_title h1 {
  font-size: 1.5rem;
  font-weight: 400;
}
.rdc_title .rdc_container {
  padding-left: 0;
  padding-right: 0;
}
@media (min-width:641px) {
  .rdc_title {
    margin: 0 0 102px;
  }
  .rdc_title h1 {
    font-size: 1.75rem;
    letter-spacing: 0.4em;
  }
}
.rdc_img-fluid {
  max-width: 100%;
  height: auto;
}
.rdc_img-fluid2 {
  width: 100%;
  height: auto;
}
.rdc_clearfix::after {
  content: "";
  clear: both;
  display: block;
}
.rdc_text_center {
  text-align: center;
  font-size: 1.125rem;
  line-height: 1.7777;
  letter-spacing: 0.02em;
}

/* --------------------
* publications/index.html
* publications/abstract-xxxx.html
--------------------*/
.rdc_title-publications {
  margin: 0;
  height: 280px;
  background-color: #3D3D3D;
  background-image: url(../images/publications/title-bg-sp.jpg);
  background-position: center center;
  background-size: cover;
  text-transform: uppercase;
}
.rdc_title-publications_single {
  height: 320px;
  background-color: #F5F5F5;
  color: #3D3D3D;
}
.rdc_title-publications_single h1 {
  text-align: left;
  letter-spacing: 0.019em;
  width: 1230px;
  padding-left: 20px !important;
  padding-right: 20px !important;
}
.rdc_heading-publications {
  margin-bottom: 28px;
  text-align: left;
  font-size: 1.125rem;
  letter-spacing: 0.04em;
}
@media (max-width:374px) {
  .rdc_publications-page .rdc_row {
    margin-left: -20px;
    margin-right: -20px;
  }
}
@media (max-width:640px) {
 .rdc_title-publications_single h1 {
   font-size: 1.25rem;
 }
  .rdc_publications-page .rdc_column-side {
    border-top: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
    padding-left: 0;
    padding-right: 0;
    background-color: #F5F5F5;
  }
  .rdc_side-publications-note {
    padding-left: 20px;
    padding-right: 20px;
  }
  .rdc_publications-page .rdc_column-side .rdc_heading-publications {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding-left: 20px;
    padding-right: 20px;
    height: 54px;
  }
  .rdc_publications-page .rdc_column-side .rdc_heading-publications::before,
  .rdc_publications-page .rdc_column-side .rdc_heading-publications::after {
    content: "";
    position: absolute;
    display: block;
    background-color: #737474;
  }
  .rdc_publications-page .rdc_column-side .rdc_heading-publications::before {
    top: 26px;
    right: 20px;
    width: 16px;
    height: 2px;
  }
  .rdc_publications-page .rdc_column-side .rdc_heading-publications::after {
    top: 19px;
    right: 27px;
    width: 2px;
    height: 16px;
    -webkit-transition: transform .3s;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s;
  }
  .rdc_publications-page .rdc_column-side .rdc_heading-publications[aria-expanded="true"]::after {
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
  }
}
@media (min-width:641px) {
  .rdc_title-publications {
    margin-bottom: 102px;
    background-image: url(../images/publications/title-bg.jpg);
  }
  .rdc_publications-page .rdc_heading-publications {
    padding: 0;
  }
}


/* --------------------
* publications/index.html - sidebar
--------------------*/
.rdc_side-publications {
  border-top: 1px solid #CCCCCC;
  background-color: #fff;
  font-size: 0.875rem;
}
.rdc_publications-accordion-inner .rdc_side-publications:last-of-type {
  border-bottom: 1px solid #CCCCCC;
}
.rdc_side-publications .rdc_side-section-heading {
  position: relative;
  margin-bottom: 20px;
  padding: 0;
  font-size: 1rem;
  font-weight: 700;
  -webkit-transition: margin-bottom .3s, opacity .3s;
  transition: margin-bottom .3s, opacity .3s;
}
.rdc_side-publications .rdc_side-section-heading:hover,
.rdc_side-publications .rdc_side-section-heading:focus {
  opacity: .7;
}
.rdc_side-publications .rdc_side-section-heading::before,
.rdc_side-publications .rdc_side-section-heading::after {
  content: "";
  position: absolute;
  display: block;
  background-color: #737474;
}
.rdc_side-publications .rdc_side-section-heading::before {
  top: 9px;
  right: 0;
  width: 16px;
  height: 2px;
}
.rdc_side-publications .rdc_side-section-heading::after {
  top: 2px;
  right: 7px;
  width: 2px;
  height: 16px;
  -webkit-transition: transform .3s;
  -webkit-transition: -webkit-transform .3s;
  transition: -webkit-transform .3s;
  transition: transform .3s;
  transition: transform .3s, -webkit-transform .3s;
}
.rdc_side-publications .rdc_side-section-heading[aria-expanded="true"]::after {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
.rdc_side-section-heading[aria-expanded="false"] {
  padding-bottom: 0;
}
.rdc_side-publications .rdc_side-section-heading svg {
  margin-right: 16px;
}
.rdc_side-publications .rdc_side-section-body {
  padding: 0 0 20px;
  line-height: 2;
}
.rdc_publications-accordion-inner {
  height: auto !important;
}
.rdc_side-publications-note {
  font-size: 0.6875rem;
  letter-spacing: 0.05em;
  line-height: 1.8181;
}
.rdc_side-publications_sort select:focus,
.rdc_side-publications_research input[type="checkbox"]:focus + .rdc_side-publications_checkbox,
.rdc_side-publications_dates input[type="checkbox"]:focus + .rdc_side-publications_checkbox {
  border: 2px solid #3D3D3D !important;
}
@media (max-width:640px) {
  .rdc_publications-accordion-inner {
    padding: 0 !important;
  }
  .rdc_side-publications {
    background-color: #F5F5F5;
  }
  .rdc_publications-accordion-inner .rdc_side-publications {
    margin-bottom: 0;
  }
  .rdc_publications-accordion-inner .rdc_side-section-heading {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin: 0 !important;
    padding-left: 20px;
    padding-right: 20px;
    height: 54px;
  }
  .rdc_side-publications .rdc_side-section-heading::before {
    top: 26px;
    right: 20px;
  }
  .rdc_side-publications .rdc_side-section-heading::after {
    top: 19px;
    right: 27px;
  }
  .rdc_publications-accordion-inner .rdc_side-section-body {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (min-width:641px) {
  .rdc_side-publications {
    padding-top: 35px !important;
    padding-bottom: 15px !important;
  }
  .rdc_publications-page .rdc_publications-accordion-inner {
    display: block !important;
    margin-top: 36px;
    padding: 0;
  }
}

/* --------------------
* publications/index.html - sidebar filter
--------------------*/
@media (max-width:640px) {
  .rdc_column-main .rdc_heading-publications {
    display: none;
  }
}

.rdc_side-publications label {
  overflow: hidden;
  position: relative;
  display: inline-block;
  font-size: 0.875rem;
}
.rdc_side-publications input[type="checkbox"] {
  position: absolute;
  left: -100%;
  top: -100%;
}
.rdc_side-publications_checkbox {
  position: relative;
  top: 3px;
  display: inline-block;
  margin-right: 16px;
  width: 16px;
  height: 16px;
  border: 1px solid #BBBBBB;
  border-radius: 3px;
  background-color: #fff;
  -webkit-transition: border-color .3s, background-color .3s;
  transition: border-color .3s, background-color .3s;
}
.rdc_side-publications input[type="checkbox"]:checked + .rdc_side-publications_checkbox {
  border: 1px solid #3d3d3d;
  background-color: #3d3d3d;
}
.rdc_side-publications_checkbox::before,
.rdc_side-publications_checkbox::after {
  content: "";
  position: absolute;
  bottom: 5px;
  display: block;
  border: 1px solid #fff;
}
.rdc_side-publications_checkbox::before {
  left: 1px;
  width: 5px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.rdc_side-publications_checkbox::after {
  left: 3px;
  width: 11px;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.rdc_side-publications-select {
  position: relative;
}
.rdc_side-publications-select::before,
.rdc_side-publications-select::after {
  content: "";
  position: absolute;
  top: 50%;
  z-index: 1;
  display: block;
  margin-top: -1px;
  width: 10px;
  height: 0;
  border: 1px solid #3d3d3d;
}
.rdc_side-publications-select::before {
  right: 15px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.rdc_side-publications-select::after {
  right: 10px;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.rdc_side-publications-select select {
  position: relative;
  z-index: 2;
  display: block;
  width: 100%;
  height: 40px;
  padding-left: 10px;
  padding-right: 10px;
  border: 1px solid #3d3d3d;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: transparent;
  cursor: pointer;
}
.rdc_side-publications label {
  -webkit-transition: color .3s;
  transition: color .3s;
}
.rdc_side-publications label:hover,
.rdc_side-publications label:focus {
  color: #8B8B8B;
}
.rdc_side-publications label > input[type="checkbox"] {
  margin-right: 10px;
}



/* --------------------
* publications/index.html
* publications/abstract-xxxx.html
--------------------*/
.rdc_pager {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 120px 0 0;
  padding-left: 0;
}
.rdc_pager li {
  list-style-type: none;
}
.rdc_pager .pageNumbers {
  margin-left: 25px;
  margin-right: 25px;
}
.rdc_pager button {
  width: 40px;
  height: 40px;
  border: 1px solid #555555;
  border-radius: 4px;
  -webkit-transition: opacity 0.6s;
  transition: opacity 0.6s;
}
.rdc_pager li:not(.disabled) button {
  cursor: pointer;
}
.rdc_pager li:not(.disabled) button:hover,
.rdc_pager li:not(.disabled) button:focus,
.rdc_pager .disabled button {
  opacity: 0.4;
}
.rdc_pager button svg {
  stroke: #555555;
  fill: transparent;
}



/* --------------------
* publications/abstract - side data
--------------------*/
.rdc_abstract-data dt {
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: 0.04em;
}
.rdc_abstract-data dd + dt {
  margin-top: 40px;
}
.rdc_abstract-data dd {
  margin-left: 0;
  font-size: 0.875rem;
}
.rdc_abstract-data dd + dd {
  margin-top: 8px;
}

.rdc_abstract-sns {
  margin-top: 60px;
}
.rdc_side-sns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.rdc_side-sns a {
  margin-right: 20px;
}
.rdc_side-sns svg {
  fill: #777;
}

.rdc_abstract-data .rdc_abstract-data_ra {
  display: inline-block;
  margin-top: 10px;
  font-size: 0.875rem;
  line-height: 1.4285;
}



/* --------------------
* publications/abstract - main
--------------------*/
.rdc_abstract-section:nth-of-type(n+2) {
  margin-top: 136px;
}
.rdc_abstract-section .rdc_heading {
  margin-bottom: 15px;
  text-align: left;
  font-size: 1.5rem;
}
.rdc_abstract-section p {
  font-size: 0.875rem;
  line-height: 1.8571;
}

.rdc_absdtract-links dt {
  font-weight: 400;
}
.rdc_absdtract-links dd + dt {
  margin-top: 20px;
}
.rdc_absdtract-links dd {
  margin-left: 0;
}

.rdc_abstract-related {
  margin-top: 80px;
  padding-top: 80px;
  border-top: 1px solid #ccc;
}
.rdc_abstract-related-list {
  margin-top: 55px;
}
@media (min-width:641px) {
  .rdc_abstract-related {
    margin-top: 159px;
  }
}



/* --------------------
* publications/abstract - related list
--------------------*/
.rdc_abstract-related .rdc_heading {
  text-align: left;
}
.rdc_abstract-related-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-left: -8px;
  margin-right: -8px;
}
.rdc_abstract-related-content {
  padding-left: 8px;
  padding-right: 8px;
  width: 50%;
}
.rdc_abstract-related-content a {
  display: block;
  color: inherit;
  text-decoration: none;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.rdc_abstract-related-content a:hover,
.rdc_abstract-related-content a:focus {
  opacity: 0.6;
}
.rdc_abstract-related-img {
  overflow: hidden;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.rdc_abstract-related-img::before {
  content: "";
  display: block;
  padding-top: 60%;
  width: 100%;
}
.rdc_abstract-related-img img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.rdc_abstract-related-text {
  font-size: 0.8125rem;
}
@media (max-width:640px) {
  .rdc_abstract-related-list {
    margin-bottom: -20px;
  }
  .rdc_abstract-related-content {
    margin-bottom: 16px;
  }
}
@media (min-width:641px) {
  .rdc_abstract-related-list {
    margin-left: -17px;
    margin-right: -17px;
  }
  .rdc_abstract-related-content {
    padding-left: 17px;
    padding-right: 17px;
    width: 25%;
  }
}



/* --------------------
* news/index.html
--------------------*/
.rdc_title-news {
  margin-bottom: 0;
  height: 278px;
  background-color: #fff;
  color: #555;
}
.rdc_heading-news {
  margin-bottom: 20px;
  font-size: 1.5rem;
  font-weight: 400;
  letter-spacing: 0.04em;
}
@media (min-width:641px) {
  .rdc_heading-news {
    margin-bottom: 26px;
    font-size: 2rem;
  }
}



/* --------------------
* news/index.html - select
--------------------*/
.rdc_news-select {
  margin-left: -7px;
  margin-right: -7px;
}
.rdc_news-select .col {
  padding-left: 7px;
  padding-right: 7px;
}
.rdc_news-select .col > * {
  -ms-flex-preferred-size: 20%;
      flex-basis: 20%;
  padding: 0 16px;
  width: 100%;
  height: 44px;
  border: 1px solid #CCCCCC;
  border-radius: 0;
  text-align: left;
  background-color: #fff;
  font-size: 0.9375rem;
}
.rdc_news-select .col > select {
  padding: 0 16px 0 12px;
  line-height: 2;
}
.rdc_news-select select:focus-visible {
  outline: none;
}
@media (max-width:640px) {
  .rdc_news-select {
    margin-bottom: 70px;
  }
  .rdc_news-select .col + .col {
    margin-top: 7px;
  }
}
@media (min-width:641px) {
  .rdc_news-select {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 80px;
  }
  .rdc_news-select .col {
    padding-left: 7px;
    padding-right: 7px;
    width: 20%;
  }
}



/* --------------------
* news/index.html - news list
--------------------*/
.rdc_news {
  border-top: 1px solid #ccc;
  font-size: 0.875rem;
  line-height: 1.5;
}
.rdc_news-link {
  display: block;
  padding: 24px 0;
  opacity: 1 !important;
  color: inherit;
  text-decoration: none;
}
.rdc_news-link:hover,
.rdc_news-link:focus {
  background-color: #F5F5F5;
}
.rdc_news-date,
.rdc_news-category {
  font-size: 0.8125rem;
}
.rdc_news-title,
.rdc_news-category {
  margin-top: 8px;
}
.rdc_news-title {
  font-size: 1rem;
  line-height: 1.3888;
}
.rdc_news-list {
    margin-bottom: 120px;
}
@media (min-width:641px) {
  .rdc_news-link {
    padding: 24px 30px;
  }
  .rdc_news-date {
    font-size: 1rem;
  }
  .rdc_news-title {
    font-size: 1.125rem;
  }
  .rdc_news-list {
    margin-bottom: 120px;
  }
}



/* --------------------
* research areas
--------------------*/
.rdc_title-researchareas {
  margin-bottom: 0;
  background-color: #fff;
  color: #555;
}




/* --------------------
* researchareas/subpage
--------------------*/
.rdc_title-researchareas_sub {
  margin-bottom: 0;
  height: 345px;
  background-color: #F5F5F5;
  color: #3D3D3D;
}
.rdc_title-researchareas_sub svg {
  margin-bottom: 20px;
  fill: #3D3D3D;
}
.rdc_title-researchareas_sub-hi svg {
  margin-bottom: 21px;
}
.rdc_title-researchareas_sub-iv svg {
  margin-bottom: 26px;
}
.rdc_title-researchareas_sub-cvcg svg {
  margin-bottom: 32px;
}
.rdc_title-researchareas_sub-ma svg {
  margin-bottom: 32px;
}
.rdc_title-researchareas_sub-pdcs svg {
  margin-bottom: 8px;
}
.rdc_title-researchareas_sub-sec svg {
  margin-bottom: 0px;
}
.rdc_page-title {
  font-size: 1.625rem;
  letter-spacing: 0.04em !important;
}
.rdc_title-researchareas_sub h1 {
  letter-spacing: 0.04em;
  line-height: 1.3333;
}
.rdc_page-guide {
  margin: 10px 0 0;
  font-size: 0.875rem;
  letter-spacing: 0.04em !important;
}
@media (min-width:641px) {
  .rdc_page-title h1 {
    font-size: 1.875rem;
  }
}

.rdc_rasub-section a {
  color: #3865E0;
  text-decoration: underline;
}
@media (max-width:640px) {
  .rdc_rasub-section {
  padding-top: 70px;
  padding-bottom: 70px;
  font-size: 0.9375rem;
  line-height: 1.866;
  }
  .rdc_container.rdc_main {
    margin-top: 0;
  }
  .rdc_rasub-img {
  margin-top: 40px !important;
  }
}
.rdc_rasub-section + .rdc_rasub-section {
  border-top: 1px solid #CCCCCC;
}
.rdc_rasub-section .rdc_heading {
  margin-bottom: 20px;
  text-align: left;
  font-size: 1.25rem;
  font-weight: 400;
  letter-spacing: 0.04em;
}
.rdc_rasub-img {
  margin-top: 60px;
  text-align: center;
}
@media (min-width:675px) and (max-width:640px) {
  .rdc_rasub {
    margin-left: 10px;
    margin-right: 10px;
  }
}
@media (min-width:641px) {
  .rdc_rasub-section {
    padding-top: 100px;
    padding-bottom: 100px;
    font-size: 1rem;
    line-height: 1.875;
  }
  .rdc_rasub-section .rdc_heading {
    margin-bottom: 24px;
    font-size: 1.5rem;
  }
}



/* --------------------
* Light Field Display
--------------------*/
.rdc_title-lfd {
  margin-bottom: 50px;
  height: 375px;
  background-color: #000;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  color: #fff;
}
.rdc_title-lfd h1 {
  font-size: 1.125rem;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  text-transform: none;
}
.rdc_lfd {
  font-size: 0.9375rem;
  line-height: 1.8666;
}
.rdc_lfd p {
  margin-top: 0;
}

.notes {
  font-size: 0.8125rem !important;
}

.rdc_lfd * + p {
  margin-top: 25px;
  margin-bottom: 0;
}

.rdc_lfd.rdc_m0 {
  margin-top: 0 !important;
}
.rdc_lfd-researchers {
  margin-top: 30px;
  text-align: center;
}
.rdc_lfd-researchers dt {
  margin-bottom: 4px;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0.04em;
}
.rdc_lfd-researchers dd {
  margin-left: 0;
  font-size: 0.8125rem;
  line-height: 1.5384;
}
@media (max-width:640px) {
  .rdc_title-lfd {
    background-image: url(../eye-sensing_light_field_display/images/title-bg_sp.jpg);
  }
}
@media (min-width:641px) {
  .rdc_lfd {
    line-height: 2;
  }
  .rdc_lfd * + p {
    margin-top: 30px;
  margin-bottom: 0;
  }
  .rdc_title-lfd {
    margin-bottom: 100px;
    height: 400px;
    background-image: url(../eye-sensing_light_field_display/images/title-bg.jpg);
  }
  .rdc_title-lfd h1 {
    font-size: 1.75rem;
    line-height: 1.5714;
  }
  .rdc_lfd-message {
    text-align: center;
    font-size: 1.125rem;
    line-height: 1.7777;
    letter-spacing: 0.02em;
  }
}


/* --------------------
* Light Field Display - index
--------------------*/
.rdc_lfd-label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 30px;
  margin-bottom: 50px;
  font-size: 0.75rem;
  line-height: 1;
}
.rdc_lfd-label-inner {
  display: block;
  padding: 4px 8px;
  border: 1px solid #aaa;
  border-radius: 2px;
  text-align: center;
}
.rdc_lfd-index {
  margin-bottom: 50px;
  padding: 31px 21px;
  background-color: #E3E3E3;
  background-image:url("data:image/svg+xml;base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzNiIgaGVpZ2h0PSIxOSIgdmlld0JveD0iMCAwIDM2IDE5Ij48cGF0aCBkPSJNMTgsMCwzNiwxOUgwWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMzYgMTkpIHJvdGF0ZSgxODApIiBmaWxsPSIjZmZmIi8+PC9zdmc+");
  background-repeat: no-repeat;
  background-position: 20% 0;
}
.rdc_lfd-index-heading {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0.04em;
}
.rdc_lfd-index-menu {
  margin-top: 13px;
  padding-left: 0;
  font-size: 0.8125rem;
  line-height: 1.5384;
  letter-spacing: 0.04em;
}
.rdc_lfd-index-menu li {
  padding-left: 20px;
  background-image:url("data:image/svg+xml;base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI5LjI5NCIgaGVpZ2h0PSI1LjM1NCIgdmlld0JveD0iMCAwIDkuMjk0IDUuMzU0Ij48cGF0aCBkPSJNLTQzNzUuNC0xOTM4MS44bC00LjY0Ny00LjY0Ni43MDctLjcwNywzLjk0LDMuOTM5LDMuOTQtMy45MzkuNzA3LjcwN1oiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDQzODAuMDQyIDE5Mzg3LjE1OCkiIGZpbGw9IiM3MDcwNzAiLz48L3N2Zz4=");
  background-repeat: no-repeat;
  background-position: 0 0.6em;
  list-style-type: none;
}
.rdc_lfd-index-menu li + li {
  margin-top: 10px;
}
.rdc_lfd-index-menu a {
  color: inherit;
  text-decoration: none;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
.rdc_lfd-index-menu a:hover,
.rdc_lfd-index-menu a:focus {
  color: #000;
}
@media (max-width:640px) {
  .rdc_lfd-label {
    margin-top: 20px;
    margin-bottom: 50px;
  }
}
@media (min-width:641px) {
  .rdc_lfd-index {
    margin: 60px auto 100px;
    padding: 32px 58px 32px 61px;
    width: 782px;
    background-position: 61px 0;
  }
  .rdc_lfd-index-heading {
    font-size: 1.125rem;
  }
  .rdc_lfd-index-menu {
    margin-top: 10px;
    line-height: 2;
  }
  .rdc_lfd-index-menu li + li {
    margin-top: 0;
  }
  .rdc_lfd-index-menu a {
    color: inherit;
    text-decoration: none;
  }
}

/* --------------------
* Light Field Display - section
--------------------*/
.rdc_lfd-section1,
.rdc_lfd-section2 {
  padding-top: 70px;
  padding-bottom: 70px;
}
.rdc_lfd-section1 .rdc_container {
  margin-top: 0;
}
.rdc_lfd-section3,
.rdc_lfd-section4 {
  margin-top: -100px;
  padding-top: 80px;
}
.rdc_lfd-section3 .rdc_container {
  margin-top: 0;
}
.rdc_lfd-section4 {
  padding-bottom: 70px;
}
@media (max-width:640px) {
  .rdc_lfd-section2 {
    margin-bottom: 0;
  }
  .rdc_lfd-section2 {
    padding-top: 70px;
  }
}
@media (min-width:641px) {
  .rdc_lfd-section1,
  .rdc_lfd-section2 {
    padding-top: 100px;
    padding-bottom: 100px;
  }
  .rdc_lfd-section4 {
    padding-bottom: 120px;
    padding-top: 100px;
  }
}

.rdc_lfd-section1 .rdc_heading,
.rdc_lfd-section2 .rdc_heading,
.rdc_lfd-section3 .rdc_heading,
.rdc_lfd-section4 .rdc_heading,
.rdc_lfd-subsection .rdc_subheading,
.rdc_tecsub-section .rdc_heading {
  margin-top: 0;
  margin-bottom: 50px;
  padding-left: 10px;
  padding-right: 10px;
  text-align: center;
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0.04em;
}
@media (min-width:641px) {
  .rdc_lfd-section1 .rdc_heading,
  .rdc_lfd-section2 .rdc_heading,
  .rdc_lfd-section3 .rdc_heading,
  .rdc_lfd-section4 .rdc_heading,
  .rdc_lfd-subsection .rdc_subheading,
  .rdc_tecsub-section .rdc_heading {
    margin-bottom: 80px;
    font-size: 1.5rem;
    line-height: 1.6666;
  }
}
.rdc_lfd-subsection,
.rdc_lfd-insection {
  padding-top: 70px;
  padding-bottom: 70px;
}
.rdc_lfd-insection .rdc_container {
  margin-top: 0 !important;
}
.rdc_lfd-insection {
  border-top: 1px solid #ccc;
}
.rdc_lfd-subsection.rdc_lfd_gray,
.rdc_lfd-subsection.rdc_lfd_gray + .rdc_lfd-subsection,
.rdc_lfd-subsection.rdc_lfd-subsection-non {
  border-top: none;
}
@media (min-width:641px) {
  .rdc_lfd-subsection,
  .rdc_lfd-insection {
    padding-top: 100px;
    padding-bottom: 100px;
  }
  .rdc_lfd-section4 .rdc_lfd-subsection {
    padding-top: 80px;
  }
}
.rdc_lfd-insection .rdc_lfd-inheading {
  margin-top: 0;
  margin-bottom: 40px;
  font-size: 1.25rem;
  font-weight: 700;
}


.rdc_lfd-aside {
  padding-bottom: 80px;
  margin: 0 auto;
}
.rdc_lfd-aside .rdc_heading {
  text-align: left;
  font-weight: 700;
}
@media (max-width:640px) {
  .rdc_lfd-aside {
    padding-bottom: 70px;
  }
  .rdc_lfd-aside.rdc_rasub-aside {
    margin-bottom: 0;
  }
}
@media (min-width:641px) {
  .rdc_lfd-aside {
    padding-bottom: 80px;
    width: 986px;
    margin: 0 auto;
  }
  .rdc_lfd-aside.rdc_lfd-aside-ra {
    padding-bottom: 0;
  }
  .rdc_lfd-aside-ra .rdc_researchareas-link-title,
  .rdc_rasub-aside .rdc_researchareas-link-title {
    font-size: 0.75rem;
  }
  .rdc_lfd-aside.rdc_rasub-aside .rdc_researchareas-links {
    margin-bottom: 0;
  }
}


/* --------------------
* Light Field Display - section1
--------------------*/
.rdc_movie-accordion {
  margin-top: 20px;
  font-size: 0.75rem;
  letter-spacing: 0.05em;
  line-height: 1.6666;
}
.rdc_movie-accordion-lg,
.rdc_movie-accordion .rdc_visual-accordion-btn {
  max-width: 1026px;
  font-size: 0.75rem;
  letter-spacing: 0.05em;
  line-height: 2.5;
  -webkit-transition: opacity .3s;
  transition: opacity .3s;
}
.rdc_movie-accordion .rdc_visual-accordion-btn:hover,
.rdc_movie-accordion .rdc_visual-accordion-btn:focus {
  opacity: .7;
}

.rdc_lfd-section1 {
  margin-top: 50px;
  background-color: #3D3D3D;
  color: #fff;
}
.rdc_movie-caption {
  margin-top: 10px;
  font-size: 0.75rem;
  line-height: 1.6666;
}
.rdc_lfd-section1 p,
.rdc_col-lfd p {
  margin-top: 0;
  margin-bottom: 1em;
}
.rdc_lfd-section1 p:last-of-type,
.rdc_col-lfd p:last-of-type {
  margin-bottom: 0;
}
@media (max-width:640px) {
  .rdc_lfd-section1 .rdc_modal-movie {
    margin-top: 40px;
    margin-bottom: 40px;
  }
  .rdc_lfd-img_sm {
    margin-top: 40px;
  }
}
@media (min-width:641px) {
  .rdc_lfd-section1 {
    margin-top: 120px;
  }
  .rdc_modal-movie-lfd1 {
    width: 568px;
  }
  .rdc_lfd-section1 .rdc_clearfix > p {
    float: right;
    margin-left: 54px;
    width: 568px;
  }
  .rdc_lfd-section1 .rdc_modal-movie.rdc_pc {
    float: left;
  }
  .rdc_col-lfd .rdc_movie-accordion {
    max-width: 568px !important;
  }
}


/* --------------------
* Light Field Display - section2
--------------------*/
.rdc_lfd-section2 p + p {
  margin-top: 25px;
}
.rdc_col-lfd > p:only-child {
  margin: 0;
}
.rdc_lfd-section4 .rdc_lfd-subsection:first-of-type {
  margin-top: 70px;
}
.rdc_lfd-subsection .rdc_container {
  margin-top: 0 !important;
}
.rdc_lfd-subsection-menu {
  margin-top: 50px;
  margin-bottom: 70px;
  padding-left: 0;
}
.rdc_lfd-subsection-menu li {
  list-style-type: none;
}
.rdc_lfd-subsection-menu a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 4px 16px;
  min-height: 3.375rem;
  text-align: center;
  background-color: #5D5D5D;
  color: #fff;
  font-size: 1rem;
  text-decoration: none;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  height: 70px;
}
.rdc_lfd-subsection-menu a:hover,
.rdc_lfd-subsection-menu a:focus {
  background-color: #9E9E9E;
  color: #fff;
}

[id="section2-3"] {
  padding-bottom: 0;
}
.rdc_lfd-section2-space {
  height: 300px;
  background-image: url(../eye-sensing_light_field_display/images/section2-space_sp.jpg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
@media (max-width:640px) {
  .rdc_col-lfd + .rdc_col-lfd {
    margin-top: 50px;
  }
  .rdc_lfd-subsection-menu li + li {
    margin-top: 15px;
  }
}
@media (min-width:641px) {
  .rdc_row-lfd {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .rdc_col-lfd {
    width: 568px;
  }
  .rdc_col-lfd + .rdc_col-lfd,
  .rdc_col-lfd + .rdc_col-lfd + .rdc_col-lfd + .rdc_col-lfd {
    margin-left: auto;
  }
  .rdc_col-lfd + .rdc_col-lfd + .rdc_col-lfd {
    margin-left: 0;
  }
  .rdc_row-j-left .rdc_col-lfd + .rdc_col-lfd {
    margin-left: 0;
  }
  .rdc_col-lfd + .rdc_col-lfd.rdc_col-lfd_order1 {
    margin-left: 0;
    margin-right: auto;
  }
  .rdc_lfd-section4 .rdc_lfd-subsection:first-of-type {
    margin-top: 120px;
  }
  .rdc_col-lfd_order1 {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .rdc_col-lfd_order2 {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }

  .rdc_lfd-subsection-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: -10px;
    margin-right: -10px;
    margin-top: 80px;
    margin-bottom: 100px;
  }
  .rdc_lfd-subsection-menu li {
    padding-left: 10px;
    padding-right: 10px;
    width: 33.3333%;
  }
  .rdc_lfd-subsection-menu a {
    padding: 4px 16px;
    min-height: 3.8888rem;
    font-size: 1.125rem;
  }
  .rdc_lfd-section2-space {
    height: 336px;
    background-image: url(../eye-sensing_light_field_display/images/section2-space_pc.jpg);
  }
}


/* --------------------
* Light Field Display - section2
--------------------*/
.rdc_lfd_p {
  padding-bottom: 70px;
}
.rdc_lfd-image,
.rdc_lfd-image2 {
  margin-top: 40px;
  margin-bottom: 70px;
}
.rdc_lfd_gray {
  background-color: #f5f5f5;
}
@media (min-width:641px) {
  .rdc_lfd_p {
    padding-bottom: 100px;
  }
  .rdc_row-lfd_pbl {
    margin-bottom: 20px;
  }
  .rdc_lfd-insection .rdc_col-lfd-inheadimg {
    margin-top: 68px;
  }
  .rdc_lfd-image {
    margin-top: 80px;
    margin-bottom: 80px;
  }
  .rdc_lfd-image2 {
    margin-top: 100px;
    margin-bottom: 100px;
  }
}


/* --------------------
* Light Field Display - section3
--------------------*/
.rdc_lfd-section3-inner,
.rdc_lfd-section4-inner {
  margin-left: auto;
  margin-right: auto;
  max-width: 782px;
}



/* --------------------
* Light Field Display - aside
--------------------*/
.rdc_lfd-related {
  margin-top: 0 !important;
  padding-top: 70px;
}
.rdc_row-lfd .rdc_col-lfd-researchers:last-of-type {
  margin-bottom: 0;
}
.rdc_col-lfd-researchers h3,
.rdc_col-lfd-researchers h4 {
  margin-top: 20px;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.375;
}
.rdc_col-lfd-researchers p {
  margin-top: 20px;
  margin-bottom: 0;
  font-size: 0.8125rem;
  line-height: 1.92307;
}
.rdc_lfd-researchers-area {
  font-size: 0.8125rem;
  line-height: 1.692;
}
.rdc_lfd-aside-researchers {
  padding-top: 70px;
  padding-bottom: 70px;
  background-color: #f5f5f5;
}
.rdc_lfd-aside-researchers .rdc_container {
  margin-top: 0 !important;
}
.rdc_lfd-aside-researchers .rdc_heading {
  margin-bottom: 50px;
}
@media (max-width:640px) {
  .rdc_lfd-mt-non {
    margin-top: -70px;
  }
  .rdc_col-lfd-researchers {
    margin-bottom: 50px;
  }

  .rdc_container-ab {
    margin-top: 30px;
  }
  .rdc_container-jo {
    margin-top: 30px;
  }
  .rdc_container-fo {
    margin-top: 0;
  }
  .rdc_header .rdc_container {
    margin-top: 0;
  }
  .rdc_footer-nav .rdc_container {
    margin-top: 0;
  }
}
@media (min-width:641px) {
  .rdc_lfd-related {
    padding-top: 120px;
  }
  .rdc_lfd-aside-researchers {
    padding-top: 80px;
    padding-bottom: 80px;
  }
  .rdc_lfd-aside-researchers .rdc_container {
    margin: 0 auto;
    width: 1026px;
  }
  .rdc_lfd-aside-researchers .rdc_row-lfd {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .rdc_col-lfd-researchers {
    width: 448px;
  }
  .rdc_row-lfd > .rdc_col-lfd-researchers:first-child,
  .rdc_row-lfd > .rdc_col-lfd-researchers:nth-child(2) {
    margin-bottom: 80px;
  }
  .rdc_row-lfd > .rdc_col-lfd-researchers:nth-child(even) {
    margin-left: 90px;
  }
  .rdc_col-lfd-researchers h4 {
    margin-top: 30px;
  }
  .rdc_col-lfd-researchers p {
    margin-top: 25px;
  }
  .rdc_container-s1 {
    width: 1230px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 20px;
    padding-right: 20px;
  }
  h2.rdc_heading {
    font-size: 1.25rem;
    font-weight: 700;
  }
  h2.rdc_heading.rdc_nobold {
    font-weight: normal;
  }
}



/* --------------------
* Light Field Display - modal
--------------------*/
.rdc_image-box {
  display: none;
}
.modaal-overlay {
  z-index: 10000000;
}
.modaal-wrapper {
  z-index: 10000001;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.modaal-close {
  position: absolute;
  top: -50px;
  right: 0;
}
.modaal-video-wrap + .modaal-close {
  top: 10px;
  right: 26px;
}
.modaal-close:focus,
.modaal-close:hover {
  background-color: transparent;
}
.modaal-close:after,
.modaal-close:before,
.modaal-close:after,
.modaal-close:before {
  width: 2px;
}
.modaal-close:focus:after,
.modaal-close:focus:before,
.modaal-close:hover:after,
.modaal-close:hover:before {
  background-color: #fff;
}
/* --------------------
* movie 560 x 315
--------------------*/
@media (max-width:640px) {
  .rdc_sp .rdc_movie-box {
    position: relative;
  }
  .rdc_movie-sp {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    padding-top: 56.25%;
  }
  .rdc_movie-sp > img,
  .rdc_movie-sp .rdc_movie-box {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
  }
  .rdc_movie-sp > img {
    -o-object-fit: cover;
       object-fit: cover;
    cursor: pointer;
    height: 100%;
  }
  .rdc_movie-sp-on2 {
    z-index: 2 !important;
  }
  .rdc_sp .rdc_movie-box::before {
    content: "";
    display: block;
    padding-top: 56.25%;
    width: 100%;
  }
  .rdc_sp .rdc_movie-box iframe,
  .rdc_sp .rdc_movie-box object {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
  }
}
@media (min-width:641px) {
  .rdc_movie-box {
    display: none;
  }
  .rdc_clearfix .rdc_modal-movie.rdc_pc {
    margin-top: 8px;
  }
  .modaal-container {
    max-width: 1300px;
    width: auto;
    text-align: center;
    background-color: transparent;
  }
  .modaal-wrapper.modaal-video {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .modaal-outer-wrapper {
    max-width: 1300px;
    max-height: 731px;
  }
  .modaal-video-wrap {
    margin-left: auto;
    margin-right: auto;
  }
  .modaal-content-container {
    position: relative;
    padding: 0;
  }
  .modaal-content-container iframe {
    width: 100%;
    max-width: 1300px;
    height: 731px;
  }
  .modaal-container img {
    max-height: 100%;
    background-color: #fff;
    padding: 20px;
  }
}


/* --------------------
* Light Field Display - related contents
--------------------*/
.rdc_lfd-related-list {
  margin-top: -10px;
}
.rdc_lfd-related-list .rdc_row-lfd {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-left: -10px;
  margin-right: -10px;
}
.rdc_lfd-related-list .rdc_col-lfd {
  margin-top: 30px;
}
.rdc_lfd-related-list a {
  color: inherit;
  text-decoration: none;
}
.rdc_lfd-related-list-img {
  position: relative;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.rdc_lfd-related-list a:hover .rdc_lfd-related-list-img,
.rdc_lfd-related-list a:focus .rdc_lfd-related-list-img {
  opacity: 0.6;
}
.rdc_lfd-related-list-img::before {
  content: "";
  display: block;
  padding-top: 100%;
  width: 100%;
}
.rdc_lfd-related-list-img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.rdc_lfd-related-list-text {
  margin-top: 15px;
  font-size: 0.8125rem;
  line-height: 1.61538;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
.rdc_lfd-related-list a:hover .rdc_lfd-related-list-text,
.rdc_lfd-related-list a:focus .rdc_lfd-related-list-text {
  color: #757575;
}
.rdc_lfd-publications-list {
  margin-top: 23px;
}
.rdc_lfd-publications-list dt {
  color: inherit;
  font-size: 0.8125rem;
  font-weight: 700;
  line-height: 1.53846;
}
.rdc_lfd-publications-list dd + dt {
  margin-top: 20px;
}
.rdc_lfd-publications-list dd {
  margin-top: 4px;
  margin-left: 0;
  font-size: 0.75rem;
  line-height: 1.5;
}
@media (max-width:640px) {
  .rdc_lfd-related-list .rdc_col-lfd {
    padding-left: 10px;
    padding-right: 10px;
    width: 50%;
  }
}
@media (min-width:641px) {
  .rdc_lfd-related-list .rdc_row-lfd {
    margin-left: -15px;
    margin-right: -15px;
  }
  .rdc_lfd-related-list .rdc_col-lfd {
    padding-left: 15px;
    padding-right: 15px;
    width: 25%;
  }
}


/* --------------------
* footer before - research areas menus
--------------------*/
.rdc_lfd-aside .rdc_researchareas-links {
  margin-left: -7px;
  margin-right: -7px;
}
.rdc_lfd-aside .rdc_researchareas-link a {
  color: #555;
}
.rdc_lfd-aside .rdc_researchareas-link a:hover,
.rdc_lfd-aside .rdc_researchareas-link a:focus {
  background-color: #555;
  color: #fff;
}
.rdc_share {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  line-height: 1;
}

.rdc_share-col + .rdc_share-col {
  margin-left: 25px;
}
@media (max-width:640px) {
  .rdc_lfd-aside .rdc_researchareas-links {
    margin-top: 30px;
  }
}


/* --------------------
* Light Field Display - research areas
--------------------*/
.rdc_share {
  margin-top: 100px;
  margin-bottom: 30px;
  text-align: center;
  height: 20px;
}
.rdc_share-abstract {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin-top: 58px;
}
.rdc_lfc-date {
  margin-top: 30px;
  margin-bottom: 120px;
  text-align: center;
  font-size: 0.8125rem;
}
@media (max-width:640px) {
  .rdc_lfc-date {
    margin-top: 25px;
    margin-bottom: 70px;
  }
  .rdc_share {
    margin-top: 0px;
    margin-bottom: 25px;
  }
.rdc_lfd-aside .rdc_researchareas-link-title {
  font-size: 0.75rem;
}
}
@media (min-width:641px) {
  .rdc_lfd-aside .rdc_researchareas-links {
    margin-left: -8px;
    margin-right: -8px;
    margin-top: 30px;
  }
  .rdc_lfd-aside .rdc_researchareas-link {
    padding: 6px;
    width: 14.28%;
  }
  .rdc_lfd-aside .rdc_researchareas-link > a {
    height: 120px;/**/
    padding: 0;
  }
  .rdc_researchareas-link-title {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 100%;
  }
.rdc_lfd-aside .rdc_researchareas-link-title {
  font-size: 0.6875rem;
}
}

/* --------------------
* fadein animation
--------------------*/
.rdc_fadein {
  position: relative;
  top: 20px;
  opacity: 0;
  -webkit-transition: top 0.6s,opacity .6s;
  -webkit-transition: top 0.6s, opacity .6s;
  transition: top 0.6s, opacity .6s;
}
.rdc_scrollin {
  top: 0;
  opacity: 1;
}
@media (min-width:641px) {
  .rdc_fadein_sp {
    position: static;
    top: 0;
    opacity: 1;
    -webkit-transition: none;
    transition: none;
  }
}



/* --------------------
* about
--------------------*/
.rdc_title-about {
  margin-bottom: 0;
  background-color: #fff;
  color: #fff;
}
.rdc_title-about-sub h1 {
  color: #3D3D3D;
  font-size: 1.875rem;
  letter-spacing: 0.04em;
  line-height: 1.3333;
}
.rdc_about-section2 {
  padding-top: 50px;
  padding-bottom: 25px;
  font-size: 0.75rem;
  line-height: 2.14;
}
.rdc_about-section2 + .rdc_about-section2 {
  padding-top: 25px !important;
  border-top: 1px solid #aaa;
}
.rdc_about-section2 .rdc_heading {
  margin-bottom: 25px;
  text-align: left;
  font-size: 1.125rem;
  font-weight: 700;
  letter-spacing: 0.04em;
}
.rdc_about-before {
  margin-bottom: 25px;
}
.rdc_about-section2 a {
  color: inherit;
  text-decoration: none;
}
.rdc_about-section2 p,
.rdc_about-section2 ul {
  margin: 20px 0 0;
}
.rdc_about-section2 p:first-child {
  margin: 0 !important;
}
.rdc_about-section2 ul {
  padding-left: 1.5em;
}
.rdc_about-subsection2 + .rdc_about-subsection2 {
  margin-top: 60px;
}
.rdc_about-subsection2 .rdc_subheading {
  margin-top: 0;
  margin-bottom: 20px;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 0.04em;
}
@media (max-width:640px) {
  .rdc_title-about-sub {
    padding-top: 50px;
    padding-bottom: 50px;
    height: auto;
  }
  .rdc_title-about-sub h1 {
    font-size: 1.5rem;
    letter-spacing: 0;
  }
}
@media (min-width:641px) {
  .rdc_about-section2 {
    padding-top: 100px;
    padding-bottom: 50px;
    font-size: 0.9375rem;
    line-height: 2;
  }
  .rdc_about-section2 + .rdc_about-section2 {
    padding-top: 50px;
  }
  .rdc_about-section2 .rdc_heading {
    margin-bottom: 50px;
    font-size: 1.625rem;
  }
  .rdc_container-about {
    width: 800px;
  }
  .rdc_about-section2 p,
  .rdc_about-section2 ul {
    margin: 30px 0 0;
  }
  .rdc_about-section2 .rdc_about-before {
    margin-bottom: 80px;
  }
  .rdc_about-subsection2 + .rdc_about-subsection2 {
    margin-top: 80px;
  }
  .rdc_about-subsection2 .rdc_subheading {
    font-size: 1.25rem;
    line-height: 1.2;
  }
}



/* --------------------
* about/us-laboratory
--------------------*/
.rdc_about-menu {
  padding-left: 0;
  font-size: 0.75rem;
}
.rdc_about-menu li {
  list-style-type: none;
}
.rdc_about-menu a {
  display: block;
  padding: 10px 0;
  text-align: center;
  color: inherit;
  text-decoration: none;
  line-height: 2.25;
}
@media (max-width:640px) {
  .rdc_about-menu {
    margin-left: auto;
    margin-right: auto;
    max-width: 300px;
    font-size: 0.75rem;
  }
  .rdc_about-menu li:nth-child(n+2)::before {
    content: "";
    display: block;
    margin-left: auto;
    margin-right: auto;
    border-top: 1px solid #aaa;
    width: 30px;
  }
}
@media (min-width:641px) {
  .rdc_about-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding-left: 0;
    font-size: 0.875rem;
  }
  .rdc_about-menu li {
    padding-left: 20px;
    padding-right: 20px;
    width: 33.3333%;
    border-right: 1px solid #aaa;
    text-align: center;
  }
  .rdc_about-menu li:first-of-type {
    border-left: 1px solid #aaa;
  }
}


.rdc_col-aboutarea {
  margin-bottom: 25px;
}
.rdc_col-aboutarea-img figure {
  margin: 0;
  padding: 0;
  text-align: center;
}
.rdc_col-aboutarea-img figcaption {
  margin-top: 20px;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.67;
}
.rdc_about-subsection2 .rdc_row {
  margin-left: -18px;
  margin-right: -18px;
}
.rdc_about-subsection2 .rdc_col {
  padding-left: 18px;
  padding-right: 18px;
}
@media (max-width:640px) {
  .rdc_about-subsection2 .rdc_col + .rdc_col {
    margin-top: 20px;
  }
  .rdc_col-aboutarea-img img {
    width: 187px;
    vertical-align: top;
  }
}
@media (min-width:641px) {
  .rdc_row-aboutarea {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .rdc_col-aboutarea-img {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    margin-right: 40px;
    width: 239px;
  }
  .rdc_col-aboutarea-img figcaption {
    text-align: left;
    font-size: 1.125rem;
  }
  .rdc_col-about-order1 {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .rdc_col-about-order2 {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .rdc_about-subsection2 .rdc_col + .rdc_col {
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
}

.rdc_row_about-images {
  margin: 20px -4px 60px;
  margin-top: 20px;
  margin-bottom: 60px;
  text-align: center;
}
.rdc_col_about-images {
  padding: 4px;
}
.rdc_col_about-images img {
  vertical-align: top;
}
.rdc_about-list dt {
  margin-top: 40px;
  margin-bottom: 10px;
  font-weight: 400;
}
.rdc_about-list dd {
  margin-left: 0;
}
@media (min-width:641px) {
  .rdc_row_about-images {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 20px -4px 80px;
  }
}



/* --------------------
* about/us-laboratory
--------------------*/
.rdc_researchareas-icon {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.rdc_researchareas-icon svg {
  fill: #555;
  -webkit-transition: fill .3s;
  transition: fill .3s;
  width: 100%;
  height: 100%;
}
/* reserch top icon */
.rdc_researchareas-links_page .rdc_researchareas-icon {
  margin-right: 30px;
  width: 42px;
  height: 42px;
}
/* reserch side icon */
.rdc_lfd-aside .rdc_researchareas-icon_cmn {
  width: 42px;
  height: 42px;
  margin-bottom: 4px;
}
.rdc_researchareas-link > a:hover svg,
.rdc_researchareas-link > a:focus svg {
  fill: #fff;
}
.rdc_lfd-aside .rdc_researchareas-link svg {
  fill: #555;
}
.rdc_lfd-aside .rdc_researchareas-link a:hover svg,
.rdc_lfd-aside .rdc_researchareas-link a:focus svg {
  fill: #fff;
}
@media (min-width:641px) {
/* reserch top icon */
.rdc_researchareas-links_page .rdc_researchareas-icon {
  /*margin-bottom: 18px;*/
  margin-right: 50px;
  width: 60px;
  height: 60px;
}
/* reserch side icon */
.rdc_lfd-aside .rdc_researchareas-icon_cmn {
  width: 36px;
  height: 36px;
  margin-bottom: 8px;
}

}


/* --------------------
* Technologies
--------------------*/
.rdc_title-technologies,
.rdc_title-projects {
  display: block;
  margin-top: 80px;
  margin-bottom: 80px;
  height: auto;
  background: none;
  color: inherit;
}
.rdc_title-technologies h1,
.rdc_title-projects h1 {
  margin-bottom: 30px;
  font-size: 1.25rem;
  text-transform: uppercase;
}
.rdc_tec-message {
  font-size: 0.875rem;
  letter-spacing: 0;
  line-height: 2;
}
@media (min-width:641px) {
  .rdc_title-technologies,
  .rdc_title-projects {
    margin-top: 120px;
    margin-bottom: 120px;
  }
  .rdc_title-technologies h1,
  .rdc_title-projects h1 {
    margin-bottom: 40px;
    font-size: 1.75rem;
  }
  .rdc_tec-message {
    font-size: 1.125rem;
    letter-spacing: 0.02rem;
    line-height: 1.777;
  }
}


.rdc_tecnologies-message {
  letter-spacing: 0.02em;
}
.rdc_row-tecindex-list {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 70px -17px 120px;
}
.rdc_col-tecindex {
  margin-bottom: 70px;
  padding-left: 17px;
  padding-right: 17px;
  max-width: 408px;
}
.rdc_col-tecindex a {
  display: inline-block;
  background-color: transparent;
  color: inherit;
  text-decoration: none;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
.rdc_col-tecindex a:hover,
.rdc_col-tecindex a:focus {
  color: #757575;
}
.rdc_tecindex-img {
  margin-bottom: 42px;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.rdc_col-tecindex a:hover .rdc_tecindex-img,
.rdc_col-tecindex a:focus .rdc_tecindex-img {
  opacity: 0.6;
}
.rdc_tecindex-heading {
  font-size: 1.25rem;
  line-height: 1.25;
  letter-spacing: 0.04em;
}
.rdc_tecindex-description {
  margin-top: 16px;
  font-size: 0.875rem;
  line-height: 1.57;
  letter-spacing: 0.04em;
}
.rdc_tecindex-date {
  margin-top: 5px;
  font-size: 0.75rem;
  line-height: 1.66;
  letter-spacing: 0.04em;
}
.rdc_tecindex-category {
  display: inline-block;
  margin-top: 16px;
  padding: 0 8px;
  border: 1px solid #aaa;
  border-radius: 2px;
  font-size: 0.75rem;
  line-height: 2;
}
@media (max-width:640px) {
  .rdc_row-tecindex-list {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
@media (min-width:641px) {
  .rdc_row-tecindex-list {
    margin: 110px -17px 120px;
  }
}





/* --------------------
* Technologies/under
--------------------*/
.rdc_heading.rdc_heading_mbl {
  margin-bottom: 80px;
}
.rdc_col-lfd img {
  vertical-align: top;
}
.rdc_bcs-heading {
  text-align: center;
  margin-bottom: 40px;
  font-size: 1.125rem;
  font-weight: bold;
  line-height: 1.555;
  letter-spacing: 0.04em;
}
.rdc_lfd-img_sm + p {
  margin-top: 40px;
}
.rdc_lfd-img_sm + .rdc_lfd-imgcaption {
  margin-top: 20px;
}
.rdc_lfd-imgcaption {
  font-size: 0.8125rem;
  line-height: 1.7692;
}
.rdc_title-bcs,
.rdc_bcs-section3-space,
.rdc_360vme-section2-space,
.rdc_vcsel-section2-space,
.rdc_title-360vme {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
.rdc_bcs-section3-space,
.rdc_360vme-section2-space,
.rdc_vcsel-section2-space {
  height: 300px;
}
.rdc_bcs-section3-space + .rdc_lfd-section4,
.rdc_360vme-section2-space + .rdc_lfd-section3 {
  margin-top: 0;
}
.rdc_360vme-section3 {
  padding-bottom: 70px;
}
@media (max-width:640px) {
  .rdc_title-bcs {
    background-image: url(../images/technologies/bilateral_control_system/title-bg_sp.jpg);
  }
  .rdc_bcy-section2 {
    padding-bottom: 0;
  }
  .rdc_lfd-section3 {
    margin-top: -80px;
  }
  .rdc_bcs-section3-space {
    background-image: url(../images/technologies/bilateral_control_system/section3-end_sp.jpg);
  }
  .rdc_lfd-section5 {
    padding-bottom: 70px;
  }
  .rdc_lfd-section5 .rdc_container {
    margin-top: 0;
  }
  .rdc_lfd-section5 .rdc_heading {
    margin-bottom: 50px;
    font-size: 1.25rem;
    line-height: 1.5;
    letter-spacing: 0.04em;
  }
  .rdc_lfd-section5 p:last-child {
    margin-bottom: 0;
  }
  .rdc_360vme-section2-space {
    background-image: url(../360VME/images/section2-space_sp.jpg);
  }
}
@media (min-width:641px) {
  .rdc_title-bcs {
    background-image: url(../images/technologies/bilateral_control_system/title-bg_pc.jpg);
  }
  .rdc_bcs-heading {
    line-height: 2;
  }
  .rdc_bcs-section3-space {
    background-image: url(../images/technologies/bilateral_control_system/section3-end_pc.jpg);
  }
  .rdc_lfd-imgcaption {
    font-size: 0.8125rem;
    line-height: 1.857;
  }
  .rdc_bcs-heading {
    width: 568px;
    text-align: left;
    line-height: 1.6;
  }
  .rdc_bcs-heading_r {
    margin-left: auto;
  }
  .rdc_lfd-img_pc {
    margin-top: 100px;
  }
  .rdc_bcs-section4,
  .rdc_360vme-section3 {
    padding-bottom: 100px;
  }
  .rdc_bcs-section4 .rdc_lfd-section4-inner {
    margin-bottom: 100px;
  }
  .rdc_360vme-section2-space {
    height: 336px;
    background-image: url(../360VME/images/section2-space_pc.jpg);
  }
  .rdc_vcsel-section2-space {
    height: 336px;
  }
}



/* --------------------
* About/index.html
--------------------*/
.rdc_title-about {
  height: 320px;
  background-image: url(../images/about/about-title-bg_sp.jpg);
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  font-size: 1.25rem;
}
@media (min-width:641px) {
  .rdc_title-about {
    height: 400px;
    background-image: url(../images/about/about-title-bg_pc.jpg);
    font-size: 1.75rem;
  }
}

.rdc_title-about-sub {
  background-image: none;
  height: 320px;
}
@media (min-width:641px) {
  .rdc_title-about-sub {
    background-image: none;
    height: 320px;
  }
}

.rdc_about-section,
.rdc_about-section2 {
  padding-top: 70px;
  padding-bottom: 70px;
  font-size: 0.875rem;
  line-height: 2;
}
.rdc_about-section .rdc_heading {
  margin-bottom: 36px;
  text-align: center;
  font-size: 1.75rem;
  font-weight: 400;
  letter-spacing: 0.3em;
  line-height: 1.571;
}
@media (max-width:640px) {
  .rdc_about-section .rdc_heading {
    padding-left: 1em;
  }
}
@media (min-width:641px) {
  .rdc_about-section {
    padding-top: 140px;
    padding-bottom: 140px;
    font-size: 1rem;
    line-height: 2.5;
    letter-spacing: 0.1em;
  }
  .rdc_about-section .rdc_heading {
    font-size: 2.25rem;
  }
}

.rdc_section_gray {
  background-color: #F5F5F5;
}
.rdc_about-section2 {
  line-height: 1.8571;
}
.rdc_about-section2 .rdc_heading {
  margin-bottom: 30px;
  text-align: center;
  font-size: 1.25rem;
  font-weight: 400;
  letter-spacing: 0.04em;
}
.rdc_about-section2-img {
  margin-top: 60px;
  text-align: center;
}
.rdc_about-endlink {
  margin-bottom: 45px;
  font-size: 0.8125rem;
  letter-spacing: 0.05em;
  line-height: 2.307;
}
.rdc_about-endlink svg {
  margin-right: 10px;
  vertical-align: middle;
}
.rdc_about_india-back .rdc_btn-more {
  width: 12.5rem;
}
@media (max-width:640px) {
  .rdc_about_india-back {
    margin-left: auto;
    margin-right: auto;
    width: 12.5rem;
  }
  .rdc_about_india-back .rdc_btn + .rdc_btn {
    margin-top: 20px;
  }
}
@media (min-width:641px) {
  .rdc_about-section2 {
    padding-top: 120px;
    padding-bottom: 120px;
    font-size: 0.9375rem;
  }
  .rdc_about-section2 .rdc_heading {
    margin-bottom: 40px;
    font-size: 1.5rem;
    letter-spacing: 0.1em;
  }
  .rdc_about-section2-map {
    letter-spacing: 0.05em;
  }
  .rdc_about-section2-map .rdc_heading {
    margin-bottom: 34px;
    font-size: 1.625rem;
    letter-spacing: 0.1em;
  }
  .rdc_about-endlink {
    font-size: 0.9375rem;
  }
  .rdc_about_india-back .rdc_btn + .rdc_btn {
    margin-left: 30px;
  }
}



/* --------------------
* About/index.html  - map
--------------------*/
@media (max-width:640px) {
  .rdc_about-section2-map {
    padding-bottom: 92px;
  }
}

.rdc_about-maparea {
  margin-top: 60px;
  margin-left: auto;
  margin-right: auto;
  padding: 0 20px;
  max-width: 1230px;
}
#rdc_about-maparea {
  overflow: visible;
  position: relative;
  width: 100%;
  height: 546px;
}
.rdc_about-map,
.rdc_about-mapsvg,
.rdc_about-mapimg {
  width: 916px;
  height: 498px;
}
.rdc_about-map {
  letter-spacing: 0.05em;
}
.rdc_about-mapimg {
  position: relative;
  z-index: 1;
}
.rdc_about-mapsvg {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}
@media (min-width:641px) {
  .rdc_about-maparea {
    margin-top: 100px;
  }
  #rdc_about-maparea {
    height: 648px;
  }
  .rdc_about-map,
  .rdc_about-mapsvg,
  .rdc_about-mapimg {
    width: 1190px;
    height: 648px;
  }
}

.rdc_about-map a:hover *,
.rdc_about-map a:focus * {
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.rdc_about-map a:hover rect,
.rdc_about-map a:focus rect {
  fill: #4B5664;
}
.rdc_about-map a:hover text,
.rdc_about-map a:focus text {
  fill: #fff;
}
.rdc_about-map a:hover path,
.rdc_about-map a:focus path {
  stroke: #fff;
}
.rdc_about-map a:hover circle,
.rdc_about-map a:focus circle {
  fill: #656F7B;
}
.rdc_map-stuttgart1 circle {
  fill: transparent;
}
.rdc_map-stuttgart1:hover circle,
.rdc_map-stuttgart1:focus circle {
  fill: #656F7B;
}
.rdc_map-stuttgart2 circle {
  fill: #fff;
}
.rdc_map-stuttgart1:hover circle,
.rdc_map-stuttgart1:focus circle,
.rdc_map-stuttgart2:hover circle,
.rdc_map-stuttgart2:focus circle {
  fill: #656F7B;
}
.rdc_about-map-arrow svg {
  fill: #3d3d3d;
}
@media (max-width:640px) {
  .simplebar-placeholder,
  .simplebar-content,
  .simplebar-content-wrapper {
    height: 546px !important;
  }
  .simplebar-content-wrapper {
    overflow: hidden;
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
  .simplebar-content-wrapper::-webkit-scrollbar {
    display:none;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
  }
  .simplebar-track {
    margin-left: 20px;
    margin-right: 20px;
    border: none;
    background-color: #EEEEEE;
  }
  .simplebar-track.simplebar-horizontal,
  .simplebar-track.simplebar-horizontal .simplebar-scrollbar {
    height: 4px;
    border-radius: 0;
  }
  .simplebar-track.simplebar-horizontal .simplebar-scrollbar {
    top: 0;
  }
  .simplebar-scrollbar::before {
    background-color: #4B5664;
  }

  .rdc_about-map-arrow {
    position: relative;
    z-index: 3;
    margin-top: -40px;
    padding: 0 20px;
  }
  .rdc_about-map-arrow svg {
    padding: 0;
    width: 15.094px;
    height: 24.759px;
  }
}
@media (min-width:641px) {
  .simplebar-track,
  .rdc_about-map-arrow {
    display: none !important;
  }
}



/* --------------------
* Privacy/index.html
--------------------*/
.rdc_main-privacy {
  padding-top: 2rem;
  padding-bottom: 60px;
  font-size: 1rem;
  line-height: 1.8;
  letter-spacing: 0.05rem;
}
.rdc_main-privacy p {
  margin-top: 1rem;
}
.rdc_main-privacy a {
  color: #3865e0;
  text-decoration: underline;
}
.rdc_title-privacy {
  display: block;
  margin: 2.5rem 0 1rem;
  padding-left: 0;
  padding-right: 0;
  height: auto;
  text-align: left;
  background-color: transparent;
}
.rdc_title-privacy h1 {
  border-bottom: 3px solid #e3e7eb;
  color: #3d3d3d;
  font-size: 1.3rem;
  font-weight: 700;
  line-height: 1.6;
  letter-spacing: 0.05rem;
}
.rdc_section-privacy {
  margin-bottom: 0.3rem;
}
.rdc_section-privacy .rdc_heading {
  font-size: 0.9rem;
  font-weight: 700;
}
.rdc_privacy-list {
  margin-top: 1em;
  margin-bottom: 1.5rem;
  padding-left: 40px;
}
.rdc_privacy-list li {
  margin-bottom: 0.5em;
  margin-left: 1.3em;
}

@media (min-width:641px) {
  .rdc_main-privacy {
    padding-top: 3rem;
    padding-bottom:160px;
  }
  .rdc_main-privacy p {
    margin-top: 1.5rem;
  }
  .rdc_title-privacy {
    margin: 4.2rem 0 1.5rem;
  }
  .rdc_title-privacy h1 {
    font-size: 1.6rem;
  }
  .rdc_section-privacy {
    margin-bottom: 0.5rem;
  }
  .rdc_section-privacy .rdc_heading {
    font-size: 1rem;
  }
}



/* --------------------
* Privacy/mobility.html
--------------------*/
.rdc_main-mobility h1 {
  border: none;
  font-size: 1.5rem;
  line-height: 1.4;
}
.rdc_main-mobility .rdc_heading {
  margin: 1.5rem 0 0.6rem;
  font-size: 1.1rem;
  line-height: 1.7;
  letter-spacing: inherit;
}
.rdc_main-mobility .rdc_subheading {
  margin-bottom: 0.3rem;
  font-size: 0.9rem;
  font-weight: 700;
}
.rdc_main-mobility .rdc_privacy-innerlist li {
  list-style-type: none;
}
@media (max-width:640px) {
  .rdc_main-mobility .rdc_privacy-list {
    margin-bottom: 1.5rem;
    line-height: 1.5;
  }
  .rdc_main-mobility .rdc_privacy-list li {
    margin-bottom: 0.25em;
    margin-left: 1.3em;
  }
  .rdc_main-mobility .rdc_privacy-innerlist,
  .rdc_main-mobility .rdc_privacy-innerlist li {
    margin: 0;
  }
}
@media (min-width:641px) {
  .rdc_main-mobility h1 {
    font-size: 1.8rem;
  }
  .rdc_main-mobility .rdc_heading {
    margin: 2.5em 0 1rem;
    font-size: 1.35rem;
  }
  .rdc_main-mobility .rdc_subheading {
    margin-bottom: 0.5rem;
    font-size: 1rem;
  }
  .rdc_main-mobility .rdc_subheading + p {
    margin-top: 1rem;
  }
  .rdc_main-mobility .rdc_privacy-list li {
    margin-bottom: 0.5em;
  }
}



/* --------------------
* tecnologies/360vme.html
--------------------*/
.rdc_title-360vme {
  background-image: url(../360VME/images/page-title_sp.jpg);
}
.rdc_360VME-section2 {
  margin-top: -70px;
  padding-top: 70px;
}
@media (min-width:641px) {
  .rdc_title-360vme {
    background-image: url(../360VME/images/page-title_pc.jpg);
  }
  .rdc_360VME-section2 {
    margin-top: -100px;
    padding-top: 100px;
  }
}



/* --------------------
* tecnologies/vcsel.html
--------------------*/
.rdc_title-vcsel {
  background-image: url(../images/technologies/vcsel/title-bg_sp.jpg);
}
.rdc_vcsel-section2-space {
  background-image: url(../images/technologies/vcsel/section2-end_sp.jpg);
}
@media (min-width:641px) {
  .rdc_title-vcsel {
    background-image: url(../images/technologies/vcsel/title-bg_pc.jpg);
  }
  .rdc_vcsel-section2-space {
    background-image: url(../images/technologies/vcsel/section2-end_pc.jpg);
  }
  .rdc_row-lfd .rdc_col-order1_pc {
    margin-left: 0;
    margin-right: auto;
  }
  .rdc_row-lfd .rdc_col-lfd > p:first-child {
    margin-top: -0.4em;
  }
}



/* --------------------
* project/下層/index.html
--------------------*/
#activities img {
  max-width: 100%;
}
#activities header h1 { font-size: 2.1875rem; font-weight: normal; text-align: center; padding: 2em 0; }
#activities header img { width: 100%; }
@media screen and (max-width: 640px) {
#activities header h1 { font-size: 7vw; padding: 1em 0; }
}

#activities .rd__related { margin: 0 auto; width: 940px; padding: 40px 0 0; }
@media screen and (max-width: 640px) {
#activities .rd__related { width: inherit; padding: 5% 0 0; }
}
#activities .contents01 { width: 760px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 0 auto 50px; }
#activities .contents01 > div { text-align: center; }
#activities .contents01 > div:nth-of-type(2) { padding: 15px 27px 0 0; }
#activities .contents01 > div p { font-size: 1.125rem; padding-top: 0.4em; }
@media screen and (max-width: 640px) {
#activities .contents01 { width: 90%; margin: 0 auto 6%; }
#activities .contents01 > div:nth-of-type(2) { padding: 15px 0 0; }
#activities .contents01 > div:first-of-type, #activities .contents01 > div:last-of-type { width: 32vw; }
#activities .contents01 > div:first-of-type img, #activities .contents01 > div:last-of-type img { width: 100%; }
#activities .contents01 > div p { font-size: 3.2vw; margin: 0; }
}

#activities .contents02 { font-size: 1.25rem; line-height: 30px; text-align: center; /* margin: 0 0 50px; */ margin: 0 0 120px; }
@media screen and (max-width: 640px) {
#activities .contents02 { font-size: 3.6vw; /* margin: 0 0 7%; */ margin: 0 0 12%; }
}

#activities .contents03 {
  position: relative;
  width: 760px;
  height: 0;
  margin: 0 auto 120px;
  padding-bottom: 45.48%;
  overflow: hidden;
}
#activities .contents03 iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  border: none;
}
@media screen and (max-width: 640px) {
#activities .contents03 {
  width: 100%;
  margin: 0 0 12%;
  padding-bottom: 56.25%;
}
}

#activities .contents04 { font-size: 1.625rem; font-weight: normal; text-align: center; margin: 0 0 60px; }
@media screen and (max-width: 640px) {
#activities .contents04 { font-size: 5vw; margin: 0 0 6%; }
}

#activities .contents05 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 55px 120px; }
#activities .contents05 > div h3 { margin: 0 0 40px; text-align: center; }
#activities .contents05 > div p { font-size: 1rem; padding-top: 0.8em; margin: 0; }
#activities .contents05 > div:nth-of-type(3) { margin: 0; padding: 0.4em 330px 0 300px; text-align: center; }
#activities .contents05 > div:nth-of-type(4) { margin: 0; padding: 0 0 0 185px; }
@media screen and (max-width: 640px) {
#activities .contents05 { width: 90%; margin: 0 auto 12%; }
#activities .contents05 > div h3 { margin: 0 0 5vw; }
#activities .contents05 > div h3 img { width: 30vw; }
#activities .contents05 > div p { font-size: 4vw; }
#activities .contents05 > div:nth-of-type(1), #activities .contents05 > div:nth-of-type(2) { width: 46%; }
#activities .contents05 > div:nth-of-type(3) { padding: 0.4em 20% 0; }
#activities .contents05 > div:nth-of-type(4) { padding: 0 12%; }
}

#activities .contents06 { width: 760px; position: relative; padding: 60px 0; margin: 0 auto 120px; }
#activities .contents06:before, #activities .contents06:after {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  content: "";
  width: 422px;
  height: 2px;
}
#activities .contents06:before { top: 0; border-top: 2px #4a99de solid; }
#activities .contents06:after { bottom: 0; border-bottom: 2px #4a99de solid; }
#activities .contents06 div { text-align: center; margin-bottom: 55px; }
#activities .contents06 dl { text-align: center; margin: 0 0 55px; }
#activities .contents06 dl dt { font-size: 1.125rem; line-height: 1.2; margin: 0 0 1em; }
#activities .contents06 dl dd { font-size: 0.875rem; line-height: 1.2; margin: 0 0 1em; }
#activities .contents06 dl dd:last-child { margin: 0; }
#activities .contents06 p { font-size: 1rem; line-height: 26px; margin: 0;}
@media screen and (max-width: 640px) {
#activities .contents06 { width: inherit; padding: 10% 5%; margin: 0 0 12%; }
#activities .contents06:before, #activities .contents06:after { width: 70%; }
#activities .contents06 div { margin-bottom: 8%; }
#activities .contents06 dl { font-size: 3.6vw; margin: 0 0 5%; }
#activities .contents06 p { font-size: 3.6vw; margin: 0;}
}

#activities .contents07 { font-size: 1.625rem; font-weight: normal; text-align: center; margin: 0 0 60px; }
@media screen and (max-width: 640px) {
#activities .contents07 { font-size: 5vw; margin: 0 0 6%; }
}

#activities .contents08 { margin: 0 0 120px; }
#activities .contents08 dl * { margin: 0; padding: 0; text-align: center; font-size: 1.125rem; }
#activities .contents08 dl dt { padding: 130px 0 30px; }
#activities .contents08 dl dd { padding: 0 0 0.6em; }
#activities .contents08 dl dd:last-child { padding: 0; }
@media screen and (max-width: 640px) {
#activities .contents08 { width: 90%; margin: 0 auto 12%; }
#activities .contents08 dl * { font-size: 4vw; }
#activities .contents08 dl dt { padding: 10% 0 6%; }
#activities .contents08 dl dd { padding: 0 0 0.4em; }
}

#activities .contents09 { font-size: 2.1875rem; font-weight: normal; text-align: center; margin: 0 0 60px; }
@media screen and (max-width: 640px) {
#activities .contents09 { font-size: 5vw; margin: 0 0 6%; }
}

#activities .contents10 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 0 100px; }
#activities .contents10 > div { width: 32%; padding-bottom: 25px; }
#activities .contents10 > div p { font-size: 0.875rem; text-align: center; padding-top: 0.6em; margin: 0; }
@media screen and (max-width: 640px) {
#activities .contents10 { width: 90%; margin: 0 auto 10%; }
#activities .contents10 > div { padding-bottom: 5vw; }
#activities .contents10 > div p { font-size: 3vw; }
}

#activities .contents11 { position: relative; padding: 60px 0; margin-bottom: 120px; }
#activities .contents11:before, #activities .contents11:after {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  content: "";
  width: 422px;
  height: 2px;
}
#activities .contents11:before { top: 0; border-top: 2px #4a99de solid; }
#activities .contents11:after { bottom: 0; border-bottom: 2px #4a99de solid; }
#activities .contents11 h2 { font-size: 2.1875rem; font-weight: normal; text-align: center; margin: 0 0 40px; }
#activities .contents11 p { font-size: 0.875rem; text-align: center; margin: 0 0 50px; }
#activities .contents11 div { text-align: center; }
#activities .contents11 .rd__related--btn { background: #a4ccef; text-align: center; margin: 0 auto;}
#activities .contents11 .rd__related--btn:hover, #activities .contents11 .rd__related--btn:focus { background-color: #4a99de; }
@media screen and (max-width: 640px) {
#activities .contents11 { padding: 10% 5%; margin-bottom: 6%; }
#activities .contents11:before, #activities .contents11:after { width: 70%; }
#activities .contents11 h2 { font-size: 7vw; margin-bottom: 4%; }
#activities .contents11 p { font-size: 3.6vw; margin: 0 0 7%; }
}

#activities .contents12 { width: 760px; margin: 0 auto 100px; }
#activities .contents12 dl, #activities .contents12 dl dt, #activities .contents12 dd { font-size: 0.875rem; margin: 0; }
#activities .contents12 dl a:link { text-decoration: underline; }
#activities .contents12 dl a:hover, #activities .contents12 dl a:focus { text-decoration: none; }
#activities .contents12 dl dt { margin-bottom: 0.4em; }
#activities .contents12 dl dd { margin-bottom: 0.4em; }
#activities .contents12 dl dd:last-child { margin-bottom: 0; }
#activities .contents12 .movie {
  position: relative;
  width: 760px;
  /* width: 500px; */
  height: 0;
  margin: 10px auto 30px;
  padding-bottom: 56.2%;
  /* padding-bottom: 36.94%; */
  overflow: hidden;
}
#activities .contents12 .movie iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: none;
}
@media screen and (max-width: 640px) {
#activities .contents12 { width: 90%; margin: 0 auto 6%; }
#activities .contents12 .movie {
  width: 100%;
  margin: 2% 0 6%;
  padding-bottom: 56.25%;
}
}

#activities .contact { width: 760px; margin: 0 auto; padding: 30px 0 0; }
#activities .contact section { margin-bottom: 100px; }
#activities .contact section.agreement { margin-bottom: 0; }
#activities .contact h1 { font-size: 2.1875rem; font-weight: normal; text-align: center; margin: 0 0 80px; }
#activities .contact h2 { font-size: 1.625rem; font-weight: normal; text-align: center; margin: 0 0 25px; }
#activities .contact h3 { font-size: 1rem; font-weight: bold; margin: 0; }
#activities .contact p { font-size: 0.875rem; margin: 0; }
#activities .contact .agreement h2 { margin: 0 0 40px;}
#activities .contact .agreement p { text-align: center; margin: 0 0 50px; }
#activities .contact .agreement div { text-align: center; }
#activities .contact .agreement .agree { margin-bottom: 100px; }
#activities .contact .agreement .agree .rd__related--btn { background: #a4ccef; text-align: center; margin: 0 auto !important; }
#activities .contact .agreement .agree .rd__related--btn:hover, #activities .contact .agreement .rd__related--btn:focus { background-color: #4a99de; }
#activities .contact p a:link { text-decoration: underline; }
#activities .contact p a:hover, #activities .contact p a:focus { text-decoration: none; }
@media screen and (max-width: 640px) {
#activities .contact { width: inherit; margin: 0 5%; }
#activities .contact h1 { margin: 0 0 8%; }
#activities .contact .agreement p { text-align: left; }
#activities .contact .agreement .agree { margin-bottom: 10%; }
}

#activities .rd__related--btn {
  width: 280px;
  min-width: 280px;
  padding: 20px;
}
@media screen and (max-width: 640px) {
#activities .rd__related--btn {
  width: 12em !important;
  min-width: 12em !important;
  max-width: 90% !important;
  padding: 10px;
}
}
@media screen and (max-width: 479px) {
#activities .rd__related--btn {
  width: 12em !important;
  min-width: 12em !important;
  max-width: 90% !important;
  padding: 10px;
}
}

#activities .mb1em { margin-bottom: 1em !important; }
#activities .mb2em { margin-bottom: 2em !important; }

#activities .sp-only { display: none; }
@media screen and (max-width: 640px) {
#activities .pc-only { display: none; }
#activities .sp-only { display: inline; }
}

#activities span.color01 { color: #4a99de; }



/* --------------------
* project/下層追加ページ/index.html
--------------------*/
.rdc_project-title {
  margin: 0;
  text-align: center;
  font-size: 1.5625rem;
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: 0.08em;
}
@media (min-width:641px) {
  .rdc_project-title {
    font-size: 2.1875rem;
    line-height: 1.2571;
  }
}

.rdc_ccai-heading2,
.rdc_ccai-heading3 {
  margin-top: 0;
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0.02em;
}
.rdc_ccai-heading2 {
  margin-bottom: 20px;
}
.rdc_ccai-heading4 {
  margin-bottom: 10px;
  font-size: 1.0625rem;
  font-weight: 700;
  line-height: 1.764;
  letter-spacing: 0.02em;
}
.rdc_ccai-cross {
  color: #007AB3;
}
.rdc_ccai-description {
  font-size: 1.0625rem;
  line-height: 1.764;
  letter-spacing: 0.02em;
}
.rdc_ccai-article {
  font-size: 0.9375rem;
  line-height: 1.866;
  letter-spacing: 0;
}
.rdc_ccai-article img {
  vertical-align: top;
}
.rdc_bg_gray {
  background-color: #F5F5F5;
}
.rdc_ccai-description_a {
  font-size: 0.9375rem;
  text-decoration: underline;
}
.rdc_ccai-caption {
  font-size: 0.75rem;
  line-height: 1.5;
}
.rdc_ccai-linklist {
  margin: auto;
  max-width: 819px;
  line-height: 1.533;
}
.rdc_ccai-linklist dd {
  margin-top: 15px;
  margin-left: 0;
}
.rdc_ccai-linklist a {
  text-decoration: underline;
  -webkit-transition: opacity .3s;
  transition: opacity .3s;
}
.rdc_ccai-linklist a:hover,
.rdc_ccai-linklist a:focus {
  opacity: .7;
}
.rdc_ccai-date {
  margin-top: 24px;
  margin-bottom: 120px;
  font-size: 0.8125rem;
  line-height: 1.384;
}
@media (min-width:641px) {
  .rdc_ccai-heading2 {
    margin-bottom: 14px;
    font-size: 1.875rem;
    line-height: 1;
    letter-spacing: 0.07em;
  }
  .rdc_ccai-heading3 {
    font-size: 1.625rem;
    line-height: 1.538;
  }
  .rdc_ccai-description {
    font-size: 1.125rem;
    line-height: 1.944;
  }
  .rdc_ccai-article {
    line-height: 2;
  }
  .rdc_ccai-float-left {
    float: left;
    width: 568px;
  }
  .rdc_ccai-float-right {
    float: right;
    width: 360px;
    text-align: left;
  }
  .rdc_ccai-float-clear {
    width: 568px;
  }
}


.rdc_ccai-movie {
  position: relative;
  width: 236px;
  padding-top: 420px;
}
.rdc_movie-sp.rdc_ccai-movie,
.rdc_ccai-movie .rdc_movie-box {
  display: block !important;
}
.rdc_ccai-movie > img,
.rdc_ccai-movie .rdc_movie-box {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.rdc_ccai-movie video {
  width: 100%;
  height: auto;
}

.rdc_ccai-movie .rdc_movie-sp-on2 {
  z-index: 2;
}
.rdc_ccai-movie1 .rdc_ccai-movie {
  width: 100% !important;
  padding-top: 56.25% !important;
}
.rdc_ccai-movie1 .rdc_ccai-movie-text {
  margin-left: 0 !important;
  margin-right: 0 !important;
  width: auto !important;
}
.rdc_ccai-article .rdc_movie-accordion {
  margin-top: 10px;
}
@media (max-width:640px) {
  .rdc_ccai-movie {
    margin-left: auto;
    margin-right: auto;
  }
  .rdc_ccai-movie-text {
    margin-left: auto;
    margin-right: auto;
    width: 236px;
    height: auto !important;
  }
}
@media (min-width:641px) {
  .rdc_ccai-movie {
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 360px;
    padding-top: 640px;
  }
  .rdc_ccai-movie .rdc_movie-box,
  .rdc_ccai-movie video {
    width: 100%;
    height: 100%;
  }
  .rdc_ccai-movie img {
    -o-object-fit: cover;
       object-fit: cover;
  }
  .rdc_ccai-movie-text {
    width: 360px;
    height: auto !important;
  }
}



/* --------------------
* homepage - project section
--------------------*/
.rdc_pro-header {
  position: relative;
  z-index: 10;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 40px;
  color: #fff;
}
@media (min-width:641px) {
  .rdc_project-home {
    margin-top: 120px;
  }
  .rdc_tec.rdc_project-home::after {
    left: 0;
    right: auto;
  }
  .rdc_pro-header {
    margin-bottom: 70px;
  }
  .rdc_project-home .rdc_tec-header-inner {
    margin-left: auto;
  }
  .rdc_pro-header .rdc_container {
    width: auto;
  }

  .rdc_project-home .rdc_tec-header-text {
    left: 27.9375%;
    right: auto;
  }
}




/* --------------------
* oled/index.html
--------------------*/
.rdc_title-oled {
  background-image: url(../images/technologies/OLED_microdisplay/title-bg.jpg);
}
.rdc_bg_dark {
  background-color: #3D3D3D;
  color: #fff;
}
.rdc_heading.rdc_heading-oled {
  margin-bottom: 50px;
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0.04em;
}
.rdc_img-tec-caption {
  margin-top: 10px !important;
  font-size: 0.75rem;
  line-height: 1.5;
  letter-spacing: 0.05em;
}
.rdc_img-tec-figcaption {
  font-size: 0.8125rem;
  line-height: 1.6153;
  letter-spacing: 0;
}
.rdc_oled-section2-space {
  height: 300px;
  background-image: url(../images/technologies/OLED_microdisplay/section3_after_sp.jpg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
.rdc_movie-sp .rdc_movie-box video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.rdc_section-line {
  margin: 0;
  border: none;
  height: 1px;
  background-color: #BBBBBB;
}
.rdc_heading_right,
.rdc_heading_left {
  margin-bottom: 40px;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.5555;
  letter-spacing: 0.04em;
}
@media (max-width:640px) {
  .rdc_heading_right,
  .rdc_heading_left {
    text-align: center;
  }
}
@media (min-width:641px) {
  .rdc_title-oled {
    background-image: url(../images/technologies/OLED_microdisplay/title-bg_pc.jpg);
  }
  .rdc_heading.rdc_heading-oled {
    margin-bottom: 80px;
    font-size: 1.5rem;
    line-height: 1.6666;
  }
  .rdc_img-tec-caption {
    margin-top: 14px !important;
    font-size: 0.875rem;
    line-height: 1.857;
    letter-spacing: 0;
  }
  .rdc_img-tec-figcaption {
    line-height: 1.846;
  }
  .rdc_oled-section2-space {
    height: 336px;
    background-image: url(../images/technologies/OLED_microdisplay/section3_after_pc.jpg);
  }
  .rdc_heading_right,
  .rdc_heading_left {
    width: 568px;
    font-size: 1.25rem;
    line-height: 1.6;
  }
  .rdc_heading_right {
    margin-left: auto;
  }
}



/* --------------------
* srt/index.html
--------------------*/
.rdc_title-srt {
  background-image: url(../super-resolution_technology/images/title-bg_sp.jpg);
}
.rdc_srt-section2-space {
  height: 300px;
  background-image: url(../super-resolution_technology/images/section2_after_sp.jpg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
@media (min-width:641px) {
  .rdc_title-srt {
    background-image: url(../super-resolution_technology/images/title-bg_pc.jpg);
  }
  .rdc_srt-section2-space {
    height: 336px;
    background-image: url(../super-resolution_technology/images/section2_after_pc.jpg);
  }
}



/* --------------------
* mm/index.html
--------------------*/
.rdc_title-mm {
  background-image: url(../images/technologies/mobile-manipulator/title-bg_sp.jpg);
}
.rdc_mm-section4-space {
  height: 300px;
  background-image: url(../images/technologies/mobile-manipulator/section4_after_sp.jpg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
@media (min-width:641px) {
  .rdc_title-mm {
    background-image: url(../images/technologies/mobile-manipulator/title-bg_pc.jpg);
  }
  .rdc_mm-section4-space {
    height: 336px;
    background-image: url(../images/technologies/mobile-manipulator/section4_after_pc.jpg);
  }
}



/* --------------------
* projects/mimamori/index.html
--------------------*/
.rdc_mimamori-heading3 {
  font-size: 1.125rem;
  font-weight: 700;
}



/* --------------------
* about/lund-laboratory/index.html
--------------------*/
@media (min-width:641px) {
  .rdc_about-subsection2 .rdc_col-about-sub.ml_auto_pc {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
  }
}



/* --------------------
* mr/index.html
--------------------*/
.rdc_title-mr {
  background-image: url(../images/technologies/new_mobility/title-bg_sp.jpg);
}
.rdc_mr-section5-space {
  height: 375px;
  background-image: url(../images/technologies/new_mobility/section5_after_sp.jpg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
.rdc_mr-heading {
  margin-bottom: 40px;
  font-size: 1.125rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  line-height: 1.5;
}
.rdc_img-mr-caption {
  margin-top: 20px !important;
  font-size: 0.875rem;
  line-height: 1.857;
  letter-spacing: 0;
}
.rdc_mr-subheading-model {
  margin-top: 31px;
  margin-bottom: 10px;
  padding: 0 10px;
  background-color: #F2F2F2;
  font-size: 1rem;
  font-weight: 700;
  line-height: 2.125;
}
.rdc_mr-modellist dt {
  margin-top: 10px;
  font-size: 0.9375rem;
  font-weight: 700;
  line-height: 2;
}
.rdc_mr-modellist dd {
  margin-left: 0;
  font-size: 0.875rem;
  line-height: 1.7857;
}
@media (max-width:640px) {
  .rdc_col-mr6_movie {
    margin-top: 20px !important;
  }
  .rdc_mr-heading {
    text-align: center;
  }
}
@media (min-width:641px) {
  .rdc_title-mr {
    background-image: url(../images/technologies/new_mobility/title-bg_pc.jpg);
  }
  .rdc_mr-heading {
    font-size: 1.25rem;
  }
  .rdc_mr-section5-space {
    height: 336px;
    background-image: url(../images/technologies/new_mobility/section5_after_pc.jpg);
  }
  .rdc_col-mr6_img {
    -ms-flex-preferred-size: 568px;
        flex-basis: 568px;
    margin-left: 54px !important;
  }
  .rdc_col-mr6_movie {
    -ms-flex-preferred-size: 568px;
        flex-basis: 568px;
  }
}



/* --------------------
* p robot/index.html
--------------------*/
/* 領域全体 */
.rdc_visual.rdc_project_robot-visual {
  position: relative;
  height: auto;
}
.rdc_visual.rdc_project_robot-visual::before {
  padding-top: 56%;
}
@media (min-width:641px) {
  .rdc_visual.rdc_project_robot-visual::before {
    padding-top: 28.57%;
  }
}
/* ページタイトル */
.rdc_project_robot-visual .rdc_visual-inner {
  position: absolute;
  top: 0;
  left: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  max-width: 1230px;
  height: 100%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.rdc_project_robot-visual .rdc_visual-copy {
  margin: 0 0 10px;
  font-size: 1.125rem;
  font-weight: 400;
  letter-spacing: 0.18em;
  line-height: 1.6666;
}
@media (min-width:641px) {
  .rdc_project_robot-visual .rdc_visual-copy {
    margin: 0 0 24px;
    font-size: 1.5625rem;
    line-height: 1.2;
  }
}

/* 動画の説明テキスト */
.rdc_project_robot-visual .rdc_movie-accordion {
  text-align: center;
}
.rdc_project_robot-visual .rdc_movie-accordion .rdc_visual-accordion-btn {
  max-width: none;
}
@media (min-width:641px) {
  .rdc_project_robot-visual .rdc_movie-accordion {
    position: absolute;
    bottom: 30px;
    left: 0;
    -ms-flex-item-align: bottom;
        align-self: bottom;
    width: 100%;
    text-align: center;
  }
}
/* 動画と代替画像 */
.rdc_project_robot-visual .rdc_video {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.rdc_project_robot-visual .rdc_video video,
.rdc_project_robot-visual .rdc_video img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
.rdc_project_robot-visual .rdc_probot-movie-bg {
  width: 100px;
  max-width: none;
}

@media (max-width:640px) {
  .project-robot .modaal-overlay,
  .project-robot .modaal-wrapper.modaal-video {
    display: block !important;
  }
  .project-robot .modaal-inner-wrapper {
    padding-left: 0;
    padding-right: 0;
  }
  .project-robot .modaal-video-wrap {
    margin-left: 0;
    margin-right: 0;
  }
}


/* section1 */
.rdc_pr-message-heading {
  letter-spacing: 0.19em;
}
.rdc_pr-message p {
  letter-spacing: 0.12em;
}
@media (max-width:640px) {
  .rdc_pr-message-heading {
    margin-bottom: 40px;
    font-size: 1.125rem;
  }
  .rdc_pr-message p {
    margin-top: 24px;
    font-size: 0.9375rem;
    line-height: 2;
  }
}
@media (min-width:641px) {
  .rdc_pr-message-heading {
    font-size: 1.875rem;
  }
  .rdc_pr-message p {
    margin-top: 44px;
    font-size: 1.125rem;
    line-height: 2.444;
  }
}


/* modal */
.rdc_probot-header {
  position: relative;
}
.rdc_probot-header-movie {
  overflow: hidden;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #101319;
}
.rdc_probot-header-bg {
  width: 100%;
}
.rdc_probot-header-bg img {
  position: relative;
  z-index: 2;
  vertical-align: top;
}
.rdc_probot-header-inner {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 4;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  text-align: center;
  color: #fff;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.rdc_probot-header-title {
  margin: 0 0 10px;
  text-align: center;
  font-size: 1.125rem;
  font-weight: 400;
  letter-spacing: 0.18em;
  line-height: 1.6666;
}
.rdc_probot-header-text .rdc_movie-accordion {
  margin-top: 10px;
}
@media (max-width:640px) {
  .rdc_probot-header-bg::before {
    content: "";
    display: block;
    padding-top: 56%;
  }
  .rdc_probot-header-bg img {
    position: absolute;
    top: 0;
    left: 50%;
    z-index: 2;
    height: 100%;
    vertical-align: top;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }

  #rdc_probot-header-video-sp {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
  }
  .rdc_probot-header-btn-sp {
    margin: 0;
    padding: 0;
    border:none;
    background-color: transparent;
  }
  .rdc_probot-header-video-sp2 {
    z-index: 3;
  }
  .modaal-overlay,
  .modaal-wrapper.modaal-video {
    display: none !important;
  }
}
@media (min-width:641px) {
  .rdc_probot-header-title {
    margin-bottom: 24px;
    font-size: 1.5625rem;
    line-height: 1.2;
    white-space: nowrap;
  }
  .rdc_probot-header-text .rdc_visual-accordion-btn {
    max-width: none;
  }
  .rdc_probot-header-text {
    position: absolute;
    bottom: 30px;
    left: 50%;
    z-index: 2;
    color: #fff;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
  .rdc_probot-header-text path {
    fill: #fff;
  }
}



.rdc_pr-point {
  text-align: center;
  background-color: #000;
  background-image: url(../images/projects/robotics_platform/message-after_sp.jpg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  color: #fff;
  font-size: 1rem;
  letter-spacing: 0.11em;
}
.rdc_pr-point_before {
  margin-bottom: 16px;
}
.rdc_pr-point-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.rdc_pr-col-point {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 1px solid #fff;
  border-radius: 50%;
  font-weight: 700;
  letter-spacing: 0.11em;
}
.rdc_pr-point-row > .rdc_pr-col-point:nth-child(2) {
  margin-left: 8px;
  margin-right: 8px;
}
@media (max-width:640px) {
  .rdc_pr-col-point {
    position: relative;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    font-size: 0.75rem;
    line-height: 1.6666;
  }
  .rdc_pr-col-point::before {
    content: "";
    display: block;
    padding-top: 100%;
    width: 100%;
  }
  .rdc_pr-col-point-inner {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
}
@media (min-width:641px) {
  .rdc_pr-point {
    padding-top: 127px;
    padding-bottom: 135px;
    background-image: url(../images/projects/robotics_platform/message-after_pc.jpg);
    font-size: 1.5rem;
  }
  .rdc_pr-point_before {
    margin-bottom: 36px;
    font-size: 1.55rem;
  }
  .rdc_pr-col-point {
    padding: 0;
    width: 260px;
    height: 260px;
  }
  .rdc_pr-point-row > .rdc_pr-col-point:nth-child(2) {
    margin-left: 20px;
    margin-right: 20px;
  }
}

.rdc_probot-movie_light {
  position: relative;
}
.rdc_probot-movie_light .sdtop-header-videoctrl-play-icon {
  background-image: url(../images/projects/robotics_platform/icon-pause.svg);
}
.rdc_probot-movie_light .sdtop-header-videoctrl-play-btn.paused .sdtop-header-videoctrl-play-icon {
  background-image: url(../images/projects/robotics_platform/icon-play.svg);
}


/* section2 */
.rdc_probot-heading1 {
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0.04em;
}
@media (min-width:641px) {
  .rdc_probot-heading1 {
    font-size: 1.625rem;
    letter-spacing: 0.05em;
  }
}
.rdc_pr-arrows {
  margin-top: 29px;
  font-size: 0.8125rem;
  letter-spacing: 0.05em;
}
.rdc_pr-arrows dt {
  margin-top: 17px;
  margin-bottom: 6px;
  font-weight: 400;
}
.rdc_pr-arrows dd {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  margin-left: 0;
}
.probot-arrow1,
.probot-arrow2,
.probot-arrow3 {
  display: inline-block;
  padding: 0 6px;
  height: 32px;
  text-align: center;
  color: #fff;
  line-height: 32px;
}
.probot-arrow1,
.probot-arrow3 {
  width: 50%;
}
.probot-arrow1 {
  background-color: #3162AF;
}
.probot-arrow2 {
  position: relative;
  width: calc(50% - 11px);
  background-color: #3E77C1;
}
.probot-arrow2::after {
  content: "";
  position: absolute;
  left: 100%;
  top: 0;
  display: inline-block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 16px 0 16px 11px;
  border-color: transparent transparent transparent #3E77C1;
}
.probot-arrow3 {
  background-color: #484848;
}
@media (min-width:641px) {
  .rdc_pr-arrows {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-top: 38px;
    font-size: 1rem;
  }
  .rdc_pr-arrows dt {
    margin-top: 0;
    width: 182px;
    line-height: 1.625;
  }
  .rdc_pr-arrows dd {
    width: 600px;
  }
  .rdc_pr-arrows dd + dt {
    margin-top: 2em;
  }
  .rdc_pr-arrows dd + dt + dd {
    margin-top: 1.5em;
  }
  .probot-arrow1,
  .probot-arrow2,
  .probot-arrow3 {
    padding: 0 6px;
    height: 44px;
    line-height: 44px;
  }
  .probot-arrow2::after {
    border-width: 22px 0 22px 16px;
  }
}


/* section3 */
.rdc_pr-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.rdc_pr-heading-img {
  position: relative;
  background-color: #000;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
.rdc_pr-heading-img::before {
  content: "";
  display: block;
  padding-top: 56.2%;
  width: 100%;
}
.rdc_pr-heading-img-text {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  text-align: center;
  background-color: transparent;
  color: #fff;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 0.05em;
}
.rdc_pr-heading-img-text small {
  font-size: 1.1rem;
  font-weight: 400;
  line-height: 1.2;
}
@media (max-width:640px) {
  .rdc_pr-row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .rdc_pr-row > .rdc_pr-col:nth-child(n+2) {
    margin-top: 32px;
  }
  .rdc_pr-heading-img1 {
    background-image: url(../images/projects/robotics_platform/section3-smooth_sp.jpg);
  }
  .rdc_pr-heading-img2 {
    background-image: url(../images/projects/robotics_platform/section3-quality_sp.jpg);
  }
  .rdc_pr-heading-img3 {
    background-image: url(../images/projects/robotics_platform/section3-flexibility_sp.jpg);
  }
}
@media (min-width:641px) {
  .rdc_pr-col {
    -webkit-box-flex: 376px;
        -ms-flex: 376px 0;
            flex: 376px 0;
  }
  .rdc_pr-row > .rdc_pr-col:nth-child(3n+2) {
    margin-left: 31px;
    margin-right: 31px;
  }
  .rdc_pr-heading-img1 {
    background-image: url(../images/projects/robotics_platform/section3-smooth_pc.jpg);
  }
  .rdc_pr-heading-img2 {
    background-image: url(../images/projects/robotics_platform/section3-quality_pc.jpg);
  }
  .rdc_pr-heading-img3 {
    background-image: url(../images/projects/robotics_platform/section3-flexibility_pc.jpg);
  }
}

.rdc_probot-heading {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: 20px;
  padding-right: 20px;
  height: 260px;
  background-color: #000;
  background-image: url(../images/projects/robotics_platform/section4-title_sp.jpg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  color: #fff;
}
.rdc_probot-heading h2 {
  font-size: 1.25rem;
  letter-spacing: 0.12em;
  line-height: 1.75;
}
@media (min-width:641px) {
  .rdc_probot-heading {
    margin-bottom: 52px;
    height: 500px;
    background-image: url(../images/projects/robotics_platform/section4-title_pc.jpg);
  }
  .rdc_probot-heading h2 {
    font-size: 1.75rem;
    font-weight: 700;
  }
  .rdc_pr-row-wrap {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .rdc_pr-row.rdc_pr-row-wrap {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .rdc_pr-row.rdc_pr-row-wrap .rdc_pr-col {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}

.rdc_probot-image img {
  vertical-align: top;
}
.rdc_probot-title {
  margin: 15px 0 0 !important;
  text-align: center;
  font-size: 0.9375rem;
  line-height: 2;
}
@media (min-width:641px) {
  .rdc_probot-title {
    margin: 15px 0 0;
    font-size: 1.125rem;
    line-height: 1.6666;
  }
  .rdc_pr-row-wrap .rdc_probot-image:nth-child(n+4) {
    margin-top: 70px;
  }
}
.rdc_probot-teikyo {
  margin-top: 32px;
}
.rdc_probot-title2 {
  margin-top: 20px;
  margin-bottom: 12px;
  font-size: 0.9375rem;
  font-weight: 700;
  line-height: 1.6666;
  letter-spacing: 0.05em;
}
.rdc_probot-teikyo p {
  margin: 0;
}
.rdc_probot-teikyo img {
  vertical-align: top;
}
@media (min-width:641px) {
  .rdc_pr-row .rdc_probot-teikyo:nth-child(n+4) {
    margin-top: 50px;
  }
}

.rdc_probot-nogutters img {
  width: 100%;
  max-width: none;
}
.rdc_probot-researchers-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 14px;
}
.rdc_probot-researchers-row dl {
  margin: 0;
}
.rdc_probot-researchers-row dt {
  line-height: 1.6666;
}
.rdc_probot-researchers-row dd {
  margin-left: 0;
  font-size: 0.8125rem;
  line-height: 1.6923rem;
}
.rdc_pr-talk-heading {
  margin: 40px 0 15px;
  font-size: 1.25rem;
  letter-spacing: 0.04em;
  line-height: 1.5
}
.rdc_pr-talk > * {
  display: inline;
  margin: 0;
  font-size: 0.9375rem;
  line-height: 1.8667;
}
.rdc_pr-talk dt {
  font-weight: 700;
}
@media (max-width:640px) {
  .rdc_heading-letter {
    letter-spacing: -0.5em;
  }
  .rdc_probot-nogutters {
    margin: 0 -20px;
  }
  .rdc_probot-researchers-row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .rdc_probot-researchers-row > .rdc_probot-researchers-col:nth-child(2) {
    margin-top: 20px;
    margin-bottom: 20px;
  }
}
@media (min-width:375px) and (max-width:640px) {
  .rdc_probot-nogutters {
    margin: 0 -30px;
  }
}
@media (min-width:641px) {
  .rdc_probot-researchers-row {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding-left: 40px;
  }
  .rdc_probot-researchers-row > .rdc_probot-researchers-col:nth-child(2) {
    margin-left: 20px;
    margin-right: 20px;
  }
  .rdc_probot-researchers-col {
    -ms-flex-preferred-size: 200px;
        flex-basis: 200px;
  }
  .rdc_pr-talk-heading {
    margin: 50px 0 20px;
  }
  .rdc_pr-talk > * {
    line-height: 2;
  }
}

.rdc_probot-case-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.rdc_probot-case-col {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.rdc_probot-case-col,
.rdc_probot-case-col .rdc_probot-case-title {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
.rdc_probot-case-title {
  color: #fff;
  font-weight: 700;
  letter-spacing: 0.05em;
}
@media (max-width:640px) {
  .rdc_probot-case-row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .rdc_probot-case-row > .rdc_probot-case-col:nth-child(n+1) {
    margin-top: 40px;
  }
  .rdc_probot-case-col .rdc_probot-case-title {
    height: 315px;
  }
  .rdc_probot-case1 .rdc_probot-case-title {
    background-image: url(../images/projects/robotics_platform/section7-1_sp.jpg);
  }
  .rdc_probot-case2 .rdc_probot-case-title {
    background-image: url(../images/projects/robotics_platform/section7-2_sp.jpg);
  }
  .rdc_probot-case3 .rdc_probot-case-title {
    background-image: url(../images/projects/robotics_platform/section7-3_sp.jpg);
  }
  .rdc_probot-case4 .rdc_probot-case-title {
    background-image: url(../images/projects/robotics_platform/section7-4_sp.jpg);
  }
  .rdc_probot-case-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-size: 1.25rem;
  }
  .rdc_probot-case-col p {
    margin: 20px 0 0;
  }
}
@media (min-width:641px) {
  .rdc_probot-case-row {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-top: 80px;
  }
  .rdc_probot-case-row > .rdc_probot-case-col:nth-child(n+3) {
    margin-top: 30px;
  }
  .rdc_probot-case-row > .rdc_probot-case-col:nth-child(2n) {
    margin-left: 30px;
  }
  .rdc_probot-case-col {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-preferred-size: 478px;
        flex-basis: 478px;
    height: 478px;
  }
  .rdc_probot-case1 {
    background-image: url(../images/projects/robotics_platform/section7-1_pc.jpg);
  }
  .rdc_probot-case2 {
    background-image: url(../images/projects/robotics_platform/section7-2_pc.jpg);
  }
  .rdc_probot-case3 {
    background-image: url(../images/projects/robotics_platform/section7-3_pc.jpg);
  }
  .rdc_probot-case4 {
    background-image: url(../images/projects/robotics_platform/section7-4_pc.jpg);
  }
  .rdc_probot-case-title {
    font-size: 1.375rem;
  }
  .rdc_probot-case-text {
    position: absolute;
    bottom: 27px;
    left: 36px;
    width: 406px;
    color: #fff;
    line-height: 1.8666;
  }
}


/* modaal 修正 */
.modaal-wrapper {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}


/* SLAM */
.rdc_title-slam,
.rdc_slam-section3-space {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
.rdc_title-slam {
  height: 374px;
  background-image: url(../images/technologies/3D_environment_sensing/title-bg_sp.jpg);
}
.rdc_slam-section3-space {
  height: 300px;
  background-image: url(../images/technologies/3D_environment_sensing/slam-section3-space_sp.jpg);
}
.rdc_heading-short {
  font-size: 1rem;
}
@media (min-width:641px) {
  .rdc_title-slam {
    height: 400px;
    background-image: url(../images/technologies/3D_environment_sensing/title-bg.jpg);
  }
  .rdc_slam-section3-space {
    height: 336px;
    background-image: url(../images/technologies/3D_environment_sensing/slam-section3-space.jpg);
  }
}





/* tooltip */
.rdc_tooltip {
  overflow: visible;
  position: relative;
  display: inline-block;
}
.rdc_tooltip a {
  position: relative;
  margin-bottom: 4px;
  border-bottom: 1px dotted #101319;
  line-height: 1;
}
.rdc_tooltip-outer {
  overflow: hidden !important;
  position: absolute !important;
  display: inline-block;
  margin: -1px !important;
  padding: 0 !important;
  width: 1px !important;
  height: 1px !important;
  border: none !important;
  text-align: center;
  white-space: nowrap !important;
  clip: rect(0,0,0,0) !important;
}
.rdc_tooltip a:hover + .rdc_tooltip-outer,
.rdc_tooltip a:focus + .rdc_tooltip-outer,
.rdc_tooltip-outer:hover {
  overflow: visible !important;
  left: 0;
  bottom: 100%;
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  width: auto !important;
  height: auto !important;
  font-size: 0.75rem !important;
  word-break: normal !important;
  line-break: auto !important;
  word-wrap: break-word !important;
  clip: auto !important;
  clip: unset !important;
  letter-spacing: normal !important;
  -webkit-transform: translateY(-4px);
          transform: translateY(-4px);
}
.rdc_tooltip a:hover + .rdc_tooltip-outer .rdc_tooltip-innner::before,
.rdc_tooltip a:focus + .rdc_tooltip-outer .rdc_tooltip-innner::before {
  content: "";
  position: absolute;
  top: 100%;
  left: 25%;
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 3px 3px 0 3px;
  border-color: #000 transparent transparent transparent;
  -webkit-transform: translate(-50%, -1px);
          transform: translate(-50%, -1px);
}

.rdc_tooltip-innner {
  position: relative;
  display: block;
  padding: 0.5em 0.75em;
  max-width: 15rem;
  border-radius: 4px;
  background-color: #000;
  color: #fff;
  line-height:1.2em;
}
@media (max-width:640px) {
  .rdc_tooltip a:hover + .rdc_tooltip-outer,
  .rdc_tooltip a:focus + .rdc_tooltip-outer,
  .rdc_tooltip-outer:hover {
/*     min-width: calc(100% + 36px) !important; */
/*
  Beijing Lab
  Corporation
  University
  (China) Ltd.
  Exploration
  */
    width: 90px !important;
    white-space: normal !important;
  }
/*
  BJTU
  imec
  */
  .rdc_tooltip-resize1{
    width: 50px !important;
  }
/* 
  Semiconductor 
  国際医療福祉大
  */
  .rdc_tooltip-resize2{
    width: 106px !important;
  }
/*
  Beijing Jiaotong 
  Carnegie Mellon 
  */
  .rdc_tooltip-resize3{
    width: 120px !important;
  }
/*
  Beijing Jiaotong 
  imec, KU Leuven
  国際医療福祉大学
  */
  .rdc_tooltip-resize4{
    width: 140px !important;
  }
}
@media (min-width:641px) {
  .rdc_tooltip-innner {
    left: -1rem;
    display: block;
    padding: 0.5em 10px;
  }
}



/* transparent_display */
.rdc_title-td,
.rdc_td-section3-space {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
.rdc_title-td {
  height: 374px;
  background-image: url(../transparent_display/images/title-bg_sp.jpg);
}
.rdc_td-section3-space {
  height: 300px;
  background-image: url(../transparent_display/images/td-section3-space_sp.jpg);
}
.rdc_heading-short {
  font-size: 1rem;
}
.rdc_td-data {
  margin-top: 10px !important;
  margin-bottom: 24px !important;
  font-size: 0.75rem;
  line-height: 1.5;
}
@media (min-width:641px) {
  .rdc_title-td {
    height: 400px;
    background-image: url(../transparent_display/images/title-bg.jpg);
  }
  .rdc_td-section3-space {
    height: 336px;
    background-image: url(../transparent_display/images/td-section3-space.jpg);
  }
}




/* --------------------
* /projects/challe_suppo/index.html
--------------------*/
.rdc_challesuppo,
.rdc_challesuppo2 {
  background-color: #fff;
  font-size: 0.9375rem;
  line-height: 1.8666;
}
.rdc_challesuppo {
  color: #1D2087;
}
.rdc_challesuppo2 {
  color: #3D3D3D;
}

.rdc_challesuppo2 h1,
.rdc_challesuppo2 h2 {
  background-color: transparent;
  color: #1D2087;
}
.rdc_challesuppo p {
  margin-top: 0;
  margin-bottom: 0;
}
.rdc_challesuppo * + p {
  margin-top: 30px;
}
@media (min-width:641px) {
  .rdc_challesuppo,
  .rdc_challesuppo2 {
    line-height: 2;
  }
}

/* page title */
.rdc_challesuppo-title {
  height: 176px;
  background-image: url(../images/projects/challe_suppo/title-bg_sp.jpg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
.rdc_challesuppo-title h1 {
  font-size: 2.5rem;
  font-weight: 700;
}
@media (min-width:641px) {
  .rdc_challesuppo-title {
    height: 400px;
    background-image: url(../images/projects/challe_suppo/title-bg_pc.jpg);
  }
}

/* massage */
.rdc_challesuppo-message {
  background-color: #1D2087;
  color: #fff;
}
.rdc_challesuppo-heading {
  margin-top: 0;
  margin-bottom: 30px;
  font-size: 1.5625rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  line-height: 1.6;
}
.rdc_challesuppo-message p {
  letter-spacing: 0.06em;
}
@media (min-width:641px) {
  .rdc_challesuppo-title h1 {
    font-size: 2.125rem;
    line-height: 1.294;
  }
  .rdc_challesuppo-message p {
    margin-top: 40px;
    font-size: 1.125rem;
    line-height: 2.111;
  }
}

/* history */
.rdc_challesuppo-heading2,
.rdc_challesuppo-heading3 {
    margin-top: 0;
  margin-bottom: 40px;
  font-size: 1.5rem;
  font-weight: 700;
  letter-spacing: 0.02em;
  line-height: 1.25;
}
.rdc_challesuppo-inner {
  background-image: url(../images/projects/challe_suppo/history-bg_pc.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: auto 496px;
}
.rdc_challesuppo-history {
  margin-top: 40px;
  margin-bottom: 0;
  width: 100%;
  border-collapse: collapse;
  text-align: left;
  line-height: 1.466;
}
.rdc_challesuppo-history th,
.rdc_challesuppo-history td {
  padding: 20px 0;
  border-top: 1px solid #B5B5B5;
  border-bottom: 1px solid #B5B5B5;
  vertical-align: middle;
}
.rdc_challesuppo-history th {
  width: 60px;
  font-weight: 700;
}
@media (max-width:374px) {
  .rdc_challesuppo-inner_sp {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (min-width:375px) and (max-width:640px) {
  .rdc_challesuppo-inner_sp {
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media (max-width:640px) {
  .rdc_container_sm.rdc_challesuppo-inner_pc {
    padding-left: 0;
    padding-right: 0;
  }
  .rdc_challesuppo-inner_pc {
    background-image: none;
  }
  .rdc_challesuppo-history {
    margin: 50px auto 0;
  }
}
@media (min-width:641px) {
  .rdc_challesuppo-heading2 {
    margin-bottom: 60px;
    font-size: 1.75rem;
    line-height: 1.428;
  }
  .rdc_challesuppo-inner {
    background-size: 686px 692px;
  }
  .rdc_challesuppo-inner_sp {
    background-image: none;
  }
  .rdc_container_sm.rdc_challesuppo-inner_sp {
    padding-left: 0;
    padding-right: 0;
    max-width: 782px;
  }
  .rdc_challesuppo-inner p {
    line-height: 2;
  }
  .rdc_challesuppo-history th {
    width: 100px;
  }
}

/* content */
.rdc_challesuppo-content {
  font-size: 1.125rem;
}
.rdc_challesuppo-heading3 {
  margin-bottom: 20px;
}
.rdc_challesuppo-content p {
  margin-top: 20px;
  font-size: 1rem;
  letter-spacing: 0.06em;
  line-height: 1.75;
}
.rdc_challesuppo-row {
  margin-top: 40px;
}
.rdc_challesuppo-col {
  width: 100%;
  max-width: 462px;
  background-color: #1D2087;
}
.rdc_challesuppo-col_home,
.rdc_challesuppo-content-body {
  background-color: #1D2087;
  color: #fff;
}
.rdc_challesuppo-col_home {
  padding-top: 122px;
  min-height: 315px;
}
.rdc_challesuppo-col_home > img {
  width: 208px;
}
.rdc_challesuppo-content-img {
  height: 201px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
.rdc_challesuppo-content-img_cellulose {
  background-image: url(../images/projects/challe_suppo/content1_cellulose.jpg);
}
.rdc_challesuppo-content-img_safetysystem {
  background-image: url(../images/projects/challe_suppo/content2_safetysystem.jpg);
}
.rdc_challesuppo-content-body {
  padding: 25px 10px 34px;
}
.rdc_challesuppo-content-title {
  font-size: 1rem;
  line-height: 1.625;
}
.rdc_challesuppo-content-name {
  margin-top: 5px;
  font-size: 0.875rem;
  line-height: 1.428;
}
.rdc_challesuppo-col_home .rdc_challesuppo-content-name {
  margin-top: 4px;
  font-size: 1.125rem;
}
.rdc_challesuppo-content-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 20px auto 0;
  padding: 4px 13px 4px 15px;
  width: 180px;
  height: 42px;
  border: 1px solid #fff;
  background-color: #1D2087;
  color: #fff;
  font-size: 0.8125rem;
  letter-spacing: 0.08em;
  -webkit-transition: 0.3s background-color, 0.3s color;
  transition: 0.3s background-color, 0.3s color;
}
.rdc_challesuppo-col_home .rdc_challesuppo-content-btn {
  margin-top: 44px;
}
.rdc_challesuppo-content-btn:hover,
.rdc_challesuppo-content-btn:focus {
  background-color: #fff;
  color: #555555;
}
.rdc_challesuppo-content-btn svg {
  margin-left: auto;
  fill: currentColor;
}
@media (max-width:640px) {
  .rdc_challesuppo-col + .rdc_challesuppo-col {
    margin-top: 30px;
  }
}
@media (min-width:641px) {
  .rdc_challesuppo-content p {
    line-height: 2.375;
  }
  .rdc_challesuppo-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-top: 76px;
  }
  .rdc_challesuppo-row > .rdc_challesuppo-col:nth-child(even) {
    margin-left: auto;
  }
  .rdc_challesuppo-col {
    height: 470px;
  }
    .rdc_challesuppo-content-img {
    height: 240px;
  }
  .rdc_challesuppo-content-title {
    font-size: 1.125rem;
    line-height: 1.555;
  }
  .rdc_challesuppo-content-btn {
    margin-top: 22px;
  }
  .rdc_challesuppo-content-body {
    padding: 30px 10px 50px;
  }
  .rdc_challesuppo-content-name {
    margin-top: 2px;
    line-height: 1.25em;
  }
  .rdc_challesuppo-col_home {
    padding-top: 185px;
    padding-bottom: 50px;
  }
  .rdc_challesuppo-col_home > img {
    width: 337px;
  }
  .rdc_challesuppo-col_home .rdc_challesuppo-content-btn {
    margin-top: 86px;
  }
}




/* --------------------
* /projects/cellulose_materials/index.html
--------------------*/
.rdc_challesuppo_tag {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 46px;
  background-color: #1D2087;
}
.rdc_challesuppo_tag h1 {
  margin: 0;
  background-color: #1D2087;
  color: #fff;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1;
}
.rdc_challesuppo_tag h1 img {
  vertical-align: top;
}
@media (max-width:640px) {
  .rdc_challesuppo_tag h1 img {
    width: 150px;
  }
}
@media (min-width:641px) {
  .rdc_challesuppo_tag {
    height: 80px;
  }
  .rdc_challesuppo_tag h1 {
    font-size: 2.5rem;
  }
  .rdc_challesuppo_tag h1 img {
    width: 258px;
  }
}

.rdc_challesuppo-section1 {
  color: #1D2087;
  font-size: 0.9375rem;
  line-height: 1.8666;
}
.rdc_challesuppo_sub-title {
  font-size: 1.5625rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  line-height: 1.52;
}
.rdc_challesuppo-section1_p {
  font-size: 1.125rem;
  line-height: 1.555;
}
.rdc_challesuppo_sub-name {
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.111;
}
.rdc_challesuppo_sub-name img {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width:640px) {
  .rdc_challesuppo_sub-name img {
    width: 190px;
    height: 190px;
  }
}
@media (min-width:641px) {
  .rdc_challesuppo-section1_p {
    line-height: 1.777;
  }
    .rdc_challesuppo_sub-title {
    font-size: 2.125rem;
    line-height: 1.470;
  }
}
.rdc_challesuppo2 .rdc_lfd-label-inner {
  border: 1px solid #1D2087;
}
.rdc_challesuppo2 .rdc_lfd-index {
  background-color: #1D2087;
}
.rdc_challesuppo2 .rdc_lfd-index-heading,
.rdc_challesuppo2 .rdc_lfd-index a {
  color: #fff;
}
.rdc_challesuppo2 .rdc_lfd-index-menu li {
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%229.294%22%20height%3D%225.354%22%20viewBox%3D%220%200%209.294%205.354%22%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill%3A%23fff%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20class%3D%22a%22%20d%3D%22M-4375.4-19381.8l-4.647-4.646.707-.707%2C3.94%2C3.939%2C3.94-3.939.707.707Z%22%20transform%3D%22translate(4380.042%2019387.158)%22%2F%3E%3C%2Fsvg%3E');
}

.rdc_challesuppo-heading4 {
  text-align: center;
  font-size: 1.25rem;
  font-weight: 700;
  letter-spacing: 0.02em;
  line-height: 1.5;
}
.rdc_challesuppo-material1 {
  background-image: url(../images/projects/challe_suppo/history-bg_white_pc.png);
  background-repeat: no-repeat;
  background-position: center 50%;
  background-size: auto 496px;
}
.rdc_challesuppo-material1 p,
.rdc_challesuppo-material2 p {
  margin: 30px 0 0;
  color: #3d3d3d;
  line-height: 1.866;
}
.rdc_challesuppo-material1 img,
.rdc_challesuppo-material2 img {
    vertical-align: top;
}
@media (min-width:641px) {
  .rdc_challesuppo-heading4 {
    font-size: 1.5rem;
    letter-spacing: 0.04em;
    line-height: 1.666;
  }
  .rdc_challesuppo-material1 {
    background-position: center 22%;
    background-size: 686px auto;
  }
  .rdc_challesuppo-material1 p,
  .rdc_challesuppo-material2 p {
      line-height: 2;
  }
  .rdc_challesuppo2 .rdc_lfd-index {
    padding: 32px 10px 32px 61px;
  }
}
.rdc_challesuppo-inner2 {
  background-image: url(../images/projects/challe_suppo/history-bg_white_pc.png);
}
.rdc_challesuppo-inner2 p {
  margin: 30px 0 0;
  color: #3D3D3D;
  line-height: 1.8666;
}
.rdc_challesuppo-inner p:first-of-type,
.rdc_challesuppo-inner2 p:first-of-type {
  margin: 0;
}
.rdc_challesuppo-inner3 {
  background-position: center 124px;
}
.rdc_challesuppo-inner4 {
  background-position: center 144px;
}
@media (min-width:641px) {
  .rdc_challesuppo-inner2 p {
    line-height: 2;
  }
  .rdc_challesuppo-inner3 {
    background-position: center 29px;
  }
  .rdc_challesuppo-inner4 {
    background-position: center 40px;
  }
}

.rdc_bg_blue {
  background-color: #E0E4EF;
}
.rdc_bg_blue h2,
.rdc_bg_blue p {
  color: #3d3d3d;
}
.rdc_bg_blue p {
  margin: 30px 0 0;
  color: #3d3d3d;
}
.rdc_bg_blue p:first-of-type {
  margin: 0;
}
.rdc_challesuppo-column-icon {
  text-align: center;
  color: #1D2087;
  font-size: 1.25rem;
  font-weight: 700;
  letter-spacing: 0.02em;
  line-height: 2;
}
.rdc_challesuppo-column-icon img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 7px;
}

.rdc_rdc_challesuppo-col2_1,
.rdc_rdc_challesuppo-col2_2 {
  font-size: 0.8125rem;
  letter-spacing: 0;
  line-height: 1.384;
}
@media (min-width:641px) {
  .rdc_challesuppo-row2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .rdc_rdc_challesuppo-col2_1,
  .rdc_rdc_challesuppo-col2_2 {
    font-size: 0.875rem;
    line-height: 1.428;
  }
    .rdc_rdc_challesuppo-col2_1 {
    margin-left: 67px;
  }
  .rdc_rdc_challesuppo-col2_2 {
    margin-left: 280px;
  }
}




/* --------------------
* /projects/cellulose_materials/index.html
--------------------*/
.rdc_imd [lang="en"] {
  font-family: Arial, sans-serif;
}
/* page title */
.rdc_imd-pagetitle h1 {
  text-align: center;
  font-size: 1.5625rem;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.2;
}
@media (min-width:641px) {
  .rdc_imd-pagetitle h1 {
    font-size: 2.375rem;
    letter-spacing: 0.02em;
    line-height: 1.1578;
  }
}

/* message */
.rdc_imd-message {
  font-size: 0.9375rem;
  letter-spacing: 0.02em;
  line-height: 1.866;
}
@media (min-width:641px) {
  .rdc_imd-message {
    font-size: 1.125rem;
    line-height: 2;
  }
}

/* section1 */
.rdc_imd-heading1 {
  font-size: 1.5625rem;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.2;
}
.rdc_imd-note,
.rdc_imd-note2 {
  margin-top: 15px;
  font-size: 0.75rem;
  letter-spacing: 0.05em;
  line-height: 1.5;
}
@media (min-width:641px) {
  .rdc_imd-heading1 {
    font-size: 2.375rem;
    letter-spacing: 0.02em;
    line-height: 1.1578;
  }
  .rdc_imd-note,
  .rdc_imd-note2 {
    font-size: 0.8125rem;
    letter-spacing: 0.05em;
    line-height: 1.692;
  }
  .rdc_imd-note {
    margin-right: 1.25em;
  }
}

/* section2 */
.rdc_imd-section2 {
  margin-bottom: 75px;
}
.rdc_imd-figure1 figcaption,
.rdc_imd-figure2 figcaption {
  text-align: center;
  font-size: 0.875rem;
  line-height: 1.571;
}
.rdc_imd-figure1 figcaption {
  margin-bottom: 20px;
}
.rdc_imd-dlist {
  position: relative;
  margin-left: 26px;
}
.rdc_imd-dlist + .rdc_imd-dlist::before {
  content: "";
  position: absolute;
  top: 0;
  left: -15px;
  display: block;
  width: 1px;
  height: 100%;
  background-color: #707070;
}
.rdc_imd-dlist dt {
  margin-bottom: 4px;
  font-weight: 700;
}
.rdc_imd-dlist-head1 {
  margin-right: -0.5em;
  color: #007AB3;
  font-size: 2.125rem;
  font-weight: 700;
  line-height: 1;
}
.rdc_imd-dlist-head1 + dd {
  margin-bottom: 30px;
}
.rdc_imd-dlist-head-inner {
  vertical-align: 0.5em;
  font-size: 0.8125rem;
  font-weight: 400;
}
.rdc_imd-dlist-head2, .rdc_imd-dlist-head3, .rdc_imd-dlist-head4, .rdc_imd-dlist-head5 {
  margin-top: 25px;
  font-size: 2rem;
  line-height: 1;
}
.rdc_imd-dlist-head2 {
  color: #148EAC;
}
.rdc_imd-dlist-head3 {
  color: #D18300;
}
.rdc_imd-dlist-head4 {
  color: #80948A;
}
.rdc_imd-dlist-head5 {
  color: #9E8748;
}
.rdc_imd-dlist dd {
  margin-left: 0;
  font-size: 0.8125rem;
  line-height: 1.3846;
}
.rdc_imd-figure2 figcaption {
  margin-bottom: 21px;
}
@media (min-width:641px) {
  .rdc_imd-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .rdc_imd-col-half {
    width: 560px;
  }
  .rdc_imd-col_sec1-l,
  .rdc_imd-col_sec1-r {
      width: 50%;
  }
  .rdc_imd-col_sec1-l {
    padding-right: 25px;
  }
  .rdc_imd-col_sec1-l .rdc_imd-note {
    margin-right: 0;
  }
  .rdc_imd-figure1 figcaption,
  .rdc_imd-figure2 figcaption {
    font-size: 1.125rem;
    line-height: 1.555;
  }
    .rdc_imd-figure1 figcaption {
    margin-bottom: 60px;
    text-align: left;
  }
  .rdc_imd-dlist {
    margin-left: 40px;
  }
  .rdc_imd-dlist + .rdc_imd-dlist::before {
    left: -40px;
  }
  .rdc_imd-dlist-head1 + dd {
    margin-bottom: 64px;
  }
  .rdc_imd-dlist-head1, .rdc_imd-dlist-head2, .rdc_imd-dlist-head3, .rdc_imd-dlist-head4, .rdc_imd-dlist-head5 {
    font-size: 2.375rem;
  }
  .rdc_imd-figure2 figcaption {
    margin-bottom: 23px;
  }
}

/* section3 */
.rdc_imd-heading2 {
  text-align: left;
  font-size: 1.25rem;
  line-height: 1.5;
}
.rdc_imd-section3 .rdc_box > section {
  margin-top: 80px;
}
.rdc_imd-section3 .rdc_movie-accordion,
.rdc_imd-section3 .rdc_visual-accordion-btn {
  text-align: left;
}
@media (max-width:640px) {
  .rdc_imd-heading2 {
    text-align: center;
  }
  .rdc_imd-section3 .rdc_imd-row .rdc_imd-col_sec2-r {
    margin-top: 30px;
  }
}
@media (min-width:641px) {
  .rdc_imd-heading2 {
    font-size: 1.75rem;
    letter-spacing: 0.02em;
    line-height: 1.428;
  }
  .rdc_imd-section3 .rdc_box > section {
    margin-top: 100px;
  }
  .rdc_imd-section3 .rdc_movie-accordion {
    margin-right: 1.25em;
  }
}

.rdc_imd-section3-sub h3 {
  margin-bottom: 20px;
  text-align: center;
  font-size: 1.25rem;
  line-height: 1.5;
}
@media (max-width:640px) {
  .rdc_imd-col_sec2s-l,
  .rdc_imd-col_sec2s2-l {
    margin-bottom: 26px;
  }
}
@media (min-width:641px) {
  .rdc_imd-section3-sub h3 {
    margin-bottom: 40px;
    font-size: 1.75rem;
    line-height: 1.428;
  }
  .rdc_imd-col_sec2-l {
    width: 658px;
  }
  .rdc_imd-col_sec2-r {
    width: 532px;
  }
  .rdc_imd-col_sec2s-l {
    width: 495px;
  }
  .rdc_imd-col_sec2s2-l {
    width: 509px;
  }
  .rdc_imd-col_sec2s-r {
    width: 695px;
  }
  .rdc_imd-col_sec2s2-r {
    margin-right: 16px;
    width: 642px;
  }
}

/* section4 */
.rdc_imd-heading3 {
  margin-bottom: 22px;
  text-align: center;
  font-size: 1.375rem;
  line-height: 1.363;
}
.rdc_imd-section3-sub h3 {
  margin-bottom: 20px;
}
.rdc_imd-col-r {
  color: #707070;
}
@media (max-width:640px) {
  .rdc_imd-section3-sub h3.rdc_imd-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .rdc_imd-section3-sub h3.rdc_imd-row span {
    display: block;
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        text-align: center;
  }
  .rdc_imd-col-l {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .rdc_imd-col-r {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
}
.rdc_imdcm-sec4 {
  padding-top: 48.6px;
}
.rdc_imdcm-sec4 p {
  line-height: 1.866;
}
@media (min-width:641px) {
  .rdc_imd-heading3 {
    margin-bottom: 60px;
    font-size: 1.75rem;
    line-height: 1.428;
  }
  .rdc_imd-section3-sub h3.rdc_imd-row {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .rdc_imdcm-sec4 {
    padding-top: 68px;
  }
  .rdc_imdcm-sec4 p {
    line-height: 2;
  }
}

/* link */
.rdc_imd-link,
.rdc_imd-linklist {
  margin: 0;
  font-size: 0.9375rem;
  line-height: 1.533;
}
.rdc_imd-linklist {
  padding-left: 0;
}
.rdc_imd-linklist li {
  margin-top: 15px;
  list-style-type: none;
}
.rdc_imd-linklist a {
  text-decoration: underline;
}
@media (min-width:641px) {
  .rdc_imd-link,
  .rdc_imd-linklist {

    line-height: 2;
  }
}

.rdc_imd img {
  vertical-align: top;
}
.rdc_imd-visual {
  height: 240px;
  background-image: url(../images/projects/innovative_material/cover_sp.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
@media (min-width:641px) {
  .rdc_imd-visual {
    height: 280px;
    background-image: url(../images/projects/innovative_material/cover_pc.jpg);
  }
}


/* about renewal */
.rdc_abouttop-header {
  margin-bottom: 0;
  padding-top: 60px;
  padding-bottom: 44px;
  min-height: 669px;
  text-align: center;
  background-image: url(../images/about/title-bg_sp.jpg);
  background-position: center bottom;
  background-size: cover;
}
.rdc_title-abouttop {
  margin-bottom: 30px;
  font-size: 1.25rem;
  letter-spacing: 0.4em;
  line-height: 1.55;
}
.rdc_abouttop-header p {
  margin-bottom: 30px;
  font-size: 0.875rem;
  letter-spacing: 0;
  line-height: 2;
}
.rdc_abouttop-header-btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 50px auto 0;
  max-width: 300px;
  width: 100%;
}
.rdc_abouttop-header-btn {
  margin-top: 10px;
  max-width: 300px;
  width: 100%;
  text-align: center;
}
.rdc_abouttop-header-btn a {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 82px;
  background-color: #3D3D3D;
  background-image: url(../images/about/menu-bg.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  color: #fff;
  font-weight: 700;
}
.rdc_abouttop-header-btn a:hover,
.rdc_abouttop-header-btn a:focus {
  background-image: url(../images/about/menu-bg_on.jpg);
}
.rdc_abouttop-header-btn svg {
  position: absolute;
  left: 50%;
  bottom: 16px;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  -webkit-transition: bottom 0.3s;
  transition: bottom 0.3s;
}
.rdc_abouttop-header-btn a:hover svg,
.rdc_abouttop-header-btn a:focus svg{
  bottom: 11px;
}
@media (min-width:641px) {
  .rdc_abouttop-header {
    padding-top: 100px;
    padding-bottom: 110px;
    min-height: 640px;
    background-image: url(../images/about/title-bg.jpg);
    background-position: center center;
  }
  .rdc_title-abouttop {
    margin-bottom: 50px;
    font-size: 1.75rem;
    line-height: 1.392;
  }
  .rdc_abouttop-header p {
    font-size: 1rem;
    letter-spacing: 0.1em;
    line-height: 2.25;
  }
  .rdc_abouttop-header-btns {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin: 70px auto 0;
    max-width: 986px;
    width: 100%;
  }
}

@media (min-width:641px) {
  .rdc_abouttop-section2 .rdc_heading {
    font-size: 1.75rem;
    letter-spacing: 0.15em;
    line-height: 1.392;
  }

}


.rdc_joinus-about {
  padding-top: 60px;
  padding-bottom: 40px;
  min-height: 426px !important;
  height: auto !important;
}
.rdc_joinus-about .rdc_joinus-img {
  top: 0;
}
.rdc_abouttop-more {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin: -6px auto 0;
  max-width: 316px;
}
.rdc_joinus-about p {
  margin-bottom: 40px;
}
.rdc_abouttop-more .rdc_btn {
  margin: 6px 0 0;
  padding-left: 12px !important;
  padding-right: 12px !important;
  width: calc(50% - 6px);
  max-width: 152px;
  font-size: 0.75rem;
}
.rdc_abouttop-modal {
  background-color: rgba(0,0,0,.7);
}
.rdc_abouttop-modal .modaal-inner-wrapper {
  padding: 0;
}
.rdc_abouttop-modal .modaal-container {
  max-width: 73.6%;
}
.rdc_abouttop-modal .modaal-content-container {
  background-color: #fff;
  color: #555555;
}
.rdc_abouttop-modal_head {
  margin-bottom: 26px;
  text-align: center;
  font-size: 1.125rem;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.222;
}
.rdc_abouttop-modal .rdc_btn {
  margin-top: 16px;
  padding: 12px 16px;
  width: 100%;
  max-width: 380px;
  height: auto;
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.25;
}
.rdc_abouttop-modal .rdc_btn:hover,
.rdc_abouttop-modal .rdc_btn:focus {
  background-color: #555555;
  color: #fff;
}
.rdc_abouttop-modal .rdc_btn svg {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.rdc_abouttop-modal .modaal-close {
  top: -31px;
  right: 0;
  width: 20px;
  height: 20px;
}
.rdc_abouttop-modal .modaal-close:after,
.rdc_abouttop-modal .modaal-close:before {
  top: -3px;
  left: 9px;
  height: 26px;
}
.rdc_abouttop-modal .rdc_btn:hover svg,
.rdc_abouttop-modal .rdc_btn:focus svg {
  fill: #fff
}
@media (max-width:640px) {
  .rdc_joinus-about .rdc_heading {
    text-align: center;
  }
  .rdc_abouttop-more > .rdc_btn:nth-of-type(even) {
    margin-left: 12px;
  }
  .rdc_abouttop-more > .rdc_btn:nth-of-type(n+3) {
    margin-top: 12px;
  }
}
@media (min-width:641px) {
  .rdc_joinus-about {
    padding-top: 100px;
    padding-bottom: 90px;
    min-height: 447px !important;
  }
  .rdc_joinus-about p {
    margin-top: 30px;
    margin-bottom: 70px;
  }
  .rdc_abouttop-more {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    max-width: none;
  }
  .rdc_abouttop-more .rdc_btn {
    padding-left: 16px !important;
    padding-right: 16px !important;
    width: 222px;
    max-width: 222px;
    font-size: 0.8125rem;
  }
  .rdc_abouttop-modal .modaal-outer-wrapper {
    max-height: 100%;
  }
  .rdc_abouttop-modal .modaal-container {
    width: 480px;
  }
  .rdc_abouttop-modal .modaal-content-container {
    padding: 40px 50px 50px 50px;
  }
  .rdc_abouttop-modal .rdc_btn {
    margin-top: 15px;
    padding: 13px 16px;
    font-size: 1rem;
    line-height: 2.25;
  }
  .rdc_abouttop-modal .modaal-close {
    top: 0;
    right: -30px;
  }
}


/* about top research areas */
.rdc_section_gray.rdc_about-section2 + .rdc_about-section2 {
  border-top: none;
}
.rdc_researchareas-links_page .rdc_researchareas-links {
  margin-bottom: 0 !important;
}
@media (max-width:640px) {
  .rdc_researchareas-links_page .rdc_researchareas-link > a {
    min-height: 100px;
  }
  .rdc_researchareas-links_page .rdc_researchareas-link-title {
    display: -webkit-box;
    display: -ms-flexbox;
    /*font-size: 0.6875rem;*//* en */
  }
  .rdc_researchareas-links_page .rdc_researchareas-link-text {
    /*font-size: 0.625rem;*//* en */
	max-width: 190px;
	width: 100%;
  }
}


.rdc_abouttop-reserach .rdc_researchareas-links_page .rdc_researchareas-link > a {
  background-color: #fff;
  color: #555555;
}
.rdc_abouttop-reserach .rdc_researchareas-links_page .rdc_researchareas-link > a:hover,
.rdc_abouttop-reserach .rdc_researchareas-links_page .rdc_researchareas-link > a:focus {
  background-color: #555555;
  color: #fff;
}

.rdc_imd .rdc_movie-accordion {
  margin-top: 10px;
  margin-bottom: 0;
}
.rdc_imd .rdc_movie-accordion .rdc_visual-accordion-btn {
  margin-bottom: 0 !important;
}
@media (min-width:641px) {
  .rdc_researchareas-links_page .rdc_researchareas-link > a {
    min-height: 170px;
  }
  .rdc_imd .rdc_movie-accordion {
    margin-top: 15px;
  }  
}





/**********************************************
  modal image
**********************************************/
@media (min-width:641px) {
  .modal-img {
    position: relative;
    display: inline-block;
  }
  .modal-img img {
    vertical-align: top;
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
  }
  .modal-img:hover img,
  .modal-img:focus img {
    opacity: .6;
  }
  .modal-img-icon {
    position: absolute;
    bottom: 0;
    right: 0;
    display: block;
    width: 20px;
    height: 20px;
    background-color: rgba(93,93,93,.4);
  }
  .modal-img-icon::before,
  .modal-img-icon::after {
    content: "";
    position: absolute;
    top: 10px;
    left: 6px;
    display: block;
    width: 8px;
    height: 1px;
    background-color: #fff;
  }
  .modal-img-icon::after {
    -webkit-transform-origin: 50%;
            transform-origin: 50%;
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
  }
}