@charset "utf-8";

img {
	display: block;
}

hr {
	background-color: #FFF;
	height: 6px;
	border: none;
}

html {
	scroll-behavior: smooth;
	scroll-padding: 80px;
}

/* # =================================================================
   # here in footer menu
   # ================================================================= */
.bl_footer_sp_nav>ul li:nth-of-type(2) a {
	background-color: var(--c-yellow);
}

.bl_footer_nav_nav>ul li:nth-of-type(6) a {
	background-color: var(--c-yellow);
}

/* # =================================================================
   # here in hambuger menu
   # ================================================================= */
.js_spMenu ul li:nth-of-type(3) {
	background-color: #ccc;
}

/* # =================================================================
   # Unique
   # ================================================================= */

/* MV */
.un_wc_kv {
	position: relative;
	padding-top: calc(16 * 100vw / 375);
	width: 100%;
	height: calc(190 * 100vw / 375);
	background-image: url(../images/webContents/img-wc-kvSp.png);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	z-index: 1;
}

@media (min-width: 601px) {
	.un_wc_kv {
		padding-top: calc(59 * 100vw / 1200);
		height: calc(350 * 100vw / 1200);
		background-image: url(../images/webContents/img-wc-kv.png);
	}
}

@media (min-width: 1201px) {
	.un_wc_kv {
		padding-top: 59px;
		width: 100%;
		height: 350px;
	}
}

.un_wc_kv h1 {
	font-size: calc(30 * 100vw / 375);
	color: var(--c-black);
	text-align: center;
	font-weight: 500;
	position: absolute;
	transform: translate(-50%, -50%);
	left: 50%;
	top: 50%;
	word-break: keep-all;
}

@media (min-width: 601px) {
	.un_wc_kv h1 {
		font-size: calc(80 * 100vw / 1200);
	}
}

@media (min-width: 1201px) {
	.un_wc_kv h1 {
		font-size: 80px;
	}
}

.un_wc_kv_link {
	padding-top: calc(25 * 100vw / 375);
}

@media (min-width: 601px) {
	.un_wc_kv_link {
		display: flex;
		gap: 0 calc(30 * 100vw / 1200);
		justify-content: center;
		padding-top: calc(40 * 100vw / 1200);
	}
}

@media (min-width: 1201px) {
	.un_wc_kv_link {
		padding-top: 40px;
		gap: 0 30px;
	}
}

.un_wc_kv_linkInner {
	display: flex;
	justify-content: center;
	gap: 0 calc(22 * 100vw / 375);
}

.un_wc_kv_linkInner:first-of-type {
	margin-bottom: calc(10 * 100vw / 375);
}

@media (min-width: 601px) {
	.un_wc_kv_linkInner {
		gap: 0 calc(30 * 100vw / 1200);
	}

	.un_wc_kv_linkInner:first-of-type {
		margin-bottom: 0;
	}
}

@media (min-width: 1201px) {
	.un_wc_kv_linkInner {
		gap: 0 30px;
	}
}

.un_wc_rika,
.un_wc_seikatsu,
.un_wc_sansu,
.un_wc_hoken {
	position: relative;
}

/* rika */

.un_wc_rika {
	background-color: #e4f2cc;
}

/* seikatsu */
.un_wc_seikatsu {
	background-color: #ffeccf;
}

/* sansu */
.un_wc_sansu {
	background-color: #d4ecfa;
}

/* hoken */
.un_wc_hoken {
	background-color: #e9ddec;
}

/* 装飾アイコン */

.un_wc_dots_blue,
.un_wc_dots_pink,
.un_wc_dots_green {
	position: absolute;
	width: 72px;
	height: 55px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	z-index: 2;
}

.un_wc_dots_blue {
	background-image: url(../../common/images/img-common-dots-blue.svg);
}

.un_wc_dots_pink {
	background-image: url(../../common/images/img-common-dots-pink.svg);
}

.un_wc_dots_green {
	background-image: url(../../common/images/img-common-dots-green.svg);
}

@media (min-width: 601px) {

	.un_wc_dots_blue,
	.un_wc_dots_pink,
	.un_wc_dots_green {
		width: calc(133 * 100vw / 1200);
		height: calc(100 * 100vw / 1200);
		z-index: 2;
	}
}

@media (min-width: 1201px) {

	.un_wc_dots_blue,
	.un_wc_dots_pink,
	.un_wc_dots_green {
		width: 133px;
		height: 100px;
	}
}

/* kv */
.un_wc_kv .un_wc_dots_blue {
	top: 2%;
	left: 5%;
}

.un_wc_kv .un_wc_dots_green {
	top: 36%;
	left: 90%;
}

@media (min-width: 601px) {
	.el_dl_btn {
		width: calc(200 * 100vw / 1200);
	}
}

@media (min-width: 1201px) {
	.el_dl_btn {
		width: 200px;
	}
}

/*
# =================================================================
  # wc_mv
# =================================================================
*/
.un_wc_mv_h1 {
	font-weight: 500;
	font-size: max(8vw, 30px);
	text-align: center;
}

.un_wc_mv_h1Sub {
	margin-right: 4vw;
	font-weight: bold;
	font-size: max(4vw, 15px);
	letter-spacing: 0.03em;
	vertical-align: middle;
}

.un_wc_mv_good {
	z-index: 2;
	position: relative;
	width: 72.8vw;
	margin-inline: auto;
}

.un_wc_mv_textBooks {
	display: flex;
	justify-content: center;
	margin-top: 2.6666666667vw;
	padding-inline: 2.6666666667vw;
	gap: 2.1333333333vw;
}

