@charset "utf-8";
/*----------------------------------------------------
    共通css
----------------------------------------------------*/

iframe {
    margin: 0 auto;
    display: block;
}

/*--------------------------------------
slider
---------------------------------------*/

.block-slider {
position: relative;
margin: 0 -5.6rem;
}
.block-slider .slideTxtArea {
position: relative;
width: calc(100% - 4rem);
margin: -3rem auto 0 auto;
padding: 4.5rem 0 1.5rem 2rem;
border-left: 1px solid #000;
z-index: 2;
opacity: 0;
transition: all 1.0s 0s ease;
}
.block-slider .slideTxtArea::before {
position: absolute;
left: 0;
bottom: 0;
width: 3rem;
height: 0.1remrem;
border-bottom: 1px solid #000;
content: "";
}
.block-slider .slideTxtArea .caption {
margin: 0;
}
.block-slider .slideTit {
margin: 2rem 0 0 0;
font-family: var(--serif);
font-size: 2rem;
font-weight: 700;
line-height: 1.4;
}
.block-slider .slick-slide.slick-current .slideTxtArea,
.block-slider .slick-slide.is-active-next .slideTxtArea {
opacity: 1;
}
.block-slider .slideTxtInner {
margin-left: -1.5rem;
opacity: 0;
}
.block-slider .slideTxt span {
border-bottom: 3px solid #fce430;
font-weight: 700;
}
.block-slider .slick-slide.slick-current .slideTxtInner,
.block-slider .slick-slide.is-active-next .slideTxtInner {
margin-left: 0;
opacity: 1;
}

#page .sliderArea {
    width: 94%;
    margin: 0 auto 30px;
}


/*----------------------------------------------------
    PCサイトcss
----------------------------------------------------*/
@media screen and (min-width: 600px) {


#page .slick-slide img {
    padding: 0 10px;
}
#page .block-slider .slideTxtArea {
    width: calc(100% - 1rem);
    margin: -7rem auto 0 auto;
}

}
/*----------------------------------------------------
    SPサイトcss
----------------------------------------------------*/
@media screen and (max-width: 599px) {

iframe {
    width: 100%;
    height: 250px;
}


/*--------------------------------------
slider
---------------------------------------*/
.block-slider {
margin: 0 -1.2rem;
}
.block-slider .slideTxtArea {
position: relative;
width: calc(100% - 2.4rem);
padding: 2.5rem 0 1rem 1rem;
margin: -1.5rem auto 0 auto;
z-index: 2;
}
.block-slider .slideTxtArea .caption {
margin: 0 0 1rem 0;
}
.block-slider .slideTxtArea {
opacity: 0;
transition: all 1.0s 0s ease;
}
.block-slider .slick-slide.slick-current .slideTxtArea,
.block-slider .slick-slide.is-active-next .slideTxtArea {
opacity: 1;
}
.block-slider .slideTxtInner {
margin-left: -1.2rem;
opacity: 0;
}
.block-slider .slick-slide.slick-current .slideTxtInner,
.block-slider .slick-slide.is-active-next .slideTxtInner {
margin-left: 0;
opacity: 1;
}













}