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

deformed-wire

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

#page-deformed-wire .entry-header {
	background-image: url(../images/dw-title-bg.png?01);
}

#page-deformed-wire {
	letter-spacing: 0;
	font-feature-settings: normal;
}
#page-deformed-wire .entry-content p {
	margin-bottom: 0;
}

#page-deformed-wire .dw-about {
	position: relative;
	overflow: hidden;
	padding: 88px 0 88px;
	background-image: url(../images/dw-about-bg.jpg);
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
}
#page-deformed-wire .dw-about-inner {
	position: relative;
	z-index: 1;
	width: 850px;
	max-width: 100%;
	margin: 0 auto;
}
#page-deformed-wire .dw-about .section-title {
}
#page-deformed-wire .dw-about-body {
	margin-top: 56px;
}
#page-deformed-wire .dw-about-body p {
	line-height: 1.85;
	color: #ffffff;
	text-align: left;
}
#page-deformed-wire .dw-about-img {
	margin: 53px auto 0;
	width: 100%;
}
#page-deformed-wire .dw-about-img img {
	display: block;
	width: 100%;
	height: auto;
}

#page-deformed-wire .dw-usecases-overlay {
	position: relative;
	z-index: 1;
	margin-top: 106px;
	margin-bottom: 51px;
}
#page-deformed-wire .dw-usecases-overlay .section-title {
}
#page-deformed-wire .dw-usecases-lead {
	margin-top: 52px;
	margin-left: 90px;
	color: #ffffff;
	text-align: left;
}
#page-deformed-wire .dw-usecase-list {
	position: relative;
	z-index: 1;
	display: flex;
	justify-content: space-between;
	gap: 35px;
}
#page-deformed-wire .dw-usecase-item {
	width: calc((100% - 70px) / 3);
}
#page-deformed-wire .dw-usecase-title {
	margin: 0 0 13px;
	font-size: 26px;
	 font-weight: bold;
	color: #ffffff;
}
#page-deformed-wire .dw-usecase-img img {
	display: block;
	width: 100%;
	height: auto;
}
#page-deformed-wire .dw-usecase-desc {
	margin-top: 28px;
	color: #ffffff;
}
#page-deformed-wire .dw-about .eyebrow-bg-area {
	margin-top: 34px;
}

#page-deformed-wire .dw-merit {
	position: relative;
	background: #ffffff;
	padding: 60px 0 0;
	overflow: hidden;
}
#page-deformed-wire .dw-pickup {
	position: relative;
	z-index: 1;
	max-width: 820px;
	margin: 0 auto 126px;
	padding: 40px 45px 44px;
	background: #E2E9F0;
	text-align: left;
	box-sizing: border-box;
}
#page-deformed-wire .dw-pickup-title {
	margin-bottom: 14px;
	padding-bottom: 14px;
	line-height: 1.35;
	letter-spacing: 0;
}
#page-deformed-wire .dw-pickup-text {
	margin: 0;
	line-height: 1.8;
	letter-spacing: 0;
}
#page-deformed-wire .dw-pickup-note {
	margin: 30px 0 0;
	font-size: 13px;
	line-height: 1.8;
	letter-spacing: 0;
}
#page-deformed-wire .dw-merit .section-title {
	position: relative;
	z-index: 1;
}
#page-deformed-wire .dw-merit-list {
	position: relative;
	z-index: 1;
	max-width: 850px;
	margin: 53px auto 0;
}
#page-deformed-wire .dw-merit-title {
	margin-bottom: 10px;
	padding-bottom: 10px;
}
#page-deformed-wire .dw-merit-desc {
	margin-bottom: 24px;
	line-height: 2.1;
	text-align: left;
}

