@charset "UTF-8";/* CSS Document *//*=================================TOP SUPPLEMENT スライダー===================================*/.slider {/*横幅94%で左右に余白を持たせて中央寄せ*/    max-width:1024px;	width: 80%;    margin:0 auto;}.slider img {    width:80%;/*スライダー内の画像を横幅100%に*/    height:auto;	margin-left: 7%;}/*slickのJSで書かれるタグ内、スライド左右の余白調整*/.slider .slick-slide {    margin:0 10px;}/*矢印の設定*//*戻る、次へ矢印の位置*/.slick-prev, .slick-next {    position: absolute;/*絶対配置にする*/    top: 28%;    cursor: pointer;/*マウスカーソルを指マークに*/    outline: none;/*クリックをしたら出てくる枠線を消す*/    border-top: 2px solid #666;/*矢印の色*/    border-right: 2px solid #666;/*矢印の色*/    height: 15px;    width: 15px;}.slick-prev {/*戻る矢印の位置と形状*/    left: -3.1%;    transform: rotate(-135deg);}.slick-next {/*次へ矢印の位置と形状*/    right: -1.5%;    transform: rotate(45deg);}@media(max-width:1024px){.slick-prev, .slick-next {    top:24%;}}/*ドットナビゲーションの設定*/.slick-dots {    text-align:center;  margin:20px 0 0 0;}.slick-dots li {    display:inline-block;  margin:0 5px;}.slick-dots button {    color: transparent;    outline: none;    width:8px;/*ドットボタンのサイズ*/    height:8px;/*ドットボタンのサイズ*/    display:block;    border-radius:50%;    background:#ccc;/*ドットボタンの色*/}.slick-dots .slick-active button{    background:#333;/*ドットボタンの現在地表示の色*/}/*========= レイアウトのためのCSS ===============*/ul{  margin:0;  padding: 0;  list-style: none;}a{  color: #333;}a:hover,a:active{  text-decoration: none;}