@charset "utf-8";
img {
  display: block;
}
hr{
	background-color: #707070;
	height: 1px;
	border: none;
}

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

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

/* # =================================================================
   # here in hambuger menu
   # ================================================================= */
.js_spMenu ul li:nth-of-type(8) {
	background-color: #ccc;
}
/*
# =================================================================
  # hoken_mv
# =================================================================
*/
.bl_hoken_mv_h1 {
  font-weight: 500;
  font-size: max(9.3333333333vw, 35px);
  /* letter-spacing: 0.2em; */
  text-align: center;
}

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

.bl_hoken_mv_h1Sub2{
  display: block;
  font-weight: bold;
  font-size: max(4vw, 15px);
  letter-spacing: 0.03em;
}

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

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

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

.bl_hoken_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_hoken_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_hoken_mv_bg::after {
  z-index: 1;
  position: absolute;
  top: 0;
  width: 100%;
  height: 6.6666666667vw;
  background-color: #fff;
  content: "";
}

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

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

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

.bl_hoken_mv_bg_left_img01 {
  position: absolute;
  bottom: -540px;
  left: 20px;
  transform: translateX(-100%);
}

.bl_hoken_mv_bg_left_img02 {
  position: absolute;
  bottom: -567px;
  left: -202px;
  transform: translateX(-100%);
}

.bl_hoken_mv_bg_right_img01 {
  position: absolute;
  right: 23px;
  top: -713px;
  transform: translateX(100%);
}

.bl_hoken_mv_bg_right_img02 {
  position: absolute;
  right: -206px;
  top: -431px;
  transform: translateX(100%);
}

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

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

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

.bl_hoken_concept_h2_left,
.bl_hoken_concept_h2_right {
  position: absolute;
  top: 50%;
}

.bl_hoken_concept_h2_left {
  left: -2.9333333333vw;
  transform: translate(-100%, -50%);
  width: 26.53333333vw;
  height: auto;
}

.bl_hoken_concept_h2_right {
  right: -2.9333333333vw;
  transform: translate(100%, -50%);
  width: 22.5333333vw;
  height: auto;
}

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

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

.bl_hoken_concept_p_br {
  display: none;
}

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

.bl_hoken_concept_points {
  margin-top: 2.4vw;
}

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

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

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

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

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

/*
# =================================================================
  # bl_hoken_feature
# =================================================================
*/
.bl_hoken_feature {
  background-color: #EDE4F0;
}

.bl_hoken_feature__no02 {
  padding-top: 8vw;
}

.bl_hoken_feature__no03 {
  padding-top: 8vw;
}

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

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

.bl_hoken_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;
  background-color: #EDE4F0;
}

.bl_hoken_feature_message_wrap__no01 {
  margin-top: 8vw;
}

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

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

.bl_hoken_feature_block {
  position: relative;
}

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

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

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

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

.bl_hoken_feature_bg_04 {
  position: absolute;
  top: 142px;
  left: -281px;
}

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

.bl_hoken_feature_bg_06 {
  position: absolute;
  top: -49px;
  left: -281px;
}

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

.bl_hoken_feature_message_left {
  width: 20vw;
}

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

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

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

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

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

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

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

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

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

.show + .bl_hoken_message_more .bl_hoken_message_more_arrow {
	transform: rotate(180deg);
}

.show + .bl_hoken_message_more .bl_hoken_message_more_p {
	font-size: 0;
}

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

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

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

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

.bl_hoken_message_bg_01 {
  position: absolute;
  top: -483px;
  left: -285px;
}

/* .bl_hoken_message_bg_02 {
  position: absolute;
  top: -131px;
  right: -272px;
} */