.un_wc_mv_textBook_img {
	width: 20vw;
	box-shadow: 2.1333333333vw 2.1333333333vw 1.6vw 0 rgba(0, 0, 0, 0.16);
}

.un_wc_mv_textBook_p {
	margin-top: 0.8vw;
	color: var(--c-grey);
	font-weight: 500;
	font-size: max(4vw, 15px);
	letter-spacing: 0.1em;
	text-align: center;
}

.un_wc_mv_bg {
	position: relative;
	width: 100%;
	height: 100%;
	margin-top: 2.9333333333vw;
	padding-bottom: 5.3333333333vw;
	-o-object-fit: cover;
	object-fit: cover;
	background-image: url(../../common/images/top/img-top-kvSp.png);
	background-size: 100%;
	content: '';
}

.un_wc_mv_bg::after {
	z-index: 1;
	position: absolute;
	top: 0;
	width: 100%;
	height: 6.6666666667vw;
	background-color: #fff;
	content: '';
}

.un_wc_mv_video {
	margin-top: 1.8666666667vw;
	padding-inline: 2.6666666667vw;
}

.un_wc_mv_video_iframe {
	aspect-ratio: 323/182;
	width: 100%;
	height: auto;
}

.un_wc_mv_link {
	width: 100%;
	max-width: 100%;
	margin-top: 4vw;
}

.un_wc_mv_bg_left_img01 {
	position: absolute;
	top: -68px;
	left: 20px;
	transform: translateX(-100%);
}

.un_wc_mv_bg_left_img02 {
	position: absolute;
	top: 246px;
	left: -202px;
	transform: translateX(-100%);
}

.un_wc_mv_bg_right_img01 {
	position: absolute;
	right: 23px;
	bottom: 55px;
	transform: translateX(100%);
}

.un_wc_mv_bg_right_img02 {
	position: absolute;
	right: -206px;
	bottom: 77px;
	transform: translateX(100%);
}

/*
# =================================================================
  # un_wc_concept
# =================================================================
*/
.un_wc_concept {
	padding-block: 8.5333333333vw 6.6666666667vw;
}

.un_wc_concept_h2 {
	display: inline-block;
	font-weight: 500;
	font-size: max(6.6666666667vw, 25px);
	letter-spacing: 0.05em;
}

.un_wc_concept_h2_wrap {
	position: relative;
	width: -moz-fit-content;
	width: fit-content;
	margin-inline: auto;
}

.un_wc_concept_h2_left,
.un_wc_concept_h2_right {
	position: absolute;
	top: 50%;
}

.un_wc_concept_h2_left {
	left: -2.9333333333vw;
	transform: translate(-100%, -50%);
}

.un_wc_concept_h2_right {
	right: -2.9333333333vw;
	transform: translate(100%, -50%);
}

.un_wc_concept_h3__small {
	margin-top: 8.8vw;
	font-size: max(5.3333333333vw, 20px);
	line-height: 1.5;
	letter-spacing: 0.05em;
}

.un_wc_concept_p {
	margin-top: 0.5333333333vw;
	font-weight: bold;
	font-size: max(3.4666666667vw, 13px);
	line-height: 2;
	letter-spacing: 0.05em;
}

.un_wc_concept_p_br {
	display: none;
}

.un_wc_concept_h3 {
	margin-top: 7.4666666667vw;
	font-size: max(6.6666666667vw, 25px);
	line-height: 1.2;
	letter-spacing: 0.1em;
	text-align: center;
}

.un_wc_concept_points {
	margin-top: 2.4vw;
}

.un_wc_concept_point_no {
	display: flex;
	align-items: center;
	gap: 1.6vw;
}

.un_wc_concept_point_no_text {
	font-size: max(2.6666666667vw, 10px);
}

.un_wc_concept_point_no_no {
	color: var(--c-orange);
	font-size: max(14.6666666667vw, 55px);
	line-height: 1;
}

.un_wc_concept_point {
	display: flex;
	align-items: center;
	padding-inline: 8.5333333333vw 4.5vw;
	padding-block: 2.9333333333vw 2.1333333333vw;
	gap: 5.3333333333vw;
	border-bottom: 1.6vw solid var(--c-orange);
	font-weight: bold;
}

.un_wc_concept_point_text {
	font-size: max(4vw, 15px);
}

/*
# =================================================================
  # un_wc_feature
# =================================================================
*/

.un_wc_feature {
	padding-bottom: min(5.333333vw, 20px);
}

.un_wc_feature.un_wc_feature__no01 {
	background-color: #e7f3ce;
}

.un_wc_feature.un_wc_feature__no02 {
	background-color: #ffeccf;
}

.un_wc_feature.un_wc_feature__no03 {
	background-color: #d4ecfa;
}

.un_wc_feature.un_wc_feature__no04 {
	background-color: #e9ddec;
}

.un_wc_feature__no02 {
	padding-top: 8vw;
}

.un_wc_feature__no03 {
	padding-top: 8vw;
}

.un_wc_feature__no04 {
	padding-top: 8vw;
}

.un_wc_feature_h2 {
	padding-top: 4vw;
	font-size: max(6.6666666667vw, 25px);
	line-height: 1.2;
	letter-spacing: 0.1em;
	text-align: center;
}

.un_wc_feature_message {
	font-weight: 500;
	font-size: max(4.8vw, 18px);
	letter-spacing: 0.1em;
}

.un_wc_feature_message_wrap {
	display: flex;
	/* z-index: 4;
	position: sticky;
	top: 58px; */
	align-items: center;
	margin-inline: auto;
	padding-inline: 7.2vw;
	gap: 2.4vw;
}

