/* ///////////////////////////////////////////////////////////////////

about

/////////////////////////////////////////////////////////////////// */

#page-about .entry-header {
	background-image: url(../images/about-title-bg.png?02);
}

#page-about {
	background: var(--hamano-bg-light);
}
#page-about .br-sp {
	display: none;
}
#page-about b {
}
#page-about .entry-content {
	word-break: normal;
}
#page-about .section-title {
	letter-spacing: 0;
}

#page-about .about-powers {
	padding: 146px 0 128px;
	background: #ffffff;
}
#page-about .about-powers .section-title {
	margin-bottom: 55px;
}
#page-about .about-powers-list {
	display: flex;
	justify-content: space-between;
}
#page-about .about-power {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
	padding-top: 55px;
	box-sizing: border-box;
	width: 178px;
	height: 178px;
	border-radius: 50%;
	background: #0B489D;
	color: #ffffff;
	text-decoration: none;
	text-align: center;
	transition: all 200ms ease;
}
#page-about .about-power-sm {
	font-weight: 500;
	line-height: 1.2;
}
#page-about .about-power-lg {
	font-size: 24px;
	 font-weight: bold;
	line-height: 1.3;
	margin-top: 3px;
}
#page-about .about-power-arrow {
	width: 14px;
	height: 14px;
	margin-top: 37px;
	border-right: 2px solid #ffffff;
	border-bottom: 2px solid #ffffff;
	transform: rotate(45deg);
}

#page-about .about-section {
	position: relative;
	overflow: hidden;
	padding: 86px 0;
}
#page-about .about-section-blue {
	background: var(--hamano-blue);
	color: #ffffff;
}
#page-about .about-section > .global-inner > .section-title {
	margin-bottom: 93px;
}
#page-about .about-tech {
	padding-top: 89px;
	padding-bottom: 0;
}
#page-about .about-industries {
	padding-top: 68px;
	padding-bottom: 57px;
}
#page-about .about-mfg {
	padding-bottom: 71px;
}
#page-about .about-quality {
	padding-top: 88px;
	padding-bottom: 67px;
}
#page-about .about-proc {
	padding-bottom: 74px;
}
#page-about .about-mgmt {
	padding-top: 90px;
	padding-bottom: 42px;
}
#page-about .eyebrow-bg-area {
	margin-top: 30px;
}
#page-about .about-mfg .eyebrow-bg-area {
	margin-top: 37px;
}
#page-about .about-mgmt .eyebrow-bg-area {
	margin-top: 21px;
}
#page-about .about-industries .eyebrow-bg-area {
	margin-top: 0;
}
#page-about .eyebrow-bg {
	line-height: 1.07;
}

#page-about .about-row {
	display: flex;
	align-items: flex-start;
	gap: 56px;
}
#page-about .about-row + .about-row {
	margin-top: 96px;
}
#page-about .about-row-text {
	flex: 1;
	min-width: 0;
	margin-top: -6px;
}
#page-about .about-mfg .about-row:first-of-type .about-row-text,
#page-about .about-proc .about-row:first-of-type .about-row-text,
#page-about .about-mgmt .about-row:first-of-type .about-row-text,
#page-about .about-mgmt .about-row:last-of-type .about-row-text {
	margin-top: 34px;
}
#page-about .about-row-img {
	flex: 1;
	min-width: 0;
	margin: 0;
}
#page-about .about-row-img img {
	display: block;
	width: 100%;
	height: auto;
}
#page-about .about-row-title {
	font-size: 25px;
	 font-weight: bold;
	line-height: 2;
	letter-spacing: 0;
	color: var(--hamano-text);
	margin-bottom: 27px;
	text-align: left;
}
#page-about .about-row-title-w {
	color: #ffffff;
}
#page-about .about-row-text p {
	line-height: 1.8;
	letter-spacing: 0;
	color: var(--hamano-text);
	margin: 0;
	text-align: left;
}
#page-about .about-section-blue .about-row-text p {
	color: #ffffff;
}
#page-about .about-note {
	margin-top: 34px !important;
	font-size: 14px;
}

