@charset "Shift_JIS";

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap');
@font-face {
font-family: 'Hitachi Sans';
font-style:normal;
font-weight:400;
src:url('/font/HitachiSans/HitachiSans-Regular.woff') format('woff'),
      url('/font/HitachiSans/HitachiSans-Regular.woff2') format('woff2');
}
@font-face {
font-family: 'Hitachi Sans';
font-style:normal;
font-weight:700;
src:url('/font/HitachiSans/HitachiSans-Bold.woff') format('woff'),
      url('/font/HitachiSans/HitachiSans-Bold.woff2') format('woff2');
}
@font-face {
font-family: 'Hitachi Sans';
font-style:italic;
font-weight:400;
src:url('/font/HitachiSans/HitachiSans-Italic.woff') format('woff'),
      url('/font/HitachiSans/HitachiSans-Italic.woff2') format('woff2');
}
@font-face {
font-family: 'Hitachi Sans';
font-style:italic;
font-weight:700;
src:url('/font/HitachiSans/HitachiSans-BoldItalic.woff') format('woff'),
      url('/font/HitachiSans/HitachiSans-BoldItalic.woff2') format('woff2');
}

body * {
	font-family: 'Hitachi Sans', 'Verdana', 'Noto Sans JP', 'Yu Gothic UI', 'Noto Sans', sans-serif !important;
}


/* smp view
=========================================================================================== */

@media print {
	.spOnly{
		display: none;
	}
}

@media screen and (min-width: 541px) {
	.spOnly{
		display: none;
	}
}

@media screen and (max-width: 540px) {
	.pcOnly{
		display: none;
	}
}

td ul.ListStyle1 {
	margin-bottom:0 !important;
	font-size: 100%;
}

th.SubHeader {
	background:#fafafa;
}

/* 
=========================================================================================== */

.OrgCompanyTable th {
	white-space:nowrap;
	
}

.OrgBoxA {
	padding-bottom:20px;
}

.OrgBoxA .Img {
	padding-bottom:0 !important;
	margin-bottom:0 !important;
}

.OrgNowrap {
	display:inline-block;
	white-space: nowrap;
}

h2 a.OrgAnchor:hover, h2 a.OrgAnchor:active {
    color: #575757;
    text-decoration: none;
    background-image: none;
}


.JS .ResponsiveLinkListStyle ul.LinkListStyle1 ul.ListStyle1 ul.ListStyle1 ul.ListStyle1,
.JS .ResponsiveLinkListStyle ul.LinkListStyle2 ul.ListStyle1 ul.ListStyle1 ul.ListStyle1 {margin: 15px -30px 0 -45px;}

.JS .ResponsiveLinkListStyle ul.LinkListStyle1 ul.ListStyle1 ul.ListStyle1 ul.ListStyle1 li,
.JS .ResponsiveLinkListStyle ul.LinkListStyle2 ul.ListStyle1 ul.ListStyle1 ul.ListStyle1 li {padding-left: 60px;}

.JS .ResponsiveLinkListStyle ul.LinkListStyle1 ul.ListStyle1 ul.ListStyle1 li ul.ListStyle1 a,
.JS .ResponsiveLinkListStyle ul.LinkListStyle2 ul.ListStyle1 ul.ListStyle1 li ul.ListStyle1 a {
	margin-left: -60px;
	padding-left: 60px;
}





.JS .TopPatternB .BoxPatternA  {
	background:#2c2c2c;
	padding:0;
}

.JS .TopPatternB .BoxPatternA .Title {
	color:#fff;
	font-weight: bold;
	font-size:15px;
	margin:0;
}

.JS .TopPatternB .BoxPatternA .Title a {
	display:block;
	height:110px;
	background-color: transparent;
	background-position: right 12px;
	font-weight: bold;
	padding:12px 22px 12px 15px;
	box-sizing: border-box;
	font-size:16px;
}

.JS .TopPatternB .BoxPatternA .Title a:hover {
	padding-right:24px;
}

