@charset "UTF-8";
/* pcのみ表示: .dsp_pc */
/* spのみ表示: .dsp_sp */

html body .content .topMv {
	width: 100%;
	height: 45.5rem;
	position: relative;
	background: url(/-/media/cojp/product/machine/environment/img/top/top-mv-bg.jpg) no-repeat center bottom / cover;
}
html body .content .topMv::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
	background: linear-gradient(-45deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 50%, rgba(0, 0, 0, 0) 100%);
  mix-blend-mode: overlay;
  opacity: 0.6;
}
html body .content .topMv span {
	position: absolute;
	left: 7rem;
	height: 0;
	font-size: 2.2rem;
	color: white;
	overflow: hidden;
	transition: height 0.5s;
	letter-spacing: 0.1em;
}
html body .content .topMv span:nth-of-type(1) {
	bottom: 29.25rem; /* 20241112 西岡変更（32.25rem → 29.25rem）*/
	transition-delay: 0.5s;
}
html body .content .topMv span:nth-of-type(2) {
	bottom: 26rem; /* 20241112 西岡変更（29rem → 26rem）*/
	transition-delay: 0.5s;
}
html body .content .topMv span:nth-of-type(3) {
	bottom: 16rem;
	font-size: 1.2rem;
	transition-delay: 0.5s;
}
html body .content .topMv picture {
	position: absolute;
	top: 22rem; /* 20241112 西岡変更（18rem → 22rem）*/
	left: 7rem;
	width: 24rem;
	transition: opacity 1.8s;
	transition-delay: 1.0s;
	opacity: 0;
}
html body .content .topMv picture img {}
html body.mvShow .content .topMv span {
	height: 3rem;
}
html body.mvShow .content .topMv span:nth-of-type(3) {
	height: 2rem;
}
html body.mvShow .content .topMv picture {
	opacity: 1;
}

html body .content .sectionLead {
	text-align: center;
	padding: 4.7rem 0 2rem;
	background: white;
}
html body .content .sectionLead .topMvSub {
	opacity: 0;
	transform: translateY(20px);
	transition: opacity 1s, transform 1s;
	transition-delay: 1.5s;
}
html body.mvShow .content .sectionLead .topMvSub {
	transform: translateY(0);
	opacity: 1;
}
html body .content .sectionLead h2 {
	font-size: 2.4rem;
	font-weight: bold;
	color: transparent;
	width: fit-content;
	margin: 0 auto 2.5rem;
	background: url(/-/media/cojp/product/machine/environment/img/top/lead.png) no-repeat center / contain;
}
html body .content .sectionLead p {
	font-size: 1.65rem;
	line-height: 1.9;
	padding-bottom: 6rem;
}
html body .content .sectionLead h3 {
	font-size: 2.8rem;
	font-weight: bold;
	line-height: 1.4;
	padding-bottom: 2.7rem;
}
html body .content .sectionLead h3 span {
	color: #004898;
}
html body .content .sectionLead ul {
	font-size: 0;
	padding-bottom: 1.5rem;
}
html body .content .sectionLead ul li {
	display: inline-block;
	vertical-align: top;
	width: 7.5rem;
	height: 13rem;
	margin: 0 0.5rem;
	position: relative;
}
html body .content .sectionLead ul li img {
	width: 100%;
}
html body .content .sectionLead ul li p {
	padding: 0;
	line-height: 1.3;
	font-size: 1.3rem;
	font-weight: bold;
	position: absolute;
	bottom: 3rem;
	left: 50%;
	transform: translate(-50%, 50%);
	width: 100%;
}