.un_wc_feature_message_wrap__no01 {
	margin-top: 8vw;
	background-color: #e7f3ce;
}

.un_wc_feature_message_wrap__no02 {
	margin-top: 8vw;
	background-color: #ffeccf;
}

.un_wc_feature_message_wrap__no03 {
	margin-top: 8vw;
	background-color: #d4ecfa;
}

.un_wc_feature_message_wrap__no04 {
	margin-top: 8vw;
	background-color: #e9ddec;
}

.un_wc_feature_desc {
	margin-top: 2.9333333333vw;
	font-weight: 500;
	font-size: max(3.4666666667vw, 13px);
	line-height: 1.69;
	letter-spacing: 0.1em;
}

.un_wc_feature_accordion {
	z-index: 3;
	margin-top: 7.2vw;
}

.un_wc_feature_block {
	position: relative;
}

.un_wc_feature_bg {
	-o-object-fit: cover;
	object-fit: cover;
}

.un_wc_feature_bg_01 {
	position: absolute;
	top: -15vw;
	right: 12px;
	width: calc(173 * 100vw / 1200);
	height: calc(131 * 100vw / 1200);
}

.un_wc_feature_bg_02 {
	position: absolute;
	top: 264px;
	left: -282px;
}

.un_wc_feature_bg_03 {
	position: absolute;
	top: -307px;
	right: -268px;
}

.un_wc_feature_bg_04 {
	position: absolute;
	top: 203px;
	left: -281px;
}

.un_wc_feature_bg_05 {
	position: absolute;
	top: -382px;
	right: -268px;
}

.un_wc_feature_bg_06 {
	position: absolute;
	top: 264px;
	left: -281px;
}

.un_wc_feature_bg_07 {
	position: absolute;
	top: -314px;
	right: -270px;
}

.un_wc_feature_message_left {
	width: 20vw;
}

/*
# =================================================================
  # un_wc_message
# =================================================================
*/
.un_wc_message {
	padding-block: 5.6vw 5.3333333333vw;
	background-color: #fff;
}

.un_wc_message_h2 {
	font-size: max(6.1333333333vw, 23px);
	line-height: 1.52;
	letter-spacing: 0.1em;
	text-align: center;
}

.un_wc_message_authors {
	display: grid;
	margin-top: 5.3333333333vw;
	gap: 5.3333333333vw;
}

.un_wc_message_job {
	margin-top: 5.3333333333vw;
	font-size: max(3.4666666667vw, 13px);
	line-height: 1.38;
	text-align: center;
}

.un_wc_message_author_name {
	margin-top: 2.4vw;
	font-weight: bold;
	font-size: max(6.4vw, 24px);
	text-align: center;
}

.un_wc_message_author_h3 {
	margin-top: 5.3333333333vw;
	font-size: max(4vw, 15px);
}

.un_wc_message_author_message {
	margin-top: 1.8666666667vw;
	font-size: max(3.4666666667vw, 13px);
	line-height: 1.69;
}

.un_wc_message_more {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 2.1333333333vw;
	gap: 1.3333333333vw;
	text-decoration: none !important;
}

.un_wc_message_more_p {
	transform: scale(0.9);
	color: var(--c-grey);
	font-size: max(2.6666666667vw, 10px);
}

.un_wc_message_author_img {
	width: 37.0666666667vw;
	margin-inline: auto;
	border: 0.2666666667vw solid var(--c-grey);
	border-radius: 1.3333333333vw;
}

.un_wc_message_more_arrow {
	width: 5.8666666667vw;
	height: 5.8666666667vw;
}

.un_wc_message_bg_01 {
	position: absolute;
	top: -145px;
	left: -285px;
}

.un_wc_message_bg_02 {
	position: absolute;
	top: -131px;
	right: -272px;
}

/*
# =================================================================
  # un_wc_sample
# =================================================================
*/
.un_wc_sample {
	padding-block: 5.6vw 5.3333333333vw;
	background-color: var(--c-yellow-light);
}

.un_wc_sample_h2 {
	font-size: max(6.666666666vw, 25px);
	line-height: 1.52;
	letter-spacing: 0.05em;
	text-align: center;
	font-weight: 500;
}

.un_wc_sample_subjects {
	padding-block-start: 8vw;
}

.un_wc_sample_subjects:first-of-type {
	padding-block-start: 2.6666666666vw;
}

.un_wc_sample_h3 {
	font-size: max(9.066666666vw, 34px);
	line-height: 1.5;
	text-align: center;
	font-weight: bold;
}

.un_wc_sample_h3__01 {
	color: var(--c-green-light);
}

.un_wc_sample_h3__02 {
	color: var(--c-orange);
}

.un_wc_sample_h3__03 {
	color: var(--c-blue);
}

.un_wc_sample_h3__04 {
	color: var(--c-purple);
}

.un_wc_sample_subTtl {
	font-size: max(4.266666666vw, 16px);
	line-height: 1.06;
	text-align: center;
	font-weight: bold;
}

.un_wc_sample_btnBox {
	padding-block-start: 2.6666666666vw;
}

.el_wc_btn {
	width: 100%;
	height: 12vw;
	border-radius: 12vw;
	background-color: #fff;
}

.el_wc_add_btn {
	margin-top: min(5.33333vw, 20px);
	width: 100%;
	height: 12vw;
	border-radius: 12vw;
}

.el_wc_btn.el_wc_btn__01 {
	border: 1px solid var(--c-green-light);
}

.el_wc_btn.el_wc_btn__02 {
	border: 1px solid var(--c-orange);
}

.el_wc_btn.el_wc_btn__03 {
	border: 1px solid var(--c-blue);
}