.JS .TopPatternB .BoxPatternA .OrgTitleA {	background:url(../../../topimg/05.png) no-repeat right bottom #ff7f00;}
.JS .TopPatternB .BoxPatternA .OrgTitleB {	background:url(../../../topimg/06.png) no-repeat right bottom #008c8d;}
.JS .TopPatternB .BoxPatternA .OrgTitleC {	background:url(../../../topimg/07.png) no-repeat right bottom #68449c;}

.JS .TopPatternB .BoxPatternA .LinkListStyle2 {
	margin:0;
	padding:0;
}

.JS .TopPatternB .BoxPatternA .LinkListStyle2 li {
	border-bottom:1px solid #555;
}

.JS .TopPatternB .BoxPatternA .LinkListStyle2 li a {
	display: block;
	color:#fff;
	padding:12px 22px 12px 15px;
	background-image: url(../../../image/jp/r1/icon/icon_link_right_l_white_hd.gif) !important;
	border-right:3px solid transparent;
}

.JS .TopPatternB .BoxPatternA .LinkListStyle2 li a:hover {
	border-right:1px solid transparent;
	padding-right:24px;
}

/* for - 830px
=========================================================================================== */

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

	/* ------ Footer ------ */

	.JS #Footer ul {
		position: relative;
		margin: 0 0 10px;
		padding: 0 0 0 5px;
		text-align: center;
	}

	.JS #Footer li {
		float: none;
		display: inline-block;
		padding: 0 7px 0 10px;
		margin: 0 0 5px;
		border-left: none;
	}

	.JS #Footer p {
		padding: 0 0 0 15px;
		text-align: center;
	}

}


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


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


	.JS .TopPatternA .BoxPatternA,
	.JS .TopPatternA .BoxPatternB,
	.JS .TopPatternA .BoxPatternC {margin: 0 0 15px;}

	.JS .TopPatternA .BoxPatternA .ImgOnlyStyle:first-child,
	.JS .TopPatternA .BoxPatternB .ImgOnlyStyle:first-child,
	.JS .TopPatternA .BoxPatternC .ImgOnlyStyle:first-child,
	.JS .TopPatternA .BoxPatternA .BoxImgStyle,
	.JS .TopPatternA .BoxPatternB .BoxImgStyle,
	.JS .TopPatternA .BoxPatternC .BoxImgStyle,
	.JS .TopPatternA .BoxPatternA .BoxImgStyleRWD,
	.JS .TopPatternA .BoxPatternB .BoxImgStyleRWD {
		float: left;
		width: 200px;
		margin: 0 0 10px 15px;
		padding: 0;
	}
	.JS .TopPatternA .BoxPatternA .BoxImgStyle img,
	.JS .TopPatternA .BoxPatternB .BoxImgStyle img,
	.JS .TopPatternA .BoxPatternC .BoxImgStyle img,
	.JS .TopPatternA .BoxPatternA .BoxImgStyleRWD img,
	.JS .TopPatternA .BoxPatternB .BoxImgStyleRWD img {margin: 0 0 5px;}

	.JS .TopPatternA .BoxPatternA .BoxImgStyle,
	.JS .TopPatternA .BoxPatternB .BoxImgStyle {display: none;}
	.JS .TopPatternA .BoxPatternA .Title ~ .Inner .BoxImgStyle,
	.JS .TopPatternA .BoxPatternA h2 ~ .Inner .BoxImgStyle,
	.JS .TopPatternA .BoxPatternA h3 ~ .Inner .BoxImgStyle,
	.JS .TopPatternA .BoxPatternA h4 ~ .Inner .BoxImgStyle,
	.JS .TopPatternA .BoxPatternB .Title ~ .Inner .BoxImgStyle,
	.JS .TopPatternA .BoxPatternB h2 ~ .Inner .BoxImgStyle,
	.JS .TopPatternA .BoxPatternB h3 ~ .Inner .BoxImgStyle,
	.JS .TopPatternA .BoxPatternB h4 ~ .Inner .BoxImgStyle {display: block;}

	.JS .TopPatternA .BoxPatternA p ~ .ImgOnlyStyle,
	.JS .TopPatternA .BoxPatternB p ~ .ImgOnlyStyle,
	.JS .TopPatternA .BoxPatternC p ~ .ImgOnlyStyle,
	.JS .TopPatternA .BoxPatternA ul ~ .ImgOnlyStyle,
	.JS .TopPatternA .BoxPatternB ul ~ .ImgOnlyStyle,
	.JS .TopPatternA .BoxPatternC ul ~ .ImgOnlyStyle {
		float: none;
		width: auto;
		margin: 0 15px 10px;
		padding: 0;
		text-align: left;
	}

	.JS .TopPatternA .BoxPatternA h2,
	.JS .TopPatternA .BoxPatternB h2,
	.JS .TopPatternA .BoxPatternA h3,
	.JS .TopPatternA .BoxPatternB h3,
	.JS .TopPatternA .BoxPatternA h4,
	.JS .TopPatternA .BoxPatternB h4,
	.JS .TopPatternA .BoxPatternA p,
	.JS .TopPatternA .BoxPatternB p,
	.JS .TopPatternA .BoxPatternC p,
	.JS .TopPatternA .BoxPatternA ul,
	.JS .TopPatternA .BoxPatternB ul,
	.JS .TopPatternA .BoxPatternC ul {overflow: hidden;}

	.JS .TopPatternA .BoxPatternA ul {
		overflow: visible;
		padding-left:150px;
	}	
	
	.JS .TopPatternA .BoxPatternA .ButtonStyle1 a,
	.JS .TopPatternA .BoxPatternB .ButtonStyle1 a,
	.JS .TopPatternA .BoxPatternC .ButtonStyle1 a,
	.JS .TopPatternA .BoxPatternA .ButtonStyle2 a,
	.JS .TopPatternA .BoxPatternB .ButtonStyle2 a,
	.JS .TopPatternA .BoxPatternC .ButtonStyle2 a {
		display: inline-block;
		margin: 0;
		min-width: 130px;
	}

}



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

	.JS .TopPatternA .BoxPatternA .ImgOnlyStyle:first-child,
	.JS .TopPatternA .BoxPatternB .ImgOnlyStyle:first-child,
	.JS .TopPatternA .BoxPatternC .ImgOnlyStyle:first-child,
	.JS .TopPatternA .BoxPatternA .BoxImgStyle,
	.JS .TopPatternA .BoxPatternB .BoxImgStyle,
	.JS .TopPatternA .BoxPatternC .BoxImgStyle,
	.JS .TopPatternA .BoxPatternA .BoxImgStyleRWD,
	.JS .TopPatternA .BoxPatternB .BoxImgStyleRWD {width: 120px;}
	
}

	.copyrightbr {display:none;}


@media screen and (max-width: 400px) {
	.copyrightbr {display:block;}
}




/* businesses
=========================================================================================== */

.financeBtns {
	overflow: hidden;
	margin:0 0 1px;
}

.financeBtns li {
	float: left;
	width:50%;
	padding:0 0 14px 7px;
	box-sizing: border-box;
}

.financeBtns li:nth-of-type(2n+1) {
	padding:0 7px 14px 0;
	clear: both;
}

.financeBtns li img {
	max-width: 100%;
	height:auto;
}