@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500&family=Shippori+Mincho:wght@400;600&display=swap");
/*========= LoadingのためのCSS ===============*/
/* Loading背景画面設定　*/
/* line 6, ../scss/_splash_updown.scss */
#splash {
  /*fixedで全面に固定*/
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 999;
  text-align: center;
  color: #fff;
}

/* Loading画像中央配置　*/
/* line 17, ../scss/_splash_updown.scss */
#splash_text {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 999;
  transform: translate(-50%, -50%);
  color: #fff;
  width: 100%;
}

/*IE11対策用バーの線の高さ※対応しなければ削除してください*/
/* line 28, ../scss/_splash_updown.scss */
#splash_text svg {
  height: 2px;
}

/*割れる画面のアニメーション*/
/* line 33, ../scss/_splash_updown.scss */
.loader_cover {
  width: 100%;
  height: 50%;
  background-color: #333;
  transition: all 2s cubic-bezier(0.04, 0.435, 0.315, 0.9);
  transform: scaleY(1);
}

/*上の画面*/
/* line 41, ../scss/_splash_updown.scss */
.loader_cover-up {
  transform-origin: center top;
}

/*下の画面*/
/* line 46, ../scss/_splash_updown.scss */
.loader_cover-down {
  position: absolute;
  bottom: 0;
  transform-origin: center bottom;
}

/*クラス名がついたらY軸方向に0*/
/* line 52, ../scss/_splash_updown.scss */
.coveranime {
  transform: scaleY(0);
}

/* line 9, ../scss/top1.scss */
header {
  position: relative;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.3);
}

/*==================================================
スライダーのためのcss
===================================*/
/* line 7, ../scss/_slider612.scss */
.slider {
  position: relative;
  z-index: 1;
}

/*　背景画像設定　*/
/* line 16, ../scss/_slider612.scss */
.slider-item01 {
  background: url("../images/index/top_16B.jpg");
}

/* line 17, ../scss/_slider612.scss */
.slider-item02 {
  background: url("../images/index/top_11B.jpg");
}

/* line 18, ../scss/_slider612.scss */
.slider-item03 {
  background: url("../images/index/top_17A.jpg");
}

/* line 19, ../scss/_slider612.scss */
.slider-item04 {
  background: url("../images/index/top_19A.jpg");
}

/* line 20, ../scss/_slider612.scss */
.slider-item05 {
  background: url("../images/index/top_12A.jpg");
}

/* line 21, ../scss/_slider612.scss */
.slider-item06 {
  background: url("../images/index/top_24B.jpg");
}

