@charset "utf-8";


/* 0000 */


@media screen and (max-width: 768px){
.btf_box{
	width: 100%;
	margin: 20px 0;
	background: linear-gradient(-135deg,#fffdfc,#fff7e6);
	border: 1px solid #87725f;
}

.btf_box .btf_box_ph{
	width: 100%;
}

.btf_box .btf_box_txt{
	width: 100%;
	padding: 15px 15px 15px 15px ;
}
.btf_box .btf_box_txt.l_txt{
	width: 100%;
	padding: 15px 15px 15px 15px ;
}
.btf_box .btf_box_txt.l_txt_02{
	width: 100%;
	padding: 15px 15px 15px 15px ;
}
.btf_box .btf_box_txt p{

}

.slic700spdoikde {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}
}


.dd_box .index_pickup_block.left section.slide_c .txt_side .box p{letter-spacing: -0.05em;}





.dd_box .txt_upbox{
position: absolute;
    left: 0;
    top: 45px;
    width: 490px;
	z-index: 500;

}

.dd_box .slide_ph_area{
position: absolute;
    right: 0;
    top: 0;
    width: 900px;
}

.fitslick .w.w100 {
    max-width: 100%;
    margin: 0 auto;
    padding: 0 15px;
}
.dd_box.fitslick .slide_ph_area{
position: absolute;
    right: 0;
    top: 0;
    width: 85%;
}
.dd_box.fitslick .slide_ph_area img{
    width: 100%;
}

.dd_box .index_pickup_block section .box {
    width: 420px;
    height: 350px;
    padding: 20px 50px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    align-items: center;
}

.dd_box .index_pickup_block section.slide_c .box {
        width: 450px;
        height: 380px;
        padding: 20px 50px;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        align-items: center;
    }


@media screen and (max-width: 768px){
.dd_box .index_pickup_block section {
    height: auto;
    padding-top: 0px;
}

.dd_box .txt_upbox{
position: relative;
    width: 98%;
	z-index: 500;
	margin: 0 auto;
	margin-top: -30px;

}

.dd_box .slide_ph_area{
position: relative;
    right: 0;
    top: 0;
    width: 100%;
}
.dd_box .index_pickup_block section .box {
    width: 100%;
    height: auto;
    padding: 15px 15px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    align-items: center;
}
}

.slick-dots  {
    position: absolute;
    right: 0;
    left: 0;
    bottom: 10px !important;
    text-align: center;
}

.fitslick .slick-dots  {
    position: absolute;
    right: 0;
    left: 0;
    bottom: 10px;
    text-align: center;
}



/* ── 0) 基本レイアウト ── */
.dd_box .index_pickup_block section {
  position: relative;  /* slider-bg の配置基準 */
  overflow: hidden;
  height: 490px;
  padding-top: 55px;
}

/* 左寄せテキストマージン */
.dd_box .index_pickup_block.left section.slide_c .txt_side .box {
  margin-left: auto;
}

/* ── 1) Slick スライダー用背景 ── */
/* slider-bg を ::before と同じ位置に */
.dd_box .index_pickup_block .slider-bg .slider-bg_inn {
  position: absolute;
  top: 0;
  bottom: 0;
  width: calc(50% + 180px);
  left: 0;            /* pickupplaza は左寄せ */
  z-index: 0;
}
/* pickupplaza02 は右寄せ */
.dd_box .index_pickup_block section.pickupplaza02 .slider-bg .slider-bg_inn {
  left: auto;
  right: 0;
}

/* 2) Slick 内部を全高フィット */
.dd_box .slider-bg,
.dd_box .slider-bg .slider-bg_inn,
.dd_box .slider-bg .slider-bg_inn .slick-list,
.dd_box .slider-bg .slider-bg_inn .slick-track {
  height: 100%;
}
/* 各スライドを全面に */
.dd_box .slider-bg .slider-bg_inn .slick-slide {
  height: 100%;
}
/* 背景画像をカバー表示 */
.dd_box .slider-bg .slider-bg_inn .bg-slide {
  height: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

/* ── 3) テキストは前面 ── */
.dd_box .index_pickup_block section.slide_c .txt_side .box {
  position: relative;
  z-index: 1;
}
/* ── 静的な ::before 背景を除去 ── */
.dd_box .index_pickup_block section.pickupplaza::before,
.dd_box .index_pickup_block section.pickupplaza02::before {
  display: none !important;
  background: none    !important;
}

/* ── overflow:hidden ではみ出しを防止 ── */
.dd_box .index_pickup_block section.slide_c {
  overflow: hidden !important;
}
.dd_box .index_pickup_block section.slide_c .txt_side {
    position: absolute;
    top: 55px;
    left: 0;
    right: 0;
}
.dd_box .index_pickup_block.left section.slide_c .txt_side {
    position: absolute;
    top: 55px;
    right: 0;
    left: 0;
}

.dd_box .index_pickup_block section.slide_c .txt_side .box {
        width: 450px;
        height: 380px;
        padding: 20px 20px;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        align-items: center;
    }


@media screen and (max-width: 960px) {
  /* 1) section を自動高さ＆padding-top でアスペクト比確保 */
 /* .dd_box .index_pickup_block section.slide_c {
    position: relative !important;
    height: auto !important;
    padding-top: 56.25% !important; 
  } */
.dd_box .index_pickup_block section.slide_c .txt_side {
    position: relative;
}
  
.dd_box .index_pickup_block .slider-bg .slider-bg_inn {
 position: relative !important;
width: 100%;
}
.dd_box .index_pickup_block section {
    position: relative;
    overflow: hidden;
    height: 100%;
    padding-top: 56.25% !important;
}

  /* 4) .box テキストをその下に流す */
  .dd_box .index_pickup_block section.slide_c .box {
    position: relative !important;
    z-index: 2 !important;
    width: 100% !important;
    margin: 0 0 20px  0 !important;
    padding: 20px 10px !important;
  }
.dd_box .index_pickup_block section.slide_c .txt_side .box {
        width: auto;
        height: auto;
        padding: 20px 10px;
        display: block;
    }
/* 高さ100%でフィット */
.dd_box .slider-bg,
.dd_box .slider-bg .slider-bg_inn,
.dd_box .slider-bg .slider-bg_inn .slick-list,
.dd_box .slider-bg .slider-bg_inn .slick-track {
   height: 100% !important;
   min-height: 1px;
}

.dd_box .index_pickup_block .slider-bg {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  z-index: 0;
  width: 100% !important;
  height: 70% !important;
}


.dd_box .index_pickup_block section.pickupplaza02 .slider-bg .slider-bg_inn {
    left: 0;
    right: 0;
}
.dd_box .index_pickup_block.left section.slide_c .txt_side,
.dd_box .index_pickup_block section.slide_c .txt_side {
    position: relative;
    top: 0px;
    left: 0;
    right: 0;
}
.dd_box .index_pickup_block section.slide_c .txt_side {
    position: relative;
    top: 0px;
    left: 0;
    right: 0;
}

}


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

.dd_box .index_pickup_block.detailallslickpc756987 .slider-bg {
  height: 40% !important;
}
}