@charset "UTF-8";
/* 縦横中央・GRID */
/* テスト用ボーダー 20210116 */
/* テスト用背景色 */
/* ------------------------
 #top index
------------------------- */
/* line 13, ../scss/top.scss */
#cover .inner {
  position: relative;
  height: 550px;
  overflow-y: hidden; }
  @media only screen and (max-width: 1024px) {
    /* line 13, ../scss/top.scss */
    #cover .inner {
      height: 50vw; } }
  @media only screen and (max-width: 1024px) and (max-width: 767px) {
    /* line 13, ../scss/top.scss */
    #cover .inner {
      height: 75vw; } }

/* line 25, ../scss/top.scss */
#cover .inner .slider {
  position: relative;
  height: 550px; }
@media only screen and (max-width: 1140px) and (max-width: 1024px) {
  /* line 25, ../scss/top.scss */
  #cover .inner .slider {
    height: 50vw; } }

  @media only screen and (max-width: 1140px) and (max-width: 1024px) and (max-width: 767px) {
    /* line 25, ../scss/top.scss */
    #cover .inner .slider {
      height: 75vw; } }

/* line 48, ../scss/top.scss */
#cover .inner .slider .slide {
  height: 550px;
  background-color: #000;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover; }
  /* line 54, ../scss/top.scss */
  #cover .inner .slider .slide#slide1 {
    background-image: url(../image/top/top_slide01.jpg); }
  /* line 55, ../scss/top.scss */
  #cover .inner .slider .slide#slide2 {
    background-image: url(../image/top/top_slide02.jpg); }
  /* line 56, ../scss/top.scss */
  #cover .inner .slider .slide#slide3 {
    background-image: url(../image/top/top_slide03.jpg); }
  /* line 57, ../scss/top.scss */
  #cover .inner .slider .slide#slide4 {
    background-image: url(../image/top/top_slide04.jpg); }
  /* line 58, ../scss/top.scss */
  #cover .inner .slider .slide#slide5 {
    background-image: url(../image/top/top_slide05.jpg); }
  /* line 59, ../scss/top.scss */
  #cover .inner .slider .slide#slide6 {
    background-image: url(../image/top/top_slide06.jpg); }
  /* line 60, ../scss/top.scss */
  #cover .inner .slider .slide#slide7 {
    background-image: url(../image/top/top_slide07.jpg); }
@media only screen and (max-width: 1140px) and (max-width: 1024px) {
  /* line 48, ../scss/top.scss */
  #cover .inner .slider .slide {
    height: 50vw;
    background-color: #000;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover; }
    /* line 73, ../scss/top.scss */
    #cover .inner .slider .slide#slide1 {
      background-image: url(../image/top/top_slide01_tb.jpg); }
    /* line 74, ../scss/top.scss */
    #cover .inner .slider .slide#slide2 {
      background-image: url(../image/top/top_slide02_tb.jpg); }
    /* line 75, ../scss/top.scss */
    #cover .inner .slider .slide#slide3 {
      background-image: url(../image/top/top_slide03_tb.jpg); }
    /* line 76, ../scss/top.scss */
    #cover .inner .slider .slide#slide4 {
      background-image: url(../image/top/top_slide04_tb.jpg); }
    /* line 77, ../scss/top.scss */
    #cover .inner .slider .slide#slide5 {
      background-image: url(../image/top/top_slide05_tb.jpg); }
    /* line 78, ../scss/top.scss */
    #cover .inner .slider .slide#slide6 {
      background-image: url(../image/top/top_slide06_tb.jpg); }
    /* line 79, ../scss/top.scss */
    #cover .inner .slider .slide#slide7 {
      background-image: url(../image/top/top_slide07_tb.jpg); } }

  @media only screen and (max-width: 1140px) and (max-width: 1024px) and (max-width: 767px) {
    /* line 48, ../scss/top.scss */
    #cover .inner .slider .slide {
      height: 75vw;
      background-color: #000;
      background-repeat: no-repeat;
      background-position: center center;
      background-size: cover; }
      /* line 89, ../scss/top.scss */
      #cover .inner .slider .slide#slide1 {
        background-image: url(../image/top/top_slide01_sp.jpg); }
      /* line 90, ../scss/top.scss */
      #cover .inner .slider .slide#slide2 {
        background-image: url(../image/top/top_slide02_sp.jpg); }
      /* line 91, ../scss/top.scss */
      #cover .inner .slider .slide#slide3 {
        background-image: url(../image/top/top_slide03_sp.jpg); }
      /* line 92, ../scss/top.scss */
      #cover .inner .slider .slide#slide4 {
        background-image: url(../image/top/top_slide04_sp.jpg); }
      /* line 93, ../scss/top.scss */
      #cover .inner .slider .slide#slide5 {
        background-image: url(../image/top/top_slide05_sp.jpg); }
      /* line 94, ../scss/top.scss */
      #cover .inner .slider .slide#slide6 {
        background-image: url(../image/top/top_slide06_sp.jpg); }
      /* line 95, ../scss/top.scss */
      #cover .inner .slider .slide#slide7 {
        background-image: url(../image/top/top_slide07_sp.jpg); } }