#page-about .about-dot-list {
	margin: 0;
}
#page-about .about-dot-list li {
	line-height: 1.8;
	letter-spacing: 0;
	color: var(--hamano-text);
}
#page-about .about-dot-list li::before {
	content: "・";
}
#page-about .about-dot-list-w li {
	color: #ffffff;
}
#page-about .about-mgmt .about-dot-list li {
	 font-weight: bold;
}

#page-about .about-plain-list {
	margin: 29px 0 0;
}
#page-about .about-plain-list li {
	 font-weight: bold;
	line-height: 1.8;
	letter-spacing: 0;
}
#page-about .about-plain-list li::before {
	content: "・";
}

#page-about .about-check-list {
	margin: 14px 0 16px;
}
#page-about .about-check-list li {
	position: relative;
	padding-left: 30px;
	line-height: 1.8;
	margin-bottom: 2px;
	color: #ffffff;
}
#page-about .about-check-list li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0.45em;
	width: 13px;
	height: 13px;
	border: 1px solid #ffffff;
}
#page-about .about-check-list li::after {
	content: "";
	position: absolute;
	left: 4px;
	top: 0.45em;
	width: 4px;
	height: 8px;
	border-right: 2px solid #ffffff;
	border-bottom: 2px solid #ffffff;
	transform: rotate(45deg);
}

#page-about .about-industries > .global-inner > .section-title {
	margin-bottom: 76px;
}
#page-about .about-ind-list {
	display: flex;
	flex-wrap: wrap;
	gap: 15px 20px;
}
#page-about .about-ind-card {
	width: calc((100% - 40px) / 3);
}
#page-about .about-ind-title {
	font-size: 22px;
	 font-weight: bold;
	margin-bottom: 24px;
}
#page-about .about-ind-img {
	margin: 0 0 24px;
}
#page-about .about-ind-desc {
	line-height: 1.8;
	letter-spacing: 0;
	color: #354767;
}
#page-about .about-industries .eyebrow-bg {
	line-height: 1.4423;
	margin-bottom: 5px;
}

#page-about .about-spec {
	margin-top: 126px;
}
#page-about .about-spec-head {
	color: #ffffff;
	padding-bottom: 20px;
	border-bottom: 1px solid #FFFFFF;
	margin-bottom: 47px;
}
#page-about .about-spec-lead {
	line-height: 1.8;
	letter-spacing: 0;
	color: #ffffff;
	margin-bottom: 38px;
	text-align: left;
}
#page-about .about-spec-lead a {
	color: #ffffff;
	text-decoration: underline;
}
#page-about .about-spec-card {
	background: #ffffff;
	padding: 56px 60px 36px;
}
#page-about .about-spec-table {
	width: 100%;
	border-collapse: collapse;
	border: 1px solid #01163E;
    font-weight: 500;
}
#page-about .about-spec-table th,
#page-about .about-spec-table td {
	padding: 4px 18px;
	line-height: 30px;
	color: #01163E;
	vertical-align: middle;
}
#page-about .about-spec-table th.cat {
	background: var(--hamano-bg-light);
	border-right: 1px solid #01163E;
	 font-weight: bold;
	width: 156px;
    font-size: 20px;
}
#page-about .about-spec-table td {
	text-align: left;
    font-size: 18px;
}
#page-about .about-spec-table td.num {
	border-left: 1px solid #01163E;
	width: 130px;
	text-align: center;
	white-space: nowrap;
}
#page-about .about-spec-table tr.grp > th,
#page-about .about-spec-table tr.grp > td {
	border-top: 1px solid #01163E;
}
#page-about .about-spec-table tr:nth-child(1) > td { padding-top: 37px; }
#page-about .about-spec-table tr:nth-child(6) > td { padding-bottom: 27px; }
#page-about .about-spec-table tr:nth-child(7) > td { padding-top: 27px; }
#page-about .about-spec-table tr:nth-child(8) > td { padding-bottom: 25px; }
#page-about .about-spec-table tr:nth-child(9) > td { padding-top: 27px; }
#page-about .about-spec-table tr:nth-child(10) > td { padding-bottom: 28px; }
#page-about .about-spec-table tr:nth-child(11) > td {
	padding-top: 28px;
	padding-bottom: 26px;
}
#page-about .about-spec-table tr:nth-child(12) > td {
	padding-top: 25px;
	padding-bottom: 23px;
}
#page-about .about-spec-table tr:nth-child(13) > td { padding-top: 40px; }
#page-about .about-spec-table tr:nth-child(19) > td { padding-bottom: 29px; }
#page-about .about-spec-note {
	margin-top: 18px;
	color: #01163E;
	text-align: left;
}
#page-about .about-spec-note .sq {
	color: var(--hamano-blue);
}

