@charset "utf-8";

.card-body[data-v-4fd80c08]{
background: #F0F9FF;
}
p.text-note{
font-size: 10px;
text-align: center;

}
/*------------------------------
スライダー
------------------------------*/

#topHeader { margin-bottom: 24px; }
.slide-container {  
margin: auto;
border-bottom: 1px solid #D2E9F4;
padding-bottom: 32px;
 }
.slide-wrapper{
opacity: 0;
transition: opacity .3s linear;
}
.slide-wrapper.slick-initialized{
opacity: 1;

}


.slide-container button { 
  background-color: transparent; 
  border: none;
  cursor: pointer;
  outline: none;padding: 0;
  appearance: none; }

/*前へ・次へ*/
.slick-arrow { 
width:29px;
height: 29px;
background-repeat: no-repeat;
z-index: 2;
text-indent: -9999em; 
}

.slick-arrow:hover,
.slick-dots li:hover { opacity: 0.8; }
.slick-arrow.slick-prev {
left: 300px;
background-image: url(https://doda.jp/promo/lp/img/005_comp4/btn_left_arrow.svg); 
background-size: 29px/29px;
margin-right: 32px;
}
.slick-arrow.slick-next {
right: 300px;
background-image: url(https://doda.jp/promo/lp/img/005_comp4/btn_right_arrow.svg);
background-size: 29px/29px;
margin-left: 32px;
}
.slick-list { overflow: hidden; }
.slick-dots { text-align: center; height: 10px; }
.slick-dots li { position: relative; display: inline-block; width:8px; height: 8px; margin: 0 8px; border-radius: 10px; text-indent: -9999em; cursor: pointer; z-index: 50;
    background-color:#D7D7D7; }
.slick-dots li.slick-active,
.slick-dots li:hover { background-color:#007FC3; }

/* slider */
.slick-slide img {
    width: 300px;
    height: auto;
}
.slick-slide{
  margin: 0 4px;
}
.slide a { 
display: block;
position: relative;
text-align: center;
}
.slide a:hover { text-decoration: none; opacity: 0.8; }
.slide a img { 
vertical-align: top; 
border-radius: 8px;
}

.bx-wrapper .bx-controls-direction a:hover { opacity: 0.8;}

.slide-controller{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 40px;
    background: #F0F9FF;
margin: 8px 0 20px;
}
.pauseBtn {
    width: 20px;  /* 幅を指定 */
    height: 20px;  /* 高さを指定 */
    border-radius: 50%; /* 角を丸くする */
    position: relative;  /* 基準位置とする */
    cursor: pointer;     /* マウスカーソルを指の形にする */
    margin-right: 8px;
}
/* 一時停止 */
.pauseBtn::after {
    content: ''; /* 疑似要素に必須 */
    position: absolute;
    width: 20px;  /* 幅を指定 */
    height: 20px; /* 高さを指定 */
    background-image: url(https://doda.jp/promo/lp/img/005_comp4/btn_pause.webp);
    top: 0;
    left: 0;
}

/* 再生 */
.pauseBtn.playback::after {
    content: ''; /* 疑似要素に必須 */
    position: absolute;
    width: 20px;  /* 幅を指定 */
    height: 20px; /* 高さを指定 */
    background-image: url(https://doda.jp/global/img/stopbutton_default_play.svg);
    top: 0;
    left: 0;
}
.pauseBtn:hover{
    opacity: 0.8;
}

.doubleContent{
    display: none;
}