@charset "UTF-8";
/****/
/* pc */
/****/
@media all and (min-width: 751px), print {
  #global-header header {
    background-image: url("/en/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 .module-boxText{
    margin-bottom: 40px;
  }
  #global-content .fukuzawaMore{
    -webkit-transition: opacity 0.2s ease;
    -moz-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease;
    position: relative;
  }  
  #global-content .fukuzawaMore:hover{
    cursor: pointer;
    opacity: 0.7;
  }  
  #global-content .moreText{
    margin-bottom: 40px!important;
  }
  #global-content .fukuzawaMore .listIcon{
    position: absolute;
    top: -0.07em;
  }
  #global-content .fukuzawaMore .listText{
    font-size: 16px;
    line-height: 1.5;
    padding-left: 2.2em;
  }
  #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("/en/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 .module-boxText{
  margin-bottom: 40px;
}
.device-view-pc #global-content .fukuzawaMore{
  -webkit-transition: opacity 0.2s ease;
  -moz-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
  position: relative;
}  
.device-view-pc #global-content .fukuzawaMore:hover{
  cursor: pointer;
  opacity: 0.7;
}  
.device-view-pc #global-content .moreText{
  margin-bottom: 40px!important;
}
.device-view-pc #global-content .fukuzawaMore .listIcon{
  position: absolute;
  top: -0.07em;
}
.device-view-pc #global-content .fukuzawaMore .listText{
  font-size: 16px;
  line-height: 1.5;
  padding-left: 2.2em;
}    
.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("/en/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 .module-boxText{
    margin-bottom: 2em;
  }
  .device-js-on #global-content .fukuzawaMore{
    position: relative;
  }  
  .device-js-on #global-content .moreText{
    margin-bottom: 2em!important;
  }
  .device-js-on #global-content .fukuzawaMore .listIcon{
    position: absolute;
    top: -0.07em;
  }
  .device-js-on #global-content .fukuzawaMore .listText{
    font-size: 16px;
    line-height: 1.5;
    padding-left: 2.2em;
  }    
  .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%;
  }
}