@charset "utf-8";

/* **************************************************

Name: modify.responsive.css

Description: Sub CSS

Create: 2014.07.03
Update: 2015.04.13

Copyright 2015 Hitachi,Ltd.

***************************************************** */


/* ----------------------------------------------------------------------------------------

Modify Setting

------------------------------------------------------------------------------------------- */


/* xxx
=========================================================================================== */
/* for - 994px
=========================================================================================== */

@media screen and (max-width: 994px) {
/* branding for hero header */
.ResponsiveBrandingImgStyle .heroHeader .ImgText{
left:15px;
}
}

/* for - 767px
=========================================================================================== */

@media screen and (max-width: 767px) {

/* top page */
.bannerList{
margin-bottom:15px;
}

/* video */
#ModalYouTube .Movie video{
width:100% !important;
height:auto !important;
}

}

/* for - 579px
=========================================================================================== */

@media screen and (max-width: 579px) {

/* top page */
.bannerList{
flex-wrap: wrap;
}

.bannerList .listWrap{
margin:0 auto 15px;
}

/* video */
.JS #ModalYouTube{
padding:50px 10px !important;
}

}

/* for - 399px
=========================================================================================== */

@media screen and (max-width: 399px) {

/* video */
.JS #ModalYouTube{
padding:50px 10px !important;
}

}