@charset "utf-8";
.bg {
	background: #f9f8f5;
}
.bg .main-header {
  padding: 40px 0 0;
}
.dx-title {
  font-family: "游明朝 Demibold", "Yu Mincho Demibold", "YuMin-Demibold", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
  font-size: 2.8rem;
  font-weight: normal;
  line-height: 1.5;
  letter-spacing: 0.05em
}
.dx-title[data-en]::before {
    display: block;
    margin-top: 0.2em;
    color: #bbae91;
    font-family: Times, "Times New Roman", Georgia, serif;
    font-size: 1.8rem;
    font-weight: 600;
    content: attr(data-en);
  }
.dx01 {
	position: relative;
	padding-top: 70px;
	padding-bottom: 100px
}
.dx01 .parts01 {
		position: absolute;
		top: max(-5.22%, -47px);
		right: -10.83%;
		width: 49%;
	}
.dx01 .parts02 {
		position: absolute;
		top: min(7.44%, 65px);
		left: 0;
		width: 100%;
	}
.dx01 .parts03 {
		position: absolute;
		top: min(9.33%, 80px);
		left: 0;
		width: 100%;
	}
.dx01 .parts04 {
		position: absolute;
		top: min(54%, 490px);
		left: 0;
		width: 100%;
	}
.dx01 .parts05 {
		position: absolute;
		top: min(69.55%, 626px);
		left: -9.44%;
		width: 35%;
	}
