.container2 {
	display: flex;
	flex-direction: column;

	color: #fffbfb;
	padding: 15px;
/*	border-radius: 5px;*/
}

.item2 {
	display: flex;

}

.description {
	/* 説明文のスタイルを設定 */
	margin: auto;
max-width: 720px;
}

.image {
	/* 画像のスタイルを設定 */
}

/* 画面幅が一定以下になった場合のレスポンシブなスタイル */
@media (max-width: 768px) {
	.item2 {
		flex-direction: column; /* 縦並びに変更 */
	}

	.description,
	.image {
		width: 100%;
	}
}
.descriptionR {
	/* 説明文のスタイルを設定 */
	margin: auto;

}

.image {
	/* 画像のスタイルを設定 */
}

/* 画面幅が一定以下になった場合のレスポンシブなスタイル */
@media (max-width: 768px) {
	.item2 {
		flex-direction: column; /* 縦並びに変更 */
	}

	.descriptionR,
	.image {
		width: 100%;
	}
}




.title span {
  opacity: 0;
  transform: translateY(50px);
  transition: transform 0.5s ease, opacity 0.5s ease;
}

.title.-visible span {
  opacity: 1;
  transform: translateY(0);
}


.buttons{
	margin-top: 30px;
	text-align: center;
}
.btn-flat-border {
display: inline-block;
padding: 0.3em 1em;
text-decoration: none;
color: #fff;
border: solid 2px #f5e9eb;
border-radius: 3px;
transition: .4s;
background-color: #49393C;
}

.btn-flat-border:hover {
background: #cf4878;
color: white;
}



#naiyou{
	color:#fff;
	padding:6px;
	background-color:#041300b3;
	border-radius: 10px;
}

			 .background-section {
					    background-color: #49393cf2;
					 /* 背景画像のサイズをカバーするように調整 */
					 background-size: cover;
					 border: 1px solid #9bbe3f;/* 枠の太さと色を指定 */
					 border-radius: 10px; /* 角丸化の設定 */
			 }
			 .background-section2 {
			 		/* 背景画像の設定 */
			 		background-image: url(images/intav4.jpg);
			 		/* 背景画像のサイズをカバーするように調整 */
			 		background-size: cover;


			 }

			 @media screen and (max-width: 800px) {
	     /* 800px以下の画面幅（スマートフォンやタブレットなど）に適用するスタイル */
	    .ABOUTZOON {


			}
	 }
	 @media (max-width: 768px) {
	    table {
	    /*
			  display: block;
*/
			  width: 100%;
	    }

	    table tr {
	      display: block;
	      /*margin-bottom: 20px;
	    */}

	    table td {
	      display: block;
	      width: 100%;
	      box-sizing: border-box;
	    }
	  }
	 @media screen and (min-width: 800px) {
	     /* 800px以上の画面幅（デスクトップなど）に適用するスタイル */
			 .ABOUTZOON {
 				display: flex;

 			}
.sub1 {
	max-width: 250px;
}
.main1{
	max-width: 380px;
}

	 }


a.btn-border {
  border: 2px solid #952d72b5;
  border-radius: 0;
  background: #fff;

  -webkit-transform-style: preserve-3d;

  transform-style: preserve-3d;
}

a.btn-border:before {
  position: absolute;
  top: 0;
  left: 0;

  width: 15px;
  height: 100%;

  content: '';
  -webkit-transition: all .3s;
  transition: all .3s;
  -webkit-transform: translateX(0) translateY(0);
  transform: translateX(0) translateY(0);

  border-radius: 0 50% 50% 0;
  background: #cf4878;
}

a.btn-border:hover:before {
  font-family: 'Font Awesome 5 Free';
  font-weight: bold;
  line-height: 30px;

  width: 30px;
  height: 30px;

  content: '\f061';
  -webkit-transform: translateX(460%) translateY(.5rem);
  transform: translateX(460%) translateY(.5rem);

  color: #fff;
  border-radius: 50%;
}
/*まずはお決まりのボックスサイズ算出をborer-boxに */
*,
*:before,
*:after {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
}

html {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 70%;/*rem算出をしやすくするために*/
}

.btn,
a.btn,
button.btn {
  font-size: 1.3rem;
  font-weight: 700;
  line-height: 1.5;
  position: relative;
  display: inline-block;
  padding: 1rem 2.8rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1em;
  color: #212529;

}


.footer {
	 background-color: #49393C;
	 color: #fff;
	 padding: 20px;
	 display: flex;
	 flex-wrap: wrap;
	 justify-content: space-between;
	 align-items: center;
 }
 .company-name {
	 flex: 1;
 }
 .menu {
	 flex: 2;
	 display: flex;
	 justify-content: center;
	 gap: 20px;
 }
 .menu-item {
	 color: #fff;
	 text-decoration: none;
 }
 .company-logo {
	 flex: 1;
	 text-align: right;
 }
 .company-logo img {
	 max-width: 100px;
	 height: auto;
 }

 @media screen and (max-width: 768px) {
	 .footer {
		 flex-direction: column;
	 }
	 .company-name,
	 .menu,
	 .company-logo {
		 text-align: center;
	 }
	 .company-logo {
		 margin-top: 0px;
	 }
 }


 .vegas-timer {
     top: auto;
     bottom: 0;
     height: 0px!important;
 }
