@charset "UTF-8";
/* スライドするButton Hover Effects 左から */
/* スライドするButton Hover Effects 左下から */
/* 画像を丸くトリミング */
/* 縦横中央・GRID */
/* テスト用ボーダー 20210116 */
/* テスト用背景色 */
/* ------------------------
 index common
------------------------- */
#index #cover {
  height: 700px;
  background-color: #fff;
  box-sizing: border-box;
  border-top: 5px solid #90BE1D;
  border-bottom: 5px solid #90BE1D; }
  @media only screen and (max-width: 1140px) {
    #index #cover {
      height: 36.45vw; } }

#cover .inner {
  position: relative;
  text-align: center; }

#cover .slider {
  opacity: 0;
  transition: opacity .25s ease; }

#cover .slider.slick-initialized {
  opacity: 1; }

#cover .slider {
  height: 700px; }
  @media only screen and (max-width: 1140px) {
    #cover .slider {
      height: 36.45vw; } }

#cover .slider .slide {
  height: 700px;
  background-color: #000;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover; }
  #cover .slider .slide#slide1 {
    background-image: url(../image/slide01.jpg); }
  #cover .slider .slide#slide2 {
    background-image: url(../image/slide02.jpg); }
  #cover .slider .slide#slide3 {
    background-image: url(../image/slide03.jpg); }
  #cover .slider .slide#slide4 {
    background-image: url(../image/slide04.jpg); }
  #cover .slider .slide#slide5 {
    background-image: url(../image/slide05.jpg); }
  @media only screen and (max-width: 1140px) {
    #cover .slider .slide {
      height: 36.45vw; } }

#cover .cover-txt {
  position: absolute;
  width: 715px;
  height: auto;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  z-index: 90;
  -moz-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.2);
  box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.2);
  filter: progid:DXImageTransform.Microsoft.Shadow(color="#d9d9d9", Direction=145, Strength=5); }
  #cover .cover-txt h1 img {
    width: 100%;
    height: auto; }
  @media only screen and (max-width: 1140px) {
    #cover .cover-txt {
      width: 62.7%;
      height: auto;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%); } }
@media only screen and (max-width: 1140px) and (max-width: 1024px) and (max-width: 767px) {
  #cover .cover-txt {
    width: 45%;
    max-width: 362px; } }

  @media only screen and (max-width: 1140px) and (max-width: 1024px) and (max-width: 767px) and (max-width: 390px) {
    #cover .cover-txt {
      width: 65%; } }

#main {
  position: static; }

#main .inner {
  padding: 80px 0 50px;
  text-align: center;
  -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: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  @media only screen and (max-width: 1140px) {
    #main .inner {
      padding: 80px 15px 50px; } }
  @media only screen and (max-width: 1140px) and (max-width: 1024px) {
    #main .inner {
      padding: 7.8125vw 15px 4.8828125vw; } }

  @media only screen and (max-width: 1140px) and (max-width: 1024px) and (max-width: 767px) {
    #main .inner {
      padding: 30px 15px 20px; } }

  @media only screen and (max-width: 1140px) and (max-width: 1024px) and (max-width: 767px) and (max-width: 390px) {
    #main .inner {
      padding: 20px 5px 10px; } }

#main-desc {
  width: 19em;
  font-size: 145%; }
@media only screen and (max-width: 1140px) and (max-width: 1024px) and (max-width: 767px) {
  #main-desc {
    font-size: 95%;
    position: relative; } }

#main-img1 {
  width: 74px; }
@media only screen and (max-width: 1140px) and (max-width: 1024px) and (max-width: 767px) {
  #main-img1 {
    width: 10%;
    position: relative; } }

#main-img2 {
  width: 65px; }
@media only screen and (max-width: 1140px) and (max-width: 1024px) and (max-width: 767px) {
  #main-img2 {
    width: 8%;
    position: relative; } }

#main .img img {
  width: 100%;
  height: auto; }

#main2 .inner {
  text-align: center;
  -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: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

#main2-img {
  width: 552px; }
  @media only screen and (max-width: 1140px) {
    #main2-img {
      width: 48.4210526316vw;
      margin-bottom: 15px; } }
@media only screen and (max-width: 1140px) and (max-width: 1024px) and (max-width: 767px) {
  #main2-img {
    width: 100%;
    padding: 0; } }

#main2-detail {
  width: 588px;
  padding-left: 50px;
  text-align: left; }
  @media only screen and (max-width: 1140px) {
    #main2-detail {
      width: 51.5789473684vw;
      padding-left: 4.3859649123vw; } }
@media only screen and (max-width: 1140px) and (max-width: 1024px) and (max-width: 767px) {
  #main2-detail {
    width: 100%;
    padding: 0; } }

#main2-detail-ttl {
  margin-bottom: 1em; }

#main2-detail-list-root li {
  padding: 0.5em 0; }

#main2-detail-todetail {
  display: inline-block;
  margin-top: 0.5em;
  width: 184px; }

#main3 .inner .map {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 50%;
  /* 比率を2:1に固定 */ }

#main3 .inner .map iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }
