/* ----------
hokurikukizai.co.jp

@media (min-width: 576px) {}
@media (min-width: 768px) {}
@media (min-width: 992px) {}
@media (min-width: 1200px) {}
---------- */


#company {}



/* 会社概要 */

#company.about #about-top {}
#company.about #about-top .top-img {
	background-image: url(../images/company/02-01.jpg);
	background-repeat: no-repeat;
	background-size: 175% auto;
	background-position: top center;
}
@media (min-width: 768px) {
	#company.about #about-top .top-img {
		background-size: 540px auto;
	}
}
@media (min-width: 768px) {
	#company.about #about-top .top-img {
		background-size: 730px auto;
	}
}
@media (min-width: 992px) {
	#company.about #about-top .top-img {
		background-size: 950px auto;
	}
}
@media (min-width: 1200px) {
	#company.about #about-top .top-img {
		background-size: 1140px auto;
	}
}

#company.about #about-top .company-title {
	background-image: url(../images/company/02-01-moji.png);
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: top 28vw center;
	padding-bottom: 77vw;
}
@media (min-width: 768px) {
	#company.about #about-top .company-title {
		background-size: 51% auto;
		background-position: top 50% center;
		padding-bottom: 44%;
	}
}


#company.about #philosophy {}
#company.about #philosophy .philosophy-title {
	font-family: 'Noto Serif JP', 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', '游明朝', 'Yu Mincho', 'ＭＳ Ｐ明朝', 'MS PMincho', serif;
	font-weight: bold;
	font-size: 1.75rem;
	margin-bottom: 1rem;
}
@media (min-width: 768px) {
	#company.about #philosophy .philosophy-title {
		font-size: 2.375rem;
	}
}
#company.about #philosophy .philosophy-text {
	font-family: 'Noto Serif JP', 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', '游明朝', 'Yu Mincho', 'ＭＳ Ｐ明朝', 'MS PMincho', serif;
	line-height: 1.9;
}
@media (min-width: 768px) {
	#company.about #philosophy .philosophy-text {
		line-height: 2.5;
	}
}

#company.about #greeting {}


#company.about #overview {}

#company.about #overview .office {}
#company.about #overview .office .office-name {
	margin-bottom: .5rem;
}
#company.about #overview .office .office-name::before {
	content: '■';
	color: #0047b3;
}

#company.about #overview .office .spica a {
	text-decoration: underline;
}
#company.about #overview .office .spica a:hover {
	color: #0047b3;
}




/* アクセス */
#company.access {}

#company.access .access-area {}
@media (min-width: 768px) {
	#company.access .access-area {
		display: flex;
		justify-content: space-between;
	}
}

#company.access .access-map {
	margin-bottom: .75rem;
}
@media (min-width: 768px) {
	#company.access .access-map {
		width: 67%;
		margin-bottom: 0;
	}
}

#company.access .access-map iframe {
	height: 172px;
}
@media (min-width: 768px) {
	#company.access .access-map iframe {
		height: 375px;
	}
}

#company.access .access-photo-address {}
@media (min-width: 768px) {
	#company.access .access-photo-address {
		width: 29%;
	}
}

#company.access .access-photo {
	width: 53%;
	margin-bottom: 1rem;
}
@media (min-width: 768px) {
	#company.access .access-photo {
		width: 100%;
	}
}

#company.access .access-address {}
@media (min-width: 768px) {
	#company.access .access-address {}
}

#company.access .access-address p {
	margin-bottom: .25rem;
}
@media (min-width: 768px) {
	#company.access .access-address p {}
}

#company.access .access-address a {
	text-decoration: underline;
}
#company.access .access-address a:hover {
	color: #0047b3;
}



/* 企業沿革 */

#company.history .history-inner {
	display: flex;
	flex-wrap: wrap;
}
@media (min-width: 768px) {
	#company.history .history-inner {
		margin-left: 1rem;
		margin-right: 1rem;
	}
}
@media (min-width: 992px) {
	#company.history .history-inner {
		margin-left: 1.875rem;
		margin-right: 1.875rem;
	}
}

