@charset "utf-8";
/*
# =================================================================
  # bl_wc_slide
# =================================================================
*/

/* スライドの中身 */

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


.un_webContents_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);
  /* overflow: hidden; */
}

.un_webContents_slide_01 .slick-list{
    border: 3px solid var(--c-green-light);
    border-radius: min(1.6666666667vw, 20px);
}
.un_webContents_slide_02 .slick-list{
    border: 3px solid var(--c-orange);
    border-radius: min(1.6666666667vw, 20px);
}
.un_webContents_slide_03 .slick-list{
    border: 3px solid var(--c-blue);
    border-radius: min(1.6666666667vw, 20px);
}
.un_webContents_slide_04 .slick-list{
    border: 3px solid var(--c-purple);
    border-radius: min(1.6666666667vw, 20px);
}

.un_webContents_slide .slick-list {
  border-radius: min(1.6666666667vw, 20px);
  /* border: 3px solid var(--c-green-light); */
}

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

.slick-dots {
  bottom: min(-3.4166666667vw, -41px) !important;
  left: 0;
}
.slick-dots li button:before {
  font-size: clamp(10px, 2vw, 24px) !important;
}


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

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

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

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

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

.un_wc_slide_flexEnd{
  display: flex;
  align-items: flex-end;
  gap: 0 min(4.16666vw, 5px);
}
.un_wc_slide_link{
  display: block;
  margin-top: min(0.8333333vw, 10px);
  text-decoration: none;
  font-size: clamp(13px, 1.5vw, 18px);
  letter-spacing: 0.05em;
  font-weight: 400;
  line-height: 1.67;
}

/*
# =================================================================
  # bl_wc_slide_01
# =================================================================
*/
.un_webContents_slide_01 .bl_wc_slide_color {
  color: var(--c-green-light);
}

.un_wc_slide_txt1_1_1{
  width: min(86.08vw, 1033px);
}
.un_wc_slide_flex1_1_1{
  margin-top: min(2.916666vw, 35px);
}
.un_wc_slide_img1_1_1{
  width: min(40.75vw, 489px);
  height: min(24.583333vw, 295px);
}
.un_wc_slide_txt1_1_2, .un_wc_slide_txt1_1_3{
  margin-top: min(1.666666vw, 20px);
  width: min(40.75vw, 489px);
}
.un_wc_slide_img1_2_1{
  width: min(40.6666666vw, 488px);
  height: min(24.583333vw, 295px);
}

/*
# =================================================================
  # bl_wc_slide_02
# =================================================================
*/
.un_webContents_slide_02 .bl_wc_slide_color {
  color: var(--c-orange);
}

.un_wc_slide_img2_1_1{
  width: min(39.8333333vw, 478px);
  height: min(28.75vw, 345px);
}
.un_wc_slide_img2_1_2{
  width: min(40.333333vw, 484px);
  height: min(28.75vw, 345px);
}
.un_wc_slide_txt2_1_1{
  width: min(39.75vw, 477px);
}
.un_wc_slide_txt2_1_2{
  width: min(40.3333vw, 484px);
}
.un_wc_slide_link2_2{
  margin-top: min(1.66666vw, 20px);
}
.un_wc_slide_flex2_2_1{
  justify-content: flex-start !important;
  gap: 0 min(1.666666vw , 20px);
}
.un_wc_slide_img2_2_1{
  width: min(49.416666vw, 593px);
  height: min(35.66666vw, 428px);
}
.un_wc_slide_img2_2_2{
  position: absolute;
  top: min(24.6666666vw, 296px);
  /* left: min(55.5vw, 666px); */
  left: 60%;
  width: min(33.916666vw, 407px);
  height: min(20.75vw, 249px);
}
.un_wc_slide_txt2_2_1{
  width: min(18.6666vw, 224px);
}
.un_wc_slide_link2_2{
  margin-top: min(4.166666vw, 50px);
}
.un_wc_slide_txt2_3_1{
  position: absolute;
  top: min(9.75vw, 117px);
  left: min(54.833333vw, 658px);
  width: min(31.3333vw, 376px);
}
.un_wc_slide_img2_3_1{
  width: min(43.416666vw, 521px);
  height: min(24.33333vw, 292px);
}
.un_wc_slide_img2_3_2{
  position: absolute;
  top: min(30.66666vw, 368px);
  left: min(42.916666vw, 515px);
  width: min(43.25vw, 519px);
  height: min(24.25vw, 291px);
}

