@charset "Shift_JIS";

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

Name: modify.responsive.css

Description: Sub CSS

Create: 2019.01.01
Update: 20xx.xx.xx

Copyright 2019 Hitachi,Ltd.

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


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

Modify Setting

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


/* 共通
=========================================================================================== */
.SP .SP_LeftAdjust {text-align: left;}
.SP .SP_CenterAdjust {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
.SP .SP_RightAdjust {text-align: right;}
.SP .SP_TopAdjust {vertical-align: top;}
.SP .SP_MiddleAdjust {vertical-align: middle;}
.SP .SP_BottomAdjust {vertical-align: bottom;}


/* データテーブルのスクロール */
@media screen and (max-width:799px){
	.table-scroll {
		overflow: auto;
		white-space: nowrap;
	}	
	.table-scroll table th, table td {
		padding: 10px 0.5em;
	}
}



/* for 995px -
=========================================================================================== */
@media screen and (min-width: 995px) {

.Column1andHalf.UnipitaLine01 {
margin: 0 0 24px 0!important;
}

/* バッテリー */
.flexImg01 .flexImg01_01 {
margin-bottom: 20px;
}

}

/* for - 1304px
=========================================================================================== */
@media screen and (max-width: 1304px) {

.listWrap:last-child,
.listWrap:nth-child(4){
	margin-right: 15px;
}
}

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

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

/* branding for hero header */
.ResponsiveBrandingImgStyle .heroHeader .ImgText{
left:15px;
}

.listWrap:last-child,
.listWrap:nth-child(4){
	margin-right: 15px;
}
/* ユニピタ */

.FrmUnipita .ColumnSet .Column1andHalf {
width: 50%;
}
.Column1andHalf.UnipitaLine01 {
margin: 0 0 20px 0!important;
}

/* バッテリー */
.flexImg01 .flexImg01_01 {
width: auto;
/*
margin-right: 5px;*/
margin-bottom: 20px;
}
.flexImg01 .flexImg01_02 {
width: auto;
float: none;
}
.flexImg01 {
text-align: center;
}


/* TOP */
.RightBlock {
min-height: auto;

}
.FrmMerit01 .InnerRight {
}

}

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

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

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

/* ユニピタ */
.FrmUnipita {
background: none;
}
.UnipitaLine02 {
border-bottom: none;
}

.FrmUnipita .ColumnSet .Column1andHalf {
width: auto;
}
.FrmUnipita .ColumnSet .Column1andHalf:nth-child(2n) {
float: none;
}




}

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

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

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

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

/* TOP */
.FrmMerit01 .InnerLeft {
width: auto !important;
padding: 10px 10px 0px 10px !important;
}
.JS .ImgBoxStyle2 .Inner.InnerLeft::before{
display: none !important;
}
.FrmMerit01 .InnerRight {
width: auto !important;
padding: 10px 0 !important;
}
.FrmMerit01 .InnerRight:before {
display: none;
}

}

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

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

}


/* ページ個別設定
=========================================================================================== */