#company.history .history-table {
	order: 1;
	width: 100%;
	margin-bottom: .5rem;
}
@media (min-width: 768px) {
	#company.history .history-table {
		order: 2;
	}
}

#company.history .history-photo {
	order: 2;
	width: 100%;
	font-size: .875rem;
}
@media (min-width: 768px) {
	#company.history .history-photo {
		order: 1;
	}
}

#company.history .history-photo ul {
	display: flex;
	flex-wrap: wrap;
	margin-left: -6px;
	margin-right: -6px;
}

#company.history .history-photo ul li {
	width: 50%;
	padding-left: 6px;
	padding-right: 6px;
}
@media (min-width: 768px) {
	#company.history .history-photo ul li {
		width: 25%;
	}
}

#company.history .history-photo ul li img {
	margin-bottom: .25rem;
}
@media (min-width: 768px) {
	#company.history .history-photo ul li img {
		margin-bottom: .5rem;
	}
}

#company.history .title_a-w {
	margin-bottom: -1rem;
}
@media (min-width: 768px) {
	#company.history .title_a-w {
		margin-bottom: 0;
	}
}

#company.history .title_d {
	margin-bottom: 1.375rem;
}



/* SDGsへの取り組み */

#company.sdgs {}

#company.sdgs .we_can-inner {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
@media (min-width: 768px) {
	#company.sdgs .we_can-inner {
		flex-wrap: nowrap;
		justify-content: space-between;
		align-items: flex-start;
	}
}

#company.sdgs .we_can-image {
	margin-bottom: 1rem;
}
@media (min-width: 576px) {
	#company.sdgs .we_can-image {
		width: 80%;
	}
}
@media (min-width: 768px) {
	#company.sdgs .we_can-image {
		width: 50%;
		margin-bottom: 0;
	}
}

#company.sdgs .we_can-text {}
@media (min-width: 768px) {
	#company.sdgs .we_can-text {
		width: 46%;
	}
}


#company.sdgs .external_link {
	font-size: 1rem;
	font-weight: bold;
}

#company.sdgs .external_link a {
	background-image: url(../images/parts/pts-blank-w.png);
	background-repeat: no-repeat;
	background-size: 1.25rem auto;
	background-position: left center;
	padding-left: 2rem;
}
#company.sdgs .external_link a:hover {
	color: #0047b3;
}


#company.sdgs #initiative {}
@media (min-width: 768px) {
	#company.sdgs #initiative {
		background-color: #d8f1ff;
		padding: 3.75rem 0 4rem;
	}
}

#company.sdgs .nav-sdgs {
	list-style-type: none;
	padding-left: 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	text-align: center;
	line-height: 1.3;
	margin-bottom: 2rem;
}
@media (min-width: 768px) {
	#company.sdgs .nav-sdgs {
		flex-wrap: nowrap;
		text-align: left;
		font-size: .75rem;
		margin-bottom: 2.5rem;
	}
}
@media (min-width: 992px) {
	#company.sdgs .nav-sdgs {
		font-size: 1rem;
	}
}
@media (min-width: 1200px) {}

#company.sdgs .nav-sdgs li {
	width: 48%;
	margin-bottom: .5rem;
}
@media (min-width: 768px) {
	#company.sdgs .nav-sdgs li {
		width: 23%;
	}
	#company.sdgs .nav-sdgs li:nth-child(3) {
		width: 28.6%;
	}
}

#company.sdgs .nav-sdgs div {
	display: none;
}
@media (min-width: 768px) {
	#company.sdgs .nav-sdgs div {
		display: block;
		margin-bottom: .25rem;
	}
}

#company.sdgs .nav-sdgs a {
	display: block;
	background-color: #0047b3;
	border: 1px solid #0047b3;
	color: #fff;
	padding: .375rem 0 2rem;
	background-image: url(../images/parts/ico-aw1f-b.png);
	background-repeat: no-repeat;
	background-size: .625rem auto;
	background-position: bottom .75rem center;
}
#company.sdgs .nav-sdgs a:hover {
	text-decoration: none;
	background-color: #fff;
	color: #0047b3;
	background-image: url(../images/parts/ico-aw1a-d.png);
}
@media (min-width: 768px) {
	#company.sdgs .nav-sdgs a {
		padding: .375rem .25rem .5rem;
		background-image: url(../images/parts/ico-aw1f-r.png);
		background-size: .625rem auto;
		background-position: right .25rem center;
	}
	#company.sdgs .nav-sdgs a:hover {
		background-image: url(../images/parts/ico-aw1a-r.png);
	}
}
@media (min-width: 1200px) {
	#company.sdgs .nav-sdgs a {
		padding: .375rem .25rem .5rem 1rem;
	}
}


#company.sdgs .sdgs-list {
	list-style-type: none;
	padding-left: 0;
	font-size: .875rem;
	margin-bottom: 0;
}
#company.sdgs .sdgs-list li::before {
	content: '●';
	color: #009d95;
	font-size: .625rem;
	margin-right: .25rem;
}


#company.sdgs #initiative section {
	margin-top: -5rem;
	padding-top: 5rem;
	margin-bottom: 3rem;
}
#company.sdgs #initiative section > div {
	margin-bottom: 1.625rem;
}
@media (min-width: 768px) {
	#company.sdgs #initiative section > div {
		background-color: #fff;
		margin-bottom: 1rem;
		padding: 2.5rem 1.5rem;
	}
}
@media (min-width: 1200px) {
	#company.sdgs #initiative section > div {
		padding: 3.25rem 3rem;
	}
}


#company.sdgs .scroll-txt {
	text-align: center;
	font-size: .875rem;
	color: #0047b3;
	margin-bottom: .5rem;
}
#company.sdgs .scroll-txt span {
	padding: 0 1.25rem;
	background-image: url(../images/parts/ico-aw1a-l.png), url(../images/parts/ico-aw1a-r.png);
	background-repeat: no-repeat;
	background-size: .75rem auto;
	background-position: left center, right center;
}
@media (min-width: 1200px) {
	#company.sdgs .scroll-txt {
		display: none;
	}
}


#company.sdgs .table-sdgs {
	width: 100%;
	overflow-x: auto;
}

#company.sdgs .table-sdgs table {
	width: 1040px;
	background-color: #fff;
	table-layout: fixed;
}
@media (min-width: 1200px) {
	#company.sdgs .table-sdgs table {
		width: 100%;
	}
}

#company.sdgs .table-sdgs table thead th {
	white-space: nowrap;
}

#company.sdgs .table-sdgs table tr > *:nth-child(1) {
	width: 14%;
	padding-right: 1rem;
	border-right: 1px solid #e5e5e5;
}
#company.sdgs .table-sdgs table tr > *:nth-child(2) {
	width: 48%;
	padding-left: 1rem;
	padding-right: 1rem;
	border-right: 1px solid #e5e5e5;
}
#company.sdgs .table-sdgs table tr > *:nth-child(3) {
	width: 38%;
	padding-left: 1rem;
}
#company.sdgs .table-sdgs table tbody tr:not(:last-child) {
	border-bottom: 1px solid #e5e5e5;
}
#company.sdgs .table-sdgs table tbody td {
	padding-top: 1rem;
	vertical-align: top;
	white-space: normal;
}
#company.sdgs .table-sdgs table tbody tr:not(:last-child) td {
	padding-bottom: 1rem;
}

#company.sdgs .table-sdgs table thead th div {
	background-color: #009d95;
	color: #fff;
	text-align: left;
	padding: .375rem .75rem .5rem;
}



#company.sdgs #nav-sdgs-bottom {
	position: fixed;
	bottom: -7rem;
	left: 0;
	right: 0;
	z-index: 10;
}
.bottom-0 {
	bottom: 0 !important;
}

#company.sdgs #nav-sdgs-bottom ul {
	list-style-type: none;
	padding-left: 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: stretch;
	text-align: center;
	margin-bottom: 0;
	background-color: #fff;
	line-height: 1.2;
	width: 100%;
	font-size: .625rem;
}
@media (min-width: 576px) {
	#company.sdgs #nav-sdgs-bottom ul {
		width: 540px;
		margin-left: auto;
		margin-right: auto;
		font-size: .75rem;
	}
}
@media (min-width: 768px) {
	#company.sdgs #nav-sdgs-bottom ul {
		width: 730px;
	}
}
@media (min-width: 992px) {
	#company.sdgs #nav-sdgs-bottom ul {
		width: 960px;
		font-size: 1rem;
	}
}
@media (min-width: 1200px) {
	#company.sdgs #nav-sdgs-bottom ul {
		width: 1140px;
	}
}

