@charset 'UTF-8';
/* Slider */
.slick-slider{
	position: relative;
	display: block;
	box-sizing: border-box;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-touch-callout: none;
	-khtml-user-select: none;
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	-webkit-tap-highlight-color: transparent;
}
.slick-list{position: relative;display: block;overflow: hidden;margin: 0;padding: 0;}
.slick-list:focus{outline: none;}
.slick-list.dragging{cursor: pointer;cursor: hand;}
.slick-slider .slick-track,
.slick-slider .slick-list{-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
.slick-track{position: relative;top: 0;left: 0;display: block;}
.slick-track:before,.slick-track:after{display: table; content: '';}
.slick-track:after{clear: both;}
.slick-loading .slick-track{visibility: hidden;}
.slick-slide{display: none;float: left;height: 100%;min-height: 1px;}[dir='rtl'] .slick-slide{float: right;}
.slick-slide img{display: block;}
.slick-slide.slick-loading img{display: none;}
.slick-slide.dragging img{pointer-events: none;}
.slick-initialized .slick-slide{display: block;}
.slick-loading .slick-slide{visibility: hidden;}
.slick-vertical .slick-slide{display: block;height: auto;border: 1px solid transparent;}
.slick-arrow.slick-hidden {display: none;}
/* Slider */
.slick-loading .slick-list{
	background-color: #fff;
	background-image: url(../ajax-loader.gif);
	background-repeat: no-repeat;
	background-position: center center;
}
/* Icons */
@font-face{
    font-family: "slick";
    font-weight: normal;
    font-style: normal;
    src: url(../fonts/slick.eot);
    src: url(../fonts/slick.eot?#iefix) format(embedded-opentype), url(../fonts/slick.woff) format(woff), url(../fonts/slick.ttf) format(truetype), url(../fonts/slick.svg#slick) format(svg);
}
/* Arrows */
.slick-prev,
.slick-next{
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 30px;
    height: 30px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
.slick-prev:hover,.slick-prev:focus,.slick-next:hover,
.slick-next:focus{color: transparent;outline: none;background: transparent;}
.slick-prev:hover:before,.slick-prev:focus:before,.slick-next:hover:before,.slick-next:focus:before{opacity: 1;}.slick-prev.slick-disabled:before,.slick-next.slick-disabled:before{opacity: .25;}
.slick-prev:before,.slick-next:before{font-family: "slick";font-size: 30px;line-height: 1; color: white;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.slick-prev{left: -40px;}[dir='rtl'] .slick-prev{right: -40px;left: auto;}
.slick-prev:before{content: '←';}[dir='rtl'] .slick-prev:before{content: '→';}
.slick-next{ right: -40px;}[dir='rtl'] .slick-next{right: auto;left: -40px;}
.slick-next:before{content: '→';}[dir='rtl'] .slick-next:before{ content: '←';}

/* Dots */


@media print, screen and (min-width: 737px) {	
.slick-dotted.slick-slider{}
.slick-dots {
	position: absolute;
	bottom: -59px;
	width: 100%;
	padding: 0;
	list-style: none;
	right: 0;
	text-align: right;
	margin-right: 80px;
}
.slick-dots li{
    position: relative;
    display: inline-block;
    width: 25px;
    height: 25px;
    margin: 0 2px;
    padding: 0;
    cursor: pointer;
}
.slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: inline-block;
    width: 25px;
    height: 25px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus{outline: none;}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before{opacity: 1;}
.slick-dots li button:before {
	font-family: "Font Awesome\ 6 Free";
	font-weight: 600;
	font-size: 15pt;
	line-height: 20px;
	position: absolute;
	top: 0;
	left: 0;
	width: 25px;
	height: 25px;
	content: "\f111";
	text-align: center;
	color: #e96f8f;
	z-index: 10;
}
.slick-dots li.slick-active button:before {color: #fff;}
.slider li {margin-bottom: 0px;padding-bottom:100px;}
.slider li a { display:block;}
.slider p{
	height: 75vh;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	margin-left: 125px;
	margin-top: 125px;
	-webkit-border-top-left-radius: 40px;
	-webkit-border-bottom-left-radius: 40px;
	-moz-border-radius-topleft: 40px;
	-moz-border-radius-bottomleft: 40px;
	border-top-left-radius: 40px;
	border-bottom-left-radius: 40px;
}
.slider {position: relative;}
.slide-space {position: relative;}

/*選択するサムネイル画像の設定*/

.thumbnails {
	width: 80%;
	margin-right: auto;
	margin-left: auto;
	background-color: #D6D5D6;
}
.thumbnails li{cursor: pointer;outline: none;}
.thumbnails li a{display:block;}
.thumbnails p{
	width: 100%!important;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	padding-bottom: 50%;

}
.slider p:nth-child(1) {background-position: center center;}
.slider p:nth-child(2) {background-position: center center;}
.slider p:nth-child(3) {background-position: center center;}
.thumbnails li p{opacity: 0.4;}
.thumbnails li.slick-current p{opacity: 1;}

.slide-space {
	position: relative;
}


.slide-space::before {
	content: "";
	position: absolute;
	right: 0;
	bottom: 0;
	width: 98%;
	height: 400px;
	/*margin-bottom: -300px;*/
	color: #FFF;
	background-color: #d32f5a;
	margin-left: 2%;
	padding-bottom: 50px;
	-webkit-border-bottom-left-radius: 40px;
	-moz-border-radius-bottomleft: 40px;
	border-bottom-left-radius: 40px;
}
.slide-space h2 {
	width: 178px;
	position: absolute;
	top: 52%;
	left: 0;
	transform: translateY(-50%) translateX(-50%);
	z-index: 5;
	margin-left:170px;
	
}

}




@media screen and (min-width: 0px) and (max-width: 736px) {
.slick-dotted.slick-slider{}
.slick-dots {
	position: absolute;
	bottom: -17px;
	width: 100%;
	padding: 0;
	list-style: none;
	right: 0;
	text-align: right;
	margin-right: 20px;
}
.slick-dots li{
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 2px;
    padding: 0;
    cursor: pointer;
}
.slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: #000;
    width: 20px;
    height: 20px;
    padding: 3px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus{outline: none;}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before{opacity: 1;}
.slick-dots li button:before {
	font-family: "Font Awesome\ 6 Free";
	font-weight: 500;
	font-size: 13pt;
	line-height: 20px;
	position: absolute;
	top: 0;
	left: 0;
	width: 20px;
	height: 20px;
	content: "\f2d1";
	text-align: center;
	color: #fff;
	z-index: 10;
}
.slick-dots li.slick-active button:before {color: #e9547b;}
.slider li {}
.slider li a { display:block;}
.slider p{
	height: 310px;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	margin-left: 30px;
	/*margin-bottom: 30px;*/
	/*background-color: #000;
	background-color: rgba(0,0,0,0.26);
	background-blend-mode: darken;*/
	-webkit-border-bottom-left-radius: 20px;
	-moz-border-radius-bottomleft: 20px;
	border-bottom-left-radius: 20px;
}


.slider{position: relative;}
.slide-space {padding-top: 65px;position: relative;margin-bottom: 0px; padding-bottom:30px;}


.slide-space::before {
	content: "";
	position: absolute;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 170px;
	color: #FFF;
	background-color: #d32f5a;
	margin-left: 0%;
	padding-bottom: 30px;
	/*-webkit-border-bottom-left-radius: 20px;
	-moz-border-radius-bottomleft: 20px;
	border-bottom-left-radius: 20px;*/
}
.slide-space h2 {
	width: 78px;
	position: absolute;
	top: 58%;
	left: 0;
	transform: translateY(-50%) translateX(-50%);
	z-index: 5;
	margin-left:45px;
	
}


/*選択するサムネイル画像の設定*/

.thumbnails {
	width: 80%;
	margin-right: auto;
	margin-left: auto;
	background-color: #D6D5D6;
}
.thumbnails li {cursor: pointer;outline: none;}
.thumbnails li a{display:block;}
.thumbnails p{
	width: 100%!important;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	padding-bottom: 50%;
	
}
.thumbnails li p{opacity: 0.4;}
.thumbnails li.slick-current p{opacity: 1;}

}



/*.slide-animation{animation: fadezoom 8s 0s forwards;}
@keyframes fadezoom {0% {transform: scale(1);}100% {transform: scale(1.2);}}*/