@charset "UTF-8";
/* CSS Document */
/* ==========================================================================
   Foundation
   ========================================================================== */
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@200..900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');
:root {
	--bg-beige: #f3efe5;
	--color-text: #000;
	--font-serif: 'Noto Serif JP', serif;
	--font-en: 'Roboto', sans-serif;
	--animation-duration: .3s;
   --animation-timing: ease-out;
}
html {
    font-size: 62.5%;
}
body {
	color: var(--color-text);
	font-size: 1.8rem;
	font-family: var(--font-default);
	line-height: 1.5;
}
h1,h2,h3,h4 {
	text-wrap: wrap;
}
p {
	letter-spacing: .05em;
}
img {
	display: inline;
	height: auto;
}
@media (max-width: 812.98px) {
	body {
		font-size: min(4.8vw,2.2rem);
	}
}

/* ==========================================================================
   Layout
   ========================================================================== */
.l-conts {
	position: relative;
	z-index: 1000;
	max-width: 1200px;
	margin-right: auto;
	margin-left: auto;
	padding-right: 20px;
	padding-left: 20px;
	box-sizing: content-box;
}
@media (max-width: 812.98px) {
	.l-conts {
		max-width: none;
		width: 90vw;
		padding-right: 0;
		padding-left: 0;
	}
}
.l-sec-pt {
	padding-top: 100px;
}
.l-sec-pb {
	padding-bottom: 140px;
}
.l-sec-headimg,
.l-sec-btmimg {
	position: relative;
}
.l-sec-headimg::before,
.l-sec-btmimg::before {
	display: block;
	height: 370px;
	background-repeat: no-repeat;
	content: '';
}
.l-sec-headimg::before {
	background-image: url('/hrm/service/dir/dx-app/src/images/bg-section-top.png');
	background-position: center bottom;
}
.l-sec-btmimg::before {
	background-image: url('/hrm/service/dir/dx-app/src/images/bg-section-btm.png');
	background-position: center top;
}
.l-sec-headimg {
	margin-top: -130px;
}
.l-sec-btmimg>* {
	margin-top: -80px;
}
@media (min-width: 1598px) {
	.l-sec-headimg::before,
	.l-sec-btmimg::before {
		background-size: 100% auto;
	}
}
@media (max-width: 812.98px) {
	.l-sec-pt {
		padding-top: min(13.33vw,80px);
	}
	.l-sec-pb {
		padding-bottom: min(13.33vw,80px);
	}
	.l-sec-headimg::before,
	.l-sec-btmimg::before {
		height: 300px;
		background-size: 100% auto;
	}
	.l-sec-headimg::before {
		background-image: url('/hrm/service/dir/dx-app/src/images/bg-section-top-sp.png');
	}
	.l-sec-btmimg::before {
		background-image: url('/hrm/service/dir/dx-app/src/images/bg-section-btm-sp.png');
	}
	.l-sec-headimg {
		/*w375pxで-130px〜w812pxで56px*/
		margin-top: clamp(-13rem,42.5399vw - 28.95246rem,5.6rem);
	}
	.l-sec-headimg>* {
		/*w375pxで-40px〜w812pxで-120px*/
		margin-top: clamp(-12rem,-18.3066vw + 2.86498rem,-4rem);;
	}
	.l-sec-btmimg>* {
		/*w375pxで-152px〜w812pxで20px*/
		margin-top: clamp(-15.2rem,39.3808vw - 29.9678rem,2rem);
	}
	.l-sec-btmimg.--schedule {
		margin-top: -10.66vw;
	}
}
/* ==========================================================================
   Component
   ========================================================================== */