/*
# =================================================================
  # 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%;
  background-color: var(--c-purple);
  content: "";
}

.bl_accordion_title::after {
  width: 4vw !important;
  height: 4vw !important;
  background-image: url(../../common/images/img-accordion_arrow_purple.svg) !important;
  background-position: center;
}

.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;
  background-color: #EDE4F0;
}

.bl_accordion_p {
  font-weight: normal;
  font-size: max(3.4666666667vw, 13px);
  line-height: 1.69;
  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-purple);
}

.bl_accordion_close {
  display: grid;
  place-items: center;
  width: 9.3333333333vw;
  height: 9.3333333333vw;
  margin-top: 2.6666666667vw;
  margin-left: auto;
  border: none;
  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 {
  max-width: 46.6666666667vw;
  margin-left: auto;
  margin-right: auto;
}

.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_rl{
  position: relative;
}

.un_ac_page2_2_1{
  position: absolute;
  top: max(68.06666vw, 255px);
  left: max(6.066666vw, 23px); 
}

.un_ac_page2_2_2{
  position: absolute;
  top: max(68.06666vw, 255px);
  left: max(70.066666vw, 265px); 
}

.un_ac_page4_1_1{
  position: absolute;
  top: max(93.06666vw, 349px);
  left: max(4.533333vw, 17px); 
}

.un_ac_page4_1_2{
  position: absolute;
  top: max(85.06666vw, 319px);
  left: max(72.066666vw, 274px); 
}

/*
# =================================================================
  # bl_hoken_footer
# =================================================================
*/

.ly_inner {
  padding-inline: 4.5333333333vw;
}

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

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

.un_hoken_slide .slick-prev:before {
  background: url("../images/slider_arrow_left.svg") !important;
  background-size: contain !important;
}

.un_hoken_slide .slick-next:before {
  background: url("../images/slider_arrow_right.svg") !important;
  background-size: contain !important;
}

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

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

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

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

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

.un_hoken_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_hoken_slide_nav .slick-track::before,
.un_hoken_slide_nav .slick-track::after {
  display: none;
}

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

.un_hoken_slide_nav .slick-slide.slick-current .un_hoken_slide_button {
  background-color: var(--c-purple);
  color: #fff;
}

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

.un_hoken_slide_button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 97%;
  height: 40px;
  /* padding-block: min(1vw, 12px); */
  border: 1px solid var(--c-purple);
  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_hoken_slide_button:hover,
.un_hoken_slide_button:focus {
  background-color: var(--c-purple);
  color: #fff;
}

/* スライドの中身 */

.un_hoken_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(59.333333vw, 712px);
  /* border-radius: 20px; */
}

.un_hoken_slide .slick-list {
  border-radius: min(1.6666666667vw, 20px);
  border: 3px solid var(--c-purple);
}

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

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

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

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

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

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

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

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

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

.un_hoken_slide_img1_1_1 {
  width: min(57.25vw, 687px);
  height: min(40.5vw, 486px);
}

.un_hoken_slide_flex1_1_1{
  margin-top: min(2.75vw, 33px);
  margin-left: min(14.66666vw, 176px);
}

.un_hoken_slide_txt1_2_1 {
  width: min(87.58333vw, 1051px);
}

.un_hoken_slide_img1_2_1 {
  margin-top: min(3.5vw, 42px);
  width: min(84.25vw, 1011px);
  height: min(40.08333vw, 481px);
}

.un_hoken_slide_txtBox1_2_1 {
  position: absolute;
  top: min(13.75vw, 165px);
  left: min(43vw, 516px);
}

.un_hoken_slide_txt1_2_2 {
  margin-top: min(0.5vw, 6px);
  width: min(47.8333vw, 574px);
}

.un_hoken_slide_page1_2_1 {
  display: flex;
  margin-left:min(39.7vw, 476px);
}

.un_hoken_slide_txt1_3_1 {
  width: min(86.08333vw, 1033px);
}

.un_hoken_slide_img1_3_1 {
  margin-top: min(5.5vw, 66px);
  margin-left: min(10.5vw, 126px);
  width: min(65.58333vw, 787px);
  height: min(26.58333vw, 319px);
}
.un_hoken_slide_page1_3_1 {
  margin-top: min(0.5vw, 6px);
  margin-left: min(10.5vw, 126px);
}

