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

Name: modify.css

Description: Setting of content module

Copyright 2019 Hitachi, Ltd. 

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


/* : add bxslider (jQuery)
=========================================================================================== */

.JS .bx-wrapper {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: none;
	margin-bottom: 20px;
	max-width: inherit !important;
}
.JS #BrandingImgStyle2 {
	margin: 0 0 15px;
}
.JS #BrandingImgStyle2 li {
	background-size: cover !important;
}
.JS #BrandingImgStyle2 img {
	margin: 0 auto;
}
.JS #BrandingImgStyle2 .Branding01 {
	background: url(../../img/toppage/branding01.jpg) no-repeat 0 0;
}
@media screen and (max-width: 994px) {
	.JS .bx-wrapper {
		margin-right: -15px;
		margin-left: -15px;
	}
}


/* : add BoxBtn
=========================================================================================== */

.BoxBtn li {
	border: 1px solid #588fdb;
	box-sizing: border-box;
	display: inline-block;
	text-align: center;
	width: calc(100% / 3 - 4px);
	height: 200px;
	position: relative;
}
.BoxBtn.Black li {
	border: 1px solid #555555;
}
.BoxBtn a {
	color: #588fdb;
	display: block;
	text-decoration: none;
	padding: 10px;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	transition: .5s ease;
}
.BoxBtn.Black a {
	color: #555555;
}
.BoxBtn a:hover,
.BoxBtn a:active {
	background-color: #f2f2f2;
}
.BoxBtn img {
	margin: 30px 0;
}
.BoxBtn span {
	background: none;
	font-size: 20px;
	font-weight: bold;
}
.BoxBtn span:after {
	content: "";
	display: inline-block;
	background: url(/img/common/boxbtn_arrow.png) no-repeat 0 0;
	background-size: 12px 12px;
	-moz-background-size: 12px 12px;
	-webkit-background-size: 12px 12px;
	-o-background-size: 12px 12px;
	-ms-background-size: 12px 12px;
	width: 12px;
	height: 12px;
	margin-top: 1px;
	margin-left: 5px;
}
.BoxBtn.Black span:after {
	background: url(/img/common/boxbtn_arrow_black.png) no-repeat 0 0;
}
@media screen and (max-width: 994px) {
	.BoxBtn li {
		margin-bottom: 15px;
		text-align: left;
		width: 100%;
		height: auto;
	}
	.BoxBtn a {
		position: relative;
	}
	.BoxBtn img {
		margin: 0;
		width: 50px;
		height: auto;
	}
	.BoxBtn span {
		display: inline-block;
		font-size: 18px;
		margin: 5px 0 5px 15px;
	}
}

/* : add common modules
=========================================================================================== */

/*　3グリッド内4分割
------------------------------------------------*/
.Column4in3 {
	float: left;
	width: 168px;
	margin: 0 0 0 15px;
}
.Column4in3.FirstItem {
	margin: 0;
}

.mb0 { margin-bottom: 0 !important; }
.mb5 { margin-bottom: 5px !important; }
.mb10{ margin-bottom: 10px !important; }
.mb15{ margin-bottom: 15px !important; }
.mb20{ margin-bottom: 20px !important; }
.mb25{ margin-bottom: 25px !important; }
.mb30{ margin-bottom: 30px !important; }
.mb40{ margin-bottom: 40px !important; }

.pb0 { padding-bottom: 0 !important; }
.pb5 { padding-bottom: 5px !important; }
.pb10{ padding-bottom: 10px !important; }
.pb15{ padding-bottom: 15px !important; }
.pb20{ padding-bottom: 20px !important; }
.pb25{ padding-bottom: 25px !important; }
.pb30{ padding-bottom: 30px !important; }
.pb40{ padding-bottom: 40px !important; }

.mt0 { margin-top: 0 !important; }
.mt5 { margin-top: 5px !important; }
.mt10{ margin-top: 10px !important; }
.mt15{ margin-top: 15px !important; }
.mt20{ margin-top: 20px !important; }
.mt25{ margin-top: 25px !important; }
.mt30{ margin-top: 30px !important; }
.mt40{ margin-top: 40px !important; }

.pt0 { padding-top: 0 !important; }
.pt5 { padding-top: 5px !important; }
.pt10{ padding-top: 10px !important; }
.pt15{ padding-top: 15px !important; }
.pt20{ padding-top: 20px !important; }
.pt25{ padding-top: 25px !important; }
.pt30{ padding-top: 30px !important; }
.pt40{ padding-top: 40px !important; }

.ml0 { margin-left: 0!important; }
.ml5 { margin-left: 5px !important; }
.ml10{ margin-left: 10px !important; }
.ml15{ margin-left: 15px !important; }
.ml20{ margin-left: 20px !important; }
.ml25{ margin-left: 25px !important; }
.ml30{ margin-left: 30px !important; }
.ml40{ margin-left: 40px !important; }

.pl0 { padding-left: 0!important; }
.pl5 { padding-left: 5px !important; }
.pl10{ padding-left: 10px !important; }
.pl15{ padding-left: 15px !important; }
.pl20{ padding-left: 20px !important; }
.pl25{ padding-left: 25px !important; }
.pl30{ padding-left: 30px !important; }
.pl40{ padding-left: 40px !important; }

.mr0 { margin-right: 0 !important; }
.mr5 { margin-right: 5px !important; }
.mr10{ margin-right: 10px !important; }
.mr15{ margin-right: 15px !important; }
.mr20{ margin-right: 20px !important; }
.mr25{ margin-right: 25px !important; }
.mr30{ margin-right: 30px !important; }
.mr40{ margin-right: 40px !important; }

.pr0 { padding-right: 0 !important; }
.pr5 { padding-right: 5px !important; }
.pr10{ padding-right: 10px !important; }
.pr15{ padding-right: 15px !important; }
.pr20{ padding-right: 20px !important; }
.pr25{ padding-right: 25px !important; }
.pr30{ padding-right: 30px !important; }
.pr40{ padding-right: 40px !important; }

/*　下線表示
------------------------------------------------*/

.BottomLine{
    margin-bottom:40px;
    border-bottom: 1px #737373 solid;
}
.BottomLine h3 {
	color: #0a4985;
	border-left: 5px solid #0a4985;
	margin-bottom: 20px;
	padding-left: 10px;
}