@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 7, ../scss/_splash_updown.scss */
#splash { /*fixedで全面に固定*/ position: fixed; width: 100%; height: 100%; z-index: 999; text-align: center; color: #fff; }

/* Loading画像中央配置　*/
/* line 18, ../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 29, ../scss/_splash_updown.scss */
#splash_text svg { height: 2px; }

/*割れる画面のアニメーション*/
/* line 34, ../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 42, ../scss/_splash_updown.scss */
.loader_cover-up { transform-origin: center top; }

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

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

/* line 10, ../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/design/top_01.jpg"); }

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

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

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

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

/* line 21, ../scss/_slider612.scss */
.slider-item06 { background: url("../images/design/top_06.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: 80%; max-width: 700px; 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 { width: 80%; margin: 0 auto; font-size: 80%; line-height: 160%; text-align: center; }
/* line 44, ../scss/_mainImage1.scss */
.mainImage-01 ul.slider { margin: 0; padding: 0; height: 100vh; list-style: none; }

@media (min-width: 414px) { /* line 56, ../scss/_mainImage1.scss */
  .mainImage-01 .since { margin: 3vh auto 0; }
  /* line 58, ../scss/_mainImage1.scss */
  .mainImage-01 .since p { font-size: 90%; } }
@media (min-width: 576px) { /* line 68, ../scss/_mainImage1.scss */
  .mainImage-01 .webTitle img { width: 85%; }
  /* line 70, ../scss/_mainImage1.scss */
  .mainImage-01 .since { margin: 5vh auto 0; } }
@media (min-width: 992px) { /* line 82, ../scss/_mainImage1.scss */
  .mainImage-01 .webTitle { top: 50%; transform: translate(-50%, -50%); }
  /* line 87, ../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); border: thick #ff906e solid; border-radius: 20px; list-style-type: none; }
/* line 19, ../scss/_dropMenu.scss */
.dropMenu > ul > li { flex: 1 1 50%; height: 18vh; position: relative; margin-top: 20px; }
/* line 25, ../scss/_dropMenu.scss */
.dropMenu > ul > li + li:nth-child(odd) { border-left: none; text-align: left; }
/* line 26, ../scss/_dropMenu.scss */
.dropMenu > ul > li + li:nth-child(even) { border-left: solid 1px #666; text-align: right; }
/* line 27, ../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 35, ../scss/_dropMenu.scss */
.dropMenu > ul > li > a span { display: none; }
/* line 40, ../scss/_dropMenu.scss */
.dropMenu > ul > li > a:hover { color: #666; }

@media (min-width: 375px) { /* line 52, ../scss/_dropMenu.scss */
  .dropMenu > ul > li a { padding: 0 0 10px 0; } }
@media (min-width: 414px) { /* line 60, ../scss/_dropMenu.scss */
  .dropMenu { margin-top: 3vh; }
  /* line 63, ../scss/_dropMenu.scss */
  .dropMenu > ul > li { height: 18vh; } }
@media (min-width: 576px) { /* line 71, ../scss/_dropMenu.scss */
  .dropMenu { margin-top: 4vh; }
  /* line 73, ../scss/_dropMenu.scss */
  .dropMenu > ul { width: 65%; }
  /* line 77, ../scss/_dropMenu.scss */
  .dropMenu > ul > li a { font-size: 130%; padding: 15px 0; } }
@media (min-width: 768px) { /* line 84, ../scss/_dropMenu.scss */
  .dropMenu { margin-top: 5vh; }
  /* line 86, ../scss/_dropMenu.scss */
  .dropMenu > ul { width: 90%; }
  /* line 88, ../scss/_dropMenu.scss */
  .dropMenu > ul > li { flex: 1 1 0; height: 25vh; }
  /* line 91, ../scss/_dropMenu.scss */
  .dropMenu > ul > li + li:nth-child(3) { border-left: solid 1px #666; }
  /* line 92, ../scss/_dropMenu.scss */
  .dropMenu > ul > li a { text-align: center; font-size: 140%; padding: 12px 0; }
  /* line 96, ../scss/_dropMenu.scss */
  .dropMenu > ul > li a span { display: inline; } }
@media (min-width: 992px) { /* line 105, ../scss/_dropMenu.scss */
  .dropMenu > ul { max-width: 1100px; margin-top: 40px; }
  /* line 108, ../scss/_dropMenu.scss */
  .dropMenu > ul > li { height: 27vh; }
  /* line 110, ../scss/_dropMenu.scss */
  .dropMenu > ul > li a { font-size: 160%; padding: 14px 0; } }
/*----------------------------------------------------
	子メニュー ( header > div.mainImage > nav.dropMenu )
-----------------------------------------------------*/
/* line 121, ../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 131, ../scss/_dropMenu.scss */
.dropMenu > ul li > ul > li a { display: block; padding: 3px 0; color: #b2320b; font-size: 100%; text-decoration: none; background-color: rgba(255, 255, 255, 0); border: 0px solid #fff; border-radius: 7px; transition: 0.5s; }
/* line 140, ../scss/_dropMenu.scss */
.dropMenu > ul li > ul > li a i { display: none; margin-right: 10px; }
/* line 143, ../scss/_dropMenu.scss */
.dropMenu > ul li > ul > li a:hover { color: #fff; background-color: rgba(66, 66, 66, 0.3); }
/* line 151, ../scss/_dropMenu.scss */
.dropMenu > ul li:hover > ul { display: block; }

@media (min-width: 360px) { /* line 158, ../scss/_dropMenu.scss */
  .dropMenu ul li > ul li a { padding: 4px 0; } }
@media (min-width: 360px) and (min-height: 812px) { /* line 164, ../scss/_dropMenu.scss */
  .dropMenu ul li > ul li a { padding: 6px 0; font-size: 120%; } }
@media (min-width: 414px) { /* line 171, ../scss/_dropMenu.scss */
  .dropMenu ul li > ul li a { padding: 6px 0; } }
@media (min-width: 428px) and (min-height: 926px) { /* line 177, ../scss/_dropMenu.scss */
  .dropMenu ul li > ul li a { padding: 8px 0; font-size: 120%; } }
@media (min-width: 576px) { /* line 184, ../scss/_dropMenu.scss */
  .dropMenu ul li > ul li a { font-size: 120%; } }
@media (min-width: 768px) { /* line 190, ../scss/_dropMenu.scss */
  .dropMenu ul li > ul li a { margin: 0 10px; padding: 14px 0 14px 2vw; text-align: left; }
  /* line 194, ../scss/_dropMenu.scss */
  .dropMenu ul li > ul li a i { display: inline; } }
@media (min-width: 992px) { /* line 199, ../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: 15%; max-width: 100px; 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/innai/btn_01.jpg"); }
/* line 37, ../scss/_mainImage2.scss */
.mainImage-02 .wrapper .row > .col .inboxB { background: url("../images/innai/btn_02.jpg"); }
/* line 38, ../scss/_mainImage2.scss */
.mainImage-02 .wrapper .row > .col .inboxC { background: url("../images/innai/btn_03.jpg"); }
/* line 39, ../scss/_mainImage2.scss */
.mainImage-02 .wrapper .row > .col .inboxD { background: url("../images/innai/btn_04.jpg"); }
/* line 40, ../scss/_mainImage2.scss */
.mainImage-02 .wrapper .row > .col .inboxE { background: url("../images/innai/btn_05.jpg"); }
/* line 41, ../scss/_mainImage2.scss */
.mainImage-02 .wrapper .row > .col .inboxF { background: url("../images/innai/btn_06.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: #f15a24; 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: #ff906e; }
/* 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 9, ../scss/_mainImage3.scss */
.mainImage-03 { position: relative; height: 174vh; }
/* line 15, ../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 26, ../scss/_mainImage3.scss */
.mainImage-03 .row > .col { padding: 2.5vh 3% 0; }
/* line 28, ../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 36, ../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 #f15a24; border-bottom: dashed 1px #f15a24; }
/* line 42, ../scss/_mainImage3.scss */
.mainImage-03 .row > .col [class*="inbox"] h2 [class*="fa-"] { color: #666; }
/* line 43, ../scss/_mainImage3.scss */
.mainImage-03 .row > .col [class*="inbox"] h2 > span { font-size: 70%; }
/* line 45, ../scss/_mainImage3.scss */
.mainImage-03 .row > .col [class*="inbox"] p { width: 100%; text-align: center; }
/* line 48, ../scss/_mainImage3.scss */
.mainImage-03 .row > .col [class*="inbox"] ul { width: 100%; padding-left: 20px; }
/* line 51, ../scss/_mainImage3.scss */
.mainImage-03 .row > .col [class*="inbox"] ul li { font-size: 80%; line-height: 200%; }
/* line 55, ../scss/_mainImage3.scss */
.mainImage-03 .row > .col [class*="inbox"] ul li:before { content: "▷ "; color: #666; }
/* line 58, ../scss/_mainImage3.scss */
.mainImage-03 .row > .col [class*="inbox"] iframe { border: 0px; border-radius: 7px; width: 100%; height: 100%; }
/* line 64, ../scss/_mainImage3.scss */
.mainImage-03 .row > .col .inboxA { padding-top: 0px; }
/* line 69, ../scss/_mainImage3.scss */
.mainImage-03 ul.slider { margin: 0; padding: 0; list-style: none; }
/* line 73, ../scss/_mainImage3.scss */
.mainImage-03 ul.slider .slider-item { height: 174vh; }

@media (min-width: 360px) { /* line 84, ../scss/_mainImage3.scss */
  .mainImage-03 .row > .col [class*="inbox"] h2 { font-size: 110%; }
  /* line 86, ../scss/_mainImage3.scss */
  .mainImage-03 .row > .col [class*="inbox"] h2 > span { font-size: 75%; } }
@media (min-width: 414px) { /* line 99, ../scss/_mainImage3.scss */
  .mainImage-03 .row > .col [class*="inbox"] h2 { font-size: 120%; }
  /* line 101, ../scss/_mainImage3.scss */
  .mainImage-03 .row > .col [class*="inbox"] h2 > span { font-size: 80%; }
  /* line 103, ../scss/_mainImage3.scss */
  .mainImage-03 .row > .col [class*="inbox"] ul li { font-size: 100%; } }
@media (min-width: 768px) { /* line 115, ../scss/_mainImage3.scss */
  .mainImage-03 { height: 100vh; }
  /* line 117, ../scss/_mainImage3.scss */
  .mainImage-03 .row { display: flex; flex-wrap: wrap; justify-content: space-between; }
  /* line 121, ../scss/_mainImage3.scss */
  .mainImage-03 .row > .col { flex: 0 0 47%; margin: 20px 0; padding: 0; }
  /* line 126, ../scss/_mainImage3.scss */
  .mainImage-03 .row > .col [class*="inbox"] h2 { font-size: 150%; }
  /* line 127, ../scss/_mainImage3.scss */
  .mainImage-03 .row > .col [class*="inbox"] ul { padding: 20px; }
  /* line 129, ../scss/_mainImage3.scss */
  .mainImage-03 .row > .col [class*="inbox"] ul li { font-size: 90%; }
  /* line 135, ../scss/_mainImage3.scss */
  .mainImage-03 ul.slider .slider-item { height: 100vh; } }
@media (min-width: 992px) { /* line 144, ../scss/_mainImage3.scss */
  .mainImage-03 .row { max-width: 1200px; margin: auto; width: 100%; }
  /* line 150, ../scss/_mainImage3.scss */
  .mainImage-03 .row > .col [class*="inbox"] h2 { font-size: 150%; }
  /* line 151, ../scss/_mainImage3.scss */
  .mainImage-03 .row > .col [class*="inbox"] ul { padding: 20px; }
  /* line 153, ../scss/_mainImage3.scss */
  .mainImage-03 .row > .col [class*="inbox"] ul li { padding-left: 20px; font-size: 100%; line-height: 300%; } }
/* line 40, ../scss/top1.scss */
.slick-dots li { display: none; }

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

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

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

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