@media only screen and (max-width: 768px) {
.pc {
  display: none!important;
}
.sp {
  display: block!important;
}
.sp-txc {
  text-align: center;
}
.mt-60 {
  margin-top: 24px;
}
.btn--large {
  width: 100%;
}
.btn--right {
  width: 100%;
  margin: 1em 0 0;
  text-align: center;
}
.l-columns__main,
.l-columns__sidebar {
  width: 100%;
}
.l-columns__main {
  padding-bottom: 24px;
}
.l-columns__sidebar {
  margin-bottom: 24px;
  padding: 12px;
}
.l-columns__sidebar__content__link {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.l-columns__sidebar__content__link__item {
  width: 24%;
}
.l-columns.l-columns--lower {
  padding-top: 0;
}
.l-columns--lower .c-section__titleWrapper__title {
  padding-top: 0;
}
.c-section {
  padding: 24px;
}
.c-section__titleWrapper__title {
  font-size: 20px;
}
.c-section__titleWrapper__subTitle {
  font-size: 16px;
  line-height: 1;
}
.c-container {
  padding: 0 12px;
}
.c-box__item__title {
  font-size: 14px;
}
.flex-wrap-sp {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.c-list {
  padding: 60px 0;
}
.c-list__ttl {
  font-size: 20px;
}
.c-list__items__item {
  line-height: 1.2;
}
.m-header {
  height: 100px;
  padding: 0;
  background-color: #fff;
  position: relative;
}
.m-header > .c-container.flex {
  height: 100%;
  align-items: center;
}
.m-header__logo,
.m-footer__content__info__logo {
    width: calc(100% - 50px);
  }
.m-header__logo__title {
  font-size: 16px;
}
.m-header__logo__title__en,
.m-footer__content__info__logo__title__en {
  padding-top: 3px;
  line-height: 1.2;
}
.m-header__subContents {
  display: none;
}
.m-header__nav {
  display: none;
  width: 100%;
  height: auto;
  position: absolute;
  top: 99px;
  left: 0;
  margin-top: 0;
}
.m-header__nav__wrapper__list {
  display: block;
  width: 100%;
  height: 100%;
  background: #00385d;
  transition: none;
  box-shadow: 0 2px 5px rgb(0,0,0,0.2);
}
.m-header__nav__wrapper__list__item {
  width: 100%;
}
.m-header__nav__wrapper__list__item__anchor {
  display: block;
  width: 100%;
  padding: 12px;
  font-size: 14px;
  border-bottom: 1px solid #fff;
}
.m-header__nav__wrapper__list__item__anchor,
.m-header__nav__wrapper__list__item__anchor:hover,
.m-header__nav__wrapper__list__item__anchor:active {
  color: #fff;
}
.m-header__nav__wrapper__list__item__anchor__subText {
  color: rgba(255,255,255,0.6);
}
.m-header .navbar-toggler{
  display: flex;
  padding: 10px;
  background-color:transparent;
  border:none;
  cursor:pointer;
}
.navbar-toggler .navbarToggler{
  display:inline-block;
  cursor:pointer;
}
.navbar-toggler .navbarToggler span{
  position:relative;
  background-color: #00385d;
  border-radius:3px;
  display:block;
  height:3px;
  margin-top:5px;
  padding:0;
  -webkit-transition-duration:.3s;
  transition-duration:.3s;
  width:30px;
  cursor:pointer;
}
.navbar-toggler .navbarToggler.active span:nth-of-type(1){
  -webkit-transform:rotate3d(0,0,1,45deg);
  transform:rotate3d(0,0,1,45deg);
  top:8px;
}
.navbar-toggler .navbarToggler.active span:nth-of-type(2){
  opacity:0;
}
.navbar-toggler .navbarToggler.active span:nth-of-type(3){
  -webkit-transform:rotate3d(0,0,1,-45deg);
  transform:rotate3d(0,0,1,-45deg);
  top:-8px
}
.breadcrumbs {
  padding-left: 20px;
  padding-right: 20px;
}
.m-hero__detail {
  width: 100%;
  position: relative;
  z-index: 1;
}
.m-hero__detail__container__title {
  font-size: 20px;
}
.m-hero__detail__container__title__line[data-line="line1"] {
  min-height: auto;
  line-height: 16px;
}
.m-hero__detail__container__title__line[data-line="line2"] {
  min-height: auto;
  line-height: 16px;
}
#pagetop {
  bottom: 15px;
  right: 15px;
}

/* トップページ */
.p-front__menu {
  padding: 24px 0;
}
.p-front__menu__item__info__title {
  font-size: 20px;
}
.p-front__menu__item.flex-item--onlyImage {
  padding-top: 30%;
}
/* ABOUT */
.c-professor-section .c-box {
  flex-flow: column;
}
.c-professor-section .flex-item.flex-item--5 {
  width: 150px;
  margin: 1em auto 0;
}
.c-professor-section .flex-item.flex-item--5:first-of-type {
  margin-top: 0;
}
.p-about__content__info__title {
  font-size: 24px;
}
/* RESEARCH */
.m-hero__research__container {
  height:400px;
  position: relative;
  z-index:2;
}
.m-hero__research::before {
  width: 100%;
  z-index:0;
}
.m-hero__research::after {
  position: absolute;
  top: 0;
  left: 0;
  content:'';
  display: block;
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: 0.2;
  z-index:0;
}
.m-hero__research__container__title,
.m-hero__research__container__subTitle,
.m-hero__research__container__paragraph {
  width: 50%;
  color: #fff;
  text-shadow: none;
}
.m-hero__research__container__title {
  font-size: 24px;
}
.m-hero__research__container__subTitle {
  font-size: 16px;
}
.m-hero__research__container__paragraph {
  font-size: 14px;
}
.m-hero__research__container__paragraph span {
  display: inline;
}
.c-research-section__content__images__caption {
  max-width: calc(100% - 12px);
  top: 6px;
  left: 6px;
  font-size: 12px;
}
/* MEMBER */
.c-member-section .c-section__titleWrapper__title {
  font-size: 24px;
}
.c-member-section__figure {
  margin-top: 12px;
}
.c-member-section .c-box__item {
  display: flex;
  flex-flow: column;
}
.c-member-section .flex-item.flex-item--5 {
  width: 160px;
  margin: 150px 0 0;
}
/* RECRUIT */
.m-hero__recruit__container {
  padding: 24px 12px;
}
.m-hero__recruit__container__title {
  font-size: 24px;
}
#recruit .l-columns.l-columns--lower {
  padding-top: 24px;
}
/* REPORT */
.c-report-section .c-section__titleWrapper__title {
  font-size: 24px;
}
.c-articles-section .c-section__titleWrapper__title {
  font-size: 24px;
}
/* CAREER */
.c-career-section {
  padding-bottom: 0;
}
.c-career-section .c-section__titleWrapper__title {
  font-size: 24px;
}
.c-article-box__list__item__subList__item {
  font-size: 14px;
}
/* ACCESS */
.c-access-section .c-section__titleWrapper__title {
  font-size: 24px;
}
/* LINK */
.c-link-section .c-section__titleWrapper__title {
  font-size: 24px;
}
/* FOOTER */
.m-footer__content__info {
  width: 100%;
  text-align: center;
}
.m-footer__content__info__logo {
  width: 100%;
}
.m-footer__content__info__logo__title {
  font-size: 18px;
}
.m-footer__content__info__detail {
  width: 100%;
  max-width: 100%;
  margin-left: 0;
}
.m-footer__content__info__detail__paragraph {
  width: 100%;
}
.m-footer__content__info__anchor {
  margin: 1em auto 0;
}
.m-footer__content__nav {
  width: 100%;
  margin-top: 2em;
}
.m-footer__content__nav__list__item {
  width: 100%;
}
.m-footer__content__nav__list__item__anchor {
  font-weight: 400;
  border-right: none;
  border-bottom: 1px solid rgba(255,255,255,0.5);
}
.m-footer__content__nav__list__item:first-of-type .m-footer__content__nav__list__item__anchor {
  border-top: 1px solid rgba(255,255,255,0.5);
  border-left: none;
}
.m-footer__copyright {
    font-size: 12px;
}

}