/*
# =================================================================
  # bl_wc_slide_03
# =================================================================
*/

.un_webContents_slide_03 .bl_wc_slide_color {
  color: var(--c-blue);
}
.un_wc_slide_flex3_1_1{
  margin-top: min(1.666666vw , 20px);
}
.un_wc_slide_txt3_1_1{
  width: min(86.08vw, 1033px);
}
.un_wc_slide_txt3_1_2{
  margin-top: min(1.666666vw , 20px);
  width: min(29.416666vw, 353px);
}
.un_wc_slide_txt3_1_3{
  margin-top: min(1.333333vw , 16px);
  width: min(30.25vw, 363px);
}
.un_wc_slide_img3_1_1{
  width: min(21.75vw, 261px);
  height: min(25.416666vw, 305px);
}
.un_wc_slide_img3_1_2{
  width: min(29.66666vw, 356px);
  height: min(17.5833333vw, 211px);
}
.un_wc_slide_img3_1_3{
  width: min(18vw, 216px);
  height: min(8.166666vw, 98px);
}
.un_wc_slide_img3_1_4{
  width: min(18.083333vw, 217px);
  height: min(10.25vw, 123px);
}
.un_wc_slide_flex3_2_1{
  margin-top: min(1.666666vw , 20px);
}
.un_wc_slide_flex3_2_2{
  margin-top: min(2.5vw , 30px);
}
.un_wc_slide_img3_2_1{
  width: min(29.8333333vw, 358px);
  height: min(18.75vw, 225px);
}
.un_wc_slide_img3_2_2{
  width: min(24.91666vw, 299px);
  height: min(18.75vw, 225px);
}
.un_wc_slide_img3_2_3{
  width: min(29.75vw, 357px);
  height: min(8.16666vw, 98px);
}
.un_wc_slide_img3_2_4{
  width: min(24.91666vw, 299px);
  height: min(18.66666vw, 224px);
}
.un_wc_slide_txt3_2_1, .un_wc_slide_txt3_2_2{
  width: min(24.91666vw, 292px);
}
.un_wc_slide_flex3_3_1{
  margin-top: min(3.5vw , 42px);
  gap: 0 min(4.0833333vw, 49px);
  justify-content: center !important;
}
.un_wc_slide_img3_3_1{
  width: min(34.66666vw, 416px);
  height: min(27.3333vw, 328px);
}
.un_wc_slide_img3_3_2{
  width: min(33.916666vw, 407px);
  height: min(23.8333vw, 286px);
}
.un_wc_slide_txt3_3_1{
  margin-top: min(1.666666vw , 20px);
  width: min(33.916666vw, 407px);
}
.un_wc_slide_flex3_4_1{
  margin-top: min(3.5vw , 42px);
  gap: 0 min(4.5833333vw, 55px);
  justify-content: center !important;
}
.un_wc_slide_img3_4_1{
  width: min(42vw, 504px);
  height: min(28.25vw, 339px);
}
.un_wc_slide_img3_4_2{
  width: min(39.58333vw, 475px);
  height: min(28.3333vw, 340px);
}
.un_wc_slide_txt3_4_1{
  margin-top: min(1.666666vw , 20px);
  width: min(39.58333vw, 475px);
}

