@charset "utf-8";
#wrap {
	position: relative;
}
#wrap::before {
	content: '';
	display: block;
	width: calc((569 / 1280) * 100vw);
	height: 200%;
	background-color: var(--color--creamgray);
	position: absolute;
	top: calc((1074 / 1280) * 100vw);
	left: calc((500 / 1280) * 100vw);
	transform: translate(-50%, -50%) rotate(40deg);
	z-index: -1;
}
#dx {
	width: 100%;
	height: auto;
}
	.dx__inner {
		width: 90%;
		max-width: 1000px;
		height: auto;
		padding: 0 0 100px;
		margin: 0 auto;
	}
		.dx__accreditation {
			display: flex;
			justify-content: space-between;
			align-items: flex-start;
			width: 100%;
			height: auto;
			margin: 0 auto 70px;
		}
			.dx__accreditation__txt {
				width: 43.7%;
				height: auto;
				font-size: 14px;
				font-weight: 500;
				line-height: 2;
				letter-spacing: 0.04em;
			}
			.dx__accreditation__image {
				width: 49.9%;
				height: auto;
			}
				.dx__accreditation__image img {
					width: 100%;
					height: auto;
				}
		.dx__contents {
			width: 100%;
			height: auto;
		}
		.dx__contents:not(:last-of-type) {
			margin-bottom: 100px;
		}
			.dx__contents__heading {
				width: 100%;
				height: auto;
				padding: 20px 0;
				margin: 0 auto 45px;
				border-bottom: solid 1px var(--color--lightgray);
				font-size: 1.625rem;
				font-weight: 700;
				line-height: 1;
				letter-spacing: 0.05em;
				position: relative;
			}
				.dx__contents__heading::after {
					content: '';
					display: block;
					width: 50px;
					height: 1px;
					background-color: var(--color--yellow);
					position: absolute;
					bottom: -1px;
					left: 0;
				}
			/* dx_intro */
			.dx_intro__txt {
				width: 100%;
				height: auto;
				margin: 0 auto 75px;
				font-size: 14px;
				font-weight: 500;
				line-height: 2;
				letter-spacing: 0.04em;
			}
			.dx_intro__list {
				display: flex;
				justify-content: space-between;
				align-items: stretch;
				width: 100%;
				height: auto;
				margin: 0 auto 60px;
			}
				.dx_intro__list__item {
					width: 31%;
					height: auto;
					padding: 30px 0 12px;
					background-color: #ffffff;
				}
					.dx_intro__list__item__heading {
						width: 100%;
						height: auto;
						padding: 0 10px;
						margin: 0 auto 20px;
					}
						.dx_intro__list__item__heading__txt {
							width: 100%;
							height: auto;
							font-size: 20px;
							font-weight: 700;
							line-height: 1.5;
							letter-spacing: 0.1em;
							text-align: center;
						}
						.dx_intro__list__item:nth-of-type(1) .dx_intro__list__item__heading__txt {
							color: #B5AF64;
						}
						.dx_intro__list__item:nth-of-type(2) .dx_intro__list__item__heading__txt {
							color: #1E9EB2;
						}
						.dx_intro__list__item:nth-of-type(3) .dx_intro__list__item__heading__txt {
							color: #2A51A5;
						}
					.dx_intro__list__item__details {
						width: calc(100% - 60px);
						height: auto;
						margin: 0 auto;
						counter-reset: number 0;
					}
						.dx_intro__list__item__details__item {
							width: 100%;
							height: auto;
							padding: 12px 0 12px 30px;
							border-top: solid 1px #ADADAD;
							font-size: 14px;
							font-weight: 500;
							line-height: calc(25.2 / 14);
							letter-spacing: 0.03em;
							position: relative;
						}
							.dx_intro__list__item__details__item::before {
								counter-increment: number 1;
								content: counter(number,decimal-leading-zero) '';
								font-family: 'Satoshi', sans-serif;
								font-size: 10px;
								font-weight: 700;
								line-height: 1.3;
								letter-spacing: 0em;
								position: absolute;
								top: 17px;
								left: 5px;
							}
							.dx_intro__list__item__details__item a {
								color: #0027FF;
								word-break: break-all;
							}
						@media (any-hover: hover) {
							.dx_intro__list__item__details__item a:hover {
								text-decoration: underline;
							}
						}
			.dx_intro__summary {
				width: 100%;
				height: auto;
				padding: 32px 40px;
				border: solid 1px var(--color--gray);
			}
				.dx_intro__summary__txt {
					width: 100%;
					height: auto;
					font-size: 16px;
					font-weight: 700;
					line-height: calc(28 / 16);
					letter-spacing: 0.04em;
				}

			/* dx_org */
			.dx_org__organization {
				width: 100%;
				height: auto;
				padding: 60px 40px;
				margin: 0 auto 100px; 
				border-radius: 10px;
				background-color: rgba(255, 255, 255, 0.9);
			}
				.dx_org__organization__image {
					width: calc((897 / 920) * 100%);
					height: auto;
					margin: 0 auto 56px;
				}
					.dx_org__organization__image img {
						width: 100%;
						height: auto;
					}
				.dx_org__organization__txt {
					width: 100%;
					height: auto;
					margin: 0 auto;
					font-size: 16px;
					font-weight: 700;
					line-height: calc(28 / 16);
					letter-spacing: 0.04em;
				}
			.dx_org__it_sd {
				width: 100%;
				height: auto;
			}
				.dx_org__it_sd__heading {
					width: 100%;
					height: auto;
					margin: 0 auto 80px;
					font-size: 26px;
					font-weight: 700;
					line-height: 1;
					letter-spacing: 0.05em;
					text-align: center;
				}
				.dx_org__it_sd__image {
					width: 95.3%;
					height: auto;
					margin: 0 auto;
				}
					.dx_org__it_sd__image img {
						width: 100%;
						height: auto;
					}

			/* dx_strat */
			.dx_strat__measures {
				display: flex;
				justify-content: space-between;
				align-items: stretch;
				flex-wrap: wrap;
				row-gap: 10px;
				width: 100%;
				height: auto;
				margin: 0 auto 70px;
				position: relative;
			}
				.dx_strat__measures__item {
					width: calc(50% - 5px);
					height: auto;
					padding: 56px 0;
					background-color: #fff;
				}
				.dx_strat__measures__item._left {
					padding-right: 70px;
				}
				.dx_strat__measures__item._right {
					padding-left: 70px;
				}
				.dx_strat__measures__item._center {
					display: flex;
					justify-content: center;
					align-items: center;
					width: 30.6%;
					height: auto;
					aspect-ratio: 1 / 1;
					border-radius: 9999px;
					background-color: var(--color--yellow);
					position: absolute;
					top: 50%;
					left: 50%;
					transform: translate(-50%,-50%);
					z-index: 1;
				}
				.dx_strat__measures__item._right._bottom {
					padding: 28px 0 28px 70px;
				}
					.dx_strat__measures__item__txt {
						width: 100%;
						height: auto;
						font-size: 20px;
						font-weight: 700;
						line-height: 1.4;
						letter-spacing: 0.04em;
						text-align: center;
					}
					._center .dx_strat__measures__item__txt {
						font-size: 24px;
						line-height: calc(36 / 24);
						letter-spacing: 0.1em;
						color: #fff;
					}
						.dx_strat__measures__item__txt small {
							font-size: 16px;
						}
			.dx_strat__list {
				width: 89.4%;
				height: auto;
				margin: 0 auto;
			}
				.dx_strat__list__item {
					width: 100%;
					height: auto;
				}
				.dx_strat__list__item:not(:last-of-type) {
					margin-bottom: 25px;
				}
					.dx_strat__list__item dt {
						width: 100%;
						height: auto;
						margin: 0 auto 8px;
						padding-left: 14px;
						font-size: 18px;
						font-weight: 700;
						line-height: calc(23 / 18);
						letter-spacing: 0.06em;
						position: relative;
					}
						.dx_strat__list__item dt::before {
							content: '';
							display: block;
							width: 3px;
							height: 100%;
							background-color: var(--color--skyblue);
							position: absolute;
							top: 0;
							left: 0;
						}
					.dx_strat__list__item dd {
						width: 100%;
						height: auto;
						font-size: 14px;
						font-weight: 500;
						line-height: 1.8;
						letter-spacing: 0.04em;
					}

			/* dx_org */
			.dx_plan__txt {
				width: 100%;
				height: auto;
				margin: 0 auto 42px;
				font-size: 14px;
				font-weight: 500;
				line-height: 2;
				letter-spacing: 0.04em;
			}
			.dx_plan__table {
				width: 92.7%;
				height: auto;
				padding-right: 100px;
				margin: 0 auto;
			}
				.dx_plan__table__time {
					display: flex;
					justify-content: space-between;
					align-items: flex-end;
					width: 100%;
					height: auto;
				}
					.dx_plan__table__time__now,
					.dx_plan__table__time__future {
						width: 77px;
						height: auto;
					}
					.dx_plan__table__time__now img,
					.dx_plan__table__time__future img {
						width: 100%;
						height: auto;
					}
				.dx_plan__table__list {
					width: 100%;
					height: auto;
				}
					.dx_plan__table__list__item {
						width: 100%;
						height: auto;
						padding: 40px 55px 70px;
						margin: -30px auto 0;
						position: relative;
					}
					.dx_plan__table__list__item:nth-of-type(1) {
						margin: 0 auto;
					}
					.dx_plan__table__list__item:nth-of-type(1),
					.dx_plan__table__list__item:nth-of-type(1)::after {
						background-color: #2A51A5;
					}
					.dx_plan__table__list__item:nth-of-type(2),
					.dx_plan__table__list__item:nth-of-type(2)::after {
						background-color: #6984BF;
					}
					.dx_plan__table__list__item:nth-of-type(3) {
						padding: 50px 55px 50px;
					}
					.dx_plan__table__list__item:nth-of-type(3),
					.dx_plan__table__list__item:nth-of-type(3)::after {
						background-color: #AAB8D8;
					}
						.dx_plan__table__list__item::after {
							content: '';
							display: block;
							width: 101px;
							height: calc(100% + 32px);
							clip-path: polygon(0 0, 100% 50%, 0 100%);
							position: absolute;
							top: 50%;
							right: 1px;
							transform: translate(100%,-50%);
						}
						.dx_plan__table__list__item__inner {
							width: 100%;
							height: auto;
						}
							.dx_plan__table__list__item__inner dt {
								width: 100%;
								height: auto;
								margin: 0 auto 6px;
								font-size: 20px;
								font-weight: 700;
								line-height: calc(34 / 20);
								letter-spacing: 0em;
								color: #fff;
							}
							.dx_plan__table__list__item__inner dd {
								width: 100%;
								height: auto;
								padding-left: 20px;
								font-size: 14px;
								font-weight: 500;
								line-height: 2;
								letter-spacing: 0.04em;
								color: #fff;
							}

