@charset "UTF-8";
/****/
/* pc */
/****/
@media all and (min-width: 751px), print {
  #global-header header {
    background-image: url("/ja/assets/images/student-life/housing/header_bg_01_sec.jpg");
  }
  #global-content .article {
    padding-top: 70px;
  }
  #global-content .article2 {
    padding-top: 40px;
  }
  #global-content .link {
    padding-top: 20px;
  }
  #global-content .links2 {
    padding-top: 20px;
    padding-left: 2.5em;
  }
  #global-content .box {
    padding-top: 30px;
  }
  #global-content .module-listLayout03-2 .caption {
    font-weight: bold;
  }
  #global-content .movies .movie {
    padding-top: 40px;
  }
  #global-content .movies .movie:first-child {
    padding-top: 0;
  }
  #global-wrapper .module-playerOverlay:after{
    -moz-background-size: 10% auto;
    background-size: 10% auto;
  }
  #global-content .movies .movieItem .moviePlay {
    padding-bottom: 56.25%;
    position: relative;
  }
  #global-content .movies .movieItem .moviePlay iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
  }
  #global-content .movies .movieItem .movieInfo {
    padding-top: 1em;
    text-align: left;
  }
  #global-content .movies .movieItem .movieInfo .movieTitle,
  #global-content .movies .movieItem .movieInfo .movieData {
    line-height: 1.4;
    display: block;
  }
  #global-content .movies .movieItem .movieInfo .movieTitle {
    font-size: 14px;
  }
  #global-content .movies .movieItem .movieInfo .movieData {
    padding-top: 0.5em;
  }
  #global-content .pic_column3 {
    display: flex;
    margin-bottom: 2em;
  }
  #global-content .pic_column3 li {
    margin-right: 16px;
		width: 230px;
  }
  #global-content .pic_column3 li:last-child {
    margin-right: 0;
  }
  #global-content .pic_column3 img {
    width: 100%;
  }
}
.device-view-pc #global-header header {
  background-image: url("/ja/assets/images/student-life/housing/header_bg_01_sec.jpg");
}
.device-view-pc #global-content .article {
  padding-top: 70px;
}
.device-view-pc #global-content .article2 {
  padding-top: 40px;
}
.device-view-pc #global-content .link {
  padding-top: 20px;
}
.device-view-pc #global-content .links2 {
  padding-top: 20px;
  padding-left: 2.5em;
}
.device-view-pc #global-content .box {
  padding-top: 30px;
}
.device-view-pc #global-content .module-listLayout03-2 .caption {
  font-weight: bold;
}
.device-view-pc #global-content .movies .movie {
  padding-top: 40px;
}
.device-view-pc #global-content .movies .movie:first-child {
  padding-top: 0;
}
.device-view-pc #global-wrapper .module-playerOverlay:after{
  -moz-background-size: 10% auto;
  background-size: 10% auto;
}
.device-view-pc #global-content .movies .movieItem .moviePlay {
  padding-bottom: 56.25%;
  position: relative;
}
.device-view-pc #global-content .movies .movieItem .moviePlay iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.device-view-pc #global-content .movies .movieItem .movieInfo {
  padding-top: 1em;
  text-align: left;
}
.device-view-pc #global-content .movies .movieItem .movieInfo .movieTitle,
.device-view-pc #global-content .movies .movieItem .movieInfo .movieData {
  line-height: 1.4;
  display: block;
}
.device-view-pc #global-content .movies .movieItem .movieInfo .movieTitle {
  font-size: 14px;
}
.device-view-pc #global-content .movies .movieItem .movieInfo .movieData {
  padding-top: 0.5em;
}
.device-view-pc #global-content .pic_column3 {
  display: flex;
  margin-bottom: 2em;
}
.device-view-pc #global-content .pic_column3 li {
  margin-right: 16px;
}
.device-view-pc #global-content .pic_column3 li:last-child {
  margin-right: 0;
}
.device-view-pc #global-content .pic_column3 img {
  width: 100%;
}

/****/
/* sp */
/****/
@media screen and (max-width: 750px) {
  .device-js-on #global-header header {
    background-image: url("/ja/assets/images/student-life/housing/header_bg_01_sp_sec.jpg");
  }
  .device-js-on #global-content .article {
    padding-top: 12%;
  }
  .device-js-on #global-content .article2 {
    padding-top: 9.33333%;
  }
  .device-js-on #global-content .link {
    padding-top: 5.33333%;
  }
  .device-js-on #global-content .links2 {
    padding-top: 2.66667%;
  }
  .device-js-on #global-content .box {
    padding-top: 8%;
  }
  .device-js-on #global-content .module-listLayout03-2 .caption {
    font-weight: bold;
  }
  .device-js-on #global-content .module-playerOverlay img{
    width: 100%;
  }  
  .device-js-on #global-content .movies {
    margin: 0 auto;
    width: 92%;
  }
  .device-js-on #global-content .movies .movie {
    padding-top: 0;
  }
  .device-js-on #global-wrapper .module-playerOverlay{
    width: 100%;
  }
  .device-js-on #global-wrapper .module-playerOverlay:after{
    -moz-background-size: 20% auto;
    background-size: 20% auto;
  }    
  .device-js-on #global-content .movies .movie .module-boxR .movieItem {
    padding-top: 12%;
  }
  .device-js-on #global-content .movies .movieItem .moviePlay {
    padding-bottom: 56.25%;
    position: relative;
  }
  .device-js-on #global-content .movies .movieItem .moviePlay iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
  }
  .device-js-on #global-content .movies .movieItem .movieInfo {
    padding-top: 1em;
    text-align: left;
  }
  .device-js-on #global-content .movies .movieItem .movieInfo .movieTitle,
  .device-js-on #global-content .movies .movieItem .movieInfo .movieData {
    line-height: 1.4;
    display: block;
  }
  .device-js-on #global-content .movies .movieItem .movieInfo .movieTitle {
    font-size: 116.66667%;
  }
  .device-js-on #global-content .movies .movieItem .movieInfo .movieData {
    padding-top: 0.5em;
  }
  .device-js-on #global-content .module-detail-movieWrap {
    padding-bottom: 54.8%;
    width: 100%;
    position: relative;
    margin-top: 2.5em;
  }
  .device-js-on #global-content .module-detail-movieWrap .module-detail-movie {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
  }
  .device-js-on #global-content .module-detail-movieWrap .module-detail-movie iframe {
    width: 100%;
    height: 100%;
  }
  .device-js-on #global-content .pic_column3 {
    width: 92%;
    margin: 0 auto 2em;
  }
  .device-js-on #global-content .pic_column3 li {
    margin-bottom: 1em;
  }
  .device-js-on #global-content .pic_column3 li:last-child {
    margin-bottom: 0;
  }
  .device-js-on #global-content .pic_column3 img {
    width: 100%;
  }
}

/* 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%;
  }
}