.el_wc_btn.el_wc_btn__04 {
	border: 1px solid var(--c-purple);
}

.el_wc_btn.el_wc_btn__01:nth-of-type(2) {
	margin-block: 2.6666666666vw;
}

.el_wc_btn.el_wc_btn__02:nth-of-type(2) {
	margin-block-start: 2.6666666666vw;
}

.el_wc_btn.el_wc_btn__03:nth-of-type(2) {
	margin-block: 2.6666666666vw;
}

.el_wc_btn.el_wc_btn__04:nth-of-type(2) {
	margin-block-start: 2.6666666666vw;
}

.el_wc_btn a {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	border-radius: 12vw;
	font-size: max(3.466666666vw, 13px);
	color: var(--black);
	font-weight: 700;
	text-align: center;
	text-decoration: none;
	line-height: 1.2;
	letter-spacing: 0.1em;
}

@media (hover: hover) and (pointer: fine) {
	.el_wc_btn:hover a {
		color: #fff;
	}

	.el_wc_btn.el_wc_btn__01:hover {
		background-color: var(--c-green-light);
	}

	.el_wc_btn.el_wc_btn__02:hover {
		background-color: var(--c-orange);
	}

	.el_wc_btn.el_wc_btn__03:hover {
		background-color: var(--c-blue);
	}

	.el_wc_btn.el_wc_btn__04:hover {
		background-color: var(--c-purple);
	}
}

/*
# =================================================================
  # un_wc_howto
# =================================================================
*/
.un_wc_howto {
	padding-block: 5.333333333vw 8vw;
	background-color: #fff;
}

.un_wc_howto_h2 {
	font-size: max(6.133333333vw, 23px);
	line-height: 1.52;
	letter-spacing: 0.1em;
	text-align: center;
	font-weight: 700;
}

.un_wc_howto_h3 {
	margin-block-end: 2.6666666666vw;
	font-size: max(0.048vw, 18px);
	line-height: 1.5;
	text-align: left;
	font-weight: bold;
}

.un_wc_howto_box {
	margin-block-start: 6.6666666666vw;
}

.un_wc_howto_img {
	margin-block-end: 4vw;
	width: 100%;
	height: auto;
	border-radius: 1.3333333333vw;
}

.un_wc_howto_txt {
	font-size: max(3.466666666vw, 13px);
	font-weight: 400;
	line-height: 1.69;
}

/*
# =================================================================
  # un_wc_price
# =================================================================
*/
.un_wc_price {
	padding-block: 5.6vw 5.3333333333vw;
	background-color: var(--c-yellow-light);
}

.un_wc_price_h2 {
	font-size: max(6.666666666vw, 25px);
	line-height: 1.52;
	letter-spacing: 0.05em;
	text-align: center;
	font-weight: 500;
}

.un_wc_price_subjects {
	padding-block-start: 8vw;
}

.un_wc_price_subjects:first-of-type {
	padding-block-start: 2.6666666666vw;
}

.un_wc_price_h3 {
	font-size: max(9.066666666vw, 34px);
	line-height: 1.5;
	text-align: center;
	font-weight: bold;
}

.un_wc_price_h3__01 {
	color: var(--c-green-light);
}

.un_wc_price_h3__02 {
	color: var(--c-orange);
}

.un_wc_price_h3__03 {
	color: var(--c-blue);
}

.un_wc_price_h3__04 {
	color: var(--c-purple);
}

.un_wc_price_subTtl {
	font-size: max(4.266666666vw, 16px);
	line-height: 1.06;
	text-align: center;
	font-weight: bold;
}

.un_wc_price_btnBox {
	padding-block-start: 2.6666666666vw;
}

/*
# =================================================================
  # accordion
# =================================================================
*/
.bl_accordion_title {
	position: relative;
	padding: 4vw 4.5333333333vw 4vw 8.5333333333vw !important;
	border-top: 1px solid #cdcdcd !important;
	color: var(--c-black) !important;
	font-weight: bold;
	font-size: max(4vw, 15px) !important;
	line-height: 1.33;
	font-family: var(--f-family);
}

.bl_accordion_title::before {
	position: absolute;
	top: 50%;
	left: 1.6vw;
	width: 3.2vw;
	height: 3.2vw;
	transform: translate(100%, -50%);
	border-radius: 50%;
	content: '';
}

.bl_accordion_title.bl_accordion_title__01::before {
	background-color: var(--c-green-light);
}

.bl_accordion_title.bl_accordion_title__02::before {
	background-color: var(--c-orange);
}

.bl_accordion_title.bl_accordion_title__03::before {
	background-color: var(--c-blue);
}

.bl_accordion_title.bl_accordion_title__04::before {
	background-color: var(--c-purple);
}

.bl_accordion_title::after {
	width: 4vw !important;
	height: 4vw !important;
	background-position: center;
}

.bl_accordion_title.bl_accordion_title__01::after {
	background-image: url(../../common/images/img-accordion_arrow_green.svg) !important;
}

.bl_accordion_title.bl_accordion_title__02::after {
	background-image: url(../../common/images/img-accordion_arrow_orange.svg) !important;
}

.bl_accordion_title.bl_accordion_title__03::after {
	background-image: url(../../common/images/img-accordion_arrow_blue.svg) !important;
}

.bl_accordion_title.bl_accordion_title__04::after {
	background-image: url(../../common/images/img-accordion_arrow_purple.svg) !important;
}

.accordion-item {
	border: none !important;
}

.accordion-button:focus {
	box-shadow: none !important;
}

.accordion-button:not(.collapsed) {
	background-color: initial !important;
	box-shadow: none !important;
}