/* line 23, ../scss/_slider612.scss */
.slider-item {
  width: 100%;
  height: 100vh;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

/*矢印の設定*/
/*戻る、次へ矢印の位置*/
/* line 34, ../scss/_slider612.scss */
.slick-prev,
.slick-next {
  position: absolute;
  /*絶対配置にする*/
  z-index: 3;
  top: 42%;
  cursor: pointer;
  /*マウスカーソルを指マークに*/
  outline: none;
  /*クリックをしたら出てくる枠線を消す*/
  border-top: 2px solid #ccc;
  /*矢印の色*/
  border-right: 2px solid #ccc;
  /*矢印の色*/
  height: 25px;
  width: 25px;
}

/* line 47, ../scss/_slider612.scss */
.slick-prev {
  /*戻る矢印の位置と形状*/
  left: 2.5%;
  transform: rotate(-135deg);
}

/* line 52, ../scss/_slider612.scss */
.slick-next {
  /*次へ矢印の位置と形状*/
  right: 2.5%;
  transform: rotate(45deg);
}

/*ドットナビゲーションの設定*/
/* line 59, ../scss/_slider612.scss */
.slick-dots {
  position: relative;
  z-index: 3;
  text-align: center;
  margin: -50px 0 0 0;
}

/* line 66, ../scss/_slider612.scss */
.slick-dots li {
  display: inline-block;
  margin: 0 5px;
}

/* line 71, ../scss/_slider612.scss */
.slick-dots button {
  color: transparent;
  outline: none;
  width: 8px;
  /*ドットボタンのサイズ*/
  height: 8px;
  /*ドットボタンのサイズ*/
  display: block;
  border-radius: 50%;
  background: #ccc;
  /*ドットボタンの色*/
}

/* line 81, ../scss/_slider612.scss */
.slick-dots .slick-active button {
  background: #333;
  /*ドットボタンの現在地表示の色*/
}

/*--------------------------
		1st イメージ
---------------------------*/
/* line 7, ../scss/_mainImage1.scss */
.mainImage-01 {
  position: relative;
  height: 100vh;
}
/* line 10, ../scss/_mainImage1.scss */
.mainImage-01 .webTitle {
  position: absolute;
  z-index: 2;
  top: 45%;
  left: 50%;
  transform: translate(-50%, -45%);
  width: 100%;
}
/* line 17, ../scss/_mainImage1.scss */
.mainImage-01 .webTitle h1 {
  display: block;
  width: 60%;
  max-width: 600px;
  margin: 0 auto;
  text-align: center;
}
/* line 23, ../scss/_mainImage1.scss */
.mainImage-01 .webTitle h1 img {
  width: 100%;
}
/* line 28, ../scss/_mainImage1.scss */
.mainImage-01 .since {
  margin: 2vh auto 0;
}
/* line 30, ../scss/_mainImage1.scss */
.mainImage-01 .since img {
  display: block;
  width: 80%;
  max-width: 600px;
  margin: 0 auto;
}
/* line 36, ../scss/_mainImage1.scss */
.mainImage-01 .since p {
  font-size: 80%;
  line-height: 160%;
  text-align: center;
}
/* line 42, ../scss/_mainImage1.scss */
.mainImage-01 ul.slider {
  margin: 0;
  padding: 0;
  height: 100vh;
  list-style: none;
}

@media (min-width: 414px) {
  /* line 54, ../scss/_mainImage1.scss */
  .mainImage-01 .since {
    margin: 3vh auto 0;
  }
  /* line 56, ../scss/_mainImage1.scss */
  .mainImage-01 .since p {
    font-size: 90%;
  }
}
@media (min-width: 576px) {
  /* line 66, ../scss/_mainImage1.scss */
  .mainImage-01 .webTitle img {
    width: 65%;
  }
  /* line 68, ../scss/_mainImage1.scss */
  .mainImage-01 .since {
    margin: 5vh auto 0;
  }
}
@media (min-width: 992px) {
  /* line 80, ../scss/_mainImage1.scss */
  .mainImage-01 .webTitle {
    top: 50%;
    transform: translate(-50%, -50%);
  }
  /* line 85, ../scss/_mainImage1.scss */
  .mainImage-01 .since p {
    font-size: 100%;
  }
}
/*---------------------------------------------
親メニュー ( header > div.mainImage > nav.dropMenu )
----------------------------------------------*/
/* line 6, ../scss/_dropMenu.scss */
.dropMenu {
  margin-top: 4vh;
}
/* line 8, ../scss/_dropMenu.scss */
.dropMenu > ul {
  display: flex;
  flex-wrap: wrap;
  width: 85%;
  margin: 0 auto;
  padding: 0 20px 20px;
  background-color: rgba(255, 255, 255, 0.7);
  list-style-type: none;
}
/* line 17, ../scss/_dropMenu.scss */
.dropMenu > ul > li {
  flex: 1 1 50%;
  height: 18vh;
  position: relative;
  margin-top: 20px;
}
/* line 23, ../scss/_dropMenu.scss */
.dropMenu > ul > li + li:nth-child(odd) {
  border-left: none;
  text-align: left;
}
/* line 24, ../scss/_dropMenu.scss */
.dropMenu > ul > li + li:nth-child(even) {
  border-left: solid 1px #666;
  text-align: right;
}
/* line 25, ../scss/_dropMenu.scss */
.dropMenu > ul > li > a {
  display: block;
  padding: 0 0 7px 0;
  color: #333;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 130%;
  font-weight: bold;
  text-decoration: none;
}
/* line 33, ../scss/_dropMenu.scss */
.dropMenu > ul > li > a span {
  display: none;
}
/* line 38, ../scss/_dropMenu.scss */
.dropMenu > ul > li > a:hover {
  color: #666;
}

@media (min-width: 375px) {
  /* line 50, ../scss/_dropMenu.scss */
  .dropMenu > ul > li a {
    padding: 0 0 10px 0;
  }
}
@media (min-width: 414px) {
  /* line 58, ../scss/_dropMenu.scss */
  .dropMenu {
    margin-top: 3vh;
  }
  /* line 61, ../scss/_dropMenu.scss */
  .dropMenu > ul > li {
    height: 18vh;
  }
}
@media (min-width: 576px) {
  /* line 69, ../scss/_dropMenu.scss */
  .dropMenu {
    margin-top: 4vh;
  }
  /* line 71, ../scss/_dropMenu.scss */
  .dropMenu > ul {
    width: 65%;
  }
  /* line 75, ../scss/_dropMenu.scss */
  .dropMenu > ul > li a {
    font-size: 130%;
    padding: 15px 0;
  }
}
@media (min-width: 768px) {
  /* line 82, ../scss/_dropMenu.scss */
  .dropMenu {
    margin-top: 5vh;
  }
  /* line 84, ../scss/_dropMenu.scss */
  .dropMenu > ul {
    width: 90%;
  }
  /* line 86, ../scss/_dropMenu.scss */
  .dropMenu > ul > li {
    flex: 1 1 0;
    height: 23vh;
  }
  /* line 89, ../scss/_dropMenu.scss */
  .dropMenu > ul > li + li:nth-child(3) {
    border-left: solid 1px #666;
  }
  /* line 90, ../scss/_dropMenu.scss */
  .dropMenu > ul > li a {
    text-align: center;
    font-size: 140%;
    padding: 12px 0;
  }
  /* line 94, ../scss/_dropMenu.scss */
  .dropMenu > ul > li a span {
    display: inline;
  }
}
@media (min-width: 992px) {
  /* line 103, ../scss/_dropMenu.scss */
  .dropMenu > ul {
    max-width: 1100px;
    margin-top: 40px;
  }
  /* line 106, ../scss/_dropMenu.scss */
  .dropMenu > ul > li {
    height: 25vh;
  }
  /* line 108, ../scss/_dropMenu.scss */
  .dropMenu > ul > li a {
    font-size: 160%;
    padding: 14px 0;
  }
}
/*----------------------------------------------------
	子メニュー ( header > div.mainImage > nav.dropMenu )
-----------------------------------------------------*/
/* line 119, ../scss/_dropMenu.scss */
.dropMenu > ul li > ul {
  display: none;
  position: absolute;
  left: 0;
  width: 100%;
  white-space: nowrap;
  animation: fadeIn;
  animation-duration: 1.0s;
}
/* line 129, ../scss/_dropMenu.scss */
.dropMenu > ul li > ul > li a {
  display: block;
  padding: 3px 0;
  color: #222;
  font-size: 100%;
  text-decoration: none;
  background-color: rgba(255, 255, 255, 0);
  border: 0px solid #fff;
  border-radius: 7px;
  transition: 0.5s;
}
/* line 138, ../scss/_dropMenu.scss */
.dropMenu > ul li > ul > li a i {
  display: none;
  margin-right: 10px;
}
/* line 141, ../scss/_dropMenu.scss */
.dropMenu > ul li > ul > li a:hover {
  color: #fff;
  background-color: rgba(66, 66, 66, 0.3);
}
/* line 149, ../scss/_dropMenu.scss */
.dropMenu > ul li:hover > ul {
  display: block;
}

@media (min-width: 360px) {
  /* line 156, ../scss/_dropMenu.scss */
  .dropMenu ul li > ul li a {
    padding: 4px 0;
  }
}
@media (min-width: 360px) and (min-height: 812px) {
  /* line 162, ../scss/_dropMenu.scss */
  .dropMenu ul li > ul li a {
    padding: 6px 0;
    font-size: 120%;
  }
}
@media (min-width: 414px) {
  /* line 169, ../scss/_dropMenu.scss */
  .dropMenu ul li > ul li a {
    padding: 6px 0;
  }
}
@media (min-width: 428px) and (min-height: 926px) {
  /* line 175, ../scss/_dropMenu.scss */
  .dropMenu ul li > ul li a {
    padding: 8px 0;
    font-size: 120%;
  }
}
@media (min-width: 576px) {
  /* line 182, ../scss/_dropMenu.scss */
  .dropMenu ul li > ul li a {
    font-size: 120%;
  }
}
@media (min-width: 768px) {
  /* line 188, ../scss/_dropMenu.scss */
  .dropMenu ul li > ul li a {
    margin: 0 10px;
    padding: 14px 0 14px 2vw;
    text-align: left;
  }
  /* line 192, ../scss/_dropMenu.scss */
  .dropMenu ul li > ul li a i {
    display: inline;
  }
}
@media (min-width: 992px) {
  /* line 197, ../scss/_dropMenu.scss */
  .dropMenu ul li > ul li a {
    padding: 1vh 0;
    text-align: center;
    font-size: 110%;
  }
}
/*=======================
	2nd イメージ
========================= */
/* line 6, ../scss/_mainImage2.scss */
.mainImage-02 {
  position: relative;
  height: 100vh;
}
/* line 9, ../scss/_mainImage2.scss */
.mainImage-02 .wrapper {
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 50%;
  width: 100%;
  transform: translate(-50%, -50%);
}
/* line 16, ../scss/_mainImage2.scss */
.mainImage-02 .wrapper > h2 {
  display: block;
  width: 50%;
  max-width: 320px;
  margin: 0 auto 2vh;
  text-align: center;
}
/* line 22, ../scss/_mainImage2.scss */
.mainImage-02 .wrapper > h2 img {
  width: 100%;
}
/* line 26, ../scss/_mainImage2.scss */
.mainImage-02 .wrapper .row {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 95%;
  margin: 0 auto;
  max-width: 700px;
}
/* line 33, ../scss/_mainImage2.scss */
.mainImage-02 .wrapper .row > .col {
  flex: 0 0 48%;
}
/* line 36, ../scss/_mainImage2.scss */
.mainImage-02 .wrapper .row > .col .inboxA {
  background: url("../images/index/btn_01.jpg");
}
/* line 37, ../scss/_mainImage2.scss */
.mainImage-02 .wrapper .row > .col .inboxB {
  background: url("../images/index/btn_02.jpg");
}
/* line 38, ../scss/_mainImage2.scss */
.mainImage-02 .wrapper .row > .col .inboxC {
  background: url("../images/index/btn_03B.jpg");
}
/* line 39, ../scss/_mainImage2.scss */
.mainImage-02 .wrapper .row > .col .inboxD {
  background: url("../images/index/btn_04A.jpg");
}
/* line 40, ../scss/_mainImage2.scss */
.mainImage-02 .wrapper .row > .col .inboxE {
  background: url("../images/index/btn_06.jpg");
}
/* line 41, ../scss/_mainImage2.scss */
.mainImage-02 .wrapper .row > .col .inboxF {
  background: url("../images/index/btn_05A.jpg");
}
/* line 42, ../scss/_mainImage2.scss */
.mainImage-02 .wrapper .row > .col [class*="inbox"] {
  display: flex;
  position: relative;
  align-items: center;
  width: 100%;
  height: 25vh;
  margin: 10px 0;
  color: #333;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 4px;
  box-shadow: 1px 1px 10px 5px rgba(255, 255, 255, 0.4);
}
/* line 55, ../scss/_mainImage2.scss */
.mainImage-02 .wrapper .row > .col [class*="inbox"] p {
  width: 100%;
  font-size: 100%;
  text-align: center;
}
/* line 60, ../scss/_mainImage2.scss */
.mainImage-02 .wrapper .row > .col [class*="inbox"] a {
  display: block;
  position: absolute;
  bottom: 5%;
  left: 10%;
  width: 80%;
  margin: 0 auto;
  color: #fff;
  line-height: 140%;
  font-size: 80%;
  text-align: center;
  background-color: forestgreen;
  border-radius: 4px;
  box-shadow: 0px 0px 3px 1px #fff;
}
/* line 74, ../scss/_mainImage2.scss */
.mainImage-02 .wrapper .row > .col [class*="inbox"] a span.u {
  display: block;
  font-size: 70%;
  line-height: 120%;
}
/* line 81, ../scss/_mainImage2.scss */
.mainImage-02 .wrapper .row > .col [class*="inbox"] a:hover {
  background-color: #ddd;
}
/* line 84, ../scss/_mainImage2.scss */
.mainImage-02 .wrapper .row > .col [class*="inbox"] i {
  display: block;
  line-height: 110%;
}
/* line 93, ../scss/_mainImage2.scss */
.mainImage-02 ul.slider {
  margin: 0;
  padding: 0;
  height: 100vh;
  list-style: none;
}

@media (min-width: 414px) {
  /* line 107, ../scss/_mainImage2.scss */
  .mainImage-02 .wrapper .row > .col [class*="inbox"] a {
    font-size: 100%;
  }
}
@media (min-width: 576px) {
  /* line 121, ../scss/_mainImage2.scss */
  .mainImage-02 .wrapper .row > .col [class*="inbox"] a {
    width: 70%;
    font-size: 120%;
  }
}
@media (min-width: 768px) {
  /* line 136, ../scss/_mainImage2.scss */
  .mainImage-02 .wrapper .row > .col [class*="inbox"] a {
    width: 80%;
    font-size: 130%;
  }
}
@media (min-width: 992px) {
  /* line 148, ../scss/_mainImage2.scss */
  .mainImage-02 .wrapper .row {
    justify-content: space-around;
    max-width: 1200px;
  }
  /* line 151, ../scss/_mainImage2.scss */
  .mainImage-02 .wrapper .row > .col {
    flex: 0 0 31%;
  }
  /* line 153, ../scss/_mainImage2.scss */
  .mainImage-02 .wrapper .row > .col [class*="inbox"] {
    height: 30vh;
  }
  /* line 155, ../scss/_mainImage2.scss */
  .mainImage-02 .wrapper .row > .col [class*="inbox"] a {
    font-size: 160%;
  }
}
/*=======================
	3rd イメージ
========================= */
/* line 7, ../scss/_mainImage3.scss */
.mainImage-03 {
  position: relative;
  height: 174vh;
}
/* line 13, ../scss/_mainImage3.scss */
.mainImage-03 .row {
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
  z-index: 2;
  width: 100%;
  max-width: 700px;
}
/* line 24, ../scss/_mainImage3.scss */
.mainImage-03 .row > .col {
  padding: 2.5vh 3% 0;
}
/* line 26, ../scss/_mainImage3.scss */
.mainImage-03 .row > .col [class*="inbox"] {
  width: 100%;
  margin: 0 auto;
  height: 38vh;
  color: #666;
  background-color: rgba(255, 255, 255, 0.9);
  border-radius: 7px;
}
/* line 34, ../scss/_mainImage3.scss */
.mainImage-03 .row > .col [class*="inbox"] h2 {
  margin: 0 20px 20px;
  padding: 10px 0px 10px 20px;
  font-size: 100%;
  border-left: solid 12px forestgreen;
  border-bottom: dashed 1px forestgreen;
}
/* line 40, ../scss/_mainImage3.scss */
.mainImage-03 .row > .col [class*="inbox"] h2 [class*="fa-"] {
  color: #666;
}
/* line 41, ../scss/_mainImage3.scss */
.mainImage-03 .row > .col [class*="inbox"] h2 > span {
  font-size: 70%;
}
/* line 43, ../scss/_mainImage3.scss */
.mainImage-03 .row > .col [class*="inbox"] p {
  width: 100%;
  text-align: center;
}
/* line 46, ../scss/_mainImage3.scss */
.mainImage-03 .row > .col [class*="inbox"] ul {
  width: 100%;
  padding-left: 20px;
}
/* line 49, ../scss/_mainImage3.scss */
.mainImage-03 .row > .col [class*="inbox"] ul li {
  font-size: 80%;
  line-height: 200%;
}
/* line 53, ../scss/_mainImage3.scss */
.mainImage-03 .row > .col [class*="inbox"] ul li:before {
  content: "▷ ";
  color: #666;
}
/* line 56, ../scss/_mainImage3.scss */
.mainImage-03 .row > .col [class*="inbox"] iframe {
  border: 0px;
  border-radius: 7px;
  width: 100%;
  height: 100%;
}
/* line 62, ../scss/_mainImage3.scss */
.mainImage-03 .row > .col .inboxA {
  padding-top: 0px;
}
/* line 67, ../scss/_mainImage3.scss */
.mainImage-03 ul.slider {
  margin: 0;
  padding: 0;
  list-style: none;
}
/* line 71, ../scss/_mainImage3.scss */
.mainImage-03 ul.slider .slider-item {
  height: 174vh;
}

@media (min-width: 360px) {
  /* line 82, ../scss/_mainImage3.scss */
  .mainImage-03 .row > .col [class*="inbox"] h2 {
    font-size: 110%;
  }
  /* line 84, ../scss/_mainImage3.scss */
  .mainImage-03 .row > .col [class*="inbox"] h2 > span {
    font-size: 75%;
  }
}
@media (min-width: 414px) {
  /* line 97, ../scss/_mainImage3.scss */
  .mainImage-03 .row > .col [class*="inbox"] h2 {
    font-size: 120%;
  }
  /* line 99, ../scss/_mainImage3.scss */
  .mainImage-03 .row > .col [class*="inbox"] h2 > span {
    font-size: 80%;
  }
  /* line 101, ../scss/_mainImage3.scss */
  .mainImage-03 .row > .col [class*="inbox"] ul li {
    font-size: 100%;
  }
}
@media (min-width: 768px) {
  /* line 113, ../scss/_mainImage3.scss */
  .mainImage-03 {
    height: 100vh;
  }
  /* line 115, ../scss/_mainImage3.scss */
  .mainImage-03 .row {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  /* line 119, ../scss/_mainImage3.scss */
  .mainImage-03 .row > .col {
    flex: 0 0 47%;
    margin: 20px 0;
    padding: 0;
  }
  /* line 124, ../scss/_mainImage3.scss */
  .mainImage-03 .row > .col [class*="inbox"] h2 {
    font-size: 150%;
  }
  /* line 125, ../scss/_mainImage3.scss */
  .mainImage-03 .row > .col [class*="inbox"] ul {
    padding: 20px;
  }
  /* line 127, ../scss/_mainImage3.scss */
  .mainImage-03 .row > .col [class*="inbox"] ul li {
    font-size: 90%;
  }
  /* line 133, ../scss/_mainImage3.scss */
  .mainImage-03 ul.slider .slider-item {
    height: 100vh;
  }
}
@media (min-width: 992px) {
  /* line 142, ../scss/_mainImage3.scss */
  .mainImage-03 .row {
    max-width: 1200px;
    margin: auto;
    width: 100%;
  }
  /* line 148, ../scss/_mainImage3.scss */
  .mainImage-03 .row > .col [class*="inbox"] h2 {
    font-size: 150%;
  }
  /* line 149, ../scss/_mainImage3.scss */
  .mainImage-03 .row > .col [class*="inbox"] ul {
    padding: 20px;
  }
  /* line 151, ../scss/_mainImage3.scss */
  .mainImage-03 .row > .col [class*="inbox"] ul li {
    padding-left: 20px;
    font-size: 100%;
    line-height: 300%;
  }
}
/* line 39, ../scss/top1.scss */
.slick-dots li {
  display: none;
}

/* line 41, ../scss/top1.scss */
.container {
  display: none;
}

/* line 43, ../scss/top1.scss */
.footer {
  clear: both;
}

@media (min-width: 1152px) {
  /* line 46, ../scss/top1.scss */
  .slider-item {
    background-attachment: fixed;
  }
}

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