/* line 101, ../scss/top.scss */
#cover .inner .cover-txt {
  position: absolute;
  width: 639px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); }
  /* line 109, ../scss/top.scss */
  #cover .inner .cover-txt h1 img {
    width: 100%;
    height: auto; }
  @media only screen and (max-width: 1140px) {
    /* line 101, ../scss/top.scss */
    #cover .inner .cover-txt {
      width: 50vw;
      height: auto; } }
@media only screen and (max-width: 1140px) and (max-width: 1024px) and (max-width: 767px) {
  /* line 101, ../scss/top.scss */
  #cover .inner .cover-txt {
    width: 75vw;
    height: auto; } }

/*------------------------- */
/* line 136, ../scss/top.scss */
.content#main .inner#photos {
  margin-bottom: 60px; }
  @media only screen and (max-width: 1140px) {
    /* line 136, ../scss/top.scss */
    .content#main .inner#photos {
      margin-bottom: 5.2631578947vw; } }
  @media only screen and (max-width: 1140px) and (max-width: 1024px) {
    /* line 136, ../scss/top.scss */
    .content#main .inner#photos {
      margin-bottom: calc-vw-tb(60px); } }

  @media only screen and (max-width: 1140px) and (max-width: 1024px) and (max-width: 767px) {
    /* line 136, ../scss/top.scss */
    .content#main .inner#photos {
      margin-bottom: 20px; } }

  @media only screen and (max-width: 1140px) and (max-width: 1024px) and (max-width: 767px) and (max-width: 375px) {
    /* line 136, ../scss/top.scss */
    .content#main .inner#photos {
      margin-bottom: 15px; } }

/*------------------------- */
/* line 158, ../scss/top.scss */
#main #photos .list-root {
  -js-display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

/* line 165, ../scss/top.scss */
#main #photos .list-root#photo1 .list-item {
  width: 32%;
  margin: 2px 2px 10px; }
  /* line 168, ../scss/top.scss */
  #main #photos .list-root#photo1 .list-item:first-of-type {
    margin-left: 0; }
  /* line 169, ../scss/top.scss */
  #main #photos .list-root#photo1 .list-item:last-of-type {
    margin-right: 0; }
@media only screen and (max-width: 1140px) and (max-width: 1024px) and (max-width: 767px) {
  /* line 165, ../scss/top.scss */
  #main #photos .list-root#photo1 .list-item {
    width: 32%;
    margin: 2px; } }

/* line 188, ../scss/top.scss */
#main #photos .list-root#photo2 .list-item {
  width: 24%;
  margin: 5px 5px 10px; }
  /* line 191, ../scss/top.scss */
  #main #photos .list-root#photo2 .list-item:first-of-type {
    margin-left: 0; }
  /* line 192, ../scss/top.scss */
  #main #photos .list-root#photo2 .list-item:last-of-type {
    margin-right: 0; }
@media only screen and (max-width: 1140px) and (max-width: 1024px) and (max-width: 767px) {
  /* line 188, ../scss/top.scss */
  #main #photos .list-root#photo2 .list-item {
    width: 32%;
    margin: 2px; } }

/*------------------------- */
/*　共通 ->　_content
#main #banner{
    padding: 0.5em 0;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    @include flex-flex;
    @include flex-alignitems(center);
    @include flex-justfy(between);
    @include flex-wrap(wrap);    
}

#main #banner .wrap{
    width: calc(100% - 350px);
    padding-right: 3.5em;
    font-size: 150%;
    font-weight: bold;
    text-align: right;
    
    @include media(xpc){
        width: 70%;
        padding: 10px;
       
        @include media(tb){
  
          
            @include media(sp){
   
             
                @include media(xs){
                    font-size: 4vw;
                }
            }
        }
    }    
}

#main #banner .bn{
    width: 350px;
    @include media(xpc){
     width: 30%;
       
        @include media(tb){
  
          
            @include media(sp){
   
             
                @include media(xs){
                    
                    
                }
            }
        }
    }
}
*/
/* slick */
/* line 271, ../scss/top.scss */
.slick-prev {
  left: 100px;
  background: red;
  /*to notice it, is white*/
  z-index: 9999; }

/* line 276, ../scss/top.scss */
.slick-next {
  right: 100px;
  background: red;
  /*to notice it, is white*/
  z-index: 9999; }

/*# sourceMappingURL=top.css.map */