@charset "UTF-8";
/* ページ内リンクの位置調整 */
section {
  margin-top: -60px;
  padding-top: 60px;
}
/* 2020.04.29 */
/* :root{
   --font-family-sans-serif: "Helvetica Neue", Helvetica, Arial, "游ゴシック体", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
   --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

body {
   font-family: "Helvetica Neue", Helvetica, Arial, "游ゴシック体", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, 'Open Sans', sans-serif;
}

h1, h2, h3, h4, h5, h6 {
   font-family: "Helvetica Neue", Helvetica, Arial, "游ゴシック体", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, 'Open Sans', sans-serif;
} */
/* end */


.bg-blue1 {
  background-color: #547ba8 !important;
}

a.bg-blue1:hover, a.bg-blue1:focus,
button.bg-blue1:hover,
button.bg-blue1:focus {
  background-color: #3269a8 !important;
}

.bg-black1 {
  background-color: #000000 !important;
}

a.bg-black1:hover, a.bg-black1:focus,
button.bg-black1:hover,
button.bg-black1:focus {
  background-color: #000000 !important;
}

.bg-secondary1 {
  background-color: #181b1bde !important;
}

a.bg-secondary1:hover, a.bg-secondary1:focus,
button.bg-secondary1:hover,
button.bg-secondary1:focus {
  background-color: #000000 !important;
}
/* 入居案内の見出し */
.head11 {
  position: relative; /* ボックスの位置を指定する */
  width: 90%; /* 要素の横幅を指定する */
  padding: .25em 0 .25em .5em; /* ボックス内側余白を指定する(上:右:下:左) */
  border-left: 6px solid #fc0202; /* ボーダー左側のスタイルを指定する */
  border-bottom: 1px solid #AAAAAA; /* ボーダー下部のスタイルを指定する */
  }
/* 入居案内の連絡先 */
  .head12 {
    padding: .25em .5em; /* ボックス内側の余白を指定する(上下:左右) */
    width: 90%; /* 要素の横幅を指定する */
    border: 2px solid #AAAAAA; /* ボックスのボーダーを実線で指定する */
    border-radius: 10px; /* ボックスに角丸を指定する */
    }
/* 有償サービスの見出し */
.head13 {
  position: relative; /* ボックスの位置を指定する */
  width: 90%; /* 要素の横幅を指定する */
  padding: .25em 0 .25em .5em; /* ボックス内側余白を指定する(上:右:下:左) */
  border-left: 6px solid #0213fc; /* ボーダー左側のスタイルを指定する */
  border-bottom: 1px solid #AAAAAA; /* ボーダー下部のスタイルを指定する */
  }
  
.float_none {
	clear: both;
}

figure {
	float: left;
	margin: 0 15px 15px 0;
	width: 4%;
}
figure img {
	max-width: 100%;
}
/* アニメーション */
.fadein {
	opacity : 0.1;
	transform : translate(0, 50px);
	transition : all 500ms;
	}

/* 画面内に入った状態 */
.fadein.scrollin {
	opacity : 1;
	transform : translate(0, 0);
   }
/*アニメーション事例1　　使用していない  */
@keyframes ball {
   100% {
      transform: translateX(1070px);
   }
   }
   #easing p {
   margin: 8px 0;
   }
   #easing span {
   display: block;
   padding-left: 0;
   width: 50px;
   height: 30px;
   background-color: #ff9900;
   }
   #easing span.e1 {
   animation: ball 4s ease 1s infinite alternate both;
   }
   #easing span.e2 {
   animation: ball 4s linear 1s infinite alternate both;
   }
   #easing span.e3 {
   animation: ball 4s ease-in 1s infinite alternate both;
   }
   #easing span.e4 {
   animation: ball 4s ease-out 1s infinite alternate both;
   }
   #easing span.e5 {
   animation: ball 4s ease-in-out 1s infinite;
   }
/*アニメーション事例2　　使用していない  */
.anime{
      font-size:2em;
      color:#FFF;
      animation: flowing 10s linear infinite;
      transform: translateX(1200px);/*初期位置*/
    }
       
    @keyframes flowing {
      /* 0% {
         transform: translateX(0);
       }
     
       40% {
         transform: translateX(-3%);
       }
       
       80% {
         transform: translateX(3%);
       }
     
       100% {
         transform: translateX(0);
       } */
      100% {
        transform: translateX(-200px);
      }
    }
/*アニメーション事例2　　使用していない  */
.anime1{
   font-size:2em;
   color:#FFF;
   animation: flowing 5s linear infinite;
   transform: translateX(500px);/*初期位置*/
 }
 .card-img-top {
   max-width: 100%;
   flex-shrink:0;
   }

   /*  */

/*  
   
 @keyframes flowing {
   100% {
     transform: translateX(-500px);
   }
 } */