@charset "UTF-8";
/****/
/* pc */
/****/
@media all and (min-width: 751px), print {
  #global-header header {
    background-image: url("/ja/assets/images/about/philosophy/fukuzawa/header_bg_01_sec.jpg");
  }
  #global-content #storymapCanvas {
    padding-bottom: 100%;
    width: 100%;
    position: relative;
  }
  #global-content #storymapCanvas #storymap {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
  }
  #global-content #timelineWrap {
    width: 100%;
    height: 600px;
  }
  #global-content .article {
    padding-top: 40px;
  }
  #global-content .video{
    position: relative;
    overflow: hidden;
    height: 0;
    padding-bottom: 56.25%;
  }
  #global-content .video iframe,
  #global-content .video object,
  #global-content .video embed{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
}
.device-view-pc #global-header header {
  background-image: url("/ja/assets/images/about/philosophy/fukuzawa/header_bg_01_sec.jpg");
}
.device-view-pc #global-content #storymapCanvas {
  padding-bottom: 100%;
  width: 100%;
  position: relative;
}
.device-view-pc #global-content #storymapCanvas #storymap {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.device-view-pc #global-content #timelineWrap {
  width: 100%;
  height: 600px;
}
.device-view-pc #global-content .article {
  padding-top: 40px;
}
.device-view-pc #global-content .video{
  position: relative;
  overflow: hidden;
  height: 0;
  padding-bottom: 56.25%;
}
.device-view-pc #global-content .video iframe,
.device-view-pc #global-content .video object,
.device-view-pc #global-content .video embed{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/****/
/* sp */
/****/
@media screen and (max-width: 750px) {
  .device-js-on #global-header header {
    background-image: url("/ja/assets/images/about/philosophy/fukuzawa/header_bg_01_sp_sec.jpg");
  }
  .device-js-on #global-content #storymapCanvas {
    padding-bottom: 167.2%;
    width: 100%;
    position: relative;
  }
  .device-js-on #global-content #storymapCanvas #storymap {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
  }
  .device-js-on #global-content .article {
    padding-top: 8%;
  }
  .device-js-on #global-content #timelineWrap {
    width: 100%;
    height: 550px;
  }
  .device-js-on #global-content .video{
    position: relative;
    overflow: hidden;
    height: 0;
    padding-bottom: 56.25%;
  }
  .device-js-on #global-content .video iframe,
  .device-js-on #global-content .video object,
  .device-js-on #global-content .video embed{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .device-js-on #global-content #secMovie .listItem{
    width: 100%;
    padding-top: 8%;
  }
  .device-js-on #global-content #secMovie .listItem:first-child{
    padding-top: 0;
  }
}

/* movie ua */
.device-type-pc .movie-pcHide {
  display: none;
}
.device-type-sp .movie-spHide {
  display: none;
}
@media screen and (max-width: 750px) {
  .device-type-pc .movie-pcHide {
    display: block;
  }
  .device-type-pc .movie-spHide {
    display: none;
  }
  .device-js-on #global-header .video{
    position: relative;
    overflow: hidden;
    height: 0;
    padding-bottom: 56.25%;
  }
  .device-js-on #global-header .video iframe,
  .device-js-on #global-header .video object,
  .device-js-on #global-header .video embed{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  } 
}
@media screen and (min-width: 751px) {
  .device-type-sp.device-js-on #global-header .video {
    position: relative;
    overflow: hidden;
    height: 0;
    padding-bottom: 56.25%;
  }
  .device-type-sp.device-js-on #global-header .video iframe,
  .device-type-sp.device-js-on #global-header .video object,
  .device-type-sp.device-js-on #global-header .video embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
}