/*==// スライダーと文字のwrap //==*/
main > div{ position:relative; }
/*==// 上に載せる文字部分 //==*/
main > div section{
color:#fff;
position:absolute;
/*上下中央に文字配置*/
top:50%;
transform:translateY(-50%);
-webkit-transform:translateY(-50%);
-ms-transform:translateY(-50%);
left:10%;
}
main > div section h2{ margin-bottom:15px; font-size:30px; font-size:3rem; }
main > div section p{ font-size:18px; font-size:1.8rem; }
/*===================================
スライダーの指定だけならここから下だけでOK
===================================*/
/*==// スライダーのコンテナ //==*/
main .slider{
    padding-top:46px;/*戻るボタンの高さ分あけてます*/
    width:100%;/* スライダーの幅を指定*/
    list-style:none;
}
/*==//  ここから矢印  //==*/
.slick-arrow{ z-index:100; }
.slick-next{ right:10px;}/*内側に右から10ピクセル移動*/
.slick-prev{ left:10px; }/*内側に左から10ピクセル移動*/