#company.sdgs #nav-sdgs-bottom ul li {
	width: 25%;
	padding: 1px;
}
@media (min-width: 768px) {
	#company.sdgs #nav-sdgs-bottom ul li {
	}
}

#company.sdgs #nav-sdgs-bottom ul li a {
	display: block;
	background-color: #0047b3;
	color: #fff;
	padding: .25rem 0;
}
@media (min-width: 768px) {
	#company.sdgs #nav-sdgs-bottom ul li a {
		padding: .5rem 0;
	}
}

#company.sdgs #nav-sdgs-bottom ul li a:hover {
	text-decoration: none;
	background-color: #fff;
	color: #0047b3;
	border: 1px solid #0047b3;
}



#company.sdgs #footer-2 {
	padding-bottom: 5rem;
}
@media (min-width: 768px) {
	#company.sdgs #footer-2 {
		padding-bottom: 2.5rem;
	}
}

#company.sdgs footer .pagetop a {
	bottom: 2rem;
}
@media (min-width: 768px) {
	#company.sdgs footer .pagetop a {
		bottom: 6.25rem;
	}
}


/* 資格所有者数 */

#company.qualified {}

#company.qualified .qualified_inner {
	position: relative;
	padding-bottom: 3.5rem;
}

#company.qualified input {
	display: none;
}
#company.qualified label {
	width: 34px;
	height: 34px;
	border: 1px solid #0047b3;
	border-radius: 50%;
	background-image: url(../images/parts/ico-aw6a-b.png);
	background-repeat: no-repeat;
	background-size: 1rem auto;
	background-position: center center;
	cursor: pointer;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
}
#company.qualified input:checked ~ label {
	background-image: url(../images/parts/ico-aw6a-u.png);
}

#company.qualified input ~ .table4 {
	height: 7rem;
	overflow: hidden;
	position: relative;
}
#company.qualified input ~ .table4::after {
	content: '';
	width: 100%;
	height: 100%;
	background: -moz-linear-gradient(top, rgba(255,255,255,0), #fff);
	background: -webkit-linear-gradient(top, rgba(255,255,255,0), #fff);
	background: linear-gradient(to bottom, rgba(255,255,255,0), #fff);
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}

#company.qualified input:checked ~ .table4 {
	height: auto;
}
#company.qualified input:checked ~ .table4::after {
	display: none;
}





/* ↓ 社訓 #company_motto ↓ */
#company_motto {}

.motto-img {
	max-width: 600px;
	margin: 0 auto;
}

/* ↑ 社訓 #company_motto ↑ */





/* ↓ 経営基本方針 #basic_policy ↓ */
#basic_policy {}

.basic_policy-list {
	list-style-type: none;
	padding-left: 0;
}
@media (min-width: 992px) {
	.basic_policy-list {
		display: flex;
		justify-content: space-between;
	}
}


.basic_policy-list li {
	max-width: 500px;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	margin: 0 auto 1.5rem;
}
@media (min-width: 992px) {
	.basic_policy-list li {
		max-width: 18%;
		display: block;
	}
}


.basic_policy-list div:nth-child(1) {
	width: 35%;
}
@media (min-width: 992px) {
	.basic_policy-list div:nth-child(1) {
		width: 80%;
		margin: 0 auto 1rem;
	}
}


.basic_policy-list div:nth-child(2) {
	width: 60%;
}
@media (min-width: 992px) {
	.basic_policy-list div:nth-child(2) {
		width: 100%;
	}
}


.basic_policy-list h4 {
	font-size: 1.25rem;
	font-weight: 500;
	margin-bottom: .5rem;
}
@media (min-width: 992px) {
	.basic_policy-list h4 {
		text-align: center;
	}
}

.basic_policy-list p {}


/* ↑ 経営基本方針 #basic_policy ↑ */