.dx02 {
	position: relative;
	overflow: hidden;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	height: 410px;
	background: -webkit-gradient(linear, left top, right top, from(#3E5674), color-stop(60%, #71829D), to(#88ABDA));
	background: linear-gradient(to right, #3E5674, #71829D 60%, #88ABDA);
	color: #fff;
}
.dx02__parts {
	position: absolute;
	width: 81.94%
}
.dx02__parts img {
		width: 100%;
		height: auto;
	}
.parts06,
.parts08 {
	opacity: 0.6
}
.parts06::before, .parts08::before {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: url("../../dx/images/parts07.svg") no-repeat left top / contain;
		content: "";
	}
.parts08::before,
	.parts08 img,
	.parts09::before,
	.parts09 img {
		-webkit-transform: scale(-1);
		transform: scale(-1);
	}
.parts06 {
	bottom: 7.3%;
	left: 37.77%;
}
.parts07 {
	opacity: 0.2;
	bottom: 25.6%;
	left: 30.55%;
	width: 103.7%;
}
.parts08 {
	top: 34.14%;
	right: 39.23%;
	width: 109.25%;
}
.parts09 {
	opacity: 0.2;
	top: 22.69%;
	right: 33.33%;
	width: 103.7%;
}
.dx02-inner {
	padding: 0 3%;
}
.dx02__content {
	font-weight: bold;
}
.dx03,
.dx04 {
	margin: clamp(80px, 20px + 12.5vw, 170px) 0;
}
.dx03-list {
	list-style: none;
	margin: 0;
	padding: 0;
	counter-reset: list
}
.dx03-list li {
		display: -ms-grid;
		display: grid;
		-ms-grid-columns: 3em 1fr;
		grid-template-columns: 3em 1fr;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		grid-gap: 1.5em;
		margin-bottom: 1em;
		font-weight: bold;
		line-height: 2;
	}
.dx03-list li + li {
		padding-top: 1em;
		border-top: 1px solid #f9f8f5;
	}
.dx03-list li::before {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		width: 3em;
		height: 3em;
		background: #bbae91;
		color: #fff;
		font-family: "游明朝", "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
		font-size: 1.5rem;
		font-weight: normal;
		line-height: 1;
		counter-increment: list;
		content: counter(list);
	}
.dx04-section {
	margin-top: 45px;
	background: #f9f8f5;
}
.dx04-section__heading {
	padding: 0.2em 1em;
	background: #bbae91;
	color: #fff;
	font-family: "游明朝", "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
	font-size: 2.2rem;
	font-weight: normal;
}
.dx04-section__content {
	padding: 20px 4.05%;
	background: #f9f8f5;
}
.dx04-ex {
	margin-top: 25px;
	padding: 20px 3.92%;
	border: 1px solid #F3F1EB;
	background: #fff;
}
.dx04-ex__content {
	padding-top: 0.5em;
}
.dx04-ex__content strong {
	font-size: 1.266em;
}
.dx05 {
	padding: clamp(60px, 6.672px + 11.11vw, 140px) 0;
	background: #f9f8f5;
}
.dx05-goal {
	margin-bottom: 30px;
	padding: 25px;
	background: #fff;
	color: #A48C6B;
	font-weight: bold
}
.dx05-goal dt {
		font-size: 1.8rem;
	}
.dx05-goal dd {
		margin: 0;
	}
.dx05-system {
	margin-top: 40px;
}
.dx05-system__heading {
	margin-bottom: 1em;
	padding: 0.3em 3rem;
	border-radius: 2em;
	font-size: 1.8rem;
}
.dx05-system__heading--1 {
	background: -webkit-gradient(linear, left top, right top, color-stop(20%, #e5e5e4), to(#ececec));
	background: linear-gradient(to right, #e5e5e4 20%, #ececec);
}
.dx05-system__heading--2 {
	background: -webkit-gradient(linear, left top, right top, color-stop(20%, #d5d8dc), to(#e1e8ef));
	background: linear-gradient(to right, #d5d8dc 20%, #e1e8ef);
}
.dx05-system__heading--3 {
	background: -webkit-gradient(linear, left top, right top, color-stop(20%, #ebe3e0), to(#f1eae7));
	background: linear-gradient(to right, #ebe3e0 20%, #f1eae7);
}
.dx05-system__heading + * {
	padding-left: 3rem;
}
.dx06 {
	position: relative;
	padding: clamp(80px, 20px + 12.5vw, 170px) 0;
}
.dx06__image {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%
}
.dx06__image img {
		width: 100%;
	}
.dx06-box {
	padding: 25px;
	background: #f9f8f5;
	text-align: center;
}
.dx06-box__heading {
	color: #B9AD8C;
	font-family: "游明朝", "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
	font-size: 2rem;
}
.dx06-box__list {
	list-style: none;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	margin: 10px 0 0;
	padding: 0;
	grid-gap: 20px
}
.dx06-box__list img {
		width: 100%;
	}
@media (min-width: 35.001em) {}
@media (max-width: 45em) {}
@media (min-width: 45.001em) {
		.dx01 .parts01 {
			width: 26.38%;
		}
		.dx01 .parts05 {
			width: 19.23%;
		}
	.dx01 .dx-inner {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
	}
	.dx01__content {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 43.69%;
		flex: 0 0 43.69%;
	}
	.dx01__image {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
	}
	.dx04-ex {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
	}
	.dx04-ex__image {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 33.65%;
		flex: 0 0 33.65%;
	}
	.dx04-ex__content {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 62.18%;
		flex: 0 0 62.18%;
	}
	.dx06-box__list {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
	}}
@media (max-width: 60em) {
	.dx05__image  {
		text-align: center
	}
		.dx05__image img {
			max-width: 500px;
			width: 100%;
		}}
@media (min-width: 60.001em) {
  .bg .main-header {
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
    padding: 100px 0 0;
  }
	.dx-title {
		font-size: 4.6rem
	}
		.dx-title[data-en]::before {
			font-size: 2rem;
		}
	.dx01 {
		padding-top: 120px;
		padding-bottom: min(20vw, 205px);
	}
	.dx-inner {
		padding-left: 11.9%;
	}
	.dx02-inner {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		padding-left: 11.9%;
		padding-right: 6.34%;
	}
	.dx02__content {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 76.69%;
		flex: 0 0 76.69%;
	}
	.dx04-section__content {
		padding: 45px 4.05%;
	}
	.dx04-ex {
		padding: 30px 3.92%;
		background: #fff;
	}
	.dx05__inner {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
	}
	.dx05__content {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 36.93%;
		flex: 0 0 36.93%;
	}
	.dx05__image {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 57.65%;
		flex: 0 0 57.65%;
	}
	.dx06-box {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		padding: 38px;
	}
	.dx06-box__heading {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 15%;
		flex: 0 0 15%;
		font-size: 2.5rem;
	}
	.dx06-box__list {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 82.84%;
		flex: 0 0 82.84%;
		margin-top: 0
	}
		.dx06-box__list li {
			-webkit-box-flex: 1;
			-ms-flex: 1;
			flex: 1;
		}
}
/*# sourceMappingURL=maps/dx.css.map */