.slidebox-cls { overflow: hidden; }

.pc-size { display: block !important; }
@media screen and (max-width: 768px) { .pc-size { display: none !important; } }

.sp-size { display: none !important; }
@media screen and (max-width: 768px) { .sp-size { display: block !important; } }

.slider-cls { position: relative; }
.slider-cls.slick-dotted { margin-bottom: 150px; }
.slider-cls img { width: 100%; height: auto; }
.slider-cls .cell .cell-inner { position: relative; z-index: 3; opacity: 0.5; transition: 0.3s ease 0s opacity, 0.3s ease 0s transform; cursor: pointer; pointer-events: none; /*&::before,
&::after{
	content: "";
	display: block;
	position: absolute;
	top:0%; left: 50%;
	width:30%; height: 70%;
	max-width:300px;
	//padding-bottom: 220 / 200 * 100%;
	background-color: #fff;
	transition: 0.3s ease 0s transform;
	background-size: cover;
	background-position: center center;
	transform: translate(-50%,10%);
}*/ }
.slider-cls .cell .cell-img { width: 60%; max-width: 600px; margin: 0 auto; position: relative; z-index: 10; overflow: hidden; border-radius: 20px; border: 7px solid #fff; }
.slider-cls .cell .cell-img::before { content: ""; position: absolute; }
.slider-cls .cell .cell-img::after { content: ""; position: absolute; bottom: 0; left: 0; background-color: rgba(0, 0, 0, 0.3); width: 100%; height: 60px; mix-blend-mode: multiply; display: block; opacity: 0; transition: 1s ease 0s opacity; }
.slider-cls .cell .cell-img .more { position: absolute; bottom: 15px; left: 0; width: 100%; font-size: 15px; text-align: center; z-index: 3; color: #fff; opacity: 0; transition: 1s ease 0s opacity; }
.slider-cls .cell .cell-img .more .more-btn { padding: 4px 0; background-color: #fff; color: #000; font-size: 14px; display: block; margin: 40px auto 0; width: 160px; border-radius: 40px; }
.slider-cls .cell.motion .cell-img::after { opacity: 1; transition-delay: 0.5s; }
.slider-cls .cell.motion .cell-img .more { opacity: 1; transition-delay: 0.5s; }
.slider-cls .cell.motion .cell-inner { opacity: 1; pointer-events: auto; }
.slider-cls .cell.motion .cell-inner::before { transform: translate(25%, 20%) rotate(12deg); }
.slider-cls .cell.motion .cell-inner::after { transform: translate(-125%, 30%) rotate(-10deg); }
@media screen and (max-width: 1400px) { .slider-cls .cell .cell-inner::before, .slider-cls .cell .cell-inner::after { width: 50%; max-width: none; }
  .slider-cls .cell .cell-img { width: 80%; }
  .slider-cls .cell.slick-active.motion .cell-inner { opacity: 1; }
  .slider-cls .cell.slick-active.motion .cell-inner::before { transform: translate(20%, 15%) rotate(12deg); }
  .slider-cls .cell.slick-active.motion .cell-inner::after { transform: translate(-110%, 20%) rotate(-10deg); } }
@media screen and (max-width: 640px) { .slider-cls .cell { width: 100%; margin: 0 50px; }
  .slider-cls .cell .cell-inner::before, .slider-cls .cell .cell-inner::after { width: 80%; max-width: none; }
  .slider-cls .cell .cell-img { width: 100%; }
  .slider-cls .cell.slick-active.motion .cell-inner { opacity: 1; }
  .slider-cls .cell.slick-active.motion .cell-inner::before { transform: translate(25%, 10%) rotate(12deg); }
  .slider-cls .cell.slick-active.motion .cell-inner::after { transform: translate(-105%, 20%) rotate(-10deg); } }

.slidebox-cls .slick-dots, .overlay-slider .slick-dots { position: absolute; bottom: -130px; left: 50%; transform: translateX(-50%); width: 90%; max-width: 550px; margin: 0px auto 0; display: flex; justify-content: flex-start; flex-wrap: wrap; gap: 2% 2%; }
.slidebox-cls .slick-dots li, .overlay-slider .slick-dots li { width: 18.4%; height: auto; margin: 0; padding: 0; transition: 0.5s ease 0s; }
.slidebox-cls .slick-dots li button, .overlay-slider .slick-dots li button { margin: 0 0 10px 0; padding: 16px 0; width: 100%; height: auto; background-color: #d1e5d4; overflow: hidden; text-align: center; }
.slidebox-cls .slick-dots li button::before, .overlay-slider .slick-dots li button::before { display: none; }
.slidebox-cls .slick-dots li button:after, .overlay-slider .slick-dots li button:after { content: ""; display: block; width: 100%; font-size: 13px; color: #000; transition: 0.5s ease 0s; }
.slidebox-cls .slick-dots li.slick-active button, .overlay-slider .slick-dots li.slick-active button { background-color: #97CAA2; }
.slidebox-cls .slick-dots li:nth-child(1) button::after, .overlay-slider .slick-dots li:nth-child(1) button::after { content: "01"; }
.slidebox-cls .slick-dots li:nth-child(2) button::after, .overlay-slider .slick-dots li:nth-child(2) button::after { content: "02"; }
.slidebox-cls .slick-dots li:nth-child(3) button::after, .overlay-slider .slick-dots li:nth-child(3) button::after { content: "03"; }
.slidebox-cls .slick-dots li:nth-child(4) button::after, .overlay-slider .slick-dots li:nth-child(4) button::after { content: "04"; }
.slidebox-cls .slick-dots li:nth-child(5) button::after, .overlay-slider .slick-dots li:nth-child(5) button::after { content: "05"; }
.slidebox-cls .slick-dots li:nth-child(6) button::after, .overlay-slider .slick-dots li:nth-child(6) button::after { content: "06"; }
.slidebox-cls .slick-dots li:nth-child(7) button::after, .overlay-slider .slick-dots li:nth-child(7) button::after { content: "07"; }
.slidebox-cls .slick-dots li:nth-child(8) button::after, .overlay-slider .slick-dots li:nth-child(8) button::after { content: "08"; }
.slidebox-cls .slick-dots li:nth-child(9) button::after, .overlay-slider .slick-dots li:nth-child(9) button::after { content: "09"; }
.slidebox-cls .slick-dots li:nth-child(10) button::after, .overlay-slider .slick-dots li:nth-child(10) button::after { content: "10"; }
@media screen and (max-width: 640px) { .slidebox-cls .slick-dots, .overlay-slider .slick-dots { margin: 50px auto 0; } }

.slide-arrow { position: absolute; top: 50%; left: 50%; width: 82px; height: 86px; cursor: pointer; z-index: 10; display: none; }
.slide-arrow::after { content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-position: center 45%; background-size: 100% auto; background-repeat: no-repeat; }
.slide-arrow::before { content: ""; display: block; position: absolute; top: 50%; width: 62px; height: 62px; border-radius: 50%; border: 1px solid #4E4945; transition: 0.3s ease 0s transform; }
.slide-arrow.prev-arrow { transform: translate(calc(-245px - 82 * 2.5px), -50%); }
.slide-arrow.prev-arrow::before { left: 0; transform: translate(-50%, -50%); }
.slide-arrow.prev-arrow::after { background-image: url("../img/slide/img_arrow_prev.png"); }
.slide-arrow.prev-arrow:hover::before { transform: translate(-50%, -50%) scale(1.2, 1.2); }
.slide-arrow.next-arrow { transform: translate(calc(245px + 82 * 1.5px), -50%); }
.slide-arrow.next-arrow::before { right: 0; transform: translate(50%, -50%); }
.slide-arrow.next-arrow::after { background-image: url("../img/slide/img_arrow_next.png"); }
.slide-arrow.next-arrow:hover::before { transform: translate(50%, -50%) scale(1.2, 1.2); }
.slide-arrow.ov { display: none; transform: none; }
.slide-arrow.ov::before { border: 2px solid #fff; }
.slide-arrow.ov.prev-arrow { left: 50px !important; transform: translateY(-100%) !important; }
.slide-arrow.ov.prev-arrow::before { display: none; }
.slide-arrow.ov.prev-arrow::after { background-image: url("../img/slide/img_arrow_prev_w.png"); }
.slide-arrow.ov.next-arrow { right: 50px !important; transform: translateY(-100%) !important; left: auto; }
.slide-arrow.ov.next-arrow::before { display: none; }
.slide-arrow.ov.next-arrow::after { background-image: url("../img/slide/img_arrow_next_w.png"); }
@media screen and (min-width: 1400px) { .slide-arrow.prev-arrow { transform: translate(0%, -50%); right: auto; left: 25%; }
  .slide-arrow.next-arrow { transform: translate(0%, -50%); right: 25%; left: auto; } }
@media screen and (max-width: 1100px) { .slide-arrow.prev-arrow { transform: translate(calc(-245px - 82 * 1px), -50%); }
  .slide-arrow.next-arrow { transform: translate(calc(245px + 82 * 0px), -50%); } }
@media screen and (max-width: 768px) { .slide-arrow.prev-arrow { transform: translate(-50%, 0%); left: 35px; top: calc(50% - 40px); width: 40px; }
  .slide-arrow.prev-arrow::before { border-width: 1px; width: 50px; height: 50px; }
  .slide-arrow.prev-arrow::after { background-size: auto 12%; background-position: center left; }
  .slide-arrow.next-arrow { transform: translate(-50%, 0%); right: -5px; top: calc(50% - 40px); left: auto; width: 40px; }
  .slide-arrow.next-arrow::before { border-width: 1px; width: 50px; height: 50px; }
  .slide-arrow.next-arrow::after { background-size: auto 12%; background-position: center right; }
  .slide-arrow.ov.prev-arrow { left: 10px !important; top: 55%; }
  .slide-arrow.ov.next-arrow { right: 10px !important; top: 55%; } }

.overlay-slider { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 100000; overflow: hidden; pointer-events: none; opacity: 0; transition: 0.3s ease 0s opacity; }
.overlay-slider.active { pointer-events: auto; opacity: 1; }
.overlay-slider::before { content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: rgba(0, 0, 0, 0.8); }
.overlay-slider .overlay-close { cursor: pointer; position: fixed; top: 10px; right: 10px; width: 60px; z-index: 100; }
.overlay-slider .overlay-close img { width: 100%; height: auto; }
.overlay-slider .slider { position: relative; z-index: 10; }
.overlay-slider .slider .cell { width: 100%; height: 100vh; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; }
.overlay-slider .slider .cell-inner { width: calc(90% - 200px); max-width: 1200px; height: 70vh; max-height: 800px; overflow-y: auto; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; }
.overlay-slider .slider .cell-inner img { width: 100%; height: auto; }
.overlay-slider .slider .slick-dots { bottom: calc(2vh); margin: 0 auto; }
@media screen and (max-width: 768px) { .overlay-slider .slider .cell-inner { width: calc(90% - 50px); height: 80%; }
  .overlay-slider .slider .slick-dots { bottom: calc(2vh + 10px); } }

#sec01 { background-color: #eef6ef; }

@media screen and (min-width: 1570px) { #ov-slider01-1 .slider .cell-inner { background-color: #d0e5d4; } }

/*
#sec01-slider{
	.cell{
		&.cell-1{
			.cell-inner{ 
				&::before{ background-image: url("../img/slide/slide_a1_1_3.jpg");}
				&::after{  background-image: url("../img/slide/slide_a1_1_2.jpg");} 
			}
		}
		&.cell-2{
			.cell-inner{ 
				&::before{ background-image: url("../img/slide/slide_a1_2_2.jpg");}
				&::after{  background-image: url("../img/slide/slide_a1_2_3.jpg");} 
			}
		}
		&.cell-3{
			.cell-inner{ 
				&::before{ background-image: url("../img/slide/slide_a1_3_2.jpg");}
				&::after{  background-image: url("../img/slide/slide_a1_3_3.jpg");} 
			}
		}
		&.cell-4{
			.cell-inner{ 
				&::before{ background-image: url("../img/slide/slide_a1_4_2.jpg");}
				&::after{  background-image: url("../img/slide/slide_a1_4_3.jpg");} 
			}
		}
		&.cell-5{
			.cell-inner{ 
				&::before{ background-image: url("../img/slide/slide_a1_5_2.jpg");}
				&::after{  background-image: url("../img/slide/slide_a1_5_3.jpg");} 
			}
		}
		&.cell-6{
			.cell-inner{ 
				&::before{ background-image: url("../img/slide/slide_a1_6_2.jpg");}
				&::after{  background-image: url("../img/slide/slide_a1_6_3.jpg");} 
			}
		}
		&.cell-7{
			.cell-inner{ 
				&::before{ background-image: url("../img/slide/slide_a1_7_2.jpg");}
				&::after{  background-image: url("../img/slide/slide_a1_7_3.jpg");} 
			}
		}
		&.cell-8{
			.cell-inner{ 
				&::before{ background-image: url("../img/slide/slide_a1_8_2.jpg");}
				&::after{  background-image: url("../img/slide/slide_a1_8_3.jpg");} 
			}
		}
		&.cell-9{
			.cell-inner{ 
				&::before{ background-image: url("../img/slide/slide_a1_9_2.jpg");}
				&::after{  background-image: url("../img/slide/slide_a1_9_3.jpg");} 
			}
		}
	}
	
}
*/
#sec02 { background-color: #faf2ec; }

/*#sec02-slider{
	.cell{
		&.cell-1{
			.cell-inner{ 
				&::before{ background-image: url("../img/slide/slide_b1_1_3.jpg");}
				&::after{  background-image: url("../img/slide/slide_b1_1_2.jpg");} 
			}
		}
		&.cell-2{
			.cell-inner{ 
				&::before{ background-image: url("../img/slide/slide_b1_2_2.jpg");}
				&::after{  background-image: url("../img/slide/slide_b1_2_3.jpg");} 
			}
		}
		&.cell-3{
			.cell-inner{ 
				&::before{ background-image: url("../img/slide/slide_b1_3_2.jpg");}
				&::after{  background-image: url("../img/slide/slide_b1_3_3.jpg");} 
			}
		}
		&.cell-4{
			.cell-inner{ 
				&::before{ background-image: url("../img/slide/slide_b1_4_2.jpg");}
				&::after{  background-image: url("../img/slide/slide_b1_4_3.jpg");} 
			}
		}
		&.cell-5{
			.cell-inner{ 
				&::before{ background-image: url("../img/slide/slide_b1_5_2.jpg");}
				&::after{  background-image: url("../img/slide/slide_b1_5_3.jpg");} 
			}
		}
		&.cell-6{
			.cell-inner{ 
				&::before{ background-image: url("../img/slide/slide_b1_6_2.jpg");}
				&::after{  background-image: url("../img/slide/slide_b1_6_3.jpg");} 
			}
		}
	}
}*/
#sec02-slider .slick-dots li button, #ov-slider02-1 .slick-dots li button { background-color: #f3dccd; }
#sec02-slider .slick-dots li.slick-active button, #ov-slider02-1 .slick-dots li.slick-active button { background-color: #EAB898; }

@media screen and (min-width: 1570px) { #ov-slider02-1 .slider .cell-inner { background-color: #f4ddcf; } }

#sec03 { background-color: #edf6fb; }

/*#sec03-slider{
	.cell{
		&.cell-1{
			.cell-inner{ 
				&::before{ background-image: url("../img/slide/slide_c1_1_3.jpg");}
				&::after{  background-image: url("../img/slide/slide_c1_1_2.jpg");} 
			}
		}
		&.cell-2{
			.cell-inner{ 
				&::before{ background-image: url("../img/slide/slide_c1_2_2.jpg");}
				&::after{  background-image: url("../img/slide/slide_c1_2_3.jpg");} 
			}
		}
		&.cell-3{
			.cell-inner{ 
				&::before{ background-image: url("../img/slide/slide_c1_3_2.jpg");}
				&::after{  background-image: url("../img/slide/slide_c1_3_3.jpg");} 
			}
		}
		&.cell-4{
			.cell-inner{ 
				&::before{ background-image: url("../img/slide/slide_c1_4_2.jpg");}
				&::after{  background-image: url("../img/slide/slide_c1_4_3.jpg");} 
			}
		}
		&.cell-5{
			.cell-inner{ 
				&::before{ background-image: url("../img/slide/slide_c1_5_2.jpg");}
				&::after{  background-image: url("../img/slide/slide_c1_5_3.jpg");} 
			}
		}
	}
}*/
#sec03-slider .slick-dots li button, #ov-slider03-1 .slick-dots li button { background-color: #c6e2f1; }
#sec03-slider .slick-dots li.slick-active button, #ov-slider03-1 .slick-dots li.slick-active button { background-color: #83C3E6; }

@media screen and (min-width: 1570px) { #ov-slider03-1 .slider .cell-inner { background-color: #c6e2f1; } }