/* スライダー2つ目 */
.un_hoken_slide_img2_1_1 {
  margin-top: min(1vw, 12px);
  margin-left: max(-0.5vw, -6px);
  width: min(87.66666vw, 1052px);
  height: min(43.33333vw, 520px);
}
.un_hoken_slide_page2_1_1{
  margin-right: 1.5vw;
}
.un_hoken_slide_img2_2_1 {
  margin-top: min(1.416666vw, 17px);
  margin-left: max(-2.166666vw, -26px);
  width: min(90.33333vw, 1084px);
  height: min(45.3333vw, 544px);
}
.un_hoken_slide_flex2_1{
  margin-top: -1.3vw;
}
.un_hoken_slide_page2_2_2{
  margin-right: 3.9vw;
}
.un_hoken_slide_flex.un_hoken_slide_flex2_3{
  margin-top: min(2.91666vw, 35px);
  margin-left: min(2.75vw, 33px);
}
.un_hoken_slide_img2_3_1 {
  width: min(58.08333vw, 697px);
  height: min(41.08333vw, 493px);
}
.un_hoken_slide_txt2_3_1{
  width: min(19.416666vw, 233px);
  margin-top: min(14.08333vw, 169px);
  margin-right: min(2.8333vw, 34px);
}
.un_hoken_slide_page2_3_1 {
  margin-top: min(0.5vw, 6px);
  display: flex;
}

