@charset "utf-8";
/* CSS Document */


html { scroll-behavior: smooth;}

.contents{
	height:100%;
	position: relative;
	color:white;
	background-image: url("img/rule-access-bg.jpeg");
	background-repeat: repeat;
	background-size: contain;
}



.contents h1{
	font-size:25pt;
  letter-spacing: 2pt;
  line-height: 1.5;text-align: justify;display: flex;justify-content: center;
	padding-bottom:5%;
	color:#B6815A;
}
.contents h2{
	font-size:15pt;
  letter-spacing: 2pt;
  line-height: 1.5;text-align: justify;
	padding-bottom:2.5%;
}
.contents p{
	font-size:10pt;
  letter-spacing: 2pt;
  line-height: 2;text-align: justify;
}
.contents hr{
	width:15%;
	margin:0 auto;
	color:#B6815A;
	padding-bottom:5%;
}



.gazou{
	background-color:red;
	overflow: hidden;
}.gazou img{
	width:100%;
	background-color:red;
}



.hako1{
	width:100%;
	color:white;
	padding:5% 25%;
}
.hako1-moji{
	display: flex;
	justify-content: center;flex-direction: column;align-items: center;
}
.rinku{
	width:100%;
	display: flex;
	justify-content: center;
	padding:30px;
	border:2px solid gray;
	border-right:none;
	border-left:none;
	margin:0 auto;
}
.hako1 h1{
}
.hako1 p{
	display: flex;
	justify-content: center;
	margin:0 20px;
}
.hako1 a:hover{
  color: gray;
  transition: 0.6s;
}

.yakkan{
	width:100%;
	padding:5% 25%;
}
.yakkan-IN{
}

.yakkan-IN h1{
}

.yakkan-IN h2{
}

.yakkan-IN p{
}

.kiyaku{
	width:100%;
	padding:5% 25%;
}

.kiyaku-IN h2{
}

.kiyaku-IN p{
}


.privacy{
	width:100%;
	padding:5% 25%;
}

.privacy-IN h2{
}

.privacy-IN p{
}

section{
	padding-bottom:10%;
}









caption.top {
        caption-side: top;
		padding-bottom:10px;
}

table , td, th {
	border: 1px solid #595959;
	border-collapse: collapse;
	margin-bottom:30px;
}
td, th {
	padding: 20px;
	height: 25px;
}
th {
	background: #f0e6cc;
}
.even {
	background: #fbf8f0;
}
.odd {
	background: #fefcf9;
}

/***追従するトップへ戻るボタン***/
.page-top-box {
	position:absolute;
	height:100%;
	right:2%;
}
.page-top {
    position: sticky;
	top:90%;
	background-color:#353535;
	padding:5px;
	
}
.page-top-box a:hover{
  color: gray;
  transition: 0.6s;
}
/***トップへ戻るボタンここまで***/

@media screen and (max-width: 768px) {

.contents h1{
	font-size:15pt;
}
.contents h2{
	font-size:12pt;
}
.contents p{
	font-size:9pt;
	}
	
.hako1{
	padding:5% 5%;
}
.hako1 p{
	font-size:10pt;
}
.yakkan{
	padding:5% 5%;
}
.kiyaku{
	padding:5% 5%;
}
.privacy{
	padding:5% 5%;
}



}