@charset "UTF-8";
/* ===================================================================
CSS information

 file name  : suite.css
 author     : Ability Consultant
 style info : スィートルーム
=================================================================== */
@font-face {
	font-family: YuGothicM;
	src: local("Yu Gothic Medium");
}
/*Animate */
/* -----------------------------------------------------------
	.con_suite
----------------------------------------------------------- */
.con_suite .box_suite {
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	margin-bottom: 8em;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_suite .box_suite {
		margin-bottom: 4em;
  }
}
@media only screen and (max-width: 767px) {
  .con_suite .box_suite {
		margin-bottom: 2em;
  }
}
.con_suite .box_suite .img {
	width: 48%;
	margin: 0;
}
@media only screen and (max-width: 767px) {
  .con_suite .box_suite .img {
		width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .con_suite .box_suite .img {
		margin: 1.5em 0;
  }
}
.con_suite .box_suite .box_ctn {
	width: 30%;
	letter-spacing: .1em;
	margin-left: 18em;
	padding-top: 2em;
}
@media only screen and (max-width: 767px) {
  .con_suite .box_suite .box_ctn {
		width: 100%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_suite .box_suite .box_ctn {
		margin-left: 12em;
  }
}
@media only screen and (max-width: 767px) {
  .con_suite .box_suite .box_ctn {
		margin-left: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_suite .box_suite .box_ctn {
		padding-top: 0;
  }
}
@media only screen and (max-width: 767px) {
  .con_suite .box_suite .box_ctn {
		padding-top: 0;
  }
}
.con_suite .box_suite .box_ctn.base_txt_layout .tl_basic {
	font-family: "Playfair Display", serif;
	font-size: 225%;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_suite .box_suite .box_ctn.base_txt_layout .tl_basic {
		font-size: 188%;
  }
}
@media only screen and (max-width: 767px) {
  .con_suite .box_suite .box_ctn.base_txt_layout .tl_basic {
		font-size: 163%;
  }
}
.con_suite .box_suite .box_ctn.base_txt_layout .tl_basic span {
	padding-left: 0;
}
.con_suite .box_suite .box_ctn.base_txt_layout .tl_basic::before {
	right: 110%;
	width: 35%;
}
.con_suite .box_suite .box_ctn.base_txt_layout .txt:before {
	right: 110%;
}
.con_suite .box_suite:nth-child(even) {
	justify-content: flex-end;
}
.con_suite .box_suite:nth-child(even) .box_ctn {
	margin-right: 8em;
	margin-left: 0;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_suite .box_suite:nth-child(even) .box_ctn {
		margin-right: 5em;
  }
}
@media only screen and (max-width: 767px) {
  .con_suite .box_suite:nth-child(even) .box_ctn {
		margin-right: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1320px) {
  .con_suite .box_suite .box_ctn {
		margin-left: 10em;
		width: 36%;
		letter-spacing: .05em;
  }
  .con_suite .box_suite .box_ctn.base_txt_layout .tl_basic:before {
		right: 105%;
		width: 23%;
  }
  .con_suite .box_suite .box_ctn.base_txt_layout .txt:before {
		right: 105%;
  }
  .con_suite .box_suite:nth-child(even) .box_ctn {
		margin-right: 3em;
  }
}
@media print {
  .con_suite .box_suite .box_ctn {
		margin-left: 10em;
		width: 36%;
		letter-spacing: .05em;
  }
  .con_suite .box_suite .box_ctn.base_txt_layout .tl_basic:before {
		right: 105%;
		width: 23%;
  }
  .con_suite .box_suite .box_ctn.base_txt_layout .txt:before {
		right: 105%;
  }
  .con_suite .box_suite:nth-child(even) .box_ctn {
		margin-right: 3em;
  }
}
.ie8 .con_suite .box_suite .box_ctn {
	margin-left: 10em;
	width: 36%;
	letter-spacing: .05em;
}
.ie8 .con_suite .box_suite .box_ctn.base_txt_layout .tl_basic:before {
	right: 105%;
	width: 23%;
}
.ie8 .con_suite .box_suite .box_ctn.base_txt_layout .txt:before {
	right: 105%;
}
.ie8 .con_suite .box_suite:nth-child(even) .box_ctn {
	margin-right: 3em;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_suite .box_suite .box_ctn {
		margin-left: 7em;
  }
  .con_suite .box_suite:nth-child(even) .box_ctn {
		margin-right: 2em;
  }
}
@media only screen and (max-width: 767px) {
  .con_suite {
		max-width: 90%;
		margin: 0 auto 4em;
  }
  .con_suite .f_rsv {
		display: flex;
		justify-content: center;
  }
}

@media only screen and (min-width: 1025px) {
	.con_executive .box_executive .item .tl_basic .pcs {
		display: none;
	}
}
@media only screen and (min-width: 1025px) and (max-width: 1764px) {
	.con_executive .box_executive .item .tl_basic .pcs {
		display: block;
	}
}
@media only screen and (min-width: 1561px) and (max-width: 1640px) {
	.con_executive .box_executive .item .br_pcs {
		display: none;
	}
}