.bl_accordion_body {
	padding-inline: 4.5333333333vw !important;
	padding-block: 5.6vw 2.6666666667vw !important;
	border-top: 0.2666666667vw solid #cdcdcd;
}

.bl_accordion_body.bl_accordion_body__01 {
	background-color: #e7f3ce;
}

.bl_accordion_body.bl_accordion_body__02 {
	background-color: #ffeccf;
}

.bl_accordion_body.bl_accordion_body__03 {
	background-color: #d4ecfa;
}

.bl_accordion_body.bl_accordion_body__04 {
	background-color: #e9ddec;
}

.bl_accordion_p {
	font-weight: normal;
	font-size: max(3.4666666667vw, 13px);
	line-height: 1.69;
	letter-spacing: 0.05em;
}

.bl_accordion_link {
	display: block;
	text-decoration: none;
	font-weight: normal;
	font-size: max(3.4666666667vw, 13px);
	line-height: 1.69;
	letter-spacing: 0.05em;
}

.bl_accordion_body__01 .bl_accordion_link {
	color: var(--c-green-light);
}

.bl_accordion_body__02 .bl_accordion_link {
	color: var(--c-orange);
}

.bl_accordion_body__03 .bl_accordion_link {
	color: var(--c-blue);
}

.bl_accordion_body__04 .bl_accordion_link {
	color: var(--c-purple);
}

.bl_accordion_small {
	font-weight: normal;
	font-size: max(2.666667vw, 10px);
	line-height: 1.5;
	letter-spacing: 0.05em;
}

.bl_accordion_body__01 .bl_accordion_small_color {
	color: var(--c-green-light);
}

.bl_accordion_body__02 .bl_accordion_small_color {
	color: var(--c-orange);
}

.bl_accordion_body__03 .bl_accordion_small_color {
	color: var(--c-blue);
}

.bl_accordion_body__04 .bl_accordion_small_color {
	color: var(--c-purple);
}

.bl_accordion_page {
	display: block;
	font-weight: 500;
	font-size: max(2.6666666667vw, 10px);
	letter-spacing: 0.05em;
}

.bl_accordion_arrow {
	color: var(--c-orange);
}

.bl_accordion_close {
	display: grid;
	place-items: center;
	width: 9.3333333333vw;
	height: 9.3333333333vw;
	margin-top: 2.6666666667vw;
	margin-left: auto;
	border: none;
}

.bl_accordion_close.bl_accordion_close__01 {
	background-color: var(--c-green-light);
}

.bl_accordion_close.bl_accordion_close__02 {
	background-color: var(--c-orange);
}

.bl_accordion_close.bl_accordion_close__03 {
	background-color: var(--c-blue);
}

.bl_accordion_close.bl_accordion_close__04 {
	background-color: var(--c-purple);
}

.bl_accordion {
	border-bottom: 0.2666666667vw solid #cdcdcd;
}

.bl_accordion_h3 {
	font-weight: 500;
	font-size: max(3.7333333333vw, 14px);
	letter-spacing: 0.05em;
	text-align: center;
}

.bl_accordion_cards {
	display: grid;
	gap: 8vw;
}

.bl_accordion_cards .bl_accordion_page {
	position: absolute;
	right: 4.8vw;
	bottom: 0;
}

.bl_accordion_card {
	position: relative;
}

.bl_accordion_card .bl_accordion_img {
	max-width: 46.6666666667vw;
}

.bl_accordion_img {
	width: 91.2vw;
	margin-inline: auto;
}

.bl_accordion_img_close {
	width: 4.2666666667vw;
}

/*
# =================================================================
  # un_wc_footer
# =================================================================
*/

.ly_inner {
	padding-inline: 4.5333333333vw;
}

.ly_innerOver {
	width: 100vw;
	max-width: initial;
	margin-inline: calc(50% - 50vw);
}

/*
# =================================================================
  # un_webContents_slidesBox
# =================================================================
*/
.un_webContents_slide {
	/* margin-top: min(2.1666666667vw, 26px); */
	margin-top: 26px;
}

.un_webContents_slide.un_webContents_slide__01 .slick-prev:before {
	background: url('../../common/images/img-common-arrowleft-green.svg') !important;
	background-size: contain !important;
}

.un_webContents_slide.un_webContents_slide__02 .slick-prev:before {
	background: url('../../common/images/img-common-arrowleft-orange.svg') !important;
	background-size: contain !important;
}

.un_webContents_slide.un_webContents_slide__03 .slick-prev:before {
	background: url('../../common/images/img-common-arrowleft-blue.svg') !important;
	background-size: contain !important;
}

.un_webContents_slide.un_webContents_slide__04 .slick-prev:before {
	background: url('../../common/images/img-common-arrowleft-purple.svg') !important;
	background-size: contain !important;
}

.un_webContents_slide.un_webContents_slide__01 .slick-next:before {
	background: url('../../common/images/img-common-arrowleft-green.svg') !important;
	background-size: contain !important;
	transform: rotate(180deg);
}

.un_webContents_slide.un_webContents_slide__02 .slick-next:before {
	background: url('../../common/images/img-common-arrowleft-orange.svg') !important;
	background-size: contain !important;
	transform: rotate(180deg);
}

.un_webContents_slide.un_webContents_slide__03 .slick-next:before {
	background: url('../../common/images/img-common-arrowleft-blue.svg') !important;
	background-size: contain !important;
	transform: rotate(180deg);
}

.un_webContents_slide.un_webContents_slide__04 .slick-next:before {
	background: url('../../common/images/img-common-arrowleft-purple.svg') !important;
	background-size: contain !important;
	transform: rotate(180deg);
}

