@charset "utf-8";

img {
  display: block;
}

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

.ly_hr_bgcolor {
  background-color: #707070;
  height: 1px;
}

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

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

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

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

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

/*
# =================================================================
  # digital_mv
# =================================================================
*/
.bl_digital_mv_h1 {
  font-weight: 500;
  font-size: max(8vw, 30px);
  text-align: center;
  padding-top: 20px;
}

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

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

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

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

.bl_digital_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;
}

.bl_digital_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: "";
}

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

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

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

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

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

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

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

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

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

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

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

.bl_digital_concept_h2_left,
.bl_digital_concept_h2_right {
  position: absolute;
  top: 50%;
}

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

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

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

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

.bl_digital_concept_p_br {
  display: none;
}

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

.bl_digital_concept_points {
  margin-top: 2.4vw;
}

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

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

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

.bl_digital_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;
}

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

/*
# =================================================================
  # bl_digital_feature
# =================================================================
*/

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

.bl_digital_feature.bl_digital_feature__no01 {
  background-color: #E7F3CE;
}

.bl_digital_feature.bl_digital_feature__no02 {
  background-color: #FFECCF;
}

.bl_digital_feature.bl_digital_feature__no03 {
  background-color: #D4ECFA;
}

.bl_digital_feature.bl_digital_feature__no04 {
  background-color: #E9DDEC;
}

/* .bl_digital_feature__no02 {
  padding-top: 8vw;
}

.bl_digital_feature__no03 {
  padding-top: 8vw;
}

.bl_digital_feature__no04 {
  padding-top: 8vw;
} */

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

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

.bl_digital_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;
}

.bl_digital_feature_message_wrap__no01 {
  margin-top: 8vw;
  background-color: #E7F3CE;
}

.bl_digital_feature_message_wrap__no02 {
  margin-top: 8vw;
  background-color: #FFECCF;
}

.bl_digital_feature_message_wrap__no03 {
  margin-top: 8vw;
  background-color: #D4ECFA;
}

.bl_digital_feature_message_wrap__no04 {
  margin-top: 8vw;
  background-color: #E9DDEC;
}

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

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

.bl_digital_feature_block {
  position: relative;
}

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

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

.bl_digital_feature_bg_02 {
  position: absolute;
  top: -106px;
  left: -282px;
}

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

.bl_digital_feature_bg_04 {
  position: absolute;
  top: 53px;
  left: -281px;
}

.bl_digital_feature_bg_05 {
  position: absolute;
  top: 48px;
  left: -268px;
}

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

.bl_digital_feature_bg_07 {
  position: absolute;
  top: -358px;
  right: -270px;
}

.bl_digital_feature_bg_08 {
  position: absolute;
  top: 74px;
  left: -282px;
}

.bl_digital_feature_bg_09 {
  position: absolute;
  top: 674px;
  right: -270px;
}

.bl_digital_feature_bg_10 {
  position: absolute;
  top: -108px;
  left: -282px;
}

.bl_digital_feature_bg_11 {
  position: absolute;
  top: -1px;
  right: -270px;
}


.bl_digital_feature_message_left {
  width: 20vw;
}

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

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

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

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

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

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

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

.bl_digital_message_author_message__hide {
  margin-top: 0 !important;
}

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

.show+.bl_digital_message_more .bl_digital_message_more_arrow {
  transform: rotate(180deg);
}

.show+.bl_digital_message_more .bl_digital_message_more_p {
  font-size: 0;
}

.show+.bl_digital_message_more .bl_digital_message_more_p::after {
  font-size: max(2.6666666667vw, 10px);
  content: "閉じる";
}

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

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

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

.bl_digital_message_bg_01 {
  position: absolute;
  top: -706px;
  left: -285px;
}

.bl_digital_message_bg_02 {
  position: absolute;
  top: -519px;
  right: -272px;
}

.bl_digital_env_bg_01 {
  position: absolute;
  top: -248px;
  left: -285px;
}

.bl_digital_env_bg_02 {
  position: absolute;
  top: -744px;
  right: -272px;
}

.bl_digital_howto_bg_01 {
  position: absolute;
  top: -164px;
  left: -285px;
}

.bl_digital_howto_bg_02 {
  position: absolute;
  top: -744px;
  right: -272px;
}

.bl_digital_price_bg_01 {
  position: absolute;
  top: -345px;
  left: -285px;
}

.bl_digital_price_bg_02 {
  position: absolute;
  top: -680px;
  right: -272px;
}

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

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

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

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

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

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

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

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

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

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

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

.el_digital_btn {
  width: 100%;
  /* height: 12vw; */
  border-radius: 100px;
  background-color: #fff;
  margin-top: 2.6666666666vw;
}

.el_digital_add_btn {
  margin-top: min(5.33333vw, 20px);
  margin-left: auto;
  margin-right: auto;
  width: min(64vw, 600px);
  height: min(12vw, 60px);
  border-radius: 60px;
}

.el_digital_add_btn.el_digital_btn__01 {
  border: 1px solid var(--c-green-light);
  background-color: var(--c-green-light);
}

.el_digital_add_btn.el_digital_btn__02 {
  border: 1px solid var(--c-orange);
  background-color: var(--c-orange);
}

.el_digital_add_btn.el_digital_btn__03 {
  border: 1px solid var(--c-blue);
  background-color: var(--c-blue);
}

.el_digital_add_btn.el_digital_btn__04 {
  border: 1px solid var(--c-purple);
  background-color: var(--c-purple);
}


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

.el_digital_btn.el_digital_btn__02 {
  border: 1px solid var(--c-orange);
}

.el_digital_btn.el_digital_btn__03 {
  border: 1px solid var(--c-blue);
}

.el_digital_btn.el_digital_btn__04 {
  border: 1px solid var(--c-purple);
}

.el_digital_btn.el_digital_btn__01:nth-of-type(2) {
  /* margin-block: 2.6666666666vw; */
}

.el_digital_btn.el_digital_btn__02:nth-of-type(2) {
  /* margin-block-start: 2.6666666666vw; */
}

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

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

.el_digital_btn {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: min(10vw, 120px);
  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;
}

.el_txt_sm{
  font-size: max(2.133333vw,8px);
  vertical-align: top;
}

@media (min-width: 601px) {
  .el_txt_sm{
    font-size: min(0.833333vw,10px);
  }  
}

/* 20231208 hover解除
@media (hover: hover) and (pointer: fine) {
  .el_digital_btn:hover a {
    color: #fff;
  }

  .el_digital_btn.el_digital_btn__01:hover {
    background-color: var(--c-green-light);
  }

  .el_digital_btn.el_digital_btn__02:hover {
    background-color: var(--c-orange);
  }

  .el_digital_btn.el_digital_btn__03:hover {
    background-color: var(--c-blue);
  }

  .el_digital_btn.el_digital_btn__04:hover {
    background-color: var(--c-purple);
  }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.bl_digital_price_subTtl {
  color: var(--c-black);
  font-size: max(4.266666666vw, 16px);
  line-height: 1.06;
  text-align: center;
  font-weight: bold;
  word-break: keep-all;
}

.bl_digital_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_small {
  font-weight: normal;
  font-size: max(2.666667vw, 10px);
  line-height: 1.5;
  letter-spacing: 0.05em;
}

.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;
}

.bl_accordion_flex {
  display: flex;
  justify-content: center;
  gap: 0 min(6.666666vw, 25px);
}

.un_accordion_img2_5 {
  width: 40vw;
  margin-left: auto;
  margin-right: auto;
  margin-top: 5vw;
}

.un_ac_w222{
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 59.2vw;
}

.un_ac_w47{
  width: 12.5333333vw !important;
}

.un_ac_flex{
  display: flex;
  align-items: flex-start;
  justify-content: center;
  gap: 0 min(2.66666vw, 10px);
}


/*
# =================================================================
  # bl_digital_footer
# =================================================================
*/

.ly_inner {
  padding-inline: 4.5333333333vw;
}

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

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

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

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

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

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

.un_digital_slide.un_digital_slide__01 .slick-next:before {
  background: url("../../common/images/img-common-arrowright-green.svg") !important;
  background-size: contain !important;
}

.un_digital_slide.un_digital_slide__02 .slick-next:before {
  background: url("../../common/images/img-common-arrowright-orange.svg") !important;
  background-size: contain !important;
}

.un_digital_slide.un_digital_slide__03 .slick-next:before {
  background: url("../../common/images/img-common-arrowright-blue.svg") !important;
  background-size: contain !important;
}

.un_digital_slide.un_digital_slide__04 .slick-next:before {
  background: url("../../common/images/img-common-arrowright-purple.svg") !important;
  background-size: contain !important;
}

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

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

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

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

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

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

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

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

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

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

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

.un_digital_slide_nav .slick-slide.slick-current .un_digital_slide_button.un_digital_slide_button__01 {
  background-color: var(--c-green-light);
  color: #fff;
}

.un_digital_slide_nav .slick-slide.slick-current .un_digital_slide_button.un_digital_slide_button__02 {
  background-color: var(--c-orange);
  color: #fff;
}

.un_digital_slide_nav .slick-slide.slick-current .un_digital_slide_button.un_digital_slide_button__03 {
  background-color: var(--c-blue);
  color: #fff;
}

.un_digital_slide_nav .slick-slide.slick-current .un_digital_slide_button.un_digital_slide_button__04 {
  background-color: var(--c-purple);
  color: #fff;
}


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

.un_digital_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_digital_slide_button.un_digital_slide_button__01 {
  border: 1px solid var(--c-green-light);
}

.un_digital_slide_button.un_digital_slide_button__02 {
  border: 1px solid var(--c-orange);
}

.un_digital_slide_button.un_digital_slide_button__03 {
  border: 1px solid var(--c-blue);
}

.un_digital_slide_button.un_digital_slide_button__04 {
  border: 1px solid var(--c-purple);
}

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

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

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

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


.un_digital_slide li {
  position: relative;
  padding-inline: min(3.0833333333vw, 37px);
  padding-block: min(3vw, 36px) min(1.3333333333vw, 16px);
  background-color: var(--c-yellow-light);
  width: min(92.75vw, 1113px);
  height: min(67.333333vw, 712px);
  /* border-radius: 20px; */
}

.un_digital_slide .slick-list {
  border-radius: min(1.6666666667vw, 20px);
}

.un_digital_slide_01 .slick-list {
  border: 3px solid var(--c-green-light);
}

.un_digital_slide_02 .slick-list {
  border: 3px solid var(--c-orange);
}

.un_digital_slide_03 .slick-list {
  border: 3px solid var(--c-blue);
}

.un_digital_slide_04 .slick-list {
  border: 3px solid var(--c-purple);
}

.un_digital_slide .slick-dots li {
  background-color: transparent;
}

.un_digital_slide h3 {
  margin-bottom: min(1.66666vw, 20px);
  font-size: clamp(15px, 2.5vw, 30px);
}

.un_digital_slide h4 {
  font-size: clamp(13px, 1.5vw, 18px);
  font-weight: 700;
  line-height: 1.33;
}

.un_digital_slide_txt {
  font-size: clamp(13px, 1.5vw, 18px);
  line-height: 1.67;
  letter-spacing: 0.05em;
  font-weight: 400;
}

.un_digital_slide_smTxt14 {
  font-size: clamp(10px, 1.16666vw, 14px);
  line-height: 1.43;
  letter-spacing: 0.05em;
  font-weight: 400;
}

.un_digital_slide_smTxt_12 {
  font-size: min(1vw, 12px);
  line-height: 2.0;
  font-weight: 400;
}

.un_digital_slide_page {
  font-size: clamp(10px, 1.083333vw, 13px);
  font-weight: 500;
}

.un_digital_slide_flex {
  display: flex;
  justify-content: space-between;
}

.un_digital_slide_flexEnd {
  display: flex;
  align-items: flex-end;
  gap: 0 min(4.16666vw, 5px);
}

.un_digital_slide_table4 {
  /* margin-top: max(-3.08333vw, -17px); */
  /* margin-left: min(2.833333333333333vw, -34px); */
  /* margin-bottom: min(-3.16666vw, -38px);
  margin-right: min(-8.83333vw, -106px); */
  border-spacing: min(2.5vw, 30px) min(1.666666666666667vw, 20px);
  /* width: calc(100% + 34px + 34px); */
}

.un_digital_slide_table4_txt {
  margin-top: min(0.416666vw, 5px);
  font-size: clamp(13px, 1.5vw, 18px);
  line-height: 1.4;
  font-weight: 400;
}

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

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

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

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

/* 各スライドごとの要素配置 */
/* スライダー１つ目 */
.un_digital_slide_txt1_1_1 {
  width: min(86vw, 1032px);
}

.un_digital_slide_txt1_1_2 {
  width: min(86vw, 1032px);
  margin-top: min(1.25vw, 15px);
}

.un_digital_slide_txt1_1_3 {
  margin-top: min(1.67777777vw, 20px);
  margin-left: min(26vw, 312px);
}

.un_digital_slide_img1_1_1 {
  margin-top: min(4.83333vw, 58px);
  margin-left: min(12.833333333333333vw, 154px);
  width: min(73.416666vw, 881px);
  height: auto;
}

.un_digital_slide_flexBox1_2 {
  position: relative;
}

.un_digital_slide_txt1_2_1 {
  width: min(57vw, 600px);
}

.un_digital_slide_txt1_2 {
  margin-top: min(0.833333vw, 10px);
  margin-left: min(2.9166666666vw, 35px);
  width: min(21.58333333vw, 259px);
  font-size: clamp(10px, 1.16666vw, 14px);
  line-height: 1.43;
  letter-spacing: 0.04em;
  font-weight: 400;
}

.un_digital_slide_flex1_2_1 {
  margin-top: min(2.083333333vw, 25px);
  justify-content: flex-start;
  gap: 0 min(1.83333vw, 22px);
}

.un_digital_slide_flex1_2_2 {
  margin-top: min(2.083333333vw, 25px);
  gap: 0 min(1.83333vw, 22px);
  justify-content: flex-start;
}

.un_digital_slide_img1_2_1 {
  width: min(23.833333333vw, 286px);
  height: auto;
}

.un_digital_slide_img1_2_2 {
  width: min(23.5vw, 282px);
  height: auto;
}

.un_digital_slide_img1_2_3 {
  position: absolute;
  top: max(-9.03334vw, -108px);
  left: min(52.666666666666667vw, 632px);
  width: min(31.6vw, 380px);
  height: auto;
}

.un_digital_slide_img2_2_3 {
  position: absolute;
  top: max(-11.03334vw, -132px);
  left: min(52.666666666666667vw, 632px);
  width: min(31.6vw, 380px);
  height: auto;
}

.un_digital_slide_img3_2_3 {
  position: absolute;
  top: max(-12.03334vw, -144px);
  left: min(52.666666666666667vw, 632px);
  width: min(29.83333vw, 358px);
  height: auto;
}

.un_digital_slide_img4_2_3 {
  position: absolute;
  top: max(-11.03334vw, -132px);
  left: min(52.666666666666667vw, 632px);
  width: min(29.5vw, 354px);
  height: auto;
}

.un_digital_slide_img1_2_4 {
  width: min(23.5vw, 282px);
  height: auto;
}

.un_digital_slide_img1_2_5 {
  width: min(24vw, 288px);
  height: auto;
}

.un_digital_slide_img1_2_6 {
  width: min(23.4166666vw, 281px);
  height: auto;
}

.un_digital_slide_img1_2_7 {
  width: min(19.08333vw, 229px);
  height: min(12.3333vw, 148px);
}

.un_digital_slide_txt1_3_1 {
  width: min(86vw, 1032px);
}

.un_digital_slide_img1_3_1 {
  margin-top: min(1.416666vw, 17px);
  width: min(82.333333vw, 988px);
  height: auto;
}

.un_digital_slide_txt1_4_1 {
  width: min(33.16666666vw, 398px);
}

.un_digital_slide_flex.un_digital_slide_flex1_4 {
  margin-top: min(1.66666vw, 20px);
  /* justify-content: flex-start; */
  gap: 0 min(2.083333vw, 25px);
}

.un_digital_slide_flex1_4_2 {
  gap: 0 min(0.8333333vw, 10px);
}
.un_digital_slide_flex1_4_3 {
  margin-top: min(0.8333333vw, 10px);
  justify-content: flex-start;
  gap: 0 min(2.4166666vw, 29px);
}