@media screen and (min-width: 1001px) {
	#page-about .about-tech .about-row,
	#page-about .about-mfg .about-row,
	#page-about .about-quality .about-row,
	#page-about .about-proc .about-row,
	#page-about .about-mgmt .about-row {
		width: 100vw;
		max-width: 1500px;
		position: relative;
		left: 50%;
		transform: translateX(-50%);
		gap: 0;
	}
	#page-about .about-tech .about-row > .about-row-img,
	#page-about .about-mfg .about-row > .about-row-img,
	#page-about .about-quality .about-row > .about-row-img,
	#page-about .about-proc .about-row > .about-row-img,
	#page-about .about-mgmt .about-row > .about-row-img {
		flex: 0 0 50%;
	}
	#page-about .about-tech .about-row > .about-row-text,
	#page-about .about-mfg .about-row > .about-row-text,
	#page-about .about-quality .about-row > .about-row-text,
	#page-about .about-proc .about-row > .about-row-text,
	#page-about .about-mgmt .about-row > .about-row-text {
		flex: 0 0 420px;
	}
	#page-about .about-tech .about-row > .about-row-text:first-child,
	#page-about .about-mfg .about-row > .about-row-text:first-child,
	#page-about .about-quality .about-row > .about-row-text:first-child,
	#page-about .about-proc .about-row > .about-row-text:first-child,
	#page-about .about-mgmt .about-row > .about-row-text:first-child {
		margin-left: auto;
		margin-right: 80px;
	}
	#page-about .about-tech .about-row > .about-row-img:first-child + .about-row-text,
	#page-about .about-mfg .about-row > .about-row-img:first-child + .about-row-text,
	#page-about .about-quality .about-row > .about-row-img:first-child + .about-row-text,
	#page-about .about-proc .about-row > .about-row-img:first-child + .about-row-text,
	#page-about .about-mgmt .about-row > .about-row-img:first-child + .about-row-text {
		margin-left: 70px;
	}
}

