@charset "UTF-8";
/*2024 
$primary-color: #00A272;
$secondary-color: #E5F6F0; */
/* ---- Reset-ish ---- */
*, *::before, *::after {
  box-sizing: border-box; }

html, body {
  height: 100%; }

body {
  margin: 0; }

/* ---- Layout base ---- */
main {
  position: relative; }

html {
  scroll-behavior: smooth;
  box-sizing: border-box; }

body {
  font-family: "Noto Sans JP", sans-serif;
  color: #333333;
  margin: 0;
  padding: 0;
  text-align: center;
  display: block;
  	/*
  	background-color: #A8E6FF;
      background: url("../media/images/tsubo/bg1.jpg") no-repeat center top;
      background-attachment: fixed;
      background-size: cover;
      z-index:-1;
      
      &:before{
  	    content: "";
  	    display: block;
  	    position: fixed;
  	    top: 0;
  	    left: 0;
  	    z-index: -1;
  	    width: 100%;
  	    height: 100vh;
  	    background: url("../media/images/tsubo/bg.jpg") center no-repeat;
  	    background-size: cover;
  	}
  	
      @include media(tab) {
  	    &:before{
  		    content: "";
  		    display: block;
  		    position: fixed;
  		    top: 0;
  		    left: 0;
  		    z-index: -1;
  		    width: 100%;
  		    height: 100vh;
  		    background: url("../media/images/tsubo/bg_sp.jpg") center no-repeat;
  		    background-size: cover;
  		}
  	}
  	*/ }
  body .sp {
    display: none; }
    @media screen and (max-width: 480px) {
      body .sp {
        display: block; } }
  body .pc {
    display: block; }
    @media screen and (max-width: 480px) {
      body .pc {
        display: none; } }