.un_digital_slide_flex.un_digital_slide_flex1_4 h4 {
  margin-bottom: min(1.25vw, 15px);
}

.un_digital_slide_img1_4_1 {
  width: min(22.5vw, 270px);
  height: min(18.5vw, 222px);
  margin-top: -36px;
}

.un_digital_slide_img1_4_2{
  width: min(44.833333vw, 538px);
  height: min(31.75vw, 381px);
}

.un_digital_slide_img1_4_3{
  width: min(29.166666vw, 350px);
  height: min(31.75vw, 381px);
}

.un_digital_slide_flex.un_digital_slide_flex1_5 {
  margin-top: min(4.166666vw, 50px);
  gap: 0 min(3.1666vw, 38px);
  /* flex-direction: column; */
}

.un_digital_slide_flex.un_digital_slide_flex1_5.un_digital_slide_flex_1 {
  flex-direction: column;
}

.un_digital_slide_flex.un_digital_slide_flex1_5 h3 {
  margin-bottom: min(0.5vw, 6px);
}

.un_digital_slide_txt1_5_1 {
  margin-bottom: min(2.33333vw, 28px);
  width: min(86vw, 100%);
}

.un_digital_slide_txt1_5_2 {
  width: min(45.75vw, 549px);
}

.un_digital_slide_txt1_5_3 {
  margin-top: min(0.833333vw, 10px);
  margin-bottom: min(3.25vw, 39px);
  width: min(45.75vw, 549px);
}

.un_digital_slide_img1_5_1 {
  width: min(37vw, 444px);
  height: auto;
}

.un_digital_slide_img1_5_2 {
  margin-top: min(1.0833333vw, 13px);
  width: min(45.083333vw, 541px);
  height: auto;
}

.un_digital_slide_img2_3_1 {
  margin-top: min(1.666666vw, 20px);
  margin-left: min(2vw, 24px);
  width: min(82.583333vw, 991px);
  height: min(41.583333vw, 499px);
}

.un_digital_slide2_5_1 {
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0 min(5vw, 60px);
}

.un_digital_slide_txt2_5_1 {
  margin-top: min(2.5vw, 30px);
  margin-left: min(2.833333vw, 34px);
}

.un_digital_slide_img2_5_1 {
  width: min(49.66666vw, 596px);
  height: auto;
}

.un_digital_slide_img2_5_2 {
  margin-top: min(4.33333vw, 52px);
  width: min(21vw, 252px);
  height: auto;
}

.un_digital_slide_img1_5_3 {
  margin-top: min(2.666666666666667vw, 32px);
  width: min(37.25vw, 447px);
  height: auto;
}

.un_digital_slide_table4_img1 {
  width: min(21.833333333333333vw, 262px);
  height: auto;
}

.un_digital_slide_table4_img2 {
  width: min(21.333333vw, 256px);
  height: auto;
}

.un_digital_slide_table4_img3 {
  width: min(21.9166666vw, 263px);
  height: auto;
}

.un_digital_slide_table4_img4 {
  width: min(21.333333vw, 256px);
  height: auto;
}

.un_digital_slide_flex3_6_1 {
  align-items: flex-end;
  margin-top: -10px;
}

.un_digital_slide_img3_3_1 {
  margin-top: min(5vw, 60px);
  width: min(85.9166666vw, 1031px);
  height: auto;
}

.un_digital_slide_txt3_6_1 {
  width: min(86vw, 1032px);
}

.un_digital_slide_img3_6_1 {
  margin-top: min(1.75vw, 21px);
  width: min(78.66666vw, 944px);
  height: auto;
}

.un_digital_slide_img3_6_2 {
  width: min(47.083333vw, 565px);
  height: auto;
}

.un_digital_slide_img4_3_1 {
  margin-top: min(5vw, 60px);
  width: min(82.75vw, 993px);
  height: auto;
}

.hp_mt8 {
  margin-top: 2.133333333vw;
}
.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;
}
.hp_fw500{
  font-weight: 500;
}

.hp_sm_f16{
  font-size: max(4.266666vw, 16px);
}