html body .content .sectionPoints,
html body .content .sectionPoints.content__list + .content__list {
	margin: 0;
	/* padding: 9.7rem 2rem 7rem; */
	padding: 9.7rem 0 0;
	border: none;
}
html body .content .sectionPoints.content__list + .content__list.sectionEcology {
	padding-bottom: 7rem;
}
html body .content .sectionPoints .wrap_pc {
	padding-bottom: 7rem;
}
html body .content .sectionPoints h2 {
	font-size: 2.4rem;
	line-height: 1.6;
	padding-left: 5rem;
	background-repeat: no-repeat;
	background-position: left top;
	background-size: auto 100%;
	margin-bottom: 2.4rem;
}
html body .content .sectionPoints p {
	margin: 0;
	font-size: 1.64rem;
	line-height: 1.6;
	padding-bottom: 1.8rem;
}
html body .content .sectionPoints p.caption {
	font-size: 1.3rem;
	padding-top: 1rem;
	padding-bottom: 0;
}
html body .content .sectionPoints picture {
	padding-bottom: 4rem;
}
html body .content .sectionPoints picture img {}
html body .content .sectionPoints h3 {
	margin-bottom: 2rem;
}
html body .content .sectionPoints h4 {
	color: #004898;
	font-weight: 700;
	font-size: 2.1rem;
	line-height: 1.6;
	padding-bottom: 0.5rem;
}
html body .content .sectionPoints .button--viewMore {
	margin: 0;
}
html body .content .sectionPoints .button--viewMore span {}
html body .content .sectionTime {
	/* background: url(/-/media/cojp/product/machine/environment/img/top/time-bg-img.png) no-repeat top 10rem right 2rem / 13rem #F8F8F8; */
	background-image: url(/-/media/cojp/product/machine/environment/img/top/time-bg-img.png);
	background-repeat: no-repeat;
	background-position: top 10rem right 2rem;
	background-size: 13rem;
	background-color: #F8F8F8;
}
html body .content .sectionTime .content__block {
	/* background: url(/-/media/cojp/product/machine/environment/img/top/time-bg-text.png) no-repeat bottom -0.1rem left 1.3rem / auto 4.5rem #F8F8F8; */
	background-image: url(/-/media/cojp/product/machine/environment/img/top/time-bg-text.png);
	background-repeat: no-repeat;
	background-position: bottom -0.1rem left 1.3rem;
	background-size: auto 4.5rem;
}
html body .content .sectionTime h2 {
	background-image: url(/-/media/cojp/product/machine/environment/img/top/icon-time.png);
}
html body .content .sectionResource {
	/* background: url(/-/media/cojp/product/machine/environment/img/top/resource-bg-img.png) no-repeat top 10rem right 2rem / 13rem; */
	background-image: url(/-/media/cojp/product/machine/environment/img/top/resource-bg-img.png);
	background-repeat: no-repeat;
	background-position: top 10rem right 2rem;
	background-size: 13rem;
}
html body .content .sectionResource .content__block {
	/* background: url(/-/media/cojp/product/machine/environment/img/top/resource-bg-text.png) no-repeat bottom -0.1rem left 1.3rem / auto 4.5rem; */
	background-image: url(/-/media/cojp/product/machine/environment/img/top/resource-bg-text.png);
	background-repeat: no-repeat;
	background-position: bottom -0.1rem left 1.3rem;
	background-size: auto 4.5rem;
}
html body .content .sectionResource h2 {
	background-image: url(/-/media/cojp/product/machine/environment/img/top/icon-resource.png);
}
html body .content .sectionEnergy {
	/* background: url(/-/media/cojp/product/machine/environment/img/top/energy-bg-img.png) no-repeat top 10rem right 2rem / 13rem #F8F8F8; */
	background-image: url(/-/media/cojp/product/machine/environment/img/top/energy-bg-img.png);
	background-repeat: no-repeat;
  background-position: top 9rem right 4.4rem;
  background-size: 8.7rem;
	background-color: #F8F8F8;
}
html body .content .sectionEnergy .content__block {
	/* background: url(/-/media/cojp/product/machine/environment/img/top/energy-bg-text.png) no-repeat bottom -0.1rem left 1.3rem / auto 4.5rem #F8F8F8; */
	background-image: url(/-/media/cojp/product/machine/environment/img/top/energy-bg-text.png);
	background-repeat: no-repeat;
	background-position: bottom -0.1rem left 1.3rem;
	background-size: auto 4.5rem;
}
html body .content .sectionEnergy h2 {
	background-image: url(/-/media/cojp/product/machine/environment/img/top/icon-energy.png);
}
html body .content .sectionSpace {
	/* background: url(/-/media/cojp/product/machine/environment/img/top/space-bg-img.png) no-repeat top 10rem right 2rem / 13rem; */
	background-image: url(/-/media/cojp/product/machine/environment/img/top/space-bg-img.png);
	background-repeat: no-repeat;
	background-position: top 10rem right 2rem;
	background-size: 13rem;
}
html body .content .sectionSpace .content__block {
	/* background: url(/-/media/cojp/product/machine/environment/img/top/space-bg-text.png) no-repeat bottom -0.1rem left 1.3rem / auto 4.5rem; */
	background-image: url(/-/media/cojp/product/machine/environment/img/top/space-bg-text.png);
	background-repeat: no-repeat;
	background-position: bottom -0.1rem left 1.3rem;
	background-size: auto 4.5rem;
}
html body .content .sectionSpace h2 {
	background-image: url(/-/media/cojp/product/machine/environment/img/top/icon-space.png);
	white-space: nowrap;
}