.c-da-btn {
	position: relative;
	overflow: hidden;
	transition: all var(--animation-duration) var(--animation-timing);
}
.c-da-btn>span {
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	padding-top: .5em;
	padding-right: 1em;
	padding-bottom: .5em;
	padding-left: 1em;
	text-align: center;
	letter-spacing: .05em;
	line-height: 1.25;
}
.c-da-btn.--rounded,
.c-da-btn.--rounded::before {
	border-radius: 9999px;
}
.c-da-btn.--white {
	border: 1px solid;
	background-color: #FFF !important;
	color: var(--color-text);
}
.c-da-btn.--white .c-da-btn__arrow {
	fill: none;
	stroke: #000;
	stroke-miterlimit: 10;
	stroke-width: 1.5px;
}
.c-da-btn.--red {
	background-image: linear-gradient(90deg, rgba(188,19,18,1), rgba(147,0,0,1));
	color: #FFF;
}
.c-da-btn.--red svg {
	fill: #FFF;
}
.c-da-btn.--blue {
	background-image: linear-gradient(90deg, rgba(0,62,106,1), rgba(0,14,48,1));
	color: #FFF;
}
.c-da-btn.--blue svg {
	fill: #FFF;
}
.c-da-btn.--red::before,
.c-da-btn.--blue::before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 1px solid;
	background-color: #FFF;
	opacity: 0;
	content: '';
	transition: border-color var(--animation-duration) var(--animation-timing), background-color var(--animation-duration) var(--animation-timing), opacity var(--animation-duration) var(--animation-timing);
}
.c-da-btn.--red::before {
	border-color: #930000;
}
.c-da-btn.--blue::before {
	border-color: #000e30;
}
@media (max-width: 812.98px) {
	.c-da-btn__limg,
	.c-da-btn__rimg {
		position: absolute;
		width: 1.25em;
		height: 1.25em;
		object-fit: contain;
	}
	.c-da-btn__limg {
		left: 1em;
	}
	.c-da-btn__rimg {
		right: 1em;
	}
}
@media (hover: hover) {
	.c-da-btn:hover {
		opacity: 1;
	}
	.c-da-btn.--white:hover {
		border-color: #000;
		background-color: #000 !important;
		color: #FFF;
	}
	.c-da-btn.--white:hover svg {
		fill: #FFF;
	}
	.c-da-btn.--white:hover .c-da-btn__arrow {
		stroke: #FFF;		
	}
	.c-da-btn.--red:hover::before {
		opacity: 1;
	}
	.c-da-btn.--red:hover>span {
		color: #930000;
	}
	.c-da-btn.--red:hover svg {
		fill: #930000;
	}
	.c-da-btn.--blue:hover::before {
		opacity: 1;
	}
	.c-da-btn.--blue:hover>span {
		color: #000e30;
	}
	.c-da-btn.--blue:hover svg {
		fill: #000e30;
	}
}
.c-da-ttl {
	text-align: center;
}
.c-da-ttl__en {
	display: block;
	margin-bottom: 1.36em;
	font-size: 2.2rem;
	text-transform: uppercase;
	letter-spacing: .2em;
	line-height: 1;
}
.c-da-ttl__ja {
	display: flex;
	justify-content: center;
	align-items: center;
	min-height: 144px;
	margin-bottom: 1.25em;
	background: url('/hrm/service/dir/dx-app/src/images/bg-ring.png') no-repeat center / auto 100%;
	font-weight: 500;
	font-size: 3.2rem;
	font-family: var(--font-serif);
	letter-spacing: .075em;
	line-height: 1.25;
}
@media (max-width: 812.98px) {
	.c-da-ttl__en {
		font-size: min(4.8vw,2.2rem);
	}
	.c-da-ttl__ja {
		min-height: min(38.4vw,200px);
		font-size: min(8.53vw,4.2rem);
	}
}
/* ==========================================================================
   Project
   ========================================================================== */