#page-deformed-wire .dw-reason {
	position: relative;
	overflow: hidden;
	padding-top: 48px;
}
#page-deformed-wire .dw-reason .section-title {
}
#page-deformed-wire .dw-reason-body {
	max-width: 850px;
	margin: 55px auto 0;
	padding-bottom: 44px;
}
#page-deformed-wire .dw-reason-body p {
	text-align: left;
}
#page-deformed-wire .dw-reason-feature {
	position: relative;
	margin-top: 45px;
	padding: 77px 0 80px;
	background-image: url(../images/dw-reason-feature-bg.jpg);
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
}
#page-deformed-wire .dw-reason-feature-inner {
	position: relative;
	z-index: 1;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
#page-deformed-wire .dw-reason-feature-text {
	flex: 0 0 560px;
}
#page-deformed-wire .dw-reason-feature-lead {
	font-size: 24px;
	line-height: 1.6;
	 font-weight: bold;
	color: #ffffff;
	text-align: left;
}
#page-deformed-wire .dw-reason-feature-desc {
	margin-top: 17px;
	line-height: 2.06;
	color: #ffffff;
	text-align: left;
}
#page-deformed-wire .dw-reason-feature-btn {
	margin-top: 27px;
	text-align: left;
}
#page-deformed-wire .dw-reason-feature-btn .btn-arrow {
	min-width: 350px;
}
#page-deformed-wire .dw-reason-circles {
	flex: 0 0 auto;
	display: flex;
	justify-content: flex-end;
	align-items: center;
}
#page-deformed-wire .dw-reason-circle {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 180px;
	height: 180px;
	border-radius: 50%;
	background: #196FD7;
	color: #ffffff;
	 font-weight: bold;
	line-height: 1.6;
	text-align: center;
    font-size: 21px;
}
#page-deformed-wire .dw-reason-circle + .dw-reason-circle {
	margin-left: -20px;
}
#page-deformed-wire .dw-reason-circle-note {
	display: block;
	margin-top: 4px;
	font-size: 14px;
	opacity: 0.85;
}

#page-deformed-wire .dw-product {
	position: relative;
	background: var(--hamano-blue);
	padding: 90px 0 53px;
	overflow: hidden;
}
#page-deformed-wire .dw-product .section-title {
	margin-bottom: 54px;
	position: relative;
	z-index: 1;
}
#page-deformed-wire .dw-product-row {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	position: relative;
	z-index: 1;
}
#page-deformed-wire .dw-product-text {
	width: 429px;
}
#page-deformed-wire .dw-product-title {
	margin-bottom: 13px;
	padding-bottom: 11px;
	border-bottom-color: #84A6CF;
	color: #ffffff;
}
#page-deformed-wire .dw-product-text p {
	line-height: 1.84;
	color: #ffffff;
	text-align: left;
}
#page-deformed-wire .dw-product-text p + p {
	margin-top: 29px;
}
#page-deformed-wire .dw-product-img {
	width: 500px;
	margin-top: 10px;
}
#page-deformed-wire .dw-product-img img {
	display: block;
	width: 100%;
	height: auto;
}
#page-deformed-wire .dw-product-chart {
	position: relative;
	z-index: 1;
	width: 100%;
	margin: 42px 0 99px;
}
#page-deformed-wire .dw-chart-label-x {
	display: block;
	margin: 0 0 9px 25px;
	font-size: 13px;
	line-height: 1.5;
	color: #ffffff;
	text-align: left;
}
#page-deformed-wire .dw-chart-label-y {
	position: absolute;
	top: 29px;
	left: 0;
	writing-mode: vertical-rl;
	font-size: 13px;
	line-height: 1;
	color: #ffffff;
}
#page-deformed-wire .dw-product-chart img {
	display: block;
	width: 963px;
	max-width: calc(100% - 25px);
	height: auto;
	margin-left: 25px;
}
#page-deformed-wire .global-inner > figure.dw-product-chart:nth-of-type(2) {
	margin-top: 33px;
}
#page-deformed-wire .dw-product-other {
	position: relative;
	z-index: 1;
}
#page-deformed-wire .dw-product-other-lead {
	margin-top: 5px;
	color: #ffffff;
	text-align: left;
}
#page-deformed-wire .dw-material {
	margin-top: 59px;
}
#page-deformed-wire .dw-material-title {
	margin-bottom: 22px;
	font-size: 20px;
	 font-weight: bold;
	color: #ffffff;
	text-align: left;
}
#page-deformed-wire .dw-material-title::before {
	content: "■";
	margin-right: 8px;
}
#page-deformed-wire .dw-material-list li {
	line-height: 1.78;
	color: #ffffff;
}
#page-deformed-wire .dw-material-list li::before {
	content: "・";
}
#page-deformed-wire .dw-product .eyebrow-bg-area {
	margin-top: 80px;
}
#page-deformed-wire .dw-chosen {
	background: #ffffff;
	padding-top: 87px;
}
#page-deformed-wire .dw-chosen .section-title {
}
#page-deformed-wire .dw-chosen-body {
	max-width: 850px;
	margin: 54px auto 0;
	padding-bottom: 70px;
}
#page-deformed-wire .dw-chosen-body p {
	text-align: left;
}
#page-deformed-wire .dw-chosen-img img {
	display: block;
	width: 100%;
	height: 383px;
	object-fit: cover;
}

