@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: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

html {
  line-height: 1;
}

ol,
ul {
  list-style: none;
}

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

caption,
th,
td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

q,
blockquote {
  quotes: none;
}

q:before,
q:after,
blockquote:before,
blockquote:after {
  content: "";
  content: none;
}

a img {
  border: none;
}

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

body {
  overflow-x: hidden;
  font-family: "\6E38\30B4\30B7\30C3\30AF\4F53", YuGothic, "\6E38\30B4\30B7\30C3\30AF   Medium", "Yu Gothic Medium", "\6E38\30B4\30B7\30C3\30AF", "Yu Gothic", "\30E1\30A4\30EA\30AA", sans-serif;
  -webkit-text-size-adjust: 100%;
}

section {
  position: relative;
}

.wrapper {
  width: 1024px;
  position: relative;
  margin: auto;
}

.disp-none {
  display: none;
}

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  font-size: 0;
  clear: both;
  visibility: hidden;
}

main {
  display: block;
}

a {
  cursor: pointer;
  outline: none;
}

.hide-text {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  height: 0;
  display: inline-block;
}

html,
body {
  height: 100%;
}

.container {
  width: 100%;
  height: 100%;
  margin: auto;
  background: #000;
  position: relative;
}

.images {
  width: 90%;
  height: 90%;
  margin: auto;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
}

.images li {
    width: 100%;
    height: 100%;
    display: none;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
  }

.images li:nth-child(1) {
        background-image: url(../../resources/img/01.png);
      }

.images li:nth-child(2) {
        background-image: url(../../resources/img/02.png);
      }

.images li:nth-child(3) {
        background-image: url(../../resources/img/03.png);
      }

.images li:nth-child(4) {
        background-image: url(../../resources/img/04.png);
      }

.images li:nth-child(5) {
        background-image: url(../../resources/img/05.png);
      }

.images li:nth-child(6) {
        background-image: url(../../resources/img/06.png);
      }

.images li:nth-child(7) {
        background-image: url(../../resources/img/07.png);
      }

.images li:nth-child(8) {
        background-image: url(../../resources/img/08.png);
      }

.images li:nth-child(9) {
        background-image: url(../../resources/img/09.png);
      }

.images li:nth-child(10) {
        background-image: url(../../resources/img/10.png);
      }

.images li:nth-child(11) {
        background-image: url(../../resources/img/11.png);
      }

.images li:nth-child(12) {
        background-image: url(../../resources/img/12.png);
      }

.images li:nth-child(13) {
        background-image: url(../../resources/img/13.png);
      }

.images li:nth-child(14) {
        background-image: url(../../resources/img/14.png);
      }

.images li:nth-child(15) {
        background-image: url(../../resources/img/15.png);
      }

.images li:nth-child(16) {
        background-image: url(../../resources/img/16.png);
      }

.images li:nth-child(17) {
        background-image: url(../../resources/img/17.png);
      }

.images li:nth-child(18) {
        background-image: url(../../resources/img/18.png);
      }

.images li:nth-child(19) {
        background-image: url(../../resources/img/19.png);
      }

.images li:nth-child(20) {
        background-image: url(../../resources/img/20.png);
      }

.images li:nth-child(21) {
        background-image: url(../../resources/img/21.png);
      }

.images li:nth-child(22) {
        background-image: url(../../resources/img/22.png);
      }

.images li:nth-child(23) {
        background-image: url(../../resources/img/23.png);
      }

.images li:nth-child(24) {
        background-image: url(../../resources/img/24.png);
      }

.images li:nth-child(25) {
        background-image: url(../../resources/img/25.png);
      }

.images li:nth-child(26) {
        background-image: url(../../resources/img/26.png);
      }

.images li:nth-child(27) {
        background-image: url(../../resources/img/27.png);
      }

.images li:nth-child(28) {
        background-image: url(../../resources/img/28.png);
      }

.images li:nth-child(29) {
        background-image: url(../../resources/img/29.png);
      }

.images li:nth-child(30) {
        background-image: url(../../resources/img/30.png);
      }

.images li:nth-child(31) {
        background-image: url(../../resources/img/31.png);
      }

.images li:nth-child(32) {
        background-image: url(../../resources/img/32.png);
      }