html body .content .sectionSpace .tableTitle {
	font-size: 1.35rem;
	color: #004898;
	padding-bottom: 1rem;
	font-weight: bold;
}
html body .content .sectionSpace table {
	width: 100%;
	border-spacing: 1px;
	border: solid 1px #D4D5D5;
	table-layout: fixed;
	margin-bottom: 4rem;
}
html body .content .sectionSpace table th {
	background: #E7E7E7;
	border: solid 1px #D4D5D5;
	text-align: center;
	vertical-align: middle;
	font-size: 1.1rem;
	padding: 0.5rem 0;
}
html body .content .sectionSpace table td {
	background: #F0F7FF;
	border: solid 1px #D4D5D5;
	text-align: center;
	vertical-align: middle;
	font-size: 1.3rem;
	padding: 2rem 0;
}

html body .content .sectionEcology {
	background: #004898;
	color: white;
	margin: 0;
	padding: 7rem 2rem 0;
}
html body .content .sectionEcology p {
	font-size: 1.67rem;
	padding-bottom: 4rem;
}
html body .content .sectionEcology h2 {
	text-align: center;
	font-size: 2.9rem;
	font-weight: bold;
	padding-bottom: 3rem;
}
html body .content .sectionEcology h2 +p {
	text-align: center;
	font-size: 1.9rem;
	padding: 0 1rem 4rem;
}
html body .content .sectionEcology h3.content__listHeading {
	border-bottom-color: white;
	margin-bottom: 1.5rem;
}
html body .content .sectionEcology h3.content__listHeading span.content__listHeadingDeco {
	background-color: white;
	color: #004898;
}
html body .content .sectionEcology h4 {
	font-size: 1.8rem;
	font-weight: bold;
	margin-top: -2.3rem;
	padding-bottom: 0.8rem;
}
html body .content .sectionEcology table {
	width: 100%;
	border-spacing: 1px;
	table-layout: fixed;
	margin-bottom: 2rem;
	color: black;
}
html body .content .sectionEcology table th {
	background: #E7E7E7;
	border: solid 1px #D4D5D5;
	text-align: center;
	vertical-align: middle;
	font-size: 1.4rem;
	line-height: 1.3;
	font-weight: bold;
	padding: 2rem 0;
}
html body .content .sectionEcology table th img {
	width: 6.6rem;
	display: inline-block;
}
html body .content .sectionEcology table th.comparison {
	background: linear-gradient(to bottom, #379FDA, #004898);
	color: white;
}
html body .content .sectionEcology table td {
	background: white;
	border: solid 1px #D4D5D5;
	text-align: center;
	vertical-align: middle;
	font-size: 1.3rem;
	font-weight: bold;
	padding: 2.5rem 0;
	letter-spacing: 0;
}
html body .content .sectionEcology table td:nth-of-type(1),
html body .content .sectionEcology table td:nth-of-type(3) {
	font-size: 1.6rem;
	color: #004898;
}
html body .content .sectionEcology .caption {
	font-size: 1.3rem;
	padding-bottom: 2rem;
}
html body .content .sectionEcology h5 {
	font-size: 1.6rem;
	padding-bottom: 2.5rem;
}
html body .content .sectionEcology dl {
	border-bottom: solid 1px white;
	width: 100%;
	white-space: nowrap;
	margin-bottom: 3.5rem;
	font-size: 0;
}
html body .content .sectionEcology dl dt {
	display: inline-block;
	vertical-align: top;
	width: 14rem;
	padding: 1.3rem 0 1.1rem 1rem;
	font-size: 1.5rem;
	white-space: normal;
	border-top: solid 1px white;
}
html body .content .sectionEcology dl dd {
	display: inline-block;
	vertical-align: top;
	width: calc(100% - 14rem);
	padding: 1.3rem 0 1.1rem 0;
	font-size: 1.4rem;
	white-space: normal;
	border-top: solid 1px white;
	margin-left: -1px;
}
html body .content .sectionEcology picture {
	width: 21rem;
}
html body .content .sectionEcology picture img {
	margin-bottom: 1.2rem;
}
.sp-padding {
	padding-inline: 2.75rem;
}

/* PC用スタイル */
@media (min-width: 744px) {
	.sp-padding {
		padding-inline: 0;
	}

	html body {
		overflow-x: hidden;
	}
	html body .content .mod-freeHTML {
		width: 100vw;
		margin: 0 calc(50% - 50vw);
	}
	html body .content .topMv {
		width: 100%;
		height: 74.5rem;
		position: relative;
		background-position: top center;
	}
	html body .content .topMv .wrap_pc {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		width: 50rem;
		height: 100%;
		max-width: calc(100% - 16rem);
		z-index: 1;
	}
	html body .content .topMv span {
		position: absolute;
		left: 0;
		height: 0;
		font-size: 4.2rem;
		color: white;
		overflow: hidden;
		transition: height 0.5s;
		letter-spacing: 0.1em;
	}
	html body .content .topMv span:nth-of-type(1) {
		bottom: calc(50% + 18rem);
		transition-delay: 0.5s;
	}
	html body .content .topMv span:nth-of-type(2) {
		bottom: calc(50% + 11rem);
		transition-delay: 0.5s;
	}
	html body .content .topMv span:nth-of-type(3) {
		bottom: calc(50% - 16rem);
		font-size: 2.2rem;
		transition-delay: 0.5s;
	}
	html body .content .topMv picture {
		position: absolute;
		top: calc(50% - 7rem);
		left: 0;
		width: 50rem;
		max-width: none;
		transition: opacity 1.8s;
		transition-delay: 1.0s;
		opacity: 0;
	}
	html body .content .topMv picture img {}
	html body.mvShow .content .topMv span {
		height: 7rem;
	}
	html body.mvShow .content .topMv span:nth-of-type(3) {
		height: 3rem;
	}
	html body .content .sectionLead {
		padding: 10.7rem 0 0;
	}
	html body .content .sectionLead h2 {
		font-size: 3.1rem;
		margin-bottom: 2rem;
	}
	html body .content .sectionLead p {
		font-size: 1.8rem;
		line-height: 2.4;
		padding-bottom: 10rem;
		padding-inline: min(16 / 1100 * var(--100vw), 1.6rem);
	}
	html body .content .sectionLead h3 {
		font-size: 3.8rem;
		padding-bottom: 4.7rem;
	}
	html body .content .sectionLead h3 span {}
	html body .content .sectionLead ul {
		padding-bottom: 4.5rem;
		display: flex;
		justify-content: center;
		column-gap: min(50 / 1100 * var(--100vw), 5rem);
	}
	html body .content .sectionLead ul li {
		width: 15.5rem;
		height: 20.2rem;
		/* margin: 0 2.5rem; */
		margin: 0;
	}
	html body .content .sectionLead ul li img {}
	html body .content .sectionLead ul li p {
		font-size: 2.3rem;
		font-weight: bold;
		position: absolute;
		bottom: 0;
		left: 0;
		transform: none;
	}
	html body .content .sectionPoints,
	html body .content .sectionPoints.content__list + .content__list {
		/* padding: 12.7rem 0 12rem; */
		padding: 12.7rem 0 0;
		display: block;
		margin: 0 auto;
	}
	html body .content .sectionPoints.content__list + .content__list.sectionEcology {
		padding-bottom: 12rem;
	}
	html body .content .sectionPoints .wrap_pc {
		margin: 0 auto;
		/* width: 84rem; */
		/* max-width: calc(100% - 16rem); */
		width: min(100%, 84rem);
		padding-bottom: min(120 / 1100 * var(--100vw), 12rem);
	}
	html body .content .sectionPoints h2 {
		font-size: 4.4rem;
		line-height: 1;
		padding: 0 0 0.2rem 7.5rem;
		margin-bottom: 2.8rem;
	}
	html body .content .sectionPoints p {
		line-height: 1.9;
		padding-bottom: 4.5rem;
		margin: 0 auto;
	}
	html body .content .sectionPoints p.caption {}
	html body .content .sectionPoints picture {
		padding-bottom: 5rem;
	}
	html body .content .sectionPoints picture img {}
	html body .content .sectionPoints h3 {
		margin-bottom: 3.5rem;
	}
	html body .content .sectionPoints h4 {
		padding-bottom: 1.5rem;
	}
	html body .content .sectionPoints .button--viewMore {
		margin-left: auto;
		width: 18.5rem;
	}
	html body .content .sectionPoints .button--viewMore span {}
	html body .content .sectionPoints .partition_pc {}
	html body .content .sectionPoints .partition_pc >* {
		display: inline-block;
		vertical-align: top;
	}
	html body .content .sectionPoints .partition_pc >*:last-child {
		margin-right: 0;
	}
	html body .content .sectionPoints .partition_pc_half >* {
		width: calc(50% - 2rem);
		margin-right: 3rem;
	}
	html body .content .sectionPoints .partition_pc_quarter >* {
		width: calc(75% - 1rem);
		margin-right: 3rem;
	}
	html body .content .sectionPoints .partition_pc_quarter >*:last-child {
		width: calc(25% - 3rem);
	}
	html body .content .sectionTime {
		/* background: url(/-/media/cojp/product/machine/environment/img/top/time-bg-img.png) no-repeat top 12rem left calc(50% + 27rem) / 15rem #F8F8F8; */
		width: var(--100vw);
		margin-inline: calc(50% - var(--50vw));
		padding-inline: calc(var(--50vw) - 50%);
		background-image: url(/-/media/cojp/product/machine/environment/img/top/time-bg-img.png);
		background-repeat: no-repeat;
		background-position: top 12rem left calc(50% + 27rem);
		background-size: 15rem;
		background-color: #F8F8F8;
	}
	html body .content .sectionTime .content__block {
		/* background: url(/-/media/cojp/product/machine/environment/img/top/time-bg-text-pc.png) no-repeat bottom -0.5rem left calc(50% - 32rem) / auto 13.5rem #F8F8F8; */
		background-image: url(/-/media/cojp/product/machine/environment/img/top/time-bg-text-pc.png);
		background-repeat: no-repeat;
		background-position: bottom left;
		background-size: 100%;
		background-color: transparent;
	}
	html body .content .sectionTime h2 {}
	html body .content .sectionResource {
		/* background: url(/-/media/cojp/product/machine/environment/img/top/resource-bg-img.png) no-repeat top 12rem left calc(50% + 27rem) / 15rem; */
		width: min(100%, calc(110rem + 1.6rem * 2));
		background-image: url(/-/media/cojp/product/machine/environment/img/top/resource-bg-img.png);
		background-repeat: no-repeat;
		background-position: top 12rem left calc(50% + 27rem);
		background-size: 15rem;
	}
	html body .content .sectionResource .content__block {
		/* background: url(/-/media/cojp/product/machine/environment/img/top/resource-bg-text-pc.png) no-repeat bottom -0.5rem left calc(50% - 2rem) / auto 13.5rem; */
		background-image: url(/-/media/cojp/product/machine/environment/img/top/resource-bg-text-pc.png);
		background-repeat: no-repeat;
		background-position:  bottom left;
		background-size: 100%;
		background-color: transparent;
	}
	html body .content .sectionResource h2 {}
	html body .content .sectionEnergy {
		/* background: url(/-/media/cojp/product/machine/environment/img/top/energy-bg-img.png) no-repeat top 12rem left calc(50% + 27rem) / 9rem #F8F8F8; */
		width: var(--100vw);
		margin-inline: calc(50% - var(--50vw));
		padding-inline: calc(var(--50vw) - 50%);
		background-image: url(/-/media/cojp/product/machine/environment/img/top/energy-bg-img.png);
		background-repeat: no-repeat;
		background-position: top 12rem left calc(50% + 27rem);
		background-size: 9rem;
		background-color: #F8F8F8;
	}
	html body .content .sectionEnergy .content__block {
		/* background: url(/-/media/cojp/product/machine/environment/img/top/energy-bg-text-pc.png) no-repeat bottom -0.5rem left calc(50% - 16rem) / auto 13.5rem #F8F8F8; */
		background-image: url(/-/media/cojp/product/machine/environment/img/top/energy-bg-text-pc.png);
		background-repeat: no-repeat;
		background-position: bottom left;
		background-size: 100%;
		background-color: transparent;
	}
	html body .content .sectionEnergy h2 {}
	html body .content .sectionSpace {
		/* background: url(/-/media/cojp/product/machine/environment/img/top/space-bg-img.png) no-repeat top 12rem left calc(50% + 27rem) / 15rem; */
		width: min(100%, calc(110rem + 1.6rem * 2));
		background: url(/-/media/cojp/product/machine/environment/img/top/space-bg-img.png);
		background-repeat: no-repeat;
		background-position: top 12rem left calc(50% + 27rem);
		background-size: 15rem;
	}
	html body .content .sectionSpace .content__block {
		/* background: url(/-/media/cojp/product/machine/environment/img/top/space-bg-text-pc.png) no-repeat bottom -0.5rem left calc(50% - 21rem) / auto 14.5rem; */
		background: url(/-/media/cojp/product/machine/environment/img/top/space-bg-text-pc.png);
		background-repeat: no-repeat;
		background-position: bottom left;
		background-size: 100%;
		background-color: transparent;
	}
	html body .content .sectionSpace h2 {}
	html body .content .sectionSpace .tableTitle {}
	html body .content .sectionSpace table {}
	html body .content .sectionSpace table th {}
	html body .content .sectionSpace table td {}
	html body .content .sectionSpace .sectionSpace_pcLayout {
		position: relative;
		min-height: 48rem;
	}
	html body .content .sectionSpace .sectionSpace_pcLayout div {
		width: 38rem;
	}
	html body .content .sectionSpace .sectionSpace_pcLayout picture {
		position: absolute;
		top: 0;
		right: 0;
		width: 43rem;
		max-width: calc(100% - 40rem);
	}
	html body .content .sectionEcology {
		padding-top: 10.5rem!important;
	}
	html body .content .sectionEcology .wrap_pc {
		margin: 0 auto;
		/* width: 110rem; */
		/* max-width: calc(100% - 16rem); */
		width: min(100%, calc(110rem + 1.6rem * 2));
	}
	html body .content .sectionEcology p {
		font-size: 1.7rem;
		padding-bottom: 7rem;
	}
	html body .content .sectionEcology h2 {
		font-size: 4.9rem;
		padding-bottom: 2.5rem;
	}
	html body .content .sectionEcology h2 +p {
		padding: 0 0 6rem;
	}
	html body .content .sectionEcology h3.content__listHeading {
		margin-bottom: 3rem;
	}
	html body .content .sectionEcology h3.content__listHeading span.content__listHeadingDeco {}
	html body .content .sectionEcology h4 {
		font-size: 2.4rem;
		padding-bottom: 1.5rem;
	}
	html body .content .sectionEcology table {
		margin-bottom: 1rem;
	}
	html body .content .sectionEcology table th {
		/* font-size: 2rem; */
		font-size: max(1rem, min(20 / 1100 * var(--100vw), 2rem));
		padding: 1.4rem 0;
	}
	html body .content .sectionEcology table th:nth-of-type(1) {
		/* font-size: 2.4rem; */
		font-size: max(1rem, min(24 / 1100 * var(--100vw), 2.4rem));
		padding: 2.5rem 0;
		/* width: 23rem; */
		width: min(230 / 1100 * var(--100vw), 23rem);
	}
	html body .content .sectionEcology table th img {
		/* width: 12.6rem; */
		width: min(126 / 1100 * var(--100vw), 12.6rem);
		display: block;
		margin: 0 auto;
	}
	html body .content .sectionEcology table th.comparison {}
	html body .content .sectionEcology table td {
		/* font-size: 2.0rem; */
		font-size: max(1rem, min(20 / 1100 * var(--100vw), 2rem));
	}
	html body .content .sectionEcology table td:nth-of-type(1),
	html body .content .sectionEcology table td:nth-of-type(3) {
		/* font-size: 2rem; */
		font-size: max(1rem, min(20 / 1100 * var(--100vw), 2rem));
		color: black;
	}
	html body .content .sectionEcology table td:nth-of-type(1),
	html body .content .sectionEcology table td:nth-of-type(5),
	html body .content .sectionEcology table td:nth-of-type(6) {
		/* font-size: 3.2rem; */
		font-size: max(1rem, min(32 / 1100 * var(--100vw), 3.2rem));
		color: #004898;
		padding: 3.5rem 0;
	}
	html body .content .sectionEcology table td.space {
		/* width: 2rem; */
		width: min(20 / 1100 * var(--100vw), 2rem);
		border: none;
		background: transparent;
	}
	html body .content .sectionEcology table td span {
		font-size: 0.6em;
	}
	html body .content .sectionEcology .caption {
		padding-bottom: 4rem;
	}
	html body .content .sectionEcology .partition_pc_ecology {
		display: flex;
		justify-content: space-between;
		column-gap: min(44 / 1100 * var(--100vw), 4.4rem);
	}
	html body .content .sectionEcology .partition_pc_ecology >* {
		display: inline-block;
		vertical-align: top;
	}
	html body .content .sectionEcology .partition_pc_ecology >*:nth-child(1) {
		/* width: 27%; */
		/* margin-right: 4%; */
		width: min(298 / 1100 * var(--100vw), 29.8rem);
	}
	html body .content .sectionEcology .partition_pc_ecology >*:nth-child(2) {
		/* width: 40%; */
		/* margin-right: 4%; */
    width: min(444 / 1100 * var(--100vw), 44.4rem);
	}
	html body .content .sectionEcology .partition_pc_ecology >*:nth-child(3) {
		/* width: 24%; */
		width: min(269 / 1100 * var(--100vw), 26.9rem);
		text-align: right;
	}
	html body .content .sectionEcology h5 {}
	html body .content .sectionEcology dl,
	html body .content .sectionEcology dl div {
		display: flex;
	}
	html body .content .sectionEcology dl:has(> div) {
		flex-direction: column;
	}
	html body .content .sectionEcology dl dt {
		width: min(140 / 1100 * var(--100vw), 14rem);
	}
	html body .content .sectionEcology dl dd {
		padding: 1.3rem 0 1.1rem 1rem;
		flex-grow: 1;
	}
	html body .content .sectionEcology picture {}
	html body .content .sectionEcology picture img {}

}

/* PC用スタイル */
@media (min-width: 1024px) {
	html body .content .topMv {
		height: 64.5rem;
	}
	html body .content .topMv .wrap_pc {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		width: 100rem;
		height: 21rem;
		max-width: calc(100% - 16rem);
	}
	html body .content .topMv span {
		left: 0;
		font-size: 4.6rem;
		letter-spacing: 0.12em;
		height: 7rem;
		height: 0;
	}
	html body .content .topMv span:nth-of-type(1) {
		bottom: 11rem; /* 20241112 西岡変更（14rem → 11rem）*/
	}
	html body .content .topMv span:nth-of-type(2) {
		bottom: 4rem; /* 20241112 西岡変更（7rem → 4rem）*/
	}
	html body .content .topMv span:nth-of-type(3) {
		bottom: 2rem;
		font-size: 2.0rem;
		letter-spacing: 0.05em;
	}
	html body .content .topMv picture {
		top: 50%;
		left: 46rem;
		width: calc(100% - 46rem);
		max-width: unset;
		transform: translate(0, -50%);
	}
	html body .content .topMv picture img {
		width: 100%;
		max-width: unset;
	}
	html body.mvShow .content .topMv span {
		height: 7rem;
	}
	html body.mvShow .content .topMv span:nth-of-type(3) {
		height: 3rem;
	}

}