@media screen and (max-width: 640px) {
	#page-about .br-sp {
		display: inline;
	}
	#page-about .br-pc {
		display: none;
	}
	#page-about .global-inner {
		margin: 0 20px;
	}

	#page-about .about-powers {
		padding: 67px 0 64px;
	}
	#page-about .about-powers .section-title {
		margin-bottom: 41px;
	}
	#page-about .about-powers-list {
		flex-wrap: wrap;
		justify-content: center;
		gap: 15px 16px;
	}
	#page-about .about-power {
		width: 106px;
		height: 106px;
		padding-top: 33px;
	}
	#page-about .about-power-sm {
		font-size: 11px;
	}
	#page-about .about-power-lg {
		font-size: 18px;
		margin-top: 2px;
	}
	#page-about .about-power-arrow {
		width: 10px;
		height: 10px;
		margin-top: 8px;
	}
	#page-about .about-section {
		padding: 48px 0;
	}
	#page-about .about-section > .global-inner > .section-title {
		margin-bottom: 40px;
	}
	#page-about .about-tech {
		padding-bottom: 0;
	}
	#page-about .about-industries {
		padding-top: 48px;
		padding-bottom: 179px;
	}
	#page-about .eyebrow-bg-area {
		margin-top: 16px;
	}
	#page-about .about-mfg {
		padding-bottom: 68px;
	}
	#page-about .about-quality {
		padding-top: 52px;
		padding-bottom: 14px;
	}
	#page-about .about-quality .about-row:nth-of-type(2) {
		margin-top: 58px;
	}
	#page-about .about-proc {
		padding-bottom: 39px;
	}
	#page-about .about-proc .about-row + .about-row {
		margin-top: 58px;
	}
	#page-about .about-mgmt {
		padding-top: 52px;
		padding-bottom: 40px;
	}

	#page-about .about-row {
		flex-direction: column;
		align-items: stretch;
		gap: 24px;
	}
	#page-about .about-row + .about-row {
		margin-top: 37px;
	}
	#page-about .about-row-img {
		order: -1;
		width: 100%;
	}
	#page-about .about-row-text,
	#page-about .about-mfg .about-row:first-of-type .about-row-text,
	#page-about .about-proc .about-row:first-of-type .about-row-text,
	#page-about .about-mgmt .about-row:first-of-type .about-row-text,
	#page-about .about-mgmt .about-row:last-of-type .about-row-text {
		width: 100%;
		margin-top: 0;
	}
	#page-about .about-row-title {
		font-size: 6vw;
		line-height: 1.583;
		margin-bottom: 24px;
	}

	#page-about .about-industries > .global-inner > .section-title {
		font-size: 24px;
		line-height: 1.8;
		margin-bottom: 33px;
	}
	#page-about .about-ind-list {
		gap: 7px 30px;
	}
	#page-about .about-ind-card {
		width: calc((100% - 30px) / 2);
	}
	#page-about .about-ind-title {
		margin-bottom: 7px;
        font-size: 4.5vw;
	}
	#page-about .about-ind-img {
		margin-bottom: 14px;
	}

	#page-about .eyebrow-bg,
	#page-about .eyebrow-bg-lg {
		font-size: 46px;
		line-height: 1.11;
		padding: 0 20px;
		box-sizing: border-box;
	}
	#page-about .eyebrow-bg-area > .eyebrow-bg-bl {
		text-align: right;
	}
	#page-about .about-industries .eyebrow-bg {
		font-size: 24px;
		line-height: 1.375;
		padding: 0;
		margin-bottom: -128px;
	}

	#page-about .about-spec {
		margin-top: 64px;
	}
	#page-about .about-spec-head {
		margin-bottom: 28px;
	}
	#page-about .about-spec-lead {
		margin-bottom: 53px;
	}
	#page-about .about-spec-card {
		margin: 0 calc(50% - 50vw);
		padding: 20px 16px 16px;
	}
	#page-about .about-spec-table {
		table-layout: fixed;
	}
	#page-about .about-spec-table th,
	#page-about .about-spec-table td {
		font-size: 12px;
		line-height: 21px;
		letter-spacing: -1.1px;
		padding: 0 8px;
	}
	#page-about .about-spec-table th.cat {
		width: 85px;
        font-size: 3.5vw;
        text-align: left;
	}
	#page-about .about-spec-table td.num {
		width: 76px;
		white-space: normal;
	}
	#page-about .about-spec-table tr:nth-child(1) > td { padding-top: 26px; }
	#page-about .about-spec-table tr:nth-child(6) > td { padding-bottom: 20px; }
	#page-about .about-spec-table tr:nth-child(7) > td { padding-top: 23px; }
	#page-about .about-spec-table tr:nth-child(8) > td { padding-bottom: 9px; }
	#page-about .about-spec-table tr:nth-child(9) > td { padding-top: 14px; }
	#page-about .about-spec-table tr:nth-child(10) > td { padding-bottom: 18px; }
	#page-about .about-spec-table tr:nth-child(11) > td {
		padding-top: 26px;
		padding-bottom: 27px;
	}
	#page-about .about-spec-table tr:nth-child(12) > td {
		padding-top: 14px;
		padding-bottom: 18px;
	}
	#page-about .about-spec-table tr:nth-child(13) > td { padding-top: 34px; }
	#page-about .about-spec-table tr:nth-child(19) > td { padding-bottom: 33px; }
	#page-about .about-spec-note {
		margin-top: 7px;
		margin-bottom: 0;
		font-size: 13px;
		padding: 0 4px;
	}
	#page-about .about-mfg .eyebrow-bg-area {
		margin-top: 3px;
	}
	#page-about .about-mgmt .about-row-text p,
	#page-about .about-mgmt .about-dot-list li {
		line-height: 2;
	}
	#page-about .about-mgmt .about-row-title {
		margin-bottom: 19px;
	}
	#page-about .about-mgmt .about-row + .about-row {
		margin-top: 58px;
	}
	#page-about .about-mfg {
		padding-bottom: 68px;
	}
}