/* home
****************************************************************************************** */
/*
<div id="main">
	<p class="maincopy"><img src="img/img/main_copy_line.svg" alt="" width="424" height="225"></p>
	<div id="slide">
		<div id="sec1" class="section"></div>
		<div id="sec2" class="section"></div>
	</div>
</div>
*/
header, footer {
  position: fixed;
  width: 100%;
  left: 0;
  right: 0; }

header {
  z-index: 999; }

footer {
  bottom: 0; }

#main {
  position: relative;
  top: 80px;
  width: 100vw;
  height: calc(100vh - 80px - 60px);
  z-index: 1; }
  @media screen and (max-width: 1070px) {
    #main {
      top: 60px;
      height: calc(100vh - 60px - 60px); } }
  @media screen and (max-width: 767px) {
    #main {
      height: calc(100vh - 60px - 30px); } }
  #main p.maincopy {
    position: absolute;
    top: 33%;
    left: 50px;
    z-index: 99; }
    @media screen and (max-width: 600px) {
      #main p.maincopy {
        left: 0;
        right: 0; }
        #main p.maincopy img {
          width: 100%;
          height: auto;
          top: 33%; } }
  #main #slide .section {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: calc(100vh - 80px - 60px); }
    @media screen and (max-width: 1070px) {
      #main #slide .section {
        height: calc(100vh - 60px - 60px); } }
    @media screen and (max-width: 767px) {
      #main #slide .section {
        height: calc(100vh - 60px - 30px); } }
    #main #slide .section img {
      display: none; }
    #main #slide .section#sec1 {
      background-image: url(img/main01.jpg); }
    #main #slide .section#sec2 {
      background-image: url(img/main02.jpg); }
    #main #slide .section#sec3 {
      background-image: url(img/main03.jpg); }
    #main #slide .section#sec4 {
      background-image: url(img/main04.jpg); }
    #main #slide .section#sec5 {
      background-image: url(img/main05.jpg); }
    #main #slide .section#sec6 {
      background-image: url(img/main06.jpg); }

.bx-wrapper {
  box-shadow: none;
  border: none;
  background: #fff;
  padding: 0;
  margin: 0; }

.bx-pager {
  position: absolute;
  bottom: -35px !important;
  width: 100%; }
  @media screen and (max-width: 767px) {
    .bx-pager {
      bottom: 10px !important; } }