@charset "UTF-8";
.dial_box{
  overflow: unset;
}

.dial_box .inner{
  display: flex;
}

@media screen and (max-width : 640px) {
 .dial_box{overflow-y: scroll;padding-bottom: 1rem;}

.dial_box .inner{
 min-width: 400px;
 gap: .5rem;
} 
}

.swiper {
    overflow: unset;
}
.swiper-wrapper {
  /* wrapperのサイズを調整 */
  width: 100%;
}

.swiper-slide {
  /* スライドのサイズを調整、中身のテキスト配置調整、背景色 */
  color: #ffffff;
  width: 100%;
  height: 100%;
  text-align: center;
  line-height: 1;
    text-decoration: none;
}

@media screen and (max-width : 640px) {
.swiper-button-next,.swiper-button-prev {
        font-size: 28px;
}
.swiper-button-next:after, .swiper-button-prev:after{
            font-size: 28px;
    }
}


.swiper-pagination{
   bottom: -45px !important;
}

.swiper-pagination-bullets {
  width: 100px;
}

.swiper-pagination-bullet {
  width: 12px !important;
  height: 12px !important;
  margin: 0 0 0 10px !important;
  background: #f6ab00!important;
}

.swiper-pagination-bullet:first-child {
  margin: 0 !important;
}

.swiper-button-next, .swiper-button-prev{
    color: #f6ab00 !important;
}


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

/*@media screen and (min-width : 1025px)pc以上

-------------------------------*/
@media screen and (min-width : 1025px) {
}

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

/*@media screen and (min-width : 1024px)

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

}

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

/*@media screen and (min-width : 768px)

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


	 }

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

/*@media screen and (min-width : 640px)

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

}

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

/*@media screen and (min-width : 414px)

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

}

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

/*@media screen and (min-width : 320px)

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

}