@charset "utf-8";
/*
.container {
    color: #fff;
}
*/

.breadcrumb {
    padding: 20px 0;
    border-top: 1px solid #f1e9dc;
    border-bottom: 1px solid #f1e9dc;
}

.breadcrumb ul {
    display: flex;
    flex-wrap: wrap;
    font-size: 1.4rem;
    font-weight: 300;
    letter-spacing: .02em;
    color:#999;
}

.breadcrumb ul li a{
	color:#fff;
}

.breadcrumb ul li:not(:last-child) a::after,
.breadcrumb ul li:not(:last-child) p::after {
    content: '　＞　';
    display: inline-block;
}

/*----------------------------------------*/
#main ,
section {
    font-family: "RyuminPro", "GaramondPro", serif;
}

#main img {
    width: 100%;
}


/*----------------------------------------*/

.w900  {display: none;}
.w1200 {display: none;}
/*----------------------------------------*/

.leadArea {
    font-family: "RyuminPro", "GaramondPro", serif;
    text-align: center;
}

.leadArea.leadArea1 {margin-bottom: 35px;}
.leadArea.leadArea2 {margin-bottom: 75px;}
.leadArea.leadArea3 {margin-bottom: 92px;}

.leadArea h2 {
    font-size: 36px;
    line-height: 1.5;
    letter-spacing: .2em;
    padding: 0 0 5px;
    margin: 46px auto 0 auto;
}
.leadArea h2 sup {
    font-size: 25%;
    letter-spacing: 0;
    vertical-align: top;
    margin-left: -1em;
}
.leadArea p {
    font-size: 24px;
    line-height: 1.8;
    letter-spacing: 0.2em;
}

.leadArea p.p1 {margin-top: 44px;}
.leadArea p.p2 {margin-top: 35px;margin-bottom: 62px;}
.leadArea p.p3 {margin-top: 35px;margin-bottom: 42px;}
.leadArea p.p4 {margin-top: 35px;margin-bottom: 62px;}

.leadArea .ttlImg {height: 39px;width: auto;}
.leadArea .ttlImg1 {margin-top: 72px;}


.leadArea figure {
    width: 100%;
    max-width: 1300px;
    margin: auto;
}





@media screen and (max-width: 1300px) {

.leadArea {
    margin: 0 auto 5vw;
}

}


@media screen and (max-width: 1200px) {
.w1200 {display: block;}
}


@media screen and (max-width: 900px) {
.w900 {display: block;}
}


@media screen and (max-width: 639px) {

section {
    width: 95%;
    margin:0 auto 10vw auto;
}
.leadArea {
    margin: 0 auto 10vw;
}

.leadArea h2 {
    font-size: 7vw;
    margin: 7vw auto 5vw;
}

.leadArea p {
    font-size: 4vw;
    letter-spacing: 0.1em;
}



.leadArea .ttlImg {
    height:5.2vw;
}

}




/*　-----------------------　Slick　-----------------------　*/

.sliderBG {
   background:url("../images/design/slider_bg.jpg") no-repeat;
   background-size: cover;
}

.slider1 {
    width: 600px;
    margin: auto;
}
.slider2 {
    width: 900px;
    margin: auto;
}

.thumbnail1 .thumbnail-img {
  width: 100px !important;
}
.thumbnail2 .thumbnail-img {
  width: 130px !important;
}

/*　-----　*/

.thumbnail {
  margin:0 auto;
}

.thumbnail .slick-track {
  transform: unset !important;
}
.thumb {
  opacity: .5;
  transition: opacity .3s linear;
}
.thumbnail .slick-current {
  opacity: 1;
}
.thumbnail-img img {
 width: 95%;
 margin:10px auto 0 auto;
}

.sliderWrap {
    margin-bottom: 90px;
}

.sliderWrap img.slide-arrow {
  width: 48px !important;
  position: absolute;
  z-index: 990;
  top:50%;
  transform: translateY(-50%);
}
.next-arrow {right:-55px;}
.prev-arrow {left: -55px;}

.thumbnail .slick-track {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap:10px;
}
.slick-slide {
  float: none;
}

.thumb:hover {
  opacity: 1;
}
.thumb:hover img {
  transition: 0.3s;
  transform: scale(1.05);
}


/*************************************************************/
@media screen and (max-width: 1200px)  {
/*************************************************************/
.slider1{width: 80%;}
.slider2{width: 90%;}
}


/*************************************************************/
@media screen and (max-width: 900px)  {
/*************************************************************/

/** Slick **/
.slider {width: 90%;}
.next-arrow {right:0;}
.prev-arrow {left: 0;}
.thumbnail1 .thumbnail-img {
  width: calc(100% / 7.5) !important;
}
}

/*************************************************************/
@media screen and (max-width: 639px) {
/*************************************************************/


/** Slick **/
.thumbnail1 .thumbnail-img,
.thumbnail2 .thumbnail-img {width: calc(100% / 5) !important;}
/*
.thumbnail .slick-track {
  flex-wrap: wrap;;
}
*/
.thumbnail {width: 100% !important;}
.sliderWrap img.slide-arrow {width: 5vw !important;}
}




/*　-----------------------　figure　-----------------------　*/

figure {position:relative;}
figure img {width:100%;}

figure figcaption {
    font-size: 12px;
    line-height: 1.2;
    position: absolute;
    bottom: 1%;
    letter-spacing: 0;
}

figure figcaption.lb_cap,figure figcaption.lw_cap {left: 1%;}
figure figcaption.rb_cap,figure figcaption.rw_cap {right:1%;}

figure figcaption.lb_cap,
figure figcaption.rb_cap {
    color:#000;
    text-shadow: 1px 1px 2px rgba(255, 255, 255, 1),-1px -1px 2px rgba(255, 255, 255, 1);
}

figure figcaption.lw_cap,
figure figcaption.rw_cap {
    color:#fff;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 1),-1px -1px 2px rgba(0, 0, 0, 1);
}


/* ----------------------- */
/* 1000 */
/* ----------------------- */
@media screen and (max-width: 900px) {
figcaption, .annotation, .s-txt, .ann, .acc_ann {
   font-size: clamp(0.625rem, 0.211rem + 0.86vw,  0.75rem);}/*12px*/
}

/* ----------------------- */
/* sp */
/* ----------------------- */
@media screen and (max-width: 639px) {
figcaption, .annotation, .s-txt, .ann, .acc_ann {
   font-size: clamp(0.625rem, 0.465rem + 0.85vw, 0.875rem);}/*14px*/
}