/* スライダー3つ目 */
.un_hoken_slide_txt3_1_1{
  width: min(86.0833vw, 1033px);
}
.un_hoken_slide_img3_1_1 {
  width: min(54vw, 648px);
  height: min(23.25vw, 279px);
}
.un_hoken_slide_img3_1_2 {
  margin-top: min(0.75vw, 9px);
  width: min(54vw, 648px);
  height: min(15.16666vw, 182px);
}
.un_hoken_slide_txt3_1_2{
  position: absolute;
  top: min(12.83333vw, 154px);
  left: min(67vw, 804px);
  width: min(17.416666vw, 209px);
}
.un_hoken_slide_flex3_1_2{
  margin-top: min(2.583333vw, 31px);
  margin-left: min(6.833333vw, 82px);
}
.un_hoken_slide_flex3_1_3{
  margin-top: min(2.583333vw, 31px);
  margin-left: min(6.833333vw, 82px);
}
.un_hoken_slide_txt3_2_1{
  width: min(86.08333vw, 1033px);
}
.un_hoken_slide_img3_2_1{
  margin-top: min(2.5vw, 30px);
  margin-left: min(10.33333vw, 124px);
  width: min(66vw, 792px);
  height: min(35.16666vw, 422px);
}
.un_hoken_slide_page3_2_1{
  margin-top: min(0.5vw, 6px);
  margin-left: min(10.33333vw, 124px);
}
.un_hoken_slide_txt3_3_1{
  width: min(75.33333vw, 904px);
}
.un_hoken_slide_img3_3_1, .un_hoken_slide_img3_3_3{
  margin-top: min(1.66666vw, 20px);
  width: min(42.16666vw, 506px);
  height: min(19.166666vw, 230px);
}
.un_hoken_slide_page3_3_1, .un_hoken_slide_page3_3_2{
  margin-top: min(0.4166666vw, 5px);
  display: flex;
}
.un_hoken_slide_flex3_3_2{
  margin-top: min(4.083333vw, 49px);
}
.un_hoken_slide_txt3_3_2{
  width: min(24.666666vw, 296px);
}
.un_hoken_slide_img3_3_2{
  width: min(59.6666vw, 716px);
  height: min(13.83333vw, 166px);
}
.un_hoken_slide_txt3_4_1{
  width: min(53.41666vw, 641px);
}
.un_hoken_slide_img3_4_1{
  margin-top: min(1.166666vw, 14px);
  width: min(53.41666vw, 641px);
  height: min(19.41666vw, 233px);
}
.un_hoken_slide_page3_4_1, .un_hoken_slide_page3_4_2{
  margin-top: min(0.4166666vw, 5px);
}
.un_hoken_slide_img3_4_2{
  margin-top: min(6.583333vw, 79px);
  width: min(26.58333vw, 319px);
  height: min(39.08333vw, 469px);
}
.un_hoken_slide_txt3_4_2{
  position: absolute;
  top: min(46.75vw, 561px);
  left: min(24.41666vw, 293px);
  width: min(35vw, 420px);
}
/* スライダー4つ目 */
.un_hoken_slide_txt4_1_1{
  width: min(86.08333vw, 1033px);
}
.un_hoken_slide_flex4_1_1{
  position: relative;
  margin-top: min(1.6666vw, 20px);
  margin-left: min(15.5vw, 186px);
}
.un_hoken_slide_img4_1_1{
  width: min(54.5vw, 654px);
  height: min(38.58333vw, 463px);
}
.un_hoken_slide_flex4_1_2{
  position: absolute;
  top: min(5.5vw, 66px);
  left: max(-2.6666vw, -32px);
}
.un_hoken_slide_img4_1_2{
  width: min(27.33333vw, 328px);
  height: min(38.58333vw, 463px);
}
.un_hoken_slide_txt4_2_1{
  width: min(86.08333vw, 1033px);
}
.un_hoken_slide_img4_2_1{
  margin-top: min(3vw, 36px);
  margin-left: min(15.5833vw, 187px);
  width: min(55.41666vw, 665px);
  height: min(38vw, 456px);
}
.un_hoken_slide_page4_2_1{
  margin-top: min(0.4166666vw, 5px);
  margin-left: min(15.5833vw, 187px);
}
.un_hoken_slide_txt4_3_1{
  width: min(86.08333vw, 1033px);
}
.un_hoken_slide_img4_3_1{
  margin-top: min(1.66666vw, 20px);
  margin-left: min(13.41666vw, 161px);
  width: min(60.08333vw, 721px);
  height: min(18.66666vw, 224px);
}
.un_hoken_slide_page4_3_1{
  position: absolute;
  top: min(30.16666vw, 362px);
  left: min(16.5vw, 198px);
}
.un_hoken_slide_flex4_3{
  margin-top: min(0.25vw, 3px);
  margin-left: min(13.41666vw, 161px);
}
.un_hoken_slide_img4_3_2{
  width: min(40.41666vw, 485px);
  height: min(22.41666vw, 269px);
}
.un_hoken_slide_link4_3{
  margin-top: min(10vw, 120px);
  margin-left: 2vw;
  width: min(29.333333vw, 352px);
  height: min(10.41666vw, 125px);
}
.un_hoken_slide_link4_3 .el_btn{
  width: min(14.3333vw, 172px);
  height: min(5.6666vw, 50px);
  margin-left: 2vw;
}
.un_hoken_slide_link4_3 a{
  font-size: clamp(10px, 1.33333vw, 16px);
  color: #fff;
}
.un_hoken_slide_txt4_3_2{
  margin-bottom: min(1vw, 12px);
  width: min(29.333333vw, 352px);
  font-size: clamp(10px, 1.16666vw, 13px);
  font-weight: 400;
  line-height: 1.57;
  letter-spacing: 0;
}


.hp_mt5 {
  margin-top: 1.3333333vw !important;
}

.hp_mt10 {
  margin-top: 2.6666666667vw !important;
}

.hp_mt14 {
  margin-top: 3.7333333333vw;
}

.hp_mt17 {
  margin-top: 4.5333333333vw;
}

.hp_mt18 {
  margin-top: 4.8vw;
}

.hp_mt29 {
  margin-top: 7.7333333333vw;
}

.hp_mb10 {
  margin-bottom: 2.666666666vw;
}

