@charset "UTF-8";
/*----------------------------------------------------
	Nav
----------------------------------------------------*/
/*----------------------------------------------------
	Media Queries
----------------------------------------------------*/
/*----------------------------------------------------
	layout レイアウト
----------------------------------------------------*/
/*----------------------------------------------------
	color カラーセッティング
----------------------------------------------------*/
/*----------------------------------------------------
	font-family フォント
----------------------------------------------------*/
/*----------------------------------------------------
	shadow-box ボックスに影をつける
----------------------------------------------------*/
/* ===================================================================
CSS information

 file name  :rooms.css
 author     :Ability Consultant
style info  :タイトル
=================================================================== */
/*----------------------------------------------------
	.pagetitle
		ページタイトル
----------------------------------------------------*/
.pagetitle {
  background: url(../clause/images/title.jpg) top center no-repeat;
}
@media only screen and (max-width: 640px) {
  .pagetitle {
    background: url(../clause/images/title-sp.jpg) top center no-repeat;
    -webkit-background-size: 100%, 100%;
    -moz-background-size: 100%, 100%;
    -o-background-size: 100%, 100%;
    background-size: 100%, 100%;
  }
}
.pagetitle h2 {
  background: url(../privacy-policy/images/title_txt.png) center 55px no-repeat;
}

/*----------------------------------------------------
		見出し
----------------------------------------------------*/
.st_mid {
  margin-top: 50px;
  margin-bottom: 30px;
  color: #a84f56;
  font-weight: normal;
  line-height: 1.7;
}

.mid_left {
  margin: 50px auto 20px;
  padding: 0.25em 0.5em;
  border-left: solid 4px #a84f56;
  font-size: 28px;
  background: transparent;
}

.mid_u {
  color: #2f2f2f;
  margin: 35px auto;
  font-size: 25px;
  border-bottom: solid 3px #ccc;
  position: relative;
}

.mid_u::after {
  position: absolute;
  content: " ";
  display: block;
  border-bottom: solid 3px #a84f56;
  bottom: -3px;
  width: 15%;
}



@media only screen and (max-width: 767px) {
 .st_mid {
    margin-bottom: 20px;
    line-height: 1.3;
  }
}

.st_mid span {
  display: block;
  text-align: center;
}

.st_mid span.en {
  font-family: "Marcellus SC", serif;
  font-size: 275%;
}

@media only screen and (max-width: 767px) {
  .st_mid span.en {
    font-size: 225%;
  }
}

.st_mid span.jp {
  font-size: 113%;
}

@media only screen and (max-width: 767px) {
  .st_mid span.jp {
    font-size: 88%;
  }
}

ul.clause li {
  list-style-type: disc !important;
  color: #2f2f2f;
  font-weight: bold;
  font-size: 19px;
  line-height: 2rem;
  margin-left: 25px;
  margin-top: 15px;
}

ul.clause li::marker{
  color: #2f2f2f;
  font-size: 120%;
}

ol.clause li {
  list-style-type: decimal !important;
  color: #2f2f2f;
  font-size: 17px;
  line-height: 1.8rem;
  margin-left: 30px;
  margin-top: 15px;
}

ol.clause li::marker {
  color: #2f2f2f;
  font-size: 120%;
}

.table_spacebox {
  margin: 20px auto;
}

table.tbl_clause {
  width: 100%;
  border-collapse: collapse;
  border: 1px solid #ccc;
}

table.tbl_clause td,
th {
  border: 1px solid #ccc;
  padding: 10px;
}

table.tbl_clause th {
  background-color: #3c3c3c14;
}

span.big {
  font-size: 23px;
  text-decoration: underline;
}