@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");
/* line 10, access.scss */
header { position: relative; box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.3); }

/*=======================
	3rd イメージ
========================= */
/* line 9, _mainImage3.scss */
.mainImage-03 { position: relative; height: 174vh; }
/* line 15, _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, _mainImage3.scss */
.mainImage-03 .row > .col { padding: 2.5vh 3% 0; }
/* line 28, _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, _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 #666; border-bottom: dashed 1px #666; }
/* line 42, _mainImage3.scss */
.mainImage-03 .row > .col [class*="inbox"] h2 [class*="fa-"] { color: #666; }
/* line 43, _mainImage3.scss */
.mainImage-03 .row > .col [class*="inbox"] h2 > span { font-size: 70%; }
/* line 45, _mainImage3.scss */
.mainImage-03 .row > .col [class*="inbox"] p { width: 100%; text-align: center; }
/* line 48, _mainImage3.scss */
.mainImage-03 .row > .col [class*="inbox"] ul { width: 100%; padding-left: 20px; }
/* line 51, _mainImage3.scss */
.mainImage-03 .row > .col [class*="inbox"] ul li { font-size: 80%; line-height: 200%; }
/* line 55, _mainImage3.scss */
.mainImage-03 .row > .col [class*="inbox"] ul li:before { content: "▷ "; color: #666; }
/* line 58, _mainImage3.scss */
.mainImage-03 .row > .col [class*="inbox"] iframe { border: 0px; border-radius: 7px; width: 100%; height: 100%; }
/* line 64, _mainImage3.scss */
.mainImage-03 .row > .col .inboxA { padding-top: 20px; }
/* line 69, _mainImage3.scss */
.mainImage-03 ul.slider { margin: 0; padding: 0; list-style: none; }
/* line 73, _mainImage3.scss */
.mainImage-03 ul.slider .slider-item { height: 174vh; }

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

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

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

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

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