.un_webContents_slide.un_webContents_slide__01 .slick-dots li.slick-active button:before {
	color: var(--c-green-light);
}

.un_webContents_slide.un_webContents_slide__02 .slick-dots li.slick-active button:before {
	color: var(--c-orange);
}

.un_webContents_slide.un_webContents_slide__03 .slick-dots li.slick-active button:before {
	color: var(--c-blue);
}

.un_webContents_slide.un_webContents_slide__04 .slick-dots li.slick-active button:before {
	color: var(--c-purple);
}

.un_webContents_slide .slick-dots li {
	margin-right: min(0.8333333333vw, 10px);
	margin-left: min(0.8333333333vw, 10px);
}

.un_webContents_slide .slick-list {
	border-radius: initial;
}

.un_webContents_slide .slick-arrow {
	transition: opacity 0.3s ease-in-out;
}

.un_webContents_slide_nav {
	margin-top: min(4.5vw, 54px);
}

.un_webContents_slide_nav .slick-track {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: min(1.6666666667vw, 20px) min(2.5vw, 30px);
	transform: none !important;
}

.un_webContents_slide_nav .slick-track::before,
.un_webContents_slide_nav .slick-track::after {
	display: none;
}

.un_webContents_slide_nav .slick-slide {
	width: 100% !important;
}

.un_webContents_slide_nav .slick-slide.slick-current .un_webContents_slide_button.un_webContents_slide_button__01 {
	background-color: var(--c-green-light);
	color: #fff;
}

.un_webContents_slide_nav .slick-slide.slick-current .un_webContents_slide_button.un_webContents_slide_button__02 {
	background-color: var(--c-orange);
	color: #fff;
}

.un_webContents_slide_nav .slick-slide.slick-current .un_webContents_slide_button.un_webContents_slide_button__03 {
	background-color: var(--c-blue);
	color: #fff;
}

.un_webContents_slide_nav .slick-slide.slick-current .un_webContents_slide_button.un_webContents_slide_button__04 {
	background-color: var(--c-purple);
	color: #fff;
}

.un_webContents_slide_nav .slick-list {
	border-radius: initial;
}

.un_webContents_slide_button {
	display: flex;
	align-items: center;
	justify-content: center;  
	width: 97%;
	height: 40px;
	/* padding-block: min(1vw, 12px); */
	border-radius: 35px;
	background-color: #fff;
	color: var(--black);
	font-weight: 500;
	font-size: clamp(10px, 1.5vw, 18px);
	line-height: 1.22;
	cursor: pointer;
	transition: all 0.3s ease-in-out;
	font-family: var(--f-family);
}

.un_webContents_slide_button.un_webContents_slide_button__01 {
	border: 1px solid var(--c-green-light);
}

.un_webContents_slide_button.un_webContents_slide_button__02 {
	border: 1px solid var(--c-orange);
}

.un_webContents_slide_button.un_webContents_slide_button__03 {
	border: 1px solid var(--c-blue);
}

.un_webContents_slide_button.un_webContents_slide_button__04 {
	border: 1px solid var(--c-purple);
}

.un_webContents_slide_button.un_webContents_slide_button__01:hover,
.un_webContents_slide_button.un_webContents_slide_button__01:focus {
	background-color: var(--c-green-light);
	color: #fff;
}

.un_webContents_slide_button.un_webContents_slide_button__02:hover,
.un_webContents_slide_button.un_webContents_slide_button__02:focus {
	background-color: var(--c-orange);
	color: #fff;
}

.un_webContents_slide_button.un_webContents_slide_button__03:hover,
.un_webContents_slide_button.un_webContents_slide_button__03:focus {
	background-color: var(--c-blue);
	color: #fff;
}

.un_webContents_slide_button.un_webContents_slide_button__04:hover,
.un_webContents_slide_button.un_webContents_slide_button__04:focus {
	background-color: var(--c-purple);
	color: #fff;
}

.hp_mt10 {
	margin-top: 2.6666666667vw;
}

.hp_mt14 {
	margin-top: 3.7333333333vw;
}

.hp_mt17 {
	margin-top: 4.5333333333vw;
}

.hp_mt18 {
	margin-top: 4.8vw;
}

.hp_mt20 {
	margin-top: 5.33333333333vw;
}

.hp_mt29 {
	margin-top: 7.7333333333vw;
}

.hp_mb20 {
	margin-bottom: 5.3333333333vw;
}

@media (max-width: 600.98px) {
	.un_wc_mv_head {
		padding-top: 8vw;
	}
}