header {
  background-color: rgba(233, 71, 56, 0.95);
  color: #ffffff;
  padding: 12px 0;
  top: 0;
  position: fixed;
  width: 100%;
  z-index: 19;
  /*@media (max-width: 767px)*/ }
  header h1 {
    margin: 0 auto 12px;
    padding: 0;
    font-size: 1rem;
    text-align: center; }
    @media screen and (max-width: 768px) {
      header h1 {
        width: 50%; }
        header h1 img {
          width: 100%; } }
    @media screen and (max-width: 480px) {
      header h1 {
        width: 75%;
        float: left;
        margin: 0.5rem 0 0 0.5rem; } }
  header .nav-menu {
    display: flex;
    align-items: center;
    justify-content: center; }
    @media screen and (max-width: 480px) {
      header .nav-menu {
        display: block;
        width: 100%;
        margin: 0; } }
    header .nav-menu ul {
      list-style: none;
      margin: 0;
      padding: 0;
      display: flex; }
      @media screen and (max-width: 480px) {
        header .nav-menu ul {
          display: block;
          width: 100%;
          padding: 0 0 2.5rem; } }
      header .nav-menu ul li {
        margin: 0 1rem; }
        @media screen and (max-width: 480px) {
          header .nav-menu ul li {
            text-align: left;
            margin: 0;
            padding: 0;
            width: 100%;
            border-bottom: 1px #fff solid; } }
        header .nav-menu ul li a {
          color: #ffffff;
          text-decoration: none; }
          @media screen and (max-width: 480px) {
            header .nav-menu ul li a {
              display: block;
              padding: 0.75rem; } }
  header .menu-toggle {
    display: none;
    cursor: pointer;
    position: absolute;
    top: 0.75rem;
    right: 1rem; }
    header .menu-toggle .hamburger,
    header .menu-toggle .hamburger::before,
    header .menu-toggle .hamburger::after {
      content: '';
      display: block;
      background-color: #ffffff;
      height: 3px;
      width: 25px;
      margin: 6px 0;
      transition: 0.3s; }
    header .menu-toggle .hamburger::before,
    header .menu-toggle .hamburger::after {
      position: absolute;
      width: 25px; }
    header .menu-toggle .hamburger::before {
      top: -10px; }
    header .menu-toggle .hamburger::after {
      top: 10px; }
    header .menu-toggle.open .hamburger {
      transform: rotate(45deg);
      top: 0; }
    header .menu-toggle.open .hamburger::before {
      opacity: 0; }
    header .menu-toggle.open .hamburger::after {
      transform: rotate(90deg);
      top: -5px; }
    header .menu-toggle .container {
      position: relative; }
  @media screen and (max-width: 480px) {
    header .menu-toggle {
      display: block; }
    header .nav-menu {
      display: none;
      flex-direction: column;
      background-color: #E94738;
      padding: 1rem;
      position: absolute;
      top: 4rem;
      left: 0;
      width: 100%; }
    header .nav-menu.show {
      display: flex; }
    header ul {
      flex-direction: column;
      margin-top: 1rem; }
    header li {
      margin: 1rem 0; } }

main {
  padding: 0;
  width: 100%;
  display: block; }
  main .head {
    width: 96%;
    margin: 0 auto 0;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between; }
    @media screen and (max-width: 480px) {
      main .head {
        margin: 60px auto 0; } }
    main .head div:nth-of-type(1) {
      margin-left: -0.5rem; }
    main .head div img {
      width: 240px; }
      @media screen and (max-width: 480px) {
        main .head div img {
          width: 140px; } }
  main h2 {
    font-size: 1.5rem;
    font-weight: bold;
    width: 100%;
    text-align: left; }
    main h2 span {
      white-space: nowrap; }
    main h2 img {
      width: 100%; }
    main h2.top_title {
      width: 408px;
      margin: 0 auto 40px; }
      @media screen and (max-width: 480px) {
        main h2.top_title {
          display: none; }
          main h2.top_title.top {
            display: block;
            text-align: center;
            width: 70%;
            margin: 30px auto; } }
  main .announce {
    padding: 1.2em;
    background-color: #eceedf; }
  main .asterisk {
    text-indent: -1.2em;
    margin: 0 0 0.25em 1.2em; }
  main .asterisk2 {
    margin-left: 2em;
    text-indent: -2em; }
  main .date {
    margin: 30px auto 0; }
    main .date img {
      width: 100%; }
    @media screen and (max-width: 480px) {
      main .date {
        width: 80%;
        margin: 18px auto 0; }
        main .date.top {
          margin: 18px auto 100px; } }
  main .container {
    width: 960px;
    margin: 140px 40px 100px auto;
    border-left: 24px solid #E94738;
    border-radius: 0;
    box-shadow: 0 0 12px rgba(0, 0, 0, 0.4);
    /* 4辺に均等 */
    background-color: #fff; }
    @media screen and (max-width: 480px) {
      main .container {
        border-left: 10px solid #E94738; } }
    @media screen and (max-width: 1200px) and (min-width: 769px) {
      main .container {
        width: 94%;
        margin: 120px auto 300px; } }
    @media screen and (max-width: 768px) {
      main .container {
        max-width: 768px;
        width: 94%; } }
    main .container .visual {
      width: 100%; }
      main .container .visual img {
        width: 100%; }
    main .container .header_visual {
      width: 100%; }
    main .container .box {
      margin: 0 auto 80px;
      padding: 50px 0;
      width: 720px;
      text-align: left; }
      @media screen and (max-width: 1024px) {
        main .container .box {
          width: 94%; } }
      @media screen and (max-width: 768px) {
        main .container .box {
          width: 94%; } }
      @media screen and (max-width: 480px) {
        main .container .box {
          padding: 25px 0;
          width: 90%; } }
      main .container .box .kirin {
        margin: 5rem auto 1rem;
        display: flex;
        justify-content: space-between; }
        @media screen and (max-width: 480px) {
          main .container .box .kirin {
            margin: 2rem auto 1rem; } }
        @media screen and (max-width: 480px) {
          main .container .box .kirin {
            flex-direction: column-reverse; } }
        main .container .box .kirin .prof_pht {
          width: 33%; }
          @media screen and (max-width: 480px) {
            main .container .box .kirin .prof_pht {
              width: 100%;
              text-align: center; } }
          main .container .box .kirin .prof_pht img {
            width: 100%;
            border-radius: 10px;
            margin-right: 16px; }
            @media screen and (max-width: 480px) {
              main .container .box .kirin .prof_pht img {
                margin: auto;
                width: 72%; } }
        main .container .box .kirin .profile {
          width: 60%; }
          @media screen and (max-width: 480px) {
            main .container .box .kirin .profile {
              width: 100%; } }
          main .container .box .kirin .profile .enja {
            font-size: 18px;
            font-weight: bold; }
            main .container .box .kirin .profile .enja span {
              font-size: 21px; }
      main .container .box .senja1 {
        font-size: 18px;
        margin: 1.5rem 0;
        padding: 1rem 0.5rem;
        border: 1px solid #ccc;
        border-radius: 8px; }
        main .container .box .senja1 .namae {
          font-size: 22px;
          font-weight: bold; }
      main .container .box ul.senja {
        list-style: none;
        margin: 0 0 1.5rem;
        padding: 0;
        display: flex;
        flex-wrap: wrap; }
        main .container .box ul.senja li {
          font-size: 1.1rem;
          padding: 0;
          white-space: nowrap;
          margin-right: 1.5rem;
          margin-bottom: 0.5rem; }
          main .container .box ul.senja li span {
            font-weight: bold; }
      main .container .box ul.senja2 {
        list-style: none;
        margin: 0 0 1.5rem;
        padding: 0;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between; }
        main .container .box ul.senja2 li {
          font-size: 1.1rem;
          padding: 0;
          white-space: nowrap;
          margin: 0 0 10px;
          width: 18%; }
          @media screen and (max-width: 480px) {
            main .container .box ul.senja2 li {
              width: 48%; } }
          main .container .box ul.senja2 li div {
            font-size: 0.9rem; }
            @media screen and (max-width: 480px) {
              main .container .box ul.senja2 li div {
                font-size: 1rem; } }
            main .container .box ul.senja2 li div img {
              width: 100%;
              border-radius: 8px; }
            main .container .box ul.senja2 li div span {
              font-size: 1.2rem;
              font-weight: bold;
              display: block; }
              @media screen and (max-width: 480px) {
                main .container .box ul.senja2 li div span {
                  font-size: 1.25rem; } }
      main .container .box table {
        border-bottom: #000 1px solid;
        width: 100%;
        margin: 0 auto 1rem; }
        @media screen and (max-width: 1024px) {
          main .container .box table {
            width: 100%; } }
        main .container .box table.summary {
          width: 100%; }
        main .container .box table tbody th, main .container .box table tbody td {
          text-align: left;
          padding: 0.75rem 0 0.75rem 1rem;
          vertical-align: top; }
        main .container .box table tbody th {
          border-top: #E94738 2px solid;
          white-space: nowrap;
          padding-right: 3rem; }
          main .container .box table tbody th .normal {
            font-weight: normal;
            font-size: 0.9em;
            display: block; }
            @media screen and (max-width: 480px) {
              main .container .box table tbody th .normal {
                display: inline;
                margin-left: 1em; } }
          .program main .container .box table tbody th {
            border-top: #E94738 2px solid; }
          @media screen and (max-width: 480px) {
            main .container .box table tbody th {
              display: block;
              width: 100%;
              padding: 0.5rem 0 0 0.5rem; } }
        main .container .box table tbody td {
          border-top: #ccc 2px solid;
          						/*
          				        .naoki{
          						  display: flex;
          						  flex-wrap: nowrap;
          						  //justify-content:flex-start;
          						  justify-content:space-between;
          						  margin:1rem 0 1rem;
          						  @include media(sp) {
          						   	 display:block;
          							}
          						  div.guest{
          							  width: 48.5%;
          							  display: flex;
          							  justify-content:space-between;
          							  @include media(sp) {
          								 width:80%;
          								 margin: 0 auto 20px;
          							   	 display:block;
          								}
          
          							  .profile{
          								 width:47%;
          								  @include media(sp) {
          									 width:100%;
          									}
          								.sp{
          									display:none;
          									@include media(sp) {
          										display:block;
          										}
          								}
          								.namae{
          								  font-size: 1.35rem;
          								  font-weight: bold;
          							 	 }							  }
          							  
          						}
          						  
          					}
          				        .itsuki{
          						  display: flex;
          						  flex-wrap: nowrap;
          						  justify-content:flex-start;
          						  margin:1rem 0 2rem;
          						  @include media(sp) {
          						   	 display:block;
          							}
          						  div{
          							  .namae{
          								  font-size: 1.5rem;
          								  font-weight: bold;
          							  }
          							  img{
          								  width:210px;
          								  border-radius: 10px;
          								  margin-right: 16px;
          								  @include media(sp){
          									  width:100%;
          								  }
          							  }
          						  }
          						  
          					} */ }
          @media screen and (max-width: 480px) {
            main .container .box table tbody td {
              display: block;
              width: 100%;
              padding: 0.25rem 0.5rem;
              border-top: none; }
              main .container .box table tbody td:nth-of-type(1) {
                padding: 0.25rem 0.5rem; }
              main .container .box table tbody td:nth-last-of-type(1) {
                padding: 0 0.5rem 0.25rem; } }
          .program main .container .box table tbody td {
            border-top: #E94738 1px solid; }
            @media screen and (max-width: 480px) {
              .program main .container .box table tbody td {
                border-top: none; } }
          main .container .box table tbody td h3 {
            font-size: 1rem;
            margin: 0 0 0.5rem; }
          main .container .box table tbody td ol {
            margin: 0 0 3em; }
            main .container .box table tbody td ol li {
              line-height: 1.35;
              margin-bottom: 0.75em; }
              main .container .box table tbody td ol li span.pc {
                display: inline-block; }
                @media screen and (max-width: 480px) {
                  main .container .box table tbody td ol li span.pc {
                    display: none; } }
              main .container .box table tbody td ol li span.sp {
                display: none; }
                @media screen and (max-width: 480px) {
                  main .container .box table tbody td ol li span.sp {
                    display: inline-block; } }
          main .container .box table tbody td address {
            display: block;
            padding: 0.75rem;
            margin: 0.5rem 0;
            line-height: 1.8;
            font-style: normal;
            background-color: #efefef; }
          main .container .box table tbody td .list {
            line-height: 1.35;
            margin-top: 0;
            margin-bottom: 0.5em; }
          main .container .box table tbody td .gamen {
            width: 100%;
            margin: 20px 0 30px; }
            main .container .box table tbody td .gamen img {
              width: 100%;
              border: 1px solid #ccc; }
              main .container .box table tbody td .gamen img.sp {
                display: none; }
                @media screen and (max-width: 480px) {
                  main .container .box table tbody td .gamen img.sp {
                    display: block; } }
              main .container .box table tbody td .gamen img.pc {
                display: block; }
                @media screen and (max-width: 480px) {
                  main .container .box table tbody td .gamen img.pc {
                    display: none; } }
          main .container .box table tbody td .tokubetsu {
            margin-right: 1rem;
            font-size: 16px; }
            @media screen and (max-width: 480px) {
              main .container .box table tbody td .tokubetsu {
                display: block; } }
          main .container .box table tbody td.nowrap span {
            white-space: nowrap; }
        main .container .box table.correction {
          width: auto;
          border: none; }
          @media screen and (max-width: 480px) {
            main .container .box table.correction {
              width: 100%;
              display: table; } }
          main .container .box table.correction th, main .container .box table.correction td {
            display: table;
            border: none;
            padding: 0.15em 1em; }
      main .container .box .touku_button {
        margin: 40px auto; }
        main .container .box .touku_button h3 {
          font-weight: normal;
          text-align: center;
          font-size: 1rem; }
        main .container .box .touku_button ul {
          width: 100%;
          display: flex;
          flex-wrap: wrap;
          flex-direction: row;
          justify-content: space-around;
          list-style: none;
          margin: 0;
          padding: 0; }
          @media screen and (max-width: 480px) {
            main .container .box .touku_button ul {
              display: block; } }
          main .container .box .touku_button ul li {
            display: block;
            width: 30%;
            margin-bottom: 24px; }
            @media screen and (max-width: 480px) {
              main .container .box .touku_button ul li {
                width: 75%;
                margin: 0 auto 20px; } }
            main .container .box .touku_button ul li a {
              display: inline-block;
              box-shadow: 0 0 0 rgba(0, 0, 0, 0);
              transition: transform 0.3s ease, box-shadow 0.3s ease; }
              main .container .box .touku_button ul li a:hover {
                transform: translateY(-2px);
                box-shadow: 0 6px 8px rgba(0, 0, 0, 0.2); }
              main .container .box .touku_button ul li a img {
                width: 100%;
                display: block; }
      main .container .box .kessai {
        margin: 40px auto; }
        main .container .box .kessai h3 {
          background-color: #FDECEB;
          padding: 1.5em 1em; }
      main .container .box .button {
        text-align: center; }
        main .container .box .button a {
          display: inline-block;
          padding: 1.25rem 3rem;
          background-color: #E94738;
          color: #ffffff;
          border-radius: 3px;
          text-decoration: none;
          font-weight: bold;
          font-size: 1.1rem;
          margin: 2rem auto 3rem;
          cursor: pointer;
          transition: background-color 0.3s; }
          main .container .box .button a:hover {
            background-color: #E94738;
            transform: translateY(-2px);
            box-shadow: 0 6px 8px rgba(0, 0, 0, 0.2); }
      main .container .box .capton {
        font-size: 0.9rem;
        text-indent: -1rem;
        margin: 0 auto 1rem;
        width: 90%; }
      main .container .box .small {
        font-size: 0.9em; }

.notice {
  color: red;
  font-weight: bold; }

.nowrap {
  white-space: nowrap; }

.minus-indent {
  text-indent: -1em;
  margin-left: 1em; }

.margin0 {
  margin: 0; }

.maps {
  display: block;
  margin: 2em auto;
  border: none; }
  .maps iframe {
    width: 100%;
    border: 1px solid #ccc;
    height: 360px; }

#access h3 {
  font-size: 1.2rem; }
  #access h3 span {
    font-size: 1rem;
    color: #777; }

#privacy p,
#tokutei p,
#kiyaku p {
  margin: 0 0 1.5em 1.5em; }
  #privacy p.lead,
  #tokutei p.lead,
  #kiyaku p.lead {
    margin: 0 0 1.5em 0; }
  #privacy p.signature,
  #tokutei p.signature,
  #kiyaku p.signature {
    display: inline-block;
    float: right;
    line-height: 1.8;
    margin: 1.5em 0 3em; }
    #privacy p.signature + p,
    #tokutei p.signature + p,
    #kiyaku p.signature + p {
      float: none;
      clear: both; }

footer {
  background-color: #E94738;
  color: #ffffff;
  text-align: center;
  padding: 1rem;
  margin-top: 130px; }
  footer .container {
    position: relative;
    margin: 0 40px; }
    @media screen and (max-width: 480px) {
      footer .container {
        margin: 0 6px; } }
  footer .link {
    display: flex;
    justify-content: flex-end;
    list-style: none;
    margin: 0;
    padding: 0;
    margin-bottom: 3rem; }
    @media screen and (max-width: 480px) {
      footer .link {
        justify-content: center; } }
    footer .link li {
      display: inline-block;
      border-left: 1px solid #fff;
      padding: 0 0.5rem; }
      footer .link li:first-child {
        border-left: none; }
      footer .link li a {
        white-space: nowrap;
        line-height: 1;
        color: #fff;
        text-decoration: none; }
        footer .link li a:hover {
          opacity: 0.8; }
        @media screen and (max-width: 480px) {
          footer .link li a {
            font-size: 13px; } }
  footer .copyright {
    font-size: 0.85rem; }

.back-to-top {
  position: fixed;
  bottom: 20px;
  right: 20px;
  display: none;
  width: 40px;
  height: 40px;
  background-color: rgba(0, 0, 0, 0.75);
  color: #ccc;
  text-align: center;
  line-height: 40px;
  font-size: 11px;
  border-radius: 0;
  text-decoration: none;
  transition: background-color 0.3s;
  z-index: 999; }
  @media screen and (max-width: 480px) {
    .back-to-top {
      bottom: 10px;
      right: 10px; } }
  .back-to-top:hover {
    background-color: rgba(0, 0, 0, 0.5); }
  .back-to-top:active {
    background-color: rgba(0, 0, 0, 0.7); }
  .back-to-top.show {
    display: block; }

/* effect */
/* =========================================================
   Tsubo Haiku — core styles (SCSS)
   前提：
   - 背景レイヤーDOM：
       <div class="bg-stack" aria-hidden="true">
         <div class="bg-layer bg-1"></div>
         <div class="bg-layer bg-2"></div>
       </div>
   - タイトルDOM：<div class="title"><img ...></div>
   - 本文DOM：<div id="content" class="container slide-in">...</div>
   - JSで：
       - スクロールに応じ .bg-1/.bg-2 の opacity を更新（2枚クロスフェード）
       - 読み込み3秒後に body に .body-entered 付与（スライドイン開始）
       - レイアウト計算で body に .stack-title を付与/除去
         （.title の left / width を計算して inline style をセット）
   ========================================================= */
:root {
  --transition-fast: 400ms;
  --transition-mid: 800ms; }

/* =========================================================
   Fullscreen Background (2 layers, cross-fade by JS)
   ========================================================= */
.bg-stack {
  position: fixed;
  inset: 0;
  z-index: -1;
  overflow: hidden;
  pointer-events: none; }

.bg-layer {
  position: absolute;
  inset: 0;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
  opacity: 0;
  /* JSで更新 */
  transition: opacity var(--transition-fast) ease;
  will-change: opacity; }

/* PC画像 */
.bg-layer.bg-1 {
  background-image: url("../media/images/tsubo/bg1.jpg"); }

.bg-layer.bg-2 {
  background-image: url("../media/images/tsubo/bg2.jpg"); }

/* SP画像へ差し替え */
@media (max-width: 767px) {
  .bg-layer.bg-1 {
    background-image: url("../media/images/tsubo/bg1_sp.jpg"); }

  .bg-layer.bg-2 {
    background-image: url("../media/images/tsubo/bg2_sp.jpg"); } }
/* 動作簡易化：初期は bg-1 を見せておく（JSが上書き） */
.bg-layer.bg-1 {
  opacity: 1; }

/* =========================================================
   Title (left area center / fixed) + stacked fallback
   - 通常：固定配置。ウィンドウ幅 − (#content幅 + 右40px) で得た左エリアの
           中央に、幅 320–440px の .title をJSで配置
   - フォールバック（stack-title）：確保不能時は上中央に置き、スクロール
   ========================================================= */
/* 初期は見せない（JSで座標適用後に見せる） */
.js .title {
  opacity: 0;
  visibility: hidden;
  pointer-events: none; }

.js .title.is-ready {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transition: opacity 160ms ease; }

.title {
  position: fixed;
  /* 通常は固定（JSで left/width を決定） */
  top: 0;
  left: 40px;
  /* 初期値（JSで上書き） */
  z-index: 10;
  padding: 40px 30px 10px;
  /* 画像の左右30pxを確保 */
  min-width: 320px;
  /* ガード（JSで実幅を設定） */
  max-width: 440px;
  margin-bottom: 160px;
  display: flex;
  justify-content: center;
  align-items: center;
  pointer-events: auto;
  /* 必要に応じてクリック可に */
  background-color: rgba(0, 0, 0, 0.5); }
  .title img {
    display: block;
    width: 80%;
    height: auto;
    margin: auto; }
    @media screen and (max-width: 480px) {
      .title img {
        width: 100%; } }
  .title .date {
    text-align: center; }
    .title .date img {
      width: 70%;
      margin: auto; }
      @media screen and (max-width: 480px) {
        .title .date img {
          width: 90%; } }

/* スタック条件：.title が最小320pxを確保できない場合に JS が付与 */
body.stack-title {
  text-align: center; }
  body.stack-title .title {
    background-color: rgba(0, 0, 0, 0);
    position: static;
    margin: 0 auto 0;
    width: 90%;
    max-width: 440px;
    padding: 80px 0 10px;
    text-align: center; }
    body.stack-title .title .top_title {
      width: 100%; }
    body.stack-title .title .date {
      width: 100%; }
  body.stack-title #content {
    width: 94%;
    max-width: none;
    margin: 12px auto 0; }

/* =========================================================
   Content (slides in from right after 3s, stops with right 40px)
   ========================================================= */
#content {
  max-width: 960px;
  margin: 140px 40px 0 auto;
  /* 上40px／右40pxで停止・右寄せ */
  position: relative;
  z-index: 11; }

/* スライドイン（3秒後に body に .body-entered 付与想定） 
.slide-in {
  transform: translateX(100vw);
  transition: transform var(--transition-mid) ease-out;
  will-change: transform;
}
.body-entered .slide-in { transform: translateX(0); }*/
/* =========================================================
   Motion preference
   ========================================================= */
@media (prefers-reduced-motion: reduce) {
  .bg-layer {
    transition: none; }

  .slide-in {
    transition: none;
    transform: none; } }

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