@charset "UTF-8";
.w1200{ max-width: 1240px; margin: 0 auto; padding: 0 20px; box-sizing: border-box; -webkit-box-sizing: border-box; width: 100%; }

/* float */
.clear:after{ display: block; content: ""; clear: both; }
.clear .left{float: left;}
.clear .right{float: right;}

.str{ position: relative; }
.str > .left{ float: left; }
.str > .right{ float: right; }
.str > .center{ position: absolute; top: 50%; left: 50%; transform:translateX(-50%) translateY(-50%); -webkit-transform:translateX(-50%) translateY(-50%); }
.str > .caption{ position: absolute; top: 50%; left: 0; width: 100%; transform:translateY(-50%); -webkit-transform:translateY(-50%); padding: 0 10px; box-sizing: border-box; -webkit-box-sizing: border-box; z-index: 10; }
@media all and (min-width:970px){
    .fullpo .str > .captionPc{ position: absolute; top: 50%; left: 0; width: 100%; transform:translateY(-50%); -webkit-transform:translateY(-50%); padding: 0 10px; box-sizing: border-box; -webkit-box-sizing: border-box; z-index: 10; }
}

/* =========================
	 slider-dots 01 - 20200810
========================= */
/* pager */
.slick-dots{ width: 100%; max-width: 1200px; margin:0 auto; }
.slick-dots li{ display: inline-block; vertical-align: middle; margin-right:10px; }
.slick-dots li:last-child{ margin-right:0; }
.slick-dots li button{ display:block;  font-size: 0; line-height: 0; text-indent:-999px; width: 8px; height: 8px; overflow: hidden; opacity:0.5; border: 2px solid #fff;  background:none;
transition: background 0.3s; -webkit-transition: background 0.3s; border-radius: 50%; }
.slick-dots li.slick-active button{ background:#fff; opacity:1; }