@charset "utf-8";


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


	/* layout saiyo/form_jobreturn setting
=========================================*/
	/* container */




	body {
		width: 100%;
		font-family: 'Noto Sans JP', sans-serif;
		color: #333333;
		font-size: 13px;
		line-height: 1.5;
	}

	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;
		background: #ffffff;
		border-bottom: solid 1px #000000;
		z-index: 99999;
	}

	#globalHeader+.spGrayBg {
		position: fixed;
		display: block;
		width: 100%;
		height: 100%;
		background: rgba(0, 0, 0, 0.5);
		top: 0;
		left: 0;
		z-index: 9998;
		cursor: pointer;
	}

	#globalHeader #headerInner {
		width: auto;
		padding: 10px 10px 10px;
		margin: 0 auto;
	}

	#globalHeader .headLogo {
		float: left;
		width: 54%;
		max-width: 160px;
		margin-top: 5px;
	}

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

	#globalHeader #headerContents {
		float: right;
	}

	#headerContents #headerUtility {}

	#headerContents #headerUtility .usrLinks {
		display: none;
	}

	#headerContents #headerUtility #headerSearchBtn {
		float: left;
		width: 42px;
		margin: 0 0 0 10px;
		text-align: center;
	}

	#headerContents #headerUtility #headerSearchBtn>span {
		display: block;
		line-height: 1;
		padding-top: 20px;
		background: url(/hc/saiyo/form_jobreturn/img/header_ic01.png) no-repeat 50% 0;
		background-size: 14px 14px;
		font-size: 10px;
		cursor: pointer;
	}

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

	#headerContents #headerUtility #headerMenuBtn {
		float: left;
		width: 42px;
		position: relative;
		margin: 0 0 0 10px;
		text-align: center;
		cursor: pointer;
	}

	#headerContents #headerUtility #headerMenuBtn>span {
		display: block;
		line-height: 1;
		padding-top: 20px;
		background: url(/hc/saiyo/form_jobreturn/img/header_ic05.png) no-repeat 50% 0;
		-webkit-background-size: 17px auto;
		background-size: 17px auto;
		font-size: 10px;
		text-align: center;
	}

	#headerContents #headerUtility #headerMenuBtn.open>span {
		background: url(/hc/saiyo/form_jobreturn/img/header_ic05on.png) no-repeat 50% 0;
		-webkit-background-size: 13px auto;
		background-size: 13px auto;
	}

	#headerContents #headerUtility #headerEngBtn {
		float: left;
		width: 42px;
		margin: 0;
		text-align: center;
	}

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

	#headerContents #headerUtility #headerEngBtn span {
		display: block;
		line-height: 1;
		padding-top: 20px;
		background: url(/hc/saiyo/form_jobreturn/img/com_ic27.png) no-repeat 50% 0;
		background-size: 14px 14px;
		font-size: 10px;
		cursor: pointer;
	}


	/* headerSearch */
	#headerSearch {
		display: none;
		position: absolute;
		width: 100%;
		left: 0;
		top: 51px;
		padding: 15px 10px;
		background: #ffffff;
		z-index: 99999;
	}

	#headerSearch02 {
		display: block;
		padding: 30px 10px;
		background: #f0f0f0;
	}

	#headerSearch .headerSearchArea,
	#headerSearch02 .headerSearchArea {
		width: 100%;
		height: 34px;
		margin: 0 auto;
		background: #ffffff;
		border: solid 1px #070707;
	}

	#headerSearch .headerSearchArea input,
	#headerSearch02 .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,
	#headerSearch02 .headerSearchArea .searchInput {
		float: left;
		width: 80%;
		height: 100%;
		vertical-align: middle;
		padding: 5px 5px;
		margin-right: 15px;
		font-size: 16px;
	}

	#headerSearch .headerSearchArea .searchSubmit,
	#headerSearch02 .headerSearchArea .searchSubmit {
		float: right;
		width: 40px;
		height: 100%;
		vertical-align: middle;
		background: url(/hc/saiyo/form_jobreturn/img/header_ic01.png) no-repeat 50% 50%;
		background-size: 17px 17px;
		font-size: 16px;
		text-indent: -9999px;
		cursor: pointer;
	}


	/* headerMenu */
	#headerMenu {
		display: none;
		position: absolute;
		width: 100%;
		top: 51px;
		left: 0;
		background: #ffffff;
		z-index: 99999;
	}

	#headerMenu .headerMenuCol4 {
		padding-bottom: 30px;
	}

	#headerMenu .headerMenuCol4>.col {}

	#headerMenu .headerMenuCol4>.col+.col {
		margin-top: 1px;
	}

	#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: 0 10px;
		color: #000000;
		font-size: 14px;
		text-decoration: none;
	}

	#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>span {
		display: block;
		padding: 15px 0;
		padding-right: 30px;
		background: url(/hc/saiyo/form_jobreturn/img/header_ic03on.png) no-repeat 100% 50%;
		background-size: 19px auto;
	}

	#headerMenu .headerMenuCol4>.col>dl>dt.open>a>span {
		background: url(/hc/saiyo/form_jobreturn/img/header_ic03.png) no-repeat 100% 50%;
		background-size: 19px auto;
	}

	#headerMenu .headerMenuCol4>.col>dl>dt.recruit>a>span {
		background: url(/hc/saiyo/form_jobreturn/img/header_ic04.png) no-repeat 100% 50%;
		background-size: 12px auto;
	}

	#headerMenu .headerMenuCol4>.col>dl>dd {
		padding: 0 10px;
		display: none;
	}

	#headerMenu .headerMenuCol4>.col .colLink {
		line-height: 1;
		margin: 10px 10px 0;
		border: solid 1px #000000;
		text-align: center;
	}

	#headerMenu .headerMenuCol4>.col>.colLink:first-child {
		margin-top: 20px !important;
	}

	#headerMenu .headerMenuCol4>.col .colLink>span,
	#headerMenu .headerMenuCol4>.col .colLink a {
		display: block;
		position: relative;
		padding: 12px 10px;
		color: #000000;
		font-size: 14px;
		text-decoration: none;
	}

	#headerMenu .headerMenuCol4>.col .colLink a:after {
		content: "";
		width: 0;
		height: 0;
		position: absolute;
		right: 0;
		bottom: 0;
		border-style: solid;
		border-width: 0 0 9px 9px;
		border-color: transparent transparent #000000 transparent;
	}

	/* menuTitle */
	#headerMenu .csr+dd>.menuTitle {
		margin-top: 20px;
		font-size: 15px;
		font-weight: bold;
		line-height: 1.8;
	}

	/* menuList01 */
	ul.menuList01 {
		margin-top: 0;
	}

	p.menuList01 {}

	p.menuList01,
	.menuList01>li {}

	.menuList01>li+li {
		border-top: solid 1px #cccccc;
	}

	p.menuList01>a,
	.menuList01>li a {
		display: block;
		padding: 10px 20px 10px 10px;
		background: url(/hc/saiyo/form_jobreturn/img/com_ic08.png) no-repeat 97% 50%;
		background-size: 8px auto;
		color: #000000;
		font-size: 14px;
		text-decoration: none;
	}

	#headerMenu .csr+dd>.menuList01 {
		border-bottom: solid 1px #cccccc;
	}

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

	#headerMenu .csr+dd>.menuList01.noTitle {
		margin-top: 20px;
		border-bottom: none;
	}


	/* gNav */
	#gNav {
		display: none;
	}


	/* topicNavBlock */
	#topicNavBlock {
		background: #f0f0f0;
	}

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

	#topicNavBlock .topicNav>ul {
		margin-top: 0;
		width: 100%;
	}

	#topicNavBlock .topicNav>ul>li {
		float: left;
		padding: 5px 2px 5px 0;
	}

	#topicNavBlock .topicNav>ul>li+li {
		position: relative;
		padding: 5px 2px 5px 24px;
		background: url(/hc/saiyo/form_jobreturn/img/com_ic20.png) no-repeat 0 50%;
		background-size: 17px 32px;
	}


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

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


	#topicNavBlock .topicNav>.printBtn {
		display: none;
	}


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

	#globalFooter #footerNav {
		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;
		margin-bottom: 5px;
		letter-spacing: normal;
		border-right: solid 1px #dddddd;
	}

	#globalFooter #footerNav ul>li:last-child {
		border-right: none;
	}

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

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

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

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

	/* main
=========================================*/
	#main {
		padding-left: 10px;
		padding-right: 10px;
	}

	.corner #main {
		padding-left: 0px;
		padding-right: 0px;
	}

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

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

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

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

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

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

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

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

	.mansion_association #globalContents .cornerHead {
		background: url(/hc/mansion_association/img/index_bg02.jpg) no-repeat center top;
		background-size: cover;
	}

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

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

	.technology #globalContents .cornerUnderContents {
		background: url(/hc/technology/img/index_bg03.jpg) no-repeat center top;
		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_bg03.jpg) no-repeat center top;
		background-size: cover;
	}

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


	/* aside
=========================================*/
	#sidebar {
		clear: both;
		margin-top: 30px;
	}

	/* sideMenu */
	#sideMenu {}

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

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

	#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: 12px 10px;
		color: #444444;
		font-size: 14px;
		text-decoration: none;
	}

	#sideMenu .catMenu3rd>li>a {
		padding-right: 25px;
		background: url(/hc/saiyo/form_jobreturn/img/com_ic02.png) no-repeat 97% 50%;
		background-size: 10px 14px;
	}

	#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 {
		background: none;
		font-weight: bold;
	}

	#sideMenu .catMenu3rd>li>a:hover {
		color: #00418f;
	}

	#sideMenu .catMenu3rd>li>span {}

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

	#sideMenu .catMenu3rd>li.selected>.catMenu4th {
		display: block;
	}

	#sideMenu .catMenu3rd>li>.catMenu4th>li {
		border-bottom: dotted 1px #cccccc;
		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: 8px 10px;
		color: #444444;
		font-size: 12px;
		text-decoration: none;
	}

	#sideMenu .catMenu3rd>li>.catMenu4th>li>a {
		padding-right: 25px;
		background: url(/hc/saiyo/form_jobreturn/img/com_ic02.png) no-repeat 94% 50%;
		background-size: 8px 11.2px;
	}

	#sideMenu .catMenu3rd>li>.catMenu4th>li.selected>a {
		background: #f0f0f0;
	}


	/* asideBnrArea */
	#sidebar .asideBnrArea {
		margin: 20px 10px 0;
	}

	#sidebar .asideBnrArea .asideBnr01 {
		text-align: center;
	}

	#sidebar .asideBnrArea .asideBnr01 a {
		display: block;
		padding: 10px;
		border: solid 1px #cccccc;
	}

	#sidebar .asideBnrArea .asideBnr01 img {
		width: 97px;
		height: auto;
	}

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

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


	/* sideStockBox */
	.sideStockBox {
		margin-top: 1.5em;
		padding-left: 10px;
		padding-right: 10px;
	}

	.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: 5% !important;
		top: 75px !important;
		width: 90% !important;
	}




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


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

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

	.kinenLogo img {
		width: 234px;
		height: auto;
	}


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

	clearfix

=================================*/
	#globalHeader #headerInner:after,
	#headerContents #headerUtility:after,
	#topicNavBlock .topicNav>ul:after {
		content: "";
		display: block;
		clear: both;
	}

}