.hp_mb20 {
  margin-bottom: 5.3333333333vw;
}

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

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

  .bl_hoken_mv_h1 {
    position: relative;
    top: max(-1.0833333333vw, -13px);
    left: max(-0.4166666667vw, -5px);
    display: flex;
    align-items: flex-end;
    font-size: clamp(35px, 5.416666vw, 65px);
  }

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

  .bl_hoken_mv_h1Sub2 {
    margin-bottom: -0.5em;
    text-align: left;
    font-size: clamp(15px, 2.5vw, 30px);
  }

  .bl_hoken_mv_good {
    display: none;
  }

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

  .bl_hoken_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_hoken_mv_textBook_p {
    margin-top: min(0.5833333333vw, 7px);
    font-size: clamp(15px, 1.25vw, 15px);
  }

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

  .bl_hoken_mv_bg::after {
    display: none;
  }

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

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

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

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

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

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

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

  .bl_hoken_concept_h2_left {
    left: min(-4.25vw, -51px);
    width: min(16.5833333333vw, 199px);
  }

  .bl_hoken_concept_h2_right {
    right: min(-5.1666666667vw, -62px);
    width: min(14.0833333vw, 169px);
  }

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

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

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

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

  .bl_hoken_concept_point_no {
    position: relative;
  }

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

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

  .bl_hoken_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-purple);
    border-bottom: min(0.8333333333vw, 10px) solid var(--c-purple);
    border-radius: min(0.8333333333vw, 10px);
  }

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

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

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

  .bl_hoken_feature__no03 {
    padding-top: min(7.8333333333vw, 94px);
  }

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

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

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

  .bl_hoken_feature_message_text_wrap {
    display: flex;
    gap: 0 min(1.66666666vw, 20px);
  }

  .bl_hoken_feature_message_left1 {
    width: min(11.583333vw, 139px);
  }
  .bl_hoken_feature_message_left2 {
    width: min(17.5vw, 210px);
  }
  .bl_hoken_feature_message_left3 {
    width: min(14.08333vw, 169px);
  }
  .bl_hoken_feature_message_left4 {
    width: min(14.25vw, 171px);
  }

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

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

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

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

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

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

  .bl_hoken_message_author_message {
    margin-top: min(0.4166666667vw, 5px);
    font-size: clamp(13px, 1.5vw, 18px);
    line-height: 1.67;
  }

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

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

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

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

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

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

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

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

  .hp_mt69_pc {
    margin-top: min(6.0833333333vw, 73px);
  }
}
@media (min-width: 601px) and (max-width: 720.98px) {
  .un_hoken_slide_img1_1_1{
    margin-top: 5px;
  }
  /* .un_hoken_slide_page1_2_1{
    top: calc(335 * 100vw / 600);
  } */
}
@media (min-width: 601px) and (max-width: 800.98px){
  .un_hoken_slide li {
    height: min(66.333333vw, 712px);
  }
  .un_seikatsu_slide_03 li{
    height: min(76.333333vw, 712px);
  }
  .un_hoken_slide_txt2_3_1 {
    margin-top: 5.08333vw;
  }
  .un_hoken_slide_txt3_1_2 {
    top: 15.83333vw;
  }
  .un_hoken_slide_flex3_3_2{
    margin-top: 0.5vw;
  }
  .un_hoken_slide_page4_3_1 {
    top: 32.16666vw;
  }
}

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

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

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

  .bl_hoken_concept_h2_left {
    left: -51px;
  }

  .bl_hoken_concept_h2_right {
    right: -62px;
  }

  .bl_hoken_feature_bg_01 {
    width: 173px;
    height: 131px;
    top: -180px;
  } 
  .un_hoken_slide_button {
    height: 70px;
  }
}

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

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

  .bl_hoken_mv_bg_left_img02 {
    display: none;
  }

  .bl_hoken_mv_bg_right_img01 {
    display: none;
  }

  .bl_hoken_mv_bg_right_img02 {
    display: none;
  }
}

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

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

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