#page-deformed-wire .dw-faq {
	position: relative;
	overflow: hidden;
	background: var(--hamano-bg-light);
	padding: 57px 0 95px;
}
#page-deformed-wire .dw-faq-head {
	margin-bottom: 38px;
}
#page-deformed-wire .dw-faq-head > * {
	align-self: center;
}
#page-deformed-wire .dw-faq-head > .eyebrow-bg {
	width: 100%;
	margin-left: -13px;
}
#page-deformed-wire .dw-faq-title {
	margin-bottom: 0;
}
#page-deformed-wire .dw-faq .faq-list {
	max-width: 850px;
}
#page-deformed-wire .dw-faq .faq-item summary {
	font-size: 17px;
	letter-spacing: 0.025em;
}
#page-deformed-wire .dw-faq .faq-answer {
	color: #01163E;
	line-height: 1.78;
	padding: 27px 105px 15px 70px;
}
#page-deformed-wire .dw-faq .faq-answer::before {
	top: 28px;
}
#page-deformed-wire .dw-faq-btn {
	margin-top: 44px;
	text-align: center;
}
#page-deformed-wire .eyebrow-bg {
	font-size: 50px;
	line-height: 1.5;
}
#page-deformed-wire .eyebrow-bg-lg {
	font-size: 73px;
	line-height: 1.31;
}
#page-deformed-wire .dw-merit .eyebrow-bg-area {
	margin-top: -2px;
}

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

	#page-deformed-wire .dw-about {
		padding: 23vw 0 13vw;
	}
	#page-deformed-wire .dw-about::before {
		background: rgba(8, 8, 8, 0.15);
	}
	#page-deformed-wire .dw-about-inner {
		width: auto;
		margin: 0 6%;
	}
	#page-deformed-wire .dw-about .section-title {
	}
	#page-deformed-wire .dw-about-body {
		margin-top: 9vw;
	}
	#page-deformed-wire .dw-about-img {
		width: 100%;
		margin-top: 9.5vw;
	}

	#page-deformed-wire .dw-usecases-overlay {
		margin-top: 22vw;
		margin-bottom: 8.5vw;
	}
	#page-deformed-wire .dw-usecases-overlay .section-title {
	}
	#page-deformed-wire .dw-usecases-lead {
		margin-top: 1vw;
		margin-left: 0;
	}
	#page-deformed-wire .dw-usecase-list {
		flex-direction: column;
		gap: 17vw;
	}
	#page-deformed-wire .dw-usecase-item {
		width: 100%;
	}
	#page-deformed-wire .dw-usecase-title {
		font-size: 6vw;
		margin: 0 0 4vw;
	}
	#page-deformed-wire .dw-usecase-desc {
		margin-top: 6.4vw;
	}

	#page-deformed-wire .dw-merit {
		padding: 12vw 0 14vw;
	}
	#page-deformed-wire .dw-pickup {
		margin-bottom: 12vw;
		padding: 30px 6%;
	}
	#page-deformed-wire .dw-pickup-title {
		font-size: 5.6vw;
	}
	#page-deformed-wire .dw-pickup-text {
		font-size: 4.1vw;
	}
	#page-deformed-wire .dw-pickup-note {
		font-size: 3.3vw;
	}
	#page-deformed-wire .dw-merit .section-title {
	}
	#page-deformed-wire .dw-merit-title {
		font-size: 6vw;
	}

	#page-deformed-wire .dw-reason {
		padding-top: 12vw;
	}
	#page-deformed-wire .dw-reason .section-title {
	}
	#page-deformed-wire .dw-reason-body p {
		font-size: 3.6vw;
	}
	#page-deformed-wire .dw-reason-body {
		padding-bottom: 10vw;
	}
	#page-deformed-wire .dw-reason-feature {
		padding: 15vw 0;
	}
	#page-deformed-wire .dw-reason-feature-inner {
		flex-direction: column;
		align-items: stretch;
		gap: 2vw;
	}
	#page-deformed-wire .dw-reason-feature-text {
		flex: 0 0 auto;
	}
	#page-deformed-wire .dw-reason-feature-lead {
		font-size: 6.5vw;
	}
	#page-deformed-wire .dw-reason-feature-desc br {
		display: none;
	}
	#page-deformed-wire .dw-reason-feature-btn {
		margin: 8vw 0;
	}
	#page-deformed-wire .dw-reason-feature-btn .btn-arrow {
		min-width: 0;
		width: 100%;
		padding: 10px 20px;
		font-size: 3.6vw;
	}
	#page-deformed-wire .dw-reason-circles {
		justify-content: center;
	}
	#page-deformed-wire .dw-reason-circle {
		width: 31vw;
		height: 31vw;
		font-size: 3.3vw;
	}
	#page-deformed-wire .dw-reason-circle + .dw-reason-circle {
		margin-left: -2.5vw;
	}
	#page-deformed-wire .dw-reason-circle-note {
		font-size: 2.4vw;
	}

	#page-deformed-wire .dw-product {
		padding: 12vw 0 14vw;
	}
	#page-deformed-wire .dw-product .section-title {
		margin-bottom: 9vw;
	}
	#page-deformed-wire .dw-product-row {
		flex-direction: column;
		gap: 6vw;
		margin-bottom: 6vw;
	}
	#page-deformed-wire .dw-product-text,
	#page-deformed-wire .dw-product-img {
		width: 100%;
	}
	#page-deformed-wire .dw-product-chart {
		margin-bottom: 11vw;
	}
	#page-deformed-wire .dw-product-title {
		font-size: 5.6vw;
	}
	#page-deformed-wire .dw-material-title {
		font-size: 4vw;
	}
	#page-deformed-wire .dw-material-list li {
		font-size: 3.6vw;
	}
	#page-deformed-wire .dw-chosen {
		padding-top: 12vw;
	}
	#page-deformed-wire .dw-chosen-img img {
		height: 40vw;
	}

	#page-deformed-wire .dw-faq {
		padding: 11vw 0 14vw;
	}
	#page-deformed-wire .dw-faq-head {
		margin-bottom: 7vw;
	}
	#page-deformed-wire .dw-faq-head > .eyebrow-bg {
		margin-left: 0;
	}
	#page-deformed-wire .dw-faq-title {
		margin-bottom: 0;
	}
	#page-deformed-wire .eyebrow-bg {
		font-size: 8vw;
	}
	#page-deformed-wire .eyebrow-bg-lg {
		font-size: 11vw;
	}
	#page-deformed-wire .dw-faq .faq-item summary {
		padding: 16px 50px 16px 64px;
	}
	#page-deformed-wire .dw-faq .faq-answer {
		font-size: 3.6vw;
		padding: 5vw 6% 4.5vw 64px;
	}
	#page-deformed-wire .dw-faq .faq-answer::before {
		top: 14px;
	}
}