@media (min-width: 601px) {
	html {
		overflow-x: hidden;
	}

	.un_wc_mv_h1 {
		position: relative;
		top: max(-1.0833333333vw, -13px);
		left: max(-0.4166666667vw, -5px);
		font-size: clamp(35px, 6.6666666667vw, 80px);
	}

	.un_wc_mv_h1Sub {
		margin-right: min(3.2vw, 38px);
		font-size: clamp(15px, 2.5vw, 30px);
	}

	.un_wc_mv_good {
		display: none;
	}

	.un_wc_mv_textBooks {
		margin-top: 0;
		padding-inline: initial;
		gap: min(2.5833333333vw, 31px);
	}

	.un_wc_mv_textBook_img {
		width: min(8.6666666667vw, 104px);
		box-shadow: min(0.6666666667vw, 8px) min(0.6666666667vw, 8px) min(0.5vw, 6px) 0 rgba(0, 0, 0, 0.16);
	}

	.un_wc_mv_textBook_p {
		margin-top: min(0.5833333333vw, 7px);
		font-size: clamp(15px, 1.25vw, 15px);
	}

	.un_wc_mv_bg {
		margin-top: 0;
		padding-bottom: min(5vw, 60px);
		background-image: none;
	}

	.un_wc_mv_bg::after {
		display: none;
	}

	.un_wc_mv_video {
		max-width: min(80vw, 960px);
		margin-top: min(2.8333333333vw, 34px);
		margin-inline: auto;
		padding-inline: initial;
	}

	.un_wc_mv_link {
		max-width: min(43.3333333333vw, 520px);
		margin-top: min(2.5vw, 30px);
	}

	.un_wc_mv_head {
		display: flex;
		align-items: center;
		justify-content: space-between;
		max-width: min(80vw, 960px);
		margin-inline: auto;
	}

	.un_wc_mv {
		position: relative;
		padding-block: min(3.4166666667vw, 41px) 0;
		background-image: url(../../common/images/top/img-top-kv.png);
		background-position: center;
		background-size: cover;
		content: '';
	}

	.un_wc_concept .ly_inner {
		padding-inline: min(2.5vw, 30px);
	}

	.un_wc_concept {
		padding-block: min(7.0833333333vw, 85px) min(5.6666666667vw, 68px);
	}

	.un_wc_concept_h2 {
		font-size: clamp(25px, 5.4166666667vw, 65px);
	}

	.un_wc_concept_h2_left {
		left: min(-6.4166666667vw, -77px);
		width: min(13.0833333333vw, 157px);
	}

	.un_wc_concept_h2_right {
		right: min(-5.1666666667vw, -62px);
		width: min(15.75vw, 189px);
	}

	.un_wc_concept_h3__small {
		margin-top: min(6vw, 72px);
		font-size: clamp(33px, 3.75vw, 45px);
		letter-spacing: 0.1em;
		text-align: center;
	}

	.un_wc_concept_p {
		margin-top: min(0.8333333333vw, 10px);
		font-size: clamp(13px, 1.6666666667vw, 20px);
		line-height: 1.75;
		text-align: center;
	}

	.un_wc_concept_h3 {
		margin-top: min(5.5833333333vw, 67px);
		font-size: clamp(25px, 3.75vw, 45px);
		letter-spacing: 0.5em;
	}

	.un_wc_concept_points {
		display: flex;
		justify-content: space-between;
		width: 100%;
		margin-top: min(2vw, 24px);
		margin-inline: initial;
		gap: min(4.9166666667vw, 59px);
	}

	.un_wc_concept_point_no {
		position: relative;
	}

	.un_wc_concept_point_no_text {
		position: absolute;
		left: 0;
		width: min(3.4166666667vw, 41px);
		transform: translateX(-100%);
		font-size: clamp(10px, 1.4166666667vw, 17px);
	}

	.un_wc_concept_point_no_no {
		font-size: clamp(55px, 8.3333333333vw, 100px);
	}

	.un_wc_concept_point {
		flex-direction: column;
		width: 100%;
		padding-inline: initial;
		padding-block: min(1.1666666667vw, 14px) min(1.5vw, 18px);
		gap: min(0.4166666667vw, 5px);
		border: min(0.0833333333vw, 1px) solid var(--c-orange);
		border-bottom: min(0.8333333333vw, 10px) solid var(--c-orange);
		border-radius: min(0.8333333333vw, 10px);
	}

	.un_wc_concept_point_text {
		font-size: clamp(15px, 2vw, 20px);
		line-height: 1.5;
		text-align: center;
	}

	.un_wc_feature {
		padding-bottom: min(7.0833333333vw, 85px);
	}

	.un_wc_feature__no01 {
		background-color: #e7f3ce;
	}

	.un_wc_feature__no02 {
		padding-top: min(9.0833333333vw, 109px);
		background-color: #ffeccf;
	}

	.un_wc_feature__no03 {
		padding-top: min(7.8333333333vw, 94px);
		background-color: #d4ecfa;
	}

	.un_wc_feature__no04 {
		padding-top: min(7.8333333333vw, 94px);
		background-color: #e9ddec;
	}

	.un_wc_feature_h2 {
		/* margin-top: min(7.0833333333vw, 85px); */
		font-weight: 500;
		font-size: clamp(25px, 5.4166666667vw, 65px);
		letter-spacing: 0.2em;
	}

	.un_wc_feature_message {
		font-size: clamp(18px, 2.9166666667vw, 34px);
		letter-spacing: 0.05em;
	}

	.un_wc_feature_desc {
		margin-top: min(0.6666666667vw, 8px);
		font-size: clamp(13px, 1.6666666667vw, 20px);
		line-height: 1.75;
		letter-spacing: 0.05em;
	}

	.un_wc_feature_message_text_wrap {
		display: flex;
		gap: 8px;
	}

	.un_wc_feature_message_left {
		width: min(19.75vw, 237px);
	}

	.un_wc_message {
		padding-block: min(7vw, 84px) min(6.8333333333vw, 82px);
		background-color: #fff;
	}

	.un_wc_message_h2 {
		font-weight: 500;
		font-size: clamp(23px, 2.9166666667vw, 35px);
		letter-spacing: 0.05em;
	}

	.un_wc_message_authors {
		margin-top: min(6.5833333333vw, 79px);
		gap: min(1.9166666667vw, 23px);
	}

	.un_wc_message_job {
		margin-top: 0;
		font-size: clamp(13px, 1.6666666667vw, 20px);
		text-align: left;
	}

	.un_wc_message_author_name {
		margin-top: min(0.4166666667vw, 5px);
		font-size: clamp(24px, 3.75vw, 45px);
		text-align: left;
	}

	.un_wc_message_author_h3 {
		margin-top: min(1.9166666667vw, 23px);
		font-size: clamp(15px, 2.3333333333vw, 28px);
	}

	.un_wc_message_author_message {
		margin-top: min(0.4166666667vw, 5px);
		font-size: clamp(13px, 1.6666666667vw, 20px);
		line-height: 1.75;
	}

	.un_wc_message_more {
		justify-content: flex-end;
		margin-top: 0;
		gap: min(0.8333333333vw, 10px);
	}

	.un_wc_message_more_p {
		font-size: clamp(10px, 1.0833333333vw, 13px);
	}

	.un_wc_message_author_img {
		width: 100%;
		border-width: min(0.0833333333vw, 1px);
		border-radius: min(1.25vw, 15px);
	}

	.un_wc_message_author {
		display: grid;
		grid-template-columns: min(20vw, 240px) 1fr;
		align-items: flex-start;
		gap: min(5vw, 60px);
	}

	.un_wc_message_more_arrow {
		width: min(3.1666666667vw, 38px);
		height: min(3.1666666667vw, 38px);
	}

	.un_wc_sample {
		padding-block: min(7.0833333vw, 85px);
	}

	.un_wc_sample_h2 {
		font-size: clamp(25px, 2.9166666667vw, 35px);
	}

	.un_wc_sample_subjects {
		padding-block-start: min(2.5vw, 30px);
	}

	.un_wc_sample_subjects:first-of-type {
		padding-block-start: min(7vw, 84px);
	}

	.un_wc_sample_h3 {
		font-size: clamp(34px, 3.75vw, 45px);
		text-align: left;
	}

	.un_wc_sample_subTtl {
		width: min(17.833333vw, 214px);
		margin-bottom: min(1.953vw, 20px);
		font-size: clamp(16px, 2vw, 24px);
		text-align: left;
	}

	.un_wc_sample_inner {
		margin-top: min(1.666667vw, 20px);
		padding-left: min(1.666667vw, 20px);
	}

	.un_wc_sample_btnBox {
		display: flex;
		padding-block-start: 0;
		gap: 0 20px;
	}

	.el_wc_btn {
		width: min(20.833333vw, 250px);
		height: min(5.8333333vw, 70px);
		border-radius: 432px;
	}

	.el_wc_add_btn {
		margin-top: min(10.6666666vw, 80px);
		margin-left: auto;
		margin-right: auto;
		width: min(64vw, 600px);
		height: min(6vw, 60px);
		border-radius: 60px;
	}

	.el_wc_btn.el_wc_btn__01:nth-of-type(2) {
		margin-block: 0;
	}

	.el_wc_btn.el_wc_btn__02:nth-of-type(2) {
		margin-block-start: 0;
	}

	.el_wc_btn.el_wc_btn__03:nth-of-type(2) {
		margin-block: 0;
	}

	.el_wc_btn.el_wc_btn__04:nth-of-type(2) {
		margin-block-start: 0;
	}

	.el_wc_btn a {
		width: 100%;
		height: 100%;
		border-radius: 432px;
		font-size: clamp(13px, 1.5vw, 18px);
		font-weight: 500;
		text-align: center;
		letter-spacing: 0;
	}

	.un_wc_footer {
		padding-top: 35px;
		padding-bottom: 35px;
	}

	.ly_inner {
		max-width: min(100vw, 1200px);
		margin-inline: auto;
		padding-inline: min(3.6666666667vw, 44px);
	}

	.hp_mt69_pc {
		margin-top: min(6.0833333333vw, 73px);
	}
}