/*
# =================================================================
  # bl_wc_slide_04
# =================================================================
*/
.un_webContents_slide_04 .bl_wc_slide_color {
  color: var(--c-purple);
}
.un_wc_slide_flex4_1_1{
  margin-top: min(5.5vw,66px);
  gap: 0 min(2.75vw, 33px);
}
.un_wc_slide_img4_1_1{
  width: min(39.83333vw, 478px);
  height: min(27.91666vw, 335px);
}
.un_wc_slide_img4_1_2{
  width: min(43.5833333vw, 523px);
  height: min(27.91666vw, 335px);
}
.un_wc_slide_img4_2_1{
  width: min(38.1666vw, 458px);
  height: min(25.91666vw, 311px);
}
.un_wc_slide_img4_2_2{
  width: min(38.25vw, 459px);
  height: min(25.91666vw, 311px);
}
.un_wc_slide_flex4_3_1{
  margin-top: min(2.166666vw,26px);
  gap: 0 min(4.66666vw, 56px);
  justify-content: center !important;
}
.un_wc_slide_img4_3_1{
  width: min(36.83333vw, 442px);
  height: min(30vw, 360px);
}
.un_wc_slide_img4_3_2{
  width: min(36.83333vw, 442px);
  height: min(30.0833333vw, 361px);
}
.un_wc_slide_txt4_3_1, .un_wc_slide_txt4_3_2{
  margin-top: min(0.8333333vw,10px);
  width: min(36.83333vw, 442px);
}

/*
# =================================================================
  # accordion-item
# =================================================================
*/

.ly_inner {
  padding-inline: 4.5333333333vw;
}

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

.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_mt29 {
  margin-top: 7.7333333333vw;
}

@media (min-width: 601px) {
  html {
    overflow-x: hidden;
  }
  .ly_inner {
    max-width: min(100vw, 1200px);
    margin-inline: auto;
    padding-inline: min(3.4666666667vw, 44px);
  }
  .hp_mt10_pc {
    margin-top: min(0.8333333333vw, 10px);
  }
  .hp_mt15_pc {
    margin-top: min(1.25vw, 15px);
  }
  .hp_mt69_pc {
    margin-top: min(6.0833333333vw, 73px);
  }
}

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

}

@media (min-width: 601px) and (max-width: 820.98px){
  .un_webContents_slide_03 li{
    height: min(80.333333vw, 712px);
  }
}

@media (min-width: 861px) {
  .un_webContents_slide li {
    aspect-ratio: 1113/712;
  }
}

@media (min-width: 1201px) {
  .slick-dots {
    bottom: -41px !important;
  }
}


.un_wc_slide {
  margin-top: min(2.1666666667vw, 26px);
}
.un_wc_slide .slick-prev:before {
  background: url(../images/slider_arrow_left.svg) !important;
  background-size: contain !important;
}
.un_wc_slide .slick-next:before {
  background: url(../images/slider_arrow_right.svg) !important;
  background-size: contain !important;
}
.un_wc_slide .slick-dots li.slick-active button:before {
  color: var(--c-green-light);
}
.un_wc_slide .slick-dots li {
  margin-right: min(0.8333333333vw, 10px);
  margin-left: min(0.8333333333vw, 10px);
}
.un_wc_slide .slick-list {
  border-radius: 0;
}
.un_wc_slide .slick-arrow {
  transition: opacity 0.3s ease-in-out;
}

.un_wc_slide_nav {
  margin-top: min(4.5vw, 54px);
}
.un_wc_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_wc_slide_nav .slick-track::before, .un_wc_slide_nav .slick-track::after {
  display: none;
}
.un_wc_slide_nav .slick-slide {
  width: 100% !important;
}
.un_wc_slide_nav .slick-slide.slick-current .un_wc_slide_button {
  background-color: var(--c-green-light);
  color: #fff;
}
.un_wc_slide_nav .slick-list {
  border-radius: initial;
}

.un_wc_slide_button {
  width: 97%;
  height: min(5.8333333333vw, 70px);
  padding-block: min(1vw, 12px);
  border: 1px solid var(--c-green-light);
  border-radius: min(2.9166666667vw, 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_wc_slide_button:hover, .un_wc_slide_button:focus {
  background-color: var(--c-green-light);
  color: #fff;
}

/*
# =================================================================
  # 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-green-light);
  content: "";
}
.bl_accordion_title::after {
  width: 4vw !important;
  height: 4vw !important;
  background-image: url(../../common/images/img-accordion_arrow_green.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: rgba(148, 202, 55, 0.25);
}

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

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

.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;
	color: #fff;
	border-radius: 5px;
	width: 125px;
}

.bl_accordion_h3__green{
	background-color: #68be83;
}

.bl_accordion_h3__yellow{
	background-color: #f5a100;
}

.bl_accordion_h3__blue{
	background-color: #4f86c5;
}

.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_page3_3 {
  bottom: 6vw !important;
}