@media only screen and (max-width: 576px) {
.btn {
  font-size: 14px;
}
.l-columns__sidebar__content__link__item {
  width: calc(50% - 6px);
}
.c-section {
  padding: 24px 0;
}
.c-section__titleWrapper__title {
  padding-right: 24px;
  font-size: 18px;
}
.c-section__titleWrapper__title::before {
  width: 8px;
}
.c-section__titleWrapper__subTitle {
  font-size: 12px;
  line-height: 1;
}
.c-section__titleWrapper__anchor {
    padding: 8px 24px 8px 12px;
    font-size: 12px;
}
.c-section__titleWrapper__anchor::before {
  border: 4px solid transparent;
  border-left: 4px solid #fff;
}
.c-section__title {
  font-size: 24px;
}
.c-section__title__subTitle {
  font-size: 16px;
}
.c-box__item {
  display: flex;
  align-items: center;
}
.c-box__item.flex-item--3 {
  width: 100%;
}
.c-box__item__figure {
  width: 40%;
  padding-top: 30%;
}
.c-box__item__title {
  width: 60%;
  padding: 12px;
}
.p-front__menu__item.flex-item--onlyImage {
  width: 100%;
  padding-top: 40%;
}
.p-front__menu__item__info {
  top: 12px;
}
.c-news-section {
  padding: 24px 12px;
}
.c-news-section__list {
  margin-top: 0;
}
.c-news-section__list__item {
  padding: 12px 0px;
}
.c-news-section__list__item__date {
  width: 100%;
}
.c-news-section__list__item__title {
  width: 100%;
  margin-left: 0;
  font-size: 14px;
}

.c-professor-section .c-box__item {
  flex-flow: column;
}

.m-hero__research__container__title,
.m-hero__research__container__subTitle,
.m-hero__research__container__paragraph {
  width: 100%;
}

.c-member-section .c-box.flex-wrap::after {
  display: none;
}
.c-recruit-section {
  padding: 24px 12px;
}
.c-articles-section .c-box__item {
  width: 33%;
  margin: 0;
  flex-flow: column;
  justify-content: center;
}
.c-articles-section .c-box__item__title {
  width: 100%;
  font-size: 14px;
}
.c-article-box {
  padding-right: 12px;
  padding-left: 12px;
}
.c-article-box__list__item {
  font-size: 14px;
}
.c-article-box__list__item__paragraph {
  font-size: 14px;
}
.c-career-section {
  padding-bottom: 0;
}
.c-access-section .flex-item.flex-item--2 {
  width: 100%;
}
.c-access-section__box__map {
  height: 300px;
}
.c-access-section__box__info {
  margin-top: 1em;
}
.c-access-section__box__info__list__title,
.c-access-section__box__info__list__data {
  width: 100%;
}
.c-access-section__box__info__list__data {
  margin-top: 0.5em;
}

.c-link-section__box {
  padding: 12px;
}
.c-link-section__box__list {
  margin-top: 12px;
}
.c-link-section__box__list__title {
  width: 100%;
  padding: 6px 0 0;
}
.c-link-section__box__list__content {
  width: 100%;
  padding: 6px 0 12px;
}
}

@media only screen and (max-width: 375px) {
.c-research-section__content__images.flex-item--2 {
  width: 100%;
}
#articles .c-article-box__headline::before,
#articles .c-article-box__headline::after {
  display: none;
}
.c-access-section__box__info__list__data {
  font-size: 14px;
}
}