.un_digital_vido_txt {
  padding-top: min(0.83333vw, 10px);
  font-size: max(3.2vw, 10px);
  letter-spacing: 0.05em;
  line-height: 1.43;
}

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

.bl_digital_price_h3 {
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 5px;
}

.bl_digital_price_h3>span:nth-of-type(3) {
  color: #000000;
  font-weight: 100;
  margin-left: min(1.953vw, 20px);
  font-size: clamp(12px, 2vw, 18px);
}

.bl_digital_mv_head {
    display: none;
}

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

  .el_digital_add_btn {
    margin-top: min(10.6666666vw, 80px);
  }

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

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

  .bl_digital_mv_good {
    display: none;
  }

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

  .bl_digital_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);
  }

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

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

  .bl_digital_mv_bg::after {
    display: none;
  }

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

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

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

  .bl_digital_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_digital_mv_btn {
    display: flex;
    gap: 0 2.5vw;
  }

  .bl_digital_feature {
    padding-bottom: 0;
  }

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

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

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

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

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

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

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

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

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

  .bl_digital_concept_point_no {
    position: relative;
  }

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

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

  .bl_digital_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);
  }

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

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

  .bl_digital_feature__no01 {
    background-color: #E7F3CE;
  }

  .bl_digital_feature__no02 {
    /* padding-top: min(9.0833333333vw, 109px); */
    background-color: #FFECCF;
  }

  .bl_digital_feature__no03 {
    /* padding-top: min(7.8333333333vw, 94px); */
    background-color: #D4ECFA;
  }

  .bl_digital_feature__no04 {
    /* padding-top: min(7.8333333333vw, 94px); */
    background-color: #E9DDEC;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .show+.bl_digital_message_more .bl_digital_message_more_p::after {
    font-size: clamp(10px, 1.0833333333vw, 13px);
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .bl_digital_price_btnBox {
    display: flex;
    padding-block-start: 0;
    gap: 0 min(2.25vw, 27px);
  }

  .el_digital_btn {
    
    width: min(20.833333vw, 250px);
    /* height: min(5.8333333vw, 70px); */
    border-radius: 432px;
    margin-top: 0;
  }

  .el_digital_btn.el_digital_btn__01:nth-of-type(2) {
    margin-block: 0;
  }

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

  .el_digital_btn.el_digital_btn__03:nth-of-type(2) {
    margin-block: 0;
  }

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

  .el_digital_btn {
    width: min(23.333333vw, 280px);
    height: min(8.33333333vw, 100px);
    border-radius: 432px;
    font-size: min(1.333333333333333vw, 16px);
    font-weight: 500;
    text-align: center;
    letter-spacing: 0;
  }

  .bl_digital_howto {
    padding-block-start: min(7.0833333vw, 85px);
    padding-block-end: min(7.583333vw, 91px);
  }

  .bl_digital_howto_h2 {
    font-size: clamp(23px, 2.916667vw, 35px);
    line-height: 1.49;
    letter-spacing: 0.05em;
    font-weight: 500;
  }

  .bl_digital_howto_h3 {
    margin-block-end: min(2.6666666666vw, 20px);
    font-size: clamp(18px, 2.5vw, 30px);
  }

  .bl_digital_howto_box {
    margin-block-start: min(7vw, 84px);
    display: flex;
  }

  .bl_digital_howto_box:first-of-type {
    margin-bottom: min(4.166667vw, 50px);
    ;
  }

  .bl_digital_howto_img {
    margin-block-end: 0;
    margin-right: min(4.25vw, 51px);
    width: min(33.3333333vw, 400px);
    border-radius: 0;
  }

  .bl_digital_howto_txt {
    font-size: clamp(13px, 1.666667vw, 20px);
    line-height: 2;
  }

  .bl_digital_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);
  }

  .un_digital_vido_txt {
    font-size: min(1.1666666vw, 14px);
  }

}

@media (min-width: 601px) and (max-width: 800.98px) {
  .un_digital_slide li {
    height: min(76.333333vw, 712px);
  }

  .un_digital_slide_flex1_2_1 {
    margin-top: 0;
  }
}

@media (min-width: 601px) and (max-width: 849.98px) {
  .un_digital_slide_flex1_2_2 {
    margin-top: 0.25vw
  }
}

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

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

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

  .bl_digital_env_subTtl {
    margin-bottom: 0;
  }

  .bl_digital_price_inner {
    display: flex;
    align-items: center;
    margin-top: min(1.666667vw, 20px);
    padding-left: min(1.666667vw, 20px);
  }

  .bl_digital_price_subTtl {
    margin-bottom: 0;
  }
}

@media (min-width: 601px) and (max-width: 720.98px) {
  .un_digital_slide_smTxt_12 {
    line-height: 1.6;
  }

  .un_digital_slide_table6 {
    margin-left: min(2.33333vw, 64px);
    border-spacing: min(1.66666vw, 20px);
  }

  .un_digital_slide_txt1_4_2 {
    width: 12vw;
  }
}

@media (min-width: 1201px) {
  .bl_digital_mv_textBook_img {
    box-shadow: 8px 8px 6px 0 rgba(0, 0, 0, 0.16);
  }

  .bl_digital_concept_h2_left {
    left: -77px;
  }

  .bl_digital_concept_h2_right {
    right: -62px;
  }

  .bl_digital_feature_bg_01 {
    width: 173px;
    height: 131px;
  }

  /* スライダー１つ目 */
  .un_digital_slide_img1_3_1 {
    top: 195px;
    left: 41px;
  }

  .un_digital_slide_img1_3_2 {
    top: 362px;
    left: 600px;
  }

  .un_digital_slide_img1_5_3 {
    top: 466px;
    left: 709px;
  }
  .un_digital_slide_button {
    height: 70px;
  }
}

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

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

  .bl_digital_mv_bg_left_img02 {
    display: none;
  }

  .bl_digital_mv_bg_right_img01 {
    display: none;
  }

  .bl_digital_mv_bg_right_img02 {
    display: none;
  }
}

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

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

@media (min-width: 1026px) {
  .bl_digital_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;
}

/*
# =================================================================
  # update
# =================================================================
*/
.un_digital_slide_img1_2_3 .un_digital_slide_txt.un_digital_slide_txt1_2 {
  margin-left: min(2.9166666666vw, 35px);
  width: min(22.66666666vw, 272px);
}

.un_digital_slide_img3_2_3 .un_digital_slide_txt.un_digital_slide_txt1_2 {
  margin-left: min(2.9166666666vw, 35px);
  width: min(22.66666666vw, 272px);
}

.un_digital_slide_flex.un_digital_slide_flex1_4>div {
  /* width: min(19.833333333333333vw, 238px); */
}

.un_digital_slide_table4 img {
  margin: min(0.833333333333333vw, 10px) auto 0;
}

.un_digital_slide_table4 td {
  width: 50%;
  vertical-align: top;
}

.un_digital_slide_flex.un_digital_slide_flex1_5 .un_digital_slide_flex.un_digital_slide_flex_1 {
  gap: 0 min(5.166666666666667vw, 62px);
  justify-content: flex-start;
  align-items: center;
}

.bl_digital_env p:nth-of-type(1) {
  margin-top: min(4.1666666666667vw, 50px);
  font-size: clamp(10px, 2vw, 24px);
}

.bl_digital_env p:nth-of-type(2) {
  font-size: clamp(10px, 1.66666666vw, 20px);
  margin-top: min(0.833333333333333vw, 10px);
}



/*
# =================================================================
  # price : 20231208
# =================================================================
*/
.price_note{
	font-size: 1rem;
	padding-left: 2em;
	text-indent: -1em;
}
.price_note:nth-child(2n+1){
	margin-top: 1em;
}

.bl_digital_price_inner .el_digital_btn__01.teacher{
	background-color: #f0ffee;
}
.bl_digital_price_inner .el_digital_btn__03.teacher{
	background-color: #eefaff;
}

@media (min-width: 601px) {
  .bl_digital_price_subTtl {
    /* width: min(17.833333vw, 214px); */
    /* margin-bottom: min(1.953vw, 20px); */
    font-size: clamp(16px, 2vw, 24px);
    text-align: left;
	/* 20231208追加 */
	margin-left: 1em;
  }
}