@media (min-width: 801px) {
	.un_webContents_slide_button {
		height: 47px;
	}
}

@media (min-width: 1001px) {
	.un_webContents_slide_button {
		height: 59px;
	}
}

@media (min-width: 1025px) {
	.un_wc_sample_inner {
		display: flex;
		align-items: center;
		margin-top: min(1.666667vw, 20px);
		padding-left: min(1.666667vw, 20px);
	}

	.un_wc_sample_subTtl {
		margin-bottom: 0;
	}
}

@media (min-width: 1201px) {
	.un_wc_feature_bg_01 {
		width: 173px;
		height: 131px;
		top: -180px;
	}

	.un_wc_mv_textBook_img {
		box-shadow: 8px 8px 6px 0 rgba(0, 0, 0, 0.16);
	}

	.un_wc_concept_h2_left {
		left: -77px;
	}

	.un_wc_concept_h2_right {
		right: -62px;
	}

	.un_webContents_slide_button {
		height: 70px;
	}
}

@media (max-width: 801px) {
	.un_wc_mv_link {
		max-width: 348px;
	}
}

@media (max-width: 1601px) {
	.un_wc_mv_bg_left_img01 {
		display: none;
	}

	.un_wc_mv_bg_left_img02 {
		display: none;
	}

	.un_wc_mv_bg_right_img01 {
		display: none;
	}

	.un_wc_mv_bg_right_img02 {
		display: none;
	}
}

@media (600px < width <=650px) {
	.un_wc_concept_p_br {
		display: block;
	}
}

@media (min-width: 721px) {
	.un_wc_concept_point_no_text {
		width: min(6.6666666667vw, 80px);
	}
}

@media (min-width: 1026px) {
	.un_wc_feature_bg {
		max-height: 460px;
	}
}



/*
# =================================================================
  # accordion-sticky
# =================================================================
*/
.accordion-item {
	position: relative;
}

.accordion-header {
	z-index: 4;
	position: sticky;
	top: 58px;
}

.accordion-button:not(.collapsed) {
	background-color: #ffffff !important;
}