@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{
	position: relative;
 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 {
	position: relative;
	width: 100%;
	background: #fffffF;
	border-bottom: solid 1px #000000;
	z-index: 99;
}
#globalHeader.is-fixed {
	position: fixed;
	top: 0;
	left: 0;
}
#globalHeader #headerInner {
	position: relative;
	width: 1140px;
	padding: 0px 0px 15px;
	margin: 0 auto;
}
#globalHeader.is-fixed #headerInner {
	padding: 0px 0px 21px;
}
#globalHeader .headLogo {
	float: left;
	width: 215px;
	margin-top: 21px;
}
#globalHeader .headLogo img {
	width: 100%;
	height: auto;
}
#globalHeader #headerContents {
	float: right;
	padding-top: 10px;
}
#globalHeader.is-fixed #headerContents {
	padding-top: 12px;
}
#headerContents #headerUtility {
}
#globalHeader.is-fixed #headerUtility {
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
}
#headerContents #headerUtility .usrLinks {
	float: left;
	margin-top: 7px;
}
#globalHeader.is-fixed .usrLinks {
	display: none;
}
#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;
}
#globalHeader.is-fixed #headerSearch {
	top: 70px;
}
#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: 0 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;
}
#globalHeader.is-fixed #headerMenu {
	top: 70px;
}
#headerMenu .headerMenuCol4 {
	padding: 30px 0 45px;
}
#headerMenu .headerMenuCol4 > .col {
	float: left;
	width: 250px;
	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;
}
#headerUtility #gNav {
	float: left;
	display: -webkit-flex;
	display: flex;
}
#headerUtility #gNav > ul {
	margin-top: 12px;
}
#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;
}
#globalHeader.is-fixed #gNav > ul > li > .menuInner {
	margin-top: 29px;
}
#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;
}
#headerUtility #gNav > ul > li > .menuInner .menuBox.company:after {
	right: 600px;
}
#gNav > ul > li > .menuInner .menuBox.ir:after {
	content: "";
	right: 302px;
	border-color: transparent transparent #d2add9 transparent;
}
#headerUtility #gNav > ul > li > .menuInner .menuBox.ir:after {
	right: 509px;
}
#gNav > ul > li > .menuInner .menuBox.csr:after {
	content: "";
	right: 228px;
	border-color: transparent transparent #a6e3d5 transparent;
}
#headerUtility #gNav > ul > li > .menuInner .menuBox.csr:after {
	right: 435px;
}
#gNav > ul > li > .menuInner .menuBox.technology:after {
	content: "";
	right: 135px;
	border-color: transparent transparent #9dccf2 transparent;
}
#headerUtility #gNav > ul > li > .menuInner .menuBox.technology:after {
	right: 344px;
}
#gNav > ul > li > .menuInner .menuBox .boxTitle {
	position: relative;
}
#gNav > ul > li > .menuInner .menuBox .boxTitle > .boxTitleLabel {
	line-height: 1;
	margin: 0;
}
#gNav > ul > li > .menuInner .menuBox .boxTitle > .boxTitleLabel > a {
	display: block;
	padding: 20px 150px 20px 25px;
	color: #000000;
	font-size: 24px;
	font-weight: bold;
}

#gNav > ul > li > .menuInner .menuBox .boxTitle > .boxTitleLabel > 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 > .boxTitleLabel > a:hover > span {
	text-decoration: underline;
}
#gNav > ul > li > .menuInner .menuBox.company .boxTitle > .boxTitleLabel > a {
	background: #c6e3a6;
}
#gNav > ul > li > .menuInner .menuBox.ir .boxTitle > .boxTitleLabel > a {
	background: #d2add9;
}
#gNav > ul > li > .menuInner .menuBox.csr .boxTitle > .boxTitleLabel > a {
	background: #a6e3d5;
}
#gNav > ul > li > .menuInner .menuBox.technology .boxTitle > .boxTitleLabel > 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 .boxCol3 {
	margin: 10px 20px 0;
}
#gNav > ul > li > .menuInner .menuBox .boxCol3 > .col {
	float: left;
	width: 32%;
	margin-right: 2%;
}
#gNav > ul > li > .menuInner .menuBox .boxCol3 > .col:nth-child(3n) {
	margin-right: 0;
}
#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;
}
#gNav > ul > li > .menuInner .menuBox.csr .boxCol3 > .col:first-child {
	margin-top: 24px;
}

/* 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 .boxCol3:after,
#gNav > ul > li > .menuInner .menuBox .boxCol4:after,
#gNav > ul > li > .menuInner .menuBox.technology .boxInner01:after,
#headerSearch .headerSearchArea:after {
	content: "";
	display: block;
	clear: both;
}

}