@charset "UTF-8";
body,
h1, h2, h3, h4, h5, h6,
blockquote, dl, dd, figure, ol, ul, p, pre {
  margin: 0;
}

* {
  box-sizing: border-box;
}

html {
  overflow-y: scroll;
}

body {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%;
  -webkit-overflow-scrolling: touch;
}

html, body {
  height: 100%;
}

a {
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
}

a:active, a:focus,
button:focus, input[type="button"] {
  outline: none;
}

article, aside, details, figure, figcaption, footer, header, main, nav, section {
  display: block;
}

address, em, i {
  font-style: normal;
}

img {
  max-width: 100%;
  height: auto;
  border: 0;
}

ol, ul {
  list-style-type: none;
  padding: 0;
}

li {
  vertical-align: top;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

tr {
  vertical-align: top;
}

th, td {
  padding: 0;
}

.cf {
  zoom: 1;
}
.cf:after {
  content: "";
  display: table;
  clear: both;
}

body {
  font-family:"Yu Gothic UI","メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", "Osaka,",Arial, sans-serif;
}

a {
  text-decoration: none;
}
a:hover {
  text-decoration: none;
}

.owl-carousel li {
  color: white;
  height: 560px;
  padding: 30px;
}
@media screen and (max-width: 1024px) {
  .owl-carousel li {
    height: 300px;
  }
}
.owl-carousel .one {
  background: url(../images/demo-01.jpg) no-repeat bottom;
  background-size: cover;
}
.owl-carousel .two {
  background: url(../images/demo-02.jpg) no-repeat bottom;
  background-size: cover;
}
.owl-carousel .three {
  background: url(../images/demo-03.jpg) no-repeat center;
  background-size: cover;
}
.owl-carousel .four {
  background: url(../images/demo-04.jpg) no-repeat bottom;
  background-size: cover;
}
.owl-carousel .five {
  background: url(../images/demo-05.jpg) no-repeat center;
  background-size: cover;
}
.owl-carousel .six {
  background: url(../images/demo-06.jpg) no-repeat bottom;
  background-size: cover;
}
.owl-carousel .seven {
  background: url(../images/demo-07.jpg) no-repeat center;
  background-size: cover;
}
.owl-carousel .eight {
  background: url(../images/demo-08.jpg) no-repeat bottom;
  background-size: cover;
}
.owl-carousel .nine {
  background: url(../images/demo-09.jpg) no-repeat center;
  background-size: cover;
}
.owl-carousel .ten {
  background: url(../images/demo-10.jpg) no-repeat bottom;
  background-size: cover;
}

.owl-theme .owl-controls .owl-nav .owl-prev,
.owl-theme .owl-controls .owl-nav .owl-next {
  width:60px;
  height:108px;
  font-size: 3.5rem;
  position: absolute;
  top: 22%;
  margin-left: -15px;
  margin-right: -15px;
  padding: 0px 0px;
  padding-bottom:0px;
  padding-top:-2px;
  -webkit-transform: scaleX(0.5);
  transform: scaleX(0.5);
}
@media screen and (max-width: 640px) {
  .owl-theme .owl-controls .owl-nav .owl-prev,
  .owl-theme .owl-controls .owl-nav .owl-next {
    padding: 0 10px;
  }
}

.owl-theme .owl-controls .owl-nav .owl-prev {
  left: 0;
}

.owl-theme .owl-controls .owl-nav .owl-next {
  right: 0;
}