/* ——————————————————————————————————————————
   header　start
—————————————————————————————————————————— */
.p-da-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	position: fixed;
	top: 0;vw
	left: 0;
	width: 100%;
	z-index: 1010;
	background-color: var(--bg-beige);
	transition: background-color var(--animation-duration) var(--animation-timing);
}
.p-da-haeder__nav,
.p-da-haeder__item,
.p-da-haeder__btn {
	display: flex;
	align-items: center;
}
.p-da-haeder__nav {
	gap: 0 12px;
	padding-right: 16px;
	font-size: 1.4rem;
}
.p-da-haeder__item {
	gap: 0 min(1.97vw,40px);
	letter-spacing: .02em;
	line-height: 1.25;
}
.p-da-haeder__link {
	display: flex;
	justify-content: center;
	align-items: center;
	min-height: 50px;
	text-align: center;
	transition: color var(--animation-duration) var(--animation-timing);
}
.p-da-haeder__btn {
	gap: 0 12px;
	width: min(35.71vw,370px);
}
.p-da-haeder__btn>* {
	width: 100%;
}
.p-da-haeder__btn .c-da-btn>span {
	gap: 0 10px;
	min-height: 50px;
	font-size: min(1.47vw,1.4rem);
}
.p-da-haeder__btn .c-da-btn.--white>span {
	min-height: 48px;	
}
.p-da-header__menu {
	display: none;
}
@media (max-width: 812.98px) {
	.p-da-header {
		flex-direction: column;
		justify-content: flex-start;
		background-color: transparent;
	}
	.p-da-header__sphead {
		display: flex;
		justify-content: space-between;
		align-items: center;
		position: absolute;
		z-index: 9999;
		width: 100%;
		background-color: var(--bg-beige);
		transition: background-color var(--animation-duration) var(--animation-timing);
	}
	.p-da-header__spbody {
		display: none;
		width: 100%;
		height: 100dvh;
		background-color: #FFF;
		overflow-y: scroll;
	}
	.p-da-header__logo {
		width: 140px;
	}
	.p-da-haeder__nav {
		display: flex;
		flex-direction: column;
      justify-content: space-between;
  		width: 100%;
  		height: 100%;
  		padding-top: 78px;
		padding-right: 5vw;
		padding-left: 5vw;		
	}
	.p-da-haeder__item {
		flex-direction: column;
		gap: 4.8vw 0;
		margin-bottom: min(13.33vw,60px);
		padding-top: 4.26vw;
		width: 100%;
		font-size: min(5.33vw,3.2rem);
	}
	.p-da-haeder__item>* {
		width: 100%;
	}
	.p-da-haeder__btn {
		flex-direction: column;
		gap: min(2.66vw,40px) 0;
		width: 100%;
		padding-bottom: 5vw;
		font-size: min(5.86vw,3.4rem);
	}
	.p-da-haeder__btn .c-da-btn>span {
		min-height: 60px;
		font-size: 100%;
	}
	.p-da-haeder__btn .c-da-btn.--white>span {
		min-height: 58px;
	}
	.p-da-header__menu {
		display: block;
		position: relative;
		width: 28px;
		height: 20px;
		margin-right: 5vw;
		background-color: transparent;
		font-size: 0;
	}
	.p-da-header__menu>span,
	.p-da-header__menu::before,
	.p-da-header__menu::after {
		display: block;
		opacity: 1;
		width: 100%;
		height: 2px;
		border-radius: 9999px;
		background-color: var(--color-text);
		transition: opacity var(--animation-duration) var(--animation-timing), translate var(--animation-duration) var(--animation-timing), rotate var(--animation-duration) var(--animation-timing);
	}
	.p-da-header__menu::before,
	.p-da-header__menu::after {
		transform-origin: center;
		position: absolute;
		content: '';
	}
	.p-da-header__menu::before {
		top: 0;
	}
	.p-da-header__menu::after {
		bottom: 0;
	}
	.p-da-header.is-active {
		align-items: flex-start;
		z-index: 9999;
		height: 100dvh;
	}
	.p-da-header__sphead.is-active {
		background-color: transparent;
	}
	.p-da-header__menu.is-active>span {
		opacity: 0;
	}
	.p-da-header__menu.is-active::before {
		translate: 0 9px;
		rotate: 45deg;
	}
	.p-da-header__menu.is-active::after {
		translate: 0 -9px;
		rotate: -45deg;
	}
}
@media (hover: hover) {
	.p-da-haeder__link:hover {
		color: #ba9924;
		opacity: 1;
	}
}
/* ——————————————————————————————————————————
   //header　end
—————————————————————————————————————————— */
/* ——————————————————————————————————————————
   FV　start
—————————————————————————————————————————— */
.p-da-fv {
	background-color: var(--bg-beige);
	padding-top: calc(120px - -20px);
}
.p-da-fv__conts {
	display: flex;
	justify-content: space-between;
	gap: 0 20px;
}
.p-da-fv__img {
	flex: 1;
	text-align: center;
}
.p-da-fv__txt {
	width: 4.5em;
	padding-top: clamp(4rem, -19.109rem + 28.424vw, 15rem);
	font-weight: 600;
	font-size: 2.6rem;
	font-family: var(--font-serif);
	writing-mode: vertical-rl;
	text-orientation: upright;
	white-space: nowrap;
	letter-spacing: .075em;
	line-height: 1.5;
}
.p-da-anchor {
	position: absolute;
	bottom: -100px;
	left: 0;
	translate: 0 100%;
	width: 100%;
	padding-right: 20px;
	padding-left: 20px;
}
.p-da-anchor__btn {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 0 60px;
	max-width: 800px;
	margin-right: auto;
	margin-left: auto;
}
.p-da-anchor__btn>* {
	width: 100%;
}
.p-da-anchor__btn .c-da-btn {
	border-width: 2px;
}
.p-da-anchor__btn .c-da-btn>span {
	gap: 0 24px;
	min-height: 80px;
	font-size: 2.5rem;	
}
@media (max-width: 812.98px) {
	.p-da-fv {
		padding-top: calc(76px - -10px);
		padding-bottom: 96px;
	}
	.p-da-fv__conts {
		flex-direction: column;
		gap: min(6.4vw,32px) 0;
	}
	.p-da-fv__img {
		order: 1;
	}
	.p-da-fv__txt.--sub {
		order: 2;
	}
	.p-da-fv__txt.--main {
		order: 3;
	}
	.p-da-fv__txt {
		width: 100%;
		padding-top: 0;
		font-size: min(5.33vw,3.2rem);
		writing-mode: horizontal-tb;
		text-orientation: mixed;
		white-space: normal;
		letter-spacing: .0125em;
		text-align: center;
	}
	.p-da-anchor {
		bottom: -40px;
		padding-right: 0;
		padding-left: 0;
	}
	.p-da-anchor__btn {
		flex-direction: column;
		gap: min(2.66vw,4rem) 0;
	}
	.p-da-anchor__btn .c-da-btn>span {
		min-height: 50px;
		font-size: min(5.33vw,3.2rem);
	}
}
/* ——————————————————————————————————————————
   //FV　end
—————————————————————————————————————————— */
/* ——————————————————————————————————————————
   about　start
—————————————————————————————————————————— */
.p-da-about {
	display: flex;
	justify-content: space-between;
	gap: 0 clamp(0px,-36.88px + 5vw,80px);
}
.p-da-about__en {
	font-size: 2.2rem;
	text-transform: uppercase;
	letter-spacing: .2em;
	line-height: 1;
}
.p-da-about__ja {
	font-weight: 400;
	font-size: clamp(2.8rem,1.974rem + 1.017vw,3.6rem);
	font-family: var(--font-serif);
	letter-spacing: .075em;
	white-space: nowrap;
	line-height: 2;
}
.p-da-about__ja>span {
	display: block;
	font-size: 6rem;
	line-height: 1.65;
}
.p-da-about__r {
	padding-top: 20px;
}
.p-da-about__ttl {
	display: flex;
	align-items: center;
	min-height: 96px;
	margin-bottom: 20px;
	padding-left: 40px;
	background: url('/hrm/service/dir/dx-app/src/images/bg-ring.png') no-repeat left center / 96px auto;
	font-weight: 400;
	font-size: 2.6rem;
	letter-spacing: .05em;
	line-height: 1.5;
}
.p-da-about__txt {
	padding-left: 40px;
	font-size: 2rem;
}
.p-da-about__txt+.p-da-about__ttl {
	margin-top: 60px;
}
@media (max-width: 812.98px) {
	.p-da-about {
		flex-direction: column;
		justify-content: flex-start;
	}
	.p-da-about__l {
		text-align: center;
	}
	.p-da-about__r {
		padding-top: 0;
	}
	.p-da-about__en {
		display: block;
		margin-bottom: 1.5em;
		font-size: min(4.8vw,2.2rem);
	}
	.p-da-about__ja {
		font-size: min(7.73vw,4rem);
		line-height: 1.33;
	}
	.p-da-about__ja>span{
		font-size: min(12.8vw,4.8rem);
		text-indent: .5em;
		line-height: 1.25;	
	}
	.p-da-about__ttl {
		justify-content: center;
		margin-top: min(10.66vw,60px);
		margin-bottom: 6.933vw;
		padding-left: 0;
		background-position: center;
		font-size: min(6.4vw,3.2rem);
		line-height: 1.33;
		text-align: center;
	}
	.p-da-about__txt {
		margin-bottom: 1.66em;
		padding-left: 0;
		font-size: min(4.8vw,2.2rem);
	}
}
/* ——————————————————————————————————————————
   //about　end
—————————————————————————————————————————— */
/* ——————————————————————————————————————————
   schedule　start
—————————————————————————————————————————— */
.p-da-txtlink {
	margin-top: 60px;
	text-align: center;
}
.p-da-txtlink>a {
	display: inline-flex;
	align-items: center;
	gap: 0 20px;
	transition: color var(--animation-duration) var(--animation-timing);
}
.p-da-txtlink>a svg {
	transition: fill var(--animation-duration) var(--animation-timing);	
}
.p-da-txtlink__arrow {
	fill: none;
	stroke: #000;
	stroke-miterlimit: 10;
	stroke-width: 1.5px;
	transition: stroke var(--animation-duration) var(--animation-timing);
}
@media (max-width: 812.98px) {
	.p-da-txtlink {
		margin-top: min(5.33vw,40px);
	}
	.p-da-txtlink>a {
		gap: 0 min(4.26vw,24px);
		font-size: min(5.86vw,3.4rem);
		white-space: nowrap;
	}
	.p-da-txtlink>a svg {
		width: 1.25em;
		height: 1.25em;
		object-fit: contain;
	}
}
@media (hover: hover) {
	.p-da-txtlink>a:hover {
		color: #ba9924;
		opacity: 1;
	}
	.p-da-txtlink>a:hover svg {
		fill: #ba9924;
	}
	.p-da-txtlink>a:hover .p-da-txtlink__arrow {
		stroke: #ba9924;
	}
}
/* ——————————————————————————————————————————
   //schedule　end
—————————————————————————————————————————— */
/* ——————————————————————————————————————————
   features　start
—————————————————————————————————————————— */
.p-da-features {
	display: flex;
	gap: 0 30px;
	position: relative;
	counter-reset: number;
}
.p-da-features__item {
	width: 100%;
	padding-top: 30px;
	padding-right: 30px;
	padding-bottom: 30px;
	padding-left: 30px;
	background-color: #FFF;
}
.p-da-features__head {
	display: flex;
	justify-content: center;
	align-items: center;
	min-height: 76px;
	font-size: 3rem;
	font-family: var(--font-serif);
	text-align: center;
	letter-spacing: .1em;
	line-height: 1.2;
}
.p-da-features__head::before {
	position: absolute;
	color: rgba(186,153,36,.2);
	font-weight: 500;
	font-size: 3em;
	font-family: var(--font-en);
	letter-spacing: .05em;
	line-height: 1;
	counter-increment: number;
	content: '0' counter(number);
}
.p-da-features__img {
	padding-top: 30px;
	padding-bottom: 24px;
}
.p-da-features__img>img {
	width: 100%;
}
.p-da-features__ttl {
	font-weight: 400;
	font-size: 2.4rem;
	text-align: center;
	letter-spacing: 0;
	line-height: 1.5;
}
.p-da-features__txt {
	margin-top: .5em;
}
.p-da-featuresBg {
	margin-top: -246px;
}
.p-da-featuresBg img {
	width: 100%;
	height: 346px;
	object-fit: cover;
}
@media (max-width: 812.98px) {
	.p-da-features {
		flex-direction: column;
		gap: min(8vw,40px) 0;
	}
	.p-da-features__item {
		padding-top: min(8vw,52px);
		padding-right: 5%;
		padding-bottom: min(8vw,52px);
		padding-left: 5%;
	}
	.p-da-features__head {
		min-height: 2.4em;
		font-size: min(6.93vw,3.6rem);
	}
	.p-da-features__head::before {
		font-size: 3.07em;
	}
	.p-da-features__img {
		padding-top: min(8vw,40px);
		padding-bottom: min(6.4vw,34px);
	}
	.p-da-features__ttl {
		font-size: min(5.6vw,3.2rem);
	}
	.p-da-featuresBg {
		margin-top: -26.66vw;
	}
	.p-da-featuresBg img {
		height: 40vw;
	}	
}
/* ——————————————————————————————————————————
   //features　end
—————————————————————————————————————————— */
/* ——————————————————————————————————————————
   course　start
—————————————————————————————————————————— */
.p-da-courseTab {
	position: relative;
	margin-bottom: 40px;
	border-bottom: 1px solid #d4c077;
}
.p-da-courseTab__items {
	display: flex;
	justify-content: center;
	gap: 0 10px;
	max-width: 1000px;
	margin-right: auto;
	margin-left: auto;
}
.p-da-courseTab__item {
	width: 100%;
	translate: 0 1px;
}
.p-da-courseTab__btn {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	min-height: 80px;
	border-top-width: 8px;
	border-top-style: solid;
	font-weight: 400;
	font-size: 2.2rem;
	letter-spacing: .05em;
	line-height: 1.25;
	text-align: center;
	transition: border-color var(--animation-duration) var(--animation-timing), background-color var(--animation-duration) var(--animation-timing);
}
.p-da-courseTab__btn:not(.is-active) {
	border-top-color: transparent;
	border-bottom: 1px solid #d4c077;
	background-color: rgba(186,153,36,.2);
	color: #b3b3b3;
}
.p-da-courseTab__btn.is-active {
	border-top-color: #ba9924;
	border-bottom: 1px solid transparent;
	background-color: #FFF;
	color: #000;
}
.p-da-courseTable {
	margin-right: -5px;
}
.p-da-courseTable__items {
	height: 100%;
	margin-top: -10px;
	border-collapse: separate;
	border-spacing: 0 10px;
}
.p-da-courseTable__cat {
	width: 17.5%;
	padding-right: 5px;
	padding-left: 5px;

}
.p-da-courseTable__cat>span {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	min-height: 60px;
	border-top-right-radius: 10px;
	border-top-left-radius: 10px;	
	background-color: #002c3d;
	font-weight: 400;
	color: #FFF;
	font-size: 2rem;
	word-break: break-all;
	letter-spacing: .05em;
	line-height: 1.25;
}
.p-da-courseTable__type {
	height: 226px;
	padding-right: 5px;
}
.p-da-courseTable__type>span {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
	color: #FFF;
	font-weight: 400;
	font-size: 2.2rem;
	letter-spacing: .05em;
	line-height: 1.25;
}
.p-da-courseTable__item {
	border-right: 1px dashed #5c6676;
}
.p-da-courseTable__inner {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 5px 0;
	height: 100%;
	padding-top: 10px;
	padding-right: 14px;
	padding-bottom: 10px;
	padding-left: 10px;
	background-color: #f0f4f7;
}
.p-da-courseTable__item:first-of-type {
	padding-left: 5px;
}
.p-da-courseTable__item:last-of-type {
	padding-right: 5px;
	border-right: 0;
}
.p-da-courseTable__info {
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	width: 100%;
	height: 100%;
	border: 1px solid;
	background-color: #FFF;
	font-size: 1.6rem;
	letter-spacing: .05em;
	line-height: 1.25;
	text-align: center;
	transition: color var(--animation-duration) var(--animation-timing);
}
.p-da-courseTable__info.--half {
	height: 50%;
}
.p-da-courseTable__info::before {
	position: absolute;
	top: 50%;
	right: 0;
	width: 16px;
	height: 16px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	translate: 50% -50%;
	content: '';
}
.p-da-courseList__btns {
	display: flex;
	align-items: center;
	gap: 0 10px;
	max-width: 1050px;
	margin-right: auto;
	margin-left: auto;
}
.p-da-courseList__btns>* {
	width: 100%;
}
.p-da-courseList__btn {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	min-height: 60px;
	border-top-right-radius: 10px;
	border-top-left-radius: 10px;
	font-size: 2rem;
	word-break: break-all;
	letter-spacing: .05em;
	line-height: 1.25;
	transition: background-color var(--animation-duration) var(--animation-timing),color var(--animation-duration) var(--animation-timing);
}
.p-da-courseList__btn:not(.is-active) {
	background-color: #FFF;
	color: #b3c0c5;
}
.p-da-courseList__btn.is-active {
	background-color: #002c3d;
	color: #FFF;
}
.p-da-courseTable__info>* {
	display: block;
}
.p-da-courseList__items>* {
	margin-top: 10px;
}
.p-da-courseList__item {
	display: block;
	position: relative;
	padding-right: 12px;
	transition: color var(--animation-duration) var(--animation-timing);
}
.p-da-courseList__item::after {
	position: absolute;
	top: 50%;
	right: 0;
	width: 24px;
	height: 24px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	translate: 0 -50%;
	content: '';
}
.p-da-courseList__inner {
	display: flex;
	align-items: center;
	padding-top: 30px;
	padding-right: 50px;
	padding-bottom: 30px;
	padding-left: 30px;
	border-radius: 10px;
	background-color: #eff2f3;
	line-height: 1.25;
}
.p-da-courseList__meta {
	display: flex;
	align-items: center;
	gap: 0 30px;
	width: 470px;	
	padding-right: 30px;
}
.p-da-courseList__type {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100px;
	min-height: 32px;
	border-radius: 9999px;
	color: #FFF;
	font-size: 1.4rem;
	text-align: center;
}
.p-da-courseList__ttl {
	flex: 1;
	font-size: 1.8rem;
}
.p-da-courseList__desc {
	flex: 1;
	font-size: 1.6rem;
}
.p-da-courseListSp__head {
	display: none;
}
.p-da-courseTable__col.--adv .p-da-courseTable__type>span {
	background-color: #003e6a;
}
.p-da-courseTable__col.--int .p-da-courseTable__type>span {
	background-color: #005c7d;
}
.p-da-courseTable__col.--beg .p-da-courseTable__type>span {
	background-color: #0c7598;
}
.p-da-courseTable__col.--app .p-da-courseTable__type>span {
	background-color: #3f92ae;
}
.p-da-courseTable__col.--adv .p-da-courseTable__info {
	border-color: #003e6a;
}
.p-da-courseTable__col.--int .p-da-courseTable__info {
	border-color: #005c7d;
}
.p-da-courseTable__col.--beg .p-da-courseTable__info {
	border-color: #0c7598;
}
.p-da-courseTable__col.--app .p-da-courseTable__info {
	border-color: #3f92ae;
}
.p-da-courseTable__col.--adv .p-da-courseTable__info::before {
	background-image: url('/hrm/service/dir/dx-app/src/images/ico-arrow-adv.svg');
}
.p-da-courseTable__col.--int .p-da-courseTable__info::before {
	background-image: url('/hrm/service/dir/dx-app/src/images/ico-arrow-int.svg');
}
.p-da-courseTable__col.--beg .p-da-courseTable__info::before {
	background-image: url('/hrm/service/dir/dx-app/src/images/ico-arrow-beg.svg');
}
.p-da-courseTable__col.--app .p-da-courseTable__info::before {
	background-image: url('/hrm/service/dir/dx-app/src/images/ico-arrow-app.svg');
}
.p-da-courseList__item.--adv .p-da-courseList__type {
	background-color: #003e6a;
}
.p-da-courseList__item.--int .p-da-courseList__type {
	background-color: #005c7d;
}
.p-da-courseList__item.--beg .p-da-courseList__type {
	background-color: #0c7598;
}
.p-da-courseList__item.--app .p-da-courseList__type {
	background-color: #3f92ae;
}
.p-da-courseList__item.--adv::after {
	background-image: url('/hrm/service/dir/dx-app/src/images/ico-arrow-adv.svg');
}
.p-da-courseList__item.--int::after {
	background-image: url('/hrm/service/dir/dx-app/src/images/ico-arrow-int.svg');
}
.p-da-courseList__item.--beg::after {
	background-image: url('/hrm/service/dir/dx-app/src/images/ico-arrow-beg.svg');
}
.p-da-courseList__item.--app::after {
	background-image: url('/hrm/service/dir/dx-app/src/images/ico-arrow-app.svg');
}
@media (max-width: 1139.98px) {
	.p-da-courseTable__items {
		width: 1140px;
	}
}
@media (max-width: 812.98px) {
	.p-da-courseTab {
		margin-bottom: min(5.33vw,40px);
	}
	.p-da-courseTab__btn {
		min-height: min(10.66vw,80px);
		border-top-width: 5px;
		font-size: min(4.26vw,2rem);
	}
	.p-da-courseList {
		display: none;
	}
	.p-da-courseList__items>*:first-child {
		margin-top: 2px;
	}
	.p-da-courseList__item {
		padding-right: 0;
	}
	.p-da-courseList__item::after {
		width: min(4.26vw,24px);
		height: min(4.26vw,24px);
		translate: 50% -50%;
	}
	.p-da-courseList__inner {
		flex-direction: column;
		align-items: flex-start;
		padding-top: min(5.33vw,32px);
		padding-right: 50px;
		padding-bottom: min(5.33vw,32px);
		padding-left: min(5.33vw,32px);
	}
	.p-da-courseList__meta {
		flex-direction: column;
		align-items: flex-start;
		gap: 0;
		width: 100%;
		padding-right: 0;
	}
	.p-da-courseList__type {
		width: auto;
		min-width: min(26.66vw,120px);
		min-height: min(6.93vw,40px);
		font-size: min(3.73vw,1.6rem);
	}
	.p-da-courseList__ttl {
		margin-top: .75em;
		margin-bottom: .75em;
		font-size: min(4.8vw,2.2rem);
	}
	.p-da-courseListSp {
		margin-top: 2.13vw;
		border-radius: 10px;
		border: 2px solid #002c3d;
		border-left: 0;
		background-color: #FFF;
		overflow: hidden;
	}
	.p-da-courseListSp__box {
		border-left: 8px solid #002c3d;
	}
	.p-da-courseListSp__head {
		display: flex;
		align-items: center;
		position: relative;
		width: 100%;
		min-height: min(9.6vw,56px);
		padding-left: min(3.73vw,20px);
		background-color: transparent;
		font-weight: 400;
		color: #002c3d;
		font-size: min(5.33vw,2.4rem);
		letter-spacing: .05em;
	}
	.p-da-courseListSp__head::before,
	.p-da-courseListSp__head::after {
		position: absolute;
		top: 50%;
		right: 20px;
		width: 14px;
		height: 2px;
		background-color: #002c3d;
		translate: -50% 0;
		content: '';
	}
	.p-da-courseListSp__head::after {
		rotate: 90deg;
		transition: opacity var(--animation-duration) var(--animation-timing);
	}
	.p-da-courseListSp__head.is-active::after {
		opacity: 0;
	}
	.p-da-courseListSp__body {
		display: none;
	}
	.p-da-courseListSp__body>* {
		padding-right: min(3.73vw,36px);
		padding-bottom: min(4.8vw,40px);
		padding-left: min(3.73vw,36px);
	}
}
@media (hover: hover) {
	.p-da-courseTab__btn:hover {
		border-top-color: #ba9924;
		border-bottom: 1px solid transparent;
		background-color: #FFF;
		color: #000;
	}
	.p-da-courseList__btn:hover {
		background-color: #002c3d;
		color: #FFF;
	}
	.p-da-courseTable__col .p-da-courseTable__info:hover {
		opacity: 1;
	}
	.p-da-courseTable__col.--adv .p-da-courseTable__info:hover {
		color: #003e6a;
	}
	.p-da-courseTable__col.--int .p-da-courseTable__info:hover {
		color: #005c7d;
	}
	.p-da-courseTable__col.--beg .p-da-courseTable__info:hover {
		color: #0c7598;
	}
	.p-da-courseTable__col.--app .p-da-courseTable__info:hover {
		color: #3f92ae;
	}
	.p-da-courseList__item:hover {
		opacity: 1;
	}
	.p-da-courseList__item.--adv:hover {
		color: #003e6a;
	}
	.p-da-courseList__item.--int:hover {
		color: #005c7d;
	}
	.p-da-courseList__item.--beg:hover {
		color: #0c7598;
	}
	.p-da-courseList__item.--app:hover {
		color: #3f92ae;
	}
}
/* ——————————————————————————————————————————
   //course　end
—————————————————————————————————————————— */
/* ——————————————————————————————————————————
   flow　start
—————————————————————————————————————————— */
.p-da-flow {
	text-align: center;
}
.p-da-flow__l {
	display: block;
}
.p-da-flow__s {
	display: none;
}
.p-da-flow__s>img {
	width: 100%;
}
@media (max-width: 1139.98px) {
	.p-da-flow__limg {
		width: 1100px;
	}
}
@media (max-width: 480.98px) {
	.p-da-flow__l {
		display: none;
	}
	.p-da-flow__s {
		display: block;
	}
}
/* ——————————————————————————————————————————
   //flow　end
—————————————————————————————————————————— */
/* ——————————————————————————————————————————
   cta　start
—————————————————————————————————————————— */
.p-da-cta {
	padding-top: 80px;
	padding-bottom: 80px;
}
.p-da-cta__ttl {
	font-weight: 700;
	font-size: 3.6rem;
	font-family: var(--font-serif);
	letter-spacing: .075em;
	line-height: 1.25;
	text-align: center;
}
.p-da-cta__txt {
	margin-top: 1.25em;
	font-size: 2rem;
	text-align: center;
}
.p-da-cta__btn {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 0 60px;
	max-width: 900px;
	margin-top: 40px;
	margin-right: auto;
	margin-left: auto;
}
.p-da-cta__btn>* {
	width: 100%;
}
.p-da-cta__btn .c-da-btn>span {
	gap: 0 30px;
	min-height: 90px;
	font-size: 2.8rem;
}
.p-da-cta__btn .c-da-btn::before {
	border-width: 2px;
}
@media (max-width: 812.98px) {
	.p-da-cta {
		padding-top: min(10.66vw,80px);
		padding-bottom: min(10.66vw,80px);
	}
	.p-da-cta__ttl{
		font-size: min(6.4vw,3.2rem)
	}
	.p-da-cta__txt {
		margin-top: 1.66em;
		font-size: min(4.8vw,2.2rem);
	}
	.p-da-cta__btn {
		flex-direction: column;
		gap: min(5.33vw,40px) 0;
		margin-top: min(8vw,40px);
	}
	.p-da-cta__btn .c-da-btn>span {
		min-height: 60px;
		font-size: min(5.86vw,3.4rem);
	}
}
/* ——————————————————————————————————————————
   //cta　end
—————————————————————————————————————————— */
/* ——————————————————————————————————————————
   other　start
—————————————————————————————————————————— */
.p-da-pagetop {
	position: fixed;
	right: 30px;
	bottom: 30px;
	z-index: 1010;
	width: 40px;
	background-color: transparent;
	text-align: center;
}
.p-da-pagetop>img {
	display: inline-block;
}
@media (max-width: 812.98px) {
	.p-da-pagetop {
		right: 0;
		bottom: 16px;
		width: 30px;
	}
	.p-da-pagetop img {
		width: 6px;
	}
}
.p-da-scrollNote {
	display: none;
	margin-bottom: 1.5em;
	text-align: center;
}
@media (max-width: 1139.98px) {
	.p-da-scrollNote {
		display: block;
	}
	.scroll-hint-icon.--fz .scroll-hint-text {
		font-size: 12px;
	}
}
/* ——————————————————————————————————————————
   //other　end
—————————————————————————————————————————— */
/* ==========================================================================
   Utility
   ========================================================================== */
.u-bg-beige {
	background-color: var(--bg-beige) !important; 
}
.u-bg-gold {
	background: url('/hrm/service/dir/dx-app/src/images/bg-gold.png') no-repeat center / cover !important; 
}
.u-font-bold {
	font-weight: 700 !important; 
}
@media (min-width: 813px) {
	.u-text-center-pc {
		text-align: center !important;
	}
}