.images li:nth-child(33) {
        background-image: url(../../resources/img/33.png);
      }

.images li:nth-child(34) {
        background-image: url(../../resources/img/34.png);
      }

.images li:nth-child(35) {
        background-image: url(../../resources/img/35.png);
      }

.images li:nth-child(36) {
        background-image: url(../../resources/img/36.png);
      }

.images li:nth-child(37) {
        background-image: url(../../resources/img/37.png);
      }

.images li:nth-child(38) {
        background-image: url(../../resources/img/38.png);
      }

.images li:nth-child(39) {
        background-image: url(../../resources/img/39.png);
      }

.images li:nth-child(40) {
        background-image: url(../../resources/img/40.png);
      }

.images li:nth-child(41) {
        background-image: url(../../resources/img/41.png);
      }

.images li:nth-child(42) {
        background-image: url(../../resources/img/42.png);
      }

.images li:nth-child(43) {
        background-image: url(../../resources/img/43.png);
      }

.images li:nth-child(44) {
        background-image: url(../../resources/img/44.png);
      }

.images li:nth-child(45) {
        background-image: url(../../resources/img/45.png);
      }

.images li:nth-child(46) {
        background-image: url(../../resources/img/46.png);
      }

.images li:nth-child(47) {
        background-image: url(../../resources/img/47.png);
      }

.images li:nth-child(48) {
        background-image: url(../../resources/img/48.png);
      }

.images li:nth-child(49) {
        background-image: url(../../resources/img/49.png);
      }

.images li:nth-child(50) {
        background-image: url(../../resources/img/50.png);
      }

.images li:nth-child(51) {
        background-image: url(../../resources/img/51.png);
      }

.images li:nth-child(52) {
        background-image: url(../../resources/img/52.png);
      }

.images li:nth-child(53) {
        background-image: url(../../resources/img/53.png);
      }

.images li:nth-child(54) {
        background-image: url(../../resources/img/54.png);
      }

.images li:nth-child(55) {
        background-image: url(../../resources/img/55.png);
      }

.images li:nth-child(56) {
        background-image: url(../../resources/img/56.png);
      }

.images li:nth-child(57) {
        background-image: url(../../resources/img/57.png);
      }

.images li:nth-child(58) {
        background-image: url(../../resources/img/58.png);
      }

.images li:nth-child(59) {
        background-image: url(../../resources/img/59.png);
      }

.images li:nth-child(60) {
        background-image: url(../../resources/img/60.png);
      }

.images li:nth-child(61) {
        background-image: url(../../resources/img/61.png);
      }

.images li:nth-child(62) {
        background-image: url(../../resources/img/62.png);
      }

.images li:nth-child(63) {
        background-image: url(../../resources/img/63.png);
      }

.images .current {
    display: block;
  }

.arrows {
  position: absolute;
  z-index: 100;
  width: 100%;
  height: 100%;
  top: 0;
}

.arrows a {
    position: absolute;
  }

.arrows .prev {
    background: url(../../resources/img/prev_btn_2b5c792489e60a5015956c247d95ca84.png) no-repeat;
    width: 218px;
    height: 88px;
    top: 15px;
    left: 40px;
    display: none;
  }

.arrows .next {
    background: url(../../resources/img/next_btn_e07e544a4f8cdaacca8af92b8eb6d20a.png) no-repeat;
    width: 214px;
    height: 90px;
    top: 15px;
    right: 40px;
  }

.arrows .next.to-top {
      background: url(../../resources/img/to_top_btn_3db55925d7c1eceb6107e0057b3829be.png) no-repeat;
      width: 237px;
      height: 89px;
    }

.arrows .prev-area {
    width: 290px;
    height: 100%;
    left: 0;
    display: none;
  }

.arrows .next-area {
    width: 290px;
    height: 100%;
    right: 0;
  }

@media screen and (min-width: 641px) {
  a {
    -webkit-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
  }

    a:hover {
      opacity: 0.6;
    }
}

@media screen and (max-width: 640px) {
  body,
  .wrapper {
    width: 640px;
  }
  body {
    width: auto !important;
  }
}

@media (min-width: 1920px) {

.container {
    width: 1920px;
    height: 1080px
}

    .container.other {
      height: 100%;
    }
  }