@charset "utf-8";


@media only screen and (min-width: 768px),
print {




	/* layout common setting
=========================================*/
	/* container */

	body {
		font-family: 'Noto Sans JP', sans-serif;
		color: #333333;
		font-size: 1.5rem;
		line-height: 1.8;
	}

	a:hover img {
		opacity: 0.7;
	}

	#pageContainer {
		font-family: 'Noto Sans JP', sans-serif;
		color: #333333;
		font-size: 1.5rem;
		line-height: 1.8;
	}

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

	p {
		margin-top: 1em;
	}

	ul {
		margin-top: 1em;
	}

	ol {
		margin-top: 1em;
	}

	dl {
		margin-top: 1em;
	}

	table {
		margin-top: 1em;
	}


	/* header
=========================================*/

	#globalHeader {
		background: #fffffF;
		border-bottom: solid 1px #000000;
	}

	#globalHeader #headerInner {
		position: relative;
		width: 1140px;
		padding: 0px 0px 15px;
		margin: 0 auto;
	}

	#globalHeader .headLogo {
		float: left;
		width: 215px;
		margin-top: 21px;
	}

	#globalHeader .headLogo img {
		width: 100%;
		height: auto;
	}

	#globalHeader #headerContents {
		float: right;
		padding-top: 10px;
	}

	#headerContents #headerUtility {}

	#headerContents #headerUtility .usrLinks {
		float: left;
		margin-top: 7px;
	}

	#headerContents #headerUtility .usrLinks>li {
		float: left;
		position: relative;
		display: table;
		height: 36px;
		width: 115px;
		line-height: 1;
		background: #ffffff;
		border: solid 1px #000000;
	}

	#headerContents #headerUtility .usrLinks>li+li {
		margin-left: 20px;
	}

	#headerContents #headerUtility .usrLinks>li:hover {
		background: #717171;
		border: solid 1px #717171;
	}

	#headerContents #headerUtility .usrLinks>li:after {
		content: "";
		position: absolute;
		right: 1px;
		bottom: 1px;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 0 0 9px 9px;
		border-color: transparent transparent #000000 transparent;
	}

	#headerContents #headerUtility .usrLinks>li:hover:after {
		border-color: transparent transparent #ffffff transparent;
	}

	#headerContents #headerUtility .usrLinks>li>a {
		display: table-cell;
		vertical-align: middle;
		padding: 5px 10px;
		color: #000000;
		font-size: 10px;
		text-align: center;
		text-decoration: none;
		font-size: 12px;
		line-height: 1;
	}

	#headerContents #headerUtility .usrLinks>li:hover>a {
		color: #ffffff;
	}

	#headerContents #headerUtility #headerSearchBtn {
		float: left;
		width: 52px;
		margin: 0 0 0 21px;
		cursor: pointer;
		text-align: center;
	}

	#headerContents #headerUtility #headerSearchBtn:hover {
		opacity: 0.7;
	}

	#headerContents #headerUtility #headerSearchBtn>span {
		display: block;
		line-height: 1;
		padding-top: 30px;
		background: url(/hc/common/img/header_ic01.png) no-repeat 50% 8px;
		background-size: 17px 17px;
		font-size: 12px;
	}

	#headerContents #headerUtility #headerSearchBtn.open>span {
		background: url(/hc/common/img/header_ic06.png) no-repeat 50% 8px;
		background-size: 14px 14px;
	}

	#headerContents #headerUtility #headerMenuBtn {
		float: left;
		width: 52px;
		position: relative;
		margin: 0 0 0 10px;
		cursor: pointer;
	}

	#headerContents #headerUtility #headerMenuBtn:hover {
		opacity: 0.7;
	}

	#headerContents #headerUtility #headerMenuBtn>span {
		display: block;
		line-height: 1;
		padding-top: 30px;
		background: url(/hc/common/img/header_ic05.png) no-repeat 50% 8px;
		background-size: 21px auto;
		font-size: 12px;
		text-align: center;
	}

	#headerContents #headerUtility #headerMenuBtn.open>span {
		background: url(/hc/common/img/header_ic05on.png) no-repeat 50% 8px #ffffff;
		background-size: 16px 16px;
	}


	#headerContents #headerUtility #headerEngBtn {
		float: left;
		width: 52px;
		margin: 0 0 0 21px;
		cursor: pointer;
		text-align: center;
	}

	#headerContents #headerUtility #headerEngBtn:hover {
		opacity: 0.7;
	}

	#headerContents #headerUtility #headerEngBtn span {
		display: block;
		line-height: 1;
		padding-top: 30px;
		background: url(/hc/common/img/com_ic27.png) no-repeat 50% 8px;
		background-size: 17px 17px;
		font-size: 12px;
	}

	#headerContents #headerUtility #headerEngBtn a {
		color: #333;
		text-decoration: none !important;
	}


	/* headerSearch */
	#headerSearch {
		display: none;
		position: absolute;
		width: 1140px;
		top: 95px;
		left: 0;
		padding: 30px;
		background: #ffffff;
		box-shadow: 0px 15px 43px -14px #333333;
		-moz-box-shadow: 0px 15px 43px -14px #333333;
		-webkit-box-shadow: 0px 15px 43px -14px #333333;
		z-index: 99999;
	}

	#headerSearch .headerSearchArea {
		width: 760px;
		height: 40px;
		margin: 0 auto;
		border: solid 1px #070707;
	}

	#headerSearch .headerSearchArea input {
		/* reset */
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		border-radius: 0;
		border: 0;
		margin: 0;
		padding: 0;
		background: none transparent;
		vertical-align: middle;
		font-size: inherit;
	}

	#headerSearch .headerSearchArea .searchInput {
		float: left;
		width: 703px;
		height: 100%;
		vertical-align: middle;
		padding: 5px 5px;
		margin-right: 15px;
	}

	#headerSearch .headerSearchArea .searchSubmit {
		float: left;
		width: 40px;
		height: 100%;
		vertical-align: middle;
		background: url(/hc/common/img/header_ic01.png) no-repeat 50% 50%;
		background-size: 28px 28px;
		text-indent: -9999px;
		cursor: pointer;
	}


	/* headerMenu */
	#headerMenu {
		display: none;
		position: absolute;
		width: 1140px;
		top: 80px;
		left: 0;
		padding: 30px 30px 45px;
		background: #ffffff;
		box-shadow: 0px 15px 43px -14px #333333;
		-moz-box-shadow: 0px 15px 43px -14px #333333;
		-webkit-box-shadow: 0px 15px 43px -14px #333333;
		z-index: 99999;
	}

	#headerMenu .headerMenuCol4 {}

	#headerMenu .headerMenuCol4>.col {
		float: left;
		width: 255px;
		margin-right: 20px;
	}

	#headerMenu .headerMenuCol4>.col:nth-child(4n) {
		margin-right: 0;
	}

	#headerMenu .headerMenuCol4>.col:nth-child(4n+1) {
		clear: left;
	}

	#headerMenu .headerMenuCol4>.col:nth-child(n+5) {
		margin-top: 20px;
	}

	#headerMenu .headerMenuCol4>.col>*:first-child {
		margin-top: 0 !important;
	}

	#headerMenu .headerMenuCol4>.col>dl {}

	#headerMenu .headerMenuCol4>.col>dl>dt {}

	#headerMenu .headerMenuCol4>.col>dl>dt>a {
		display: block;
		line-height: 1;
		padding: 16px 15px;
		color: #000000;
		font-size: 22px;
	}

	#headerMenu .headerMenuCol4>.col>dl>dt.company>a {
		background: #c6e3a6;
	}

	#headerMenu .headerMenuCol4>.col>dl>dt.ir>a {
		background: #d2add9;
	}

	#headerMenu .headerMenuCol4>.col>dl>dt.csr>a {
		background: #a6e3d5;
	}

	#headerMenu .headerMenuCol4>.col>dl>dt.technology>a {
		background: #9dccf2;
	}

	#headerMenu .headerMenuCol4>.col>dl>dt.recruit>a {
		background: #f9d697;
	}

	#headerMenu .headerMenuCol4>.col>dl>dt.information>a {
		background: #fccace;
	}

	#headerMenu .headerMenuCol4>.col>dl>dt>a:hover {
		opacity: 0.6;
	}

	#headerMenu .headerMenuCol4>.col>dl>dt>a>span {
		display: inline-block;
		padding-right: 30px;
		background: url(/hc/common/img/com_ic08.png) no-repeat 100% 50%;
		background-size: 8px auto;
	}

	#headerMenu .headerMenuCol4>.col>dl>dd {}

	#headerMenu .headerMenuCol4>.col .colLink {
		line-height: 1;
		margin-top: 30px;
		padding-bottom: 15px;
		border-bottom: solid 1px #cccccc;
	}

	#headerMenu .headerMenuCol4>.col .colLink>span,
	#headerMenu .headerMenuCol4>.col .colLink a {
		display: block;
		padding-left: 10px;
		border-left: solid 3px #cccccc;
		color: #000000;
		font-size: 17px;
		font-weight: bold;
		text-decoration: none;
	}

	#headerMenu .headerMenuCol4>.col .colLink a {
		background: url(/hc/common/img/com_ic02.png) no-repeat 100% 50%;
		background-size: 8px auto;
	}

	#headerMenu .headerMenuCol4>.col .colLink a:hover {
		opacity: 0.6;
	}

	/* menuTitle */
	#headerMenu .csr+dd>.menuTitle {
		font-weight: bold;
		line-height: 1.8;
	}

	/* menuList01 */
	ul.menuList01 {
		margin-top: 10px;
		padding-left: 20px;
	}

	p.menuList01 {
		margin-top: 10px;
		margin-left: 20px;
	}

	p.menuList01,
	.menuList01>li {
		padding-left: 13px;
		background: url(/hc/common/img/com_ic08.png) no-repeat 0 0.6em;
		background-size: 6px auto;
	}

	.menuBox .textLinkList .textLink {
		width: 340px;
	}

	.menuBox .textLinkList .textLink>a {
		padding-left: 13px;
		background: url(/hc/common/img/com_ic08.png) no-repeat 0 0.6em;
		background-size: 6px auto;
	}

	.menuList01>li+li {
		margin-top: 5px;
	}

	p.menuList01>a,
	.menuList01>li a {
		text-decoration: none;
	}

	#headerMenu .csr+dd>.menuTitle+.menuList01 {
		margin-top: 0;
	}

	#headerMenu .csr+dd>.menuList01.noTitle {
		margin-top: 15px;
	}

	/* gNav */
	#gNav {
		text-align: right;
	}

	#gNav>ul {
		margin-top: 28px;
		display: inline-block;
	}

	#gNav>ul>li {
		float: left;
		line-height: 1;
		padding-bottom: 4px;
		border-bottom: solid 2px #ffffff;
	}

	#gNav>ul>li+li {
		margin-left: 30px;
	}

	#gNav>ul>li:nth-child(1):hover,
	#gNav>ul>li.current:nth-child(1),
	#gNav>ul>li.open:nth-child(1) {
		border-bottom: solid 2px #c6e3a6;
	}

	#gNav>ul>li:nth-child(2):hover,
	#gNav>ul>li.current:nth-child(2),
	#gNav>ul>li.open:nth-child(2) {
		border-bottom: solid 2px #d2add9;
	}

	#gNav>ul>li:nth-child(3):hover,
	#gNav>ul>li.current:nth-child(3),
	#gNav>ul>li.open:nth-child(3) {
		border-bottom: solid 2px #a6e3d5;
	}

	#gNav>ul>li:nth-child(4):hover,
	#gNav>ul>li.current:nth-child(4),
	#gNav>ul>li.open:nth-child(4) {
		border-bottom: solid 2px #9dccf2;
	}

	#gNav>ul>li:nth-child(5):hover,
	#gNav>ul>li.current:nth-child(5),
	#gNav>ul>li.open:nth-child(5) {
		border-bottom: solid 2px #f9d697;
	}

	#gNav>ul>li>a,
	#gNav>ul>li>span {
		color: #000000;
		font-size: 18px;
		text-decoration: none;
		cursor: pointer;
	}

	#gNav>ul>li>.menuInner {
		display: none;
		position: absolute;
		left: 0;
		width: 100%;
		z-index: 99999;
		line-height: 1.8;
		margin-top: 28px;
		background: #ffffff;
		text-align: left;
		box-shadow: 0px 15px 43px -14px #333333;
		-moz-box-shadow: 0px 15px 43px -14px #333333;
		-webkit-box-shadow: 0px 15px 43px -14px #333333;
	}

	#gNav>ul>li>.menuInner .menuBox {
		position: relative;
	}

	#gNav>ul>li>.menuInner .menuBox:after {
		content: "";
		width: 0;
		height: 0;
		position: absolute;
		top: -14px;
		border-style: solid;
		border-width: 0 11px 14px 11px;
		border-color: transparent transparent #007bff transparent;
	}

	#gNav>ul>li>.menuInner .menuBox.company:after {
		content: "";
		right: 392px;
		border-color: transparent transparent #c6e3a6 transparent;
	}

	#gNav>ul>li>.menuInner .menuBox.ir:after {
		content: "";
		right: 302px;
		border-color: transparent transparent #d2add9 transparent;
	}

	#gNav>ul>li>.menuInner .menuBox.csr:after {
		content: "";
		right: 228px;
		border-color: transparent transparent #a6e3d5 transparent;
	}

	#gNav>ul>li>.menuInner .menuBox.technology:after {
		content: "";
		right: 135px;
		border-color: transparent transparent #9dccf2 transparent;
	}

	#gNav>ul>li>.menuInner .menuBox .boxTitle {
		line-height: 1;
		margin: 0;
	}

	#gNav>ul>li>.menuInner .menuBox .boxTitle>a {
		display: block;
		padding: 20px 150px 20px 25px;
		color: #000000;
		font-size: 24px;
		font-weight: bold;
	}

	#gNav>ul>li>.menuInner .menuBox .boxTitle>a>span {
		display: inline-block;
		padding-right: 30px;
		background: url(/hc/common/img/com_ic08.png) no-repeat 100% 50%;
		background-size: 8px auto;
	}

	#gNav>ul>li>.menuInner .menuBox .boxTitle>a:hover>span {
		text-decoration: underline;
	}

	#gNav>ul>li>.menuInner .menuBox.company .boxTitle>a {
		background: #c6e3a6;
	}

	#gNav>ul>li>.menuInner .menuBox.ir .boxTitle>a {
		background: #d2add9;
	}

	#gNav>ul>li>.menuInner .menuBox.csr .boxTitle>a {
		background: #a6e3d5;
	}

	#gNav>ul>li>.menuInner .menuBox.technology .boxTitle>a {
		background: #9dccf2;
	}


	#gNav>ul>li>.menuInner .menuBox .boxInner01 {
		padding: 30px;
		background: #ffffff;
	}

	#gNav>ul>li>.menuInner .menuBox.technology .boxInner01 {
		padding-top: 20px;
	}

	#gNav>ul>li>.menuInner .menuBox .boxInner02 {
		padding: 30px 30px 30px;
		background: #f3f3f3;
	}

	#gNav>ul>li>.menuInner .menuBox .boxInner01>*:first-child,
	#gNav>ul>li>.menuInner .menuBox .boxInner02>*:first-child {
		margin-top: 0 !important;
	}

	#gNav>ul>li>.menuInner .menuBox.technology .boxInner01 .textLinkList {
		float: left;
		width: 77%;
	}

	#gNav>ul>li>.menuInner .menuBox.technology .boxInner01 .textLinkList.rightList {
		width: 23%;
		margin-top: 0;
	}

	#gNav>ul>li>.menuInner .menuBox.technology.menuBox .textLinkList .textLink {
		width: 250px;
	}

	#gNav>ul>li>.menuInner .menuBox.technology.menuBox .textLinkList .textLink:nth-child(3n) {
		margin-right: 0;
	}

	#gNav>ul>li>.menuInner .menuBox.technology .boxInner01 .textLinkList.rightList .textLink {
		width: auto;
		margin-right: 0;
	}

	#gNav>ul>li>.menuInner .menuBox.technology .textLinkList .textLink>a {
		line-height: 1.6;
	}

	#gNav>ul>li>.menuInner .menuBox .boxCol2 {}

	#gNav>ul>li>.menuInner .menuBox .boxCol2>.col {
		float: left;
		width: 49%;
		margin-right: 2%;
	}

	#gNav>ul>li>.menuInner .menuBox .boxCol2>.col:nth-child(2) {
		margin-right: 0;
	}

	#gNav>ul>li>.menuInner .menuBox .boxCol2>.col.halfSize {
		width: 24%;
	}

	#gNav>ul>li>.menuInner .menuBox .boxCol2>.col .colTitle {
		line-height: 1;
		margin: 0;
		padding-bottom: 10px;
		border-bottom: solid 1px #cccccc;
	}

	#gNav>ul>li>.menuInner .menuBox .boxCol2>.col .colTitle>span {
		display: inline-block;
		padding-left: 15px;
		border-left: solid 3px #cccccc;
		color: #000000;
		font-size: 17px;
		font-weight: bold;
	}

	#gNav>ul>li>.menuInner .menuBox .boxCol2>.col .InnerCol2 {
		margin-top: 10px;
	}

	#gNav>ul>li>.menuInner .menuBox .boxCol2>.col .InnerCol2>.col {
		float: left;
		width: 49%;
		margin-right: 2%;
	}

	#gNav>ul>li>.menuInner .menuBox .boxCol2>.col .InnerCol2>.col:nth-child(2n) {
		margin-right: 0;
	}

	#gNav>ul>li>.menuInner .menuBox .boxCol2>.col .InnerCol2>.col>*:first-child {
		margin-top: 0 !important;
	}

	#gNav>ul>li>.menuInner .menuBox .boxCol4 {
		margin: 10px 20px 0;
	}

	#gNav>ul>li>.menuInner .menuBox .boxCol4>.col {
		float: left;
		width: 23.5%;
		margin-right: 2%;
	}

	#gNav>ul>li>.menuInner .menuBox .boxCol4>.col:nth-child(4n) {
		margin-right: 0;
	}

	#gNav>ul>li>.menuInner .menuBox .newsArea {
		height: 230px;
		overflow-y: scroll;
	}

	#gNav>ul>li>.menuInner .menuBox .newsArea ul {
		margin-top: 0;
	}

	#gNav>ul>li>.menuInner .menuBox .newsArea ul>li {
		border-bottom: solid 1px #cccccc;
	}

	#gNav>ul>li>.menuInner .menuBox .newsArea ul>li:hover {
		background: #f0f0f0;
	}

	#gNav>ul>li>.menuInner .menuBox .newsArea ul>li>a {
		display: block;
		padding: 15px 30px 15px 15px;
		background: url(/hc/common/img/com_ic02.png) no-repeat 97% 50%;
		background-size: 6px auto;
		text-decoration: none;
	}

	#gNav>ul>li>.menuInner .menuBox .newsArea ul>li>span {
		display: block;
		padding: 15px 30px 15px 15px;
		background: #FFF;
		text-decoration: none;
	}

	#gNav>ul>li>.menuInner .menuBox .newsArea ul>li>a[target="_blank"] {
		background: url(/hc/common/img/com_ic03.png) no-repeat 97% 50%;
		background-size: 14px 14px;
	}

	#gNav>ul>li>.menuInner .menuBox .newsArea ul>li>a[href$="pdf"] {
		background: url(/hc/common/img/com_ic04.png) no-repeat 97% 50%;
		background-size: 14px 14px;
	}

	#gNav>ul>li>.menuInner .menuBox .newsArea ul>li .data {
		margin-top: 0;
		color: #000000;
	}

	#gNav>ul>li>.menuInner .menuBox .newsArea ul>li .detail {
		margin-top: 5px;
	}


	#gNav>ul>li>.menuInner .menuBox .manuClose {
		position: absolute;
		top: 26px;
		right: 25px;
		line-height: 1;
		margin: 0;
		padding: 10px 15px;
		background: #ffffff;
		cursor: pointer;
	}

	#gNav>ul>li>.menuInner .menuBox .manuClose span {
		display: block;
		font-size: 18px;
		padding-left: 25px;
		background: url(/hc/common/img/header_ic02on.png) no-repeat 0 50%;
	}

	#gNav>ul>li>.menuInner .menuBox .manuClose:hover span {
		opacity: 0.6;
	}

	#gNav>ul>li>.menuInner .menuBox.csr .boxInner01 .menuTitle {
		margin-top: 0;
		font-size: 16px;
		font-weight: bold;
		line-height: 1.8;
	}

	#gNav>ul>li>.menuInner .menuBox.csr .boxInner01 .menuTitle+.menuList01 {
		margin-top: 5px;
	}

	#gNav>ul>li>.menuInner .menuBox.csr .boxInner01 .menuList01.noTitle {
		margin-top: 0;
	}


	/* topicNavBlock */
	#topicNavBlock {}

	#topicNavBlock .topicNav {
		width: 1140px;
		margin: 0 auto;
		padding: 10px 0;
	}

	#topicNavBlock .topicNav>ul {
		float: left;
		margin-top: 0;
	}

	#topicNavBlock .topicNav>ul>li {
		float: left;
		padding-right: 8px;
	}

	#topicNavBlock .topicNav>ul>li+li {
		position: relative;
		padding: 0 8px 0 14px;
	}

	#topicNavBlock .topicNav>ul>li+li:before {
		content: "/";
		display: inline-block;
		position: absolute;
		left: 0;
		top: 0.3em;
		color: #c0c0c0;
		font-size: 12px;
	}

	#topicNavBlock .topicNav>ul>li>span>a {
		font-size: 12px;
		text-decoration: none;
	}

	#topicNavBlock .topicNav>ul>li>span>a:hover {
		text-decoration: underline;
	}

	#topicNavBlock .topicNav>ul>li>span>em {
		font-size: 12px;
		font-style: normal;
		color: #000000;
	}

	#topicNavBlock .topicNav>.printBtn {
		float: right;
		margin: 0;
		padding-left: 20px;
		background: url(/hc/common/img/com_ic19.png) no-repeat 0 60%;
	}

	#topicNavBlock .topicNav>.printBtn>a {
		color: #000000;
		font-size: 14px;
		text-decoration: none;
	}

	#topicNavBlock .topicNav>.printBtn>a:hover {
		text-decoration: underline;
	}

	/* footer
=========================================*/
	#globalFooter {
		clear: both;
		margin-top: 70px;
	}

	#globalFooter #footerNav {
		max-width: 1140px;
		margin: 0 auto;
	}

	#globalFooter #footerNav ul {
		text-align: center;
		letter-spacing: -0.4em;
	}

	#globalFooter #footerNav ul>li {
		display: inline-block;
		line-height: 1;
		padding: 0 10px;
		letter-spacing: normal;
	}

	#globalFooter #footerNav ul>li+li {
		border-left: solid 1px #dddddd;
	}

	#globalFooter #footerNav ul>li>a {
		font-size: 13px;
		color: #555555;
		text-decoration: none;
	}

	#globalFooter #footerNav ul>li>a:hover {
		text-decoration: underline;
	}

	#globalFooter #footerCopyRight {
		clear: both;
		margin-top: 60px;
		padding: 15px 0;
		background: #00418f;
		color: #ffffff;
		font-size: 12px;
		text-align: center;
	}

	#globalFooter .pageTopBtn {
		position: fixed;
		right: 100px;
		bottom: 20px;
	}

	#globalFooter .pageTopBtn img {
		width: 60px;
		height: auto;
	}

	/* main
=========================================*/
	.contentsWrap {
		width: 1140px;
		margin: 0 auto;
	}

	.oneContents .contentsWrap {
		width: 1140px;
	}

	.oneContentsType2 .contentsWrap {
		width: 900px;
	}

	.pasTop .contentsWrap {
		width: 100%;
	}

	.corner .contentsWrap {
		width: 100%;
	}

	#main {
		width: 900px;
		float: left;
	}

	.oneContents #main {
		width: 1140px;
		float: none;
	}

	.corner #main {
		width: 100%;
		float: none;
	}

	.pasTop #main {
		width: 100%;
		float: none;
	}


	.company #globalContents {
		background: url(/hc/company/img/index_bg01.jpg) no-repeat center top;
		background-attachment: fixed;
		background-size: cover;
	}

	.ir #globalContents {
		background: url(/hc/ir/img/index_bg01.jpg) no-repeat center top;
		background-attachment: fixed;
		background-size: cover;
	}

	.recruit #globalContents {
		background: url(/hc/recruit/img/index_bg01.jpg) no-repeat center top;
		background-attachment: fixed;
		background-size: cover;
	}

	.csr #globalContents {
		background: url(/hc/csr/img/index_bg01.jpg) no-repeat center top;
		background-attachment: fixed;
		background-size: cover;
	}

	.works #globalContents {
		background: url(/hc/technology/works/img/index_bg01.jpg) no-repeat center top;
		background-attachment: fixed;
		background-size: cover;
	}

	.technology #globalContents {
		background: url(/hc/technology/img/index_bg01.jpg) no-repeat center top;
		background-attachment: fixed;
		background-size: cover;
	}


	/* ======== personal ======== */
	.personal .titleHead {
		background: url(/hc/personal/img/index_bg01.jpg) no-repeat center top;
		background-size: cover;
	}

	/* ======== mansion_association ======== */
	.mansion_association .titleHead {
		background: url(/hc/mansion_association/img/index_bg01.jpg) no-repeat center top;
		background-size: cover;
	}

	.mansion_association .photoColumn .photoCol {
		width: 750px;
	}

	/* ======== business ======== */
	.business .titleHead {
		background: url(/hc/business/img/index_bg01.jpg) no-repeat center top;
		background-size: cover;
	}


	/* aside
=========================================*/
	#sidebar {
		width: 210px;
		float: right;
	}

	/* sideMenu */
	#sideMenu {}

	#sideMenu .catHead2nd {
		position: relative;
		display: table;
		width: 100%;
		height: 59px;
		margin: 0;
		background: #979797;
	}

	#sideMenu .catHead2nd:after {
		content: "";
		position: absolute;
		bottom: -9px;
		left: 50%;
		margin-left: -4px;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 9px 9px 0 9px;
		border-color: #979797 transparent transparent transparent;
	}

	#sideMenu .catHead2nd>a {
		display: table-cell;
		vertical-align: middle;
		padding: 8px 10px;
		color: #ffffff;
		font-size: 18px;
		font-weight: bold;
		text-align: center;
		text-decoration: none;
	}

	#sideMenu .catHead2nd>a:hover {
		text-decoration: underline;
	}

	#sideMenu .catMenu3rd {
		margin: 0;
	}

	#sideMenu .catMenu3rd>li {
		line-height: 1.4;
		border-bottom: solid 1px #cccccc;
	}

	#sideMenu .catMenu3rd>li.open {
		border-bottom: none;
	}

	#sideMenu .catMenu3rd>li>a,
	#sideMenu .catMenu3rd>li>span {
		display: block;
		padding: 15px 10px;
		color: #444444;
		text-decoration: none;
	}

	#sideMenu .catMenu3rd>li.selected>a,
	#sideMenu .catMenu3rd>li.selected>span {
		background: #f0f0f0;
		font-weight: bold;
	}

	#sideMenu .catMenu3rd>li.open>a,
	#sideMenu .catMenu3rd>li.open>span {
		font-weight: bold;
	}

	#sideMenu .catMenu3rd>li>a:hover {
		color: #44bbee;
		text-decoration: underline;
	}

	#sideMenu .catMenu3rd>li>span {}

	#sideMenu .catMenu3rd>li>.catMenu4th {
		display: none;
		margin: 0;
		padding-left: 20px;
		border-top: dotted 1px #000000;
	}

	#sideMenu .catMenu3rd>li>.catMenu4th.is-visible,
	#sideMenu .catMenu3rd>li.selected>.catMenu4th {
		display: block;
	}

	#sideMenu .catMenu3rd>li>.catMenu4th>li {
		border-bottom: dotted 1px #000000;
		font-size: 14px;
	}

	#sideMenu .catMenu3rd>li>.catMenu4th>li:last-child {
		border: none;
	}

	#sideMenu .catMenu3rd>li>.catMenu4th>li>a,
	#sideMenu .catMenu3rd>li>.catMenu4th>li>span {
		display: block;
		padding: 6px 10px;
		color: #444444;
		text-decoration: none;
	}

	#sideMenu .catMenu3rd>li>.catMenu4th>li>a:hover {
		color: #44bbee;
		text-decoration: underline;
	}

	#sideMenu .catMenu3rd>li>.catMenu4th>li.selected>a,
	#sideMenu .catMenu3rd>li>.catMenu4th>li.selected>span {
		background: #f0f0f0;
		font-weight: bold;
	}

	/* asideBnrArea */
	#sidebar .asideBnrArea {
		margin-top: 40px;
	}

	#sidebar .asideBnrArea .asideBnr01 {
		padding: 10px;
		border: solid 1px #cccccc;
		text-align: center;
	}

	#sidebar .asideBnrArea .asideBnr01 img {
		width: 60%;
		height: auto;
	}

	#sidebar .asideBnrArea .asideBnr01+.textLink {
		margin-top: 5px;
	}

	#sidebar .asideBnrArea .asideBnrDetail01 {
		margin-top: 5px;
	}

	/* sideStockBox */
	.sideStockBox {
		margin-top: 1.5em;
	}

	.sideStockBox .btnStyle01 a {
		display: block;
		text-align: center;
	}

	.sideStockBox .sideStockTi {
		display: table;
		width: 100%;
	}

	.sideStockBox .sideStockTi .sideStock1 {
		text-align: left;
		width: 86px;
		font-size: 17px;
		display: table-cell;
		vertical-align: middle;
		font-weight: bold;
	}

	.sideStockBox .sideStockTi .sideStock2 {
		text-align: left;
		font-size: 10px;
		display: table-cell;
		vertical-align: middle;
		line-height: 1.35;
	}

	.sideStockBox .sideStockBorder {
		border-top: 1px solid #cccccc;
		margin-top: 1.2em;
	}



	#sidebar.fullOpen #sideMenu ul {
		display: block !important;
	}



	#bizasarchAspSuggest {
		left: 223px !important;
		top: 88px !important;
		width: 703px !important;
	}


	/* extra
=========================================*/

	.notosan {
		font-family: 'Noto Sans JP', sans-serif !important;
	}

	.kinenLogo {
		text-align: center;
		margin-top: 1em;
	}

	.kinenLogo img {
		width: 100%;
		height: auto;
	}

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

	clearfix

=================================*/
	.contentsWrap:after,
	#globalHeader #headerInner:after,
	#headerContents #headerUtility:after,
	#gNav>ul:after,
	#topicNavBlock .topicNav:after,
	#topicNavBlock .topicNav>ul:after,
	#headerMenu .headerMenuCol4:after,
	#gNav>ul>li>.menuInner .menuBox .boxCol2:after,
	#gNav>ul>li>.menuInner .menuBox .boxCol2>.col .InnerCol2:after,
	#gNav>ul>li>.menuInner .menuBox .boxCol4:after,
	#gNav>ul>li>.menuInner .menuBox.technology .boxInner01:after,
	#headerSearch .headerSearchArea:after {
		content: "";
		display: block;
		clear: both;
	}

}