@charset "utf-8";
/* ---------------------------------------------------------------------------------------------

　   COMMON

--------------------------------------------------------------------------------------------- */
h1 {
  text-align: center;
}
section .txt {

}
@media only screen and ( max-width : 680px ) {
  #charm {
    padding: 0;
  }
  section .txt {
    padding: 0 20px;
  }
  h1 {
    margin-top: 20px;
  }
  h1 img {
    max-width: 50%;
  }
  h2 {
    margin-bottom: 20px;
  }
  h2 img {
    max-width: 60%;
  }
}

@media print, screen and ( min-width : 681px ) {
  #fun {
    background: url(../img/content-img01.jpg) no-repeat right center / 50% auto #fbfbfb;
  }
  #dream {
    background: url(../img/content-img02.jpg) no-repeat left center / 50% auto #f8f8f8;
  }
  #work {
    background: url(../img/content-img03.jpg) no-repeat right center / 46% auto #f8f8f8;
  }
  h1 {
    margin-bottom: 60px;
  }
  h2 {
    margin-bottom: 30px;
  }
  section {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    -js-display: flex;
    display: flex;
  }
  #dream {
    flex-direction: row-reverse;
    -webkit-flex-direction:row-reverse;
  }
  section .txt {
    width: 52%;
    padding: 0 30px;
  }
  #dream .txt {
  }
}



/* ---------------------------------------------------------------------------------------------

　   MAINIMAGE

--------------------------------------------------------------------------------------------- */
#mainImage {
  background: url(../img/main-image01.jpg) no-repeat center / cover;
  color: #fff;
  position: relative;
}
.slide01 {
  background: url(../img/main-image01.jpg) no-repeat center / cover;
}
.slide02 {
  background: url(../img/main-image01.jpg) no-repeat center / cover;
}
@media only screen and ( max-width : 680px ) {
  /*#mainImage,.slick-track {
    height: 300px;
  }*/
}

@media print, screen and ( min-width : 681px ) {
  #mainImage,.slick-track {
    height: 300px;
  }
}