/* PC ================================================== */
@media all and (min-width:1025px){

}

/* Tablet ================================================== */
@media all and (max-width:1024px){
		.dx__accreditation {
			flex-direction: column-reverse;
			justify-content: center;
			align-items: center;
			margin: 0 auto 60px;
		}
			.dx__accreditation__txt {
				width: 100%;
				margin: 15px auto 0;
			}
			.dx__accreditation__image {
				width: 100%;
				max-width: 350px;
			}
		.dx__contents:not(:last-of-type) {
			margin-bottom: 80px;
		}
			.dx__contents__heading {
				padding: 18px 0;
				margin: 0 auto 40px;
				font-size: 1.5rem;
			}

			/* dx_intro */
			.dx_intro__txt {
				margin: 0 auto 50px;
				font-size: 14px;
				letter-spacing: 0.04em;
			}
			.dx_intro__list {
				display: block;
				width: 100%;
			}
				.dx_intro__list__item {
					width: 100%;
					padding: 20px 0 12px;
				}
				.dx_intro__list__item:not(:last-of-type) {
					margin-bottom: 20px;
				}
					.dx_intro__list__item__heading {
						margin: 0 auto 18px;
					}
						.dx_intro__list__item__heading__txt {
							font-size: 18px;
						}
					.dx_intro__list__item__details {
						width: calc(100% - 50px);
					}
			.dx_intro__summary {
				padding: 24px 30px;
			}
				.dx_intro__summary__txt {
					font-size: 14px;
				}

			/* dx_org */
			.dx_org__organization {
				padding: 45px 35px;
				margin: 0 auto 60px;
			}
				.dx_org__organization__image {
					width: 100%;
					margin: 0 auto 40px;
				}
				.dx_org__organization__txt {
					font-size: 14px;
				}
				.dx_org__it_sd__heading {
					margin: 0 auto 50px;
					font-size: 20px;
				}
				.dx_org__it_sd__image {
					width: 100%;
				}

			/* dx_strat */
			.dx_strat__measures {
				row-gap: 5px;
				margin: 0 auto 50px;
			}
				.dx_strat__measures__item {
					width: calc(50% - 2.5px);
					padding: 25px 0;
					background-color: #fff;
				}
				.dx_strat__measures__item._top {
					padding-bottom: 85px;
				}
				.dx_strat__measures__item._bottom {
					padding-top: 85px;
				}
				.dx_strat__measures__item._left {
					padding-right: 0;
				}
				.dx_strat__measures__item._right {
					padding-left: 0;
				}
				.dx_strat__measures__item._center {
					width: 90%;
					padding: 20px 0;
					aspect-ratio: initial;
					border-radius: 20px;
				}
				.dx_strat__measures__item._right._bottom {
					padding: 85px 0 25px;
				}
					.dx_strat__measures__item__txt {
						width: 100%;
						height: auto;
						font-size: 14px;
						font-weight: 700;
						line-height: 1.4;
						letter-spacing: 0.04em;
						text-align: center;
					}
					._center .dx_strat__measures__item__txt {
						font-size: 16px;
					}
						.dx_strat__measures__item__txt small {
							font-size: 14px;
						}
			.dx_strat__list {
				width: 100%;
			}
				.dx_strat__list__item:not(:last-of-type) {
					margin-bottom: 30px;
				}

			/* dx_plan */
			.dx_plan__txt {
				margin: 0 auto 40px;
			}
			.dx_plan__table {
				width: 100%;
				padding-right: 50px;
			}
					.dx_plan__table__list__item {
						padding: 30px 30px 45px;
						margin: -15px auto 0;
					}
					.dx_plan__table__list__item:nth-of-type(3) {
						padding: 30px 30px 30px;
					}
						.dx_plan__table__list__item::after {
							width: 51px;
						}
							.dx_plan__table__list__item__inner dt {
								font-size: 18px;
							}
							.dx_plan__table__list__item__inner dd {
								padding-left: 18px;
							}
}

/* SP ================================================== */
@media all and (max-width:599px){
			.dx__contents__heading {
				padding: 13px 0;
				margin: 0 auto 30px;
				font-size: 1.375rem;
			}

			/* dx_intro */
					.dx_intro__list__item__details {
						width: 87%;
					}

			/* dx_org */
			.dx_org__organization {
				padding: 35px 0;
				margin: 0 auto 60px;
			}
				.dx_org__organization__image {
					width: 90%;
					max-width: 450px;
					margin: 0 auto 30px;
				}
				.dx_org__organization__txt {
					width: 90%;
					font-size: 14px;
				}
				.dx_org__it_sd__heading {
					margin: 0 auto 40px;
					font-size: 20px;
				}

			/* dx_strat */
			.dx_strat__measures {
				row-gap: 7px;
				margin: 0 auto 50px;
			}
				.dx_strat__measures__item {
					width: 100%;
					padding: 20px 0;
					background-color: #fff;
				}
				.dx_strat__measures__item._top {
					padding-bottom: 20px;
				}
				.dx_strat__measures__item._bottom {
					padding-top: 20px;
				}
				.dx_strat__measures__item._center {
					width: 100%;
					padding: 15px 0;
					aspect-ratio: initial;
					border-radius: 15px;
					position: initial;
					transform: initial;
				}
				.dx_strat__measures__item._right._bottom {
					padding: 20px 0;
				}
					.dx_strat__measures__item__txt {
						width: 100%;
						height: auto;
						font-size: 14px;
						font-weight: 700;
						line-height: 1.4;
						letter-spacing: 0.04em;
						text-align: center;
					}
					._center .dx_strat__measures__item__txt {
						font-size: 16px;
					}
						.dx_strat__measures__item__txt small {
							font-size: 14px;
						}
					.dx_strat__list__item dt {
						padding-left: 10px;
						font-size: 16px;
						line-height: calc(24 / 16);
					}
						.dx_strat__list__item dt::before {
							width: 2px;
						}
					.dx_strat__list__item dd {
						font-size: 14px;
					}

			/* dx_plan */
			.dx_plan__table {
				padding-right: 50px;
			}
					.dx_plan__table__list__item {
						padding: 20px 15px 35px;
						margin: -5px auto 0;
					}
					.dx_plan__table__list__item:nth-of-type(3) {
						padding: 20px 15px 20px;
					}
						.dx_plan__table__list__item::after {
							width: 51px;
						}
							.dx_plan__table__list__item__inner dt {
								font-size: 18px;
							}
							.dx_plan__table__list__item__inner dd {
								padding-left: 18px;
								line-height: 1.8;
							}
}