@charset "UTF-8";
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {	margin: 0;	padding: 0;	border: 0;	font-size: 100%;	font: inherit;	vertical-align: baseline;	box-sizing:border-box;}

.pc{ display: block!important; }
.sp{ display: none!important; }


.sliderArea{ width: 100%; }
.sliderArea .variable li img{ width: 100%; }
.sliderArea .slick-dots li{width: 5px;height: 5px;margin: 0 10px;}
.sliderArea .slick-dots li button{width: 10px;height: 10px;}
.sliderArea .slick-dots li button:before {font-size: 13px;top: -5.7px;left: -2px;content: '■';}



@media only screen and (max-width: 750px) {
.pc{ display: none!important; }
.sp{ display: block!important; }
img{ width: 100%; }

#sliderArea{ background-color: #fff; padding-bottom: 15vw; }
#sliderArea .slick-dots{ position: absolute; bottom: -37px; }
#sliderArea .slick-dots li{width: 15px;height: 15px;}
#sliderArea .slick-dots li button:before {font-size: 3.6vw;top: -5.7px;left: -2px;content: '■';}

}