@charset "UTF-8";

html {
	width:100%;
	margin:0 auto;
	text-align: center;	
}
body{
	width:100%;
	margin:0 auto;
	position:relative;
	min-height:100vh;
	font-family: 'Noto Serif JP', serif;
}
@media screen and (max-width:700px){
}
img {
	width: 100%;
	margin:0 auto;
	pointer-events: none;
	vertical-align: middle;
  }

  .sapo_zone{
	max-width:800px;
	margin:0 auto;
	padding:5% 0 0 0;
	background:#f0eee6;
  }
  @media screen and (max-width:700px){
	.sapo_zone{
		padding:270px 0 0 0;
	}
  }
  h1{
	font-size:41px;
  }
.five_column{
	width:800px;
	display:-webkit-flex;
	display:flex;
	position:fixed;
	top:0;
	z-index:1;
}
@media screen and (max-width:700px){
	.five_column{
		width:100%;
		-webkit-flex-direction:column;
		flex-direction:column;}
  }

.one_column_a{
	background:#a57300;
	flex:1;
	padding:10px 0;
	color:#fff;
	font-size:11px;
}
.one_column_b{
	background:#5d4100;
	flex:1;
	padding:10px 0;
	color:#fff;
	font-size:15px;
}

.triangle {
	width: 0;
	height: 0;
	border-style: solid;
	border-right: 7px solid transparent;
	border-left: 7px solid transparent;
	border-top: 10px solid #fff;
	border-bottom: 0;
	display: inline-block;
	margin:0 5px 0 0;
  }
  /*riyou**/
  #riyou{
	max-width:800px;
	margin:0 auto;
	padding:5% 0;
  }
  #riyou h2{
	font-size:31px;
	text-align: center;
  
color:#5d4100;}

  #riyou p{
	width:90%;
	margin:0 auto;
	font-size:13px;
	line-height:21px;
	text-align:left;
  }
  @media screen and (max-width:700px){
	#riyou p{
		font-size:13px;
		line-height:23px;
	  }
  }
  .strong{
	font-weight:bold;
	display: block;
  }
.space{
	display: block;
	margin:20px 0 0 0;
}

#tokusho{
	max-width:800px;
	margin:0 auto;
	background:#e9e5d3;
	padding:5% 0;
}
#tokusho h2{
	font-size:31px;
	text-align: center;
	margin:0 0 15px 0;
	color:#5d4100;
}
#tokusho p{
	width:90%;
	margin:0 auto;
	font-size:13px;
	line-height:21px;
	text-align:left;
}
#kanteisi{
	max-width:800px;
	background:#f0eee6;
	margin:auto;
	padding:5% 0;
}
#kanteisi h2{
	font-size:31px;
	text-align: center;
	margin:0 0 15px 0;
	color:#5d4100;
}
#kanteisi p{
	width:90%;
	margin:0 auto;
	font-size:13px;
	line-height:21px;
	text-align:left;
}
#privacy{
	max-width:800px;
	background:#e9e5d3;
	margin:auto;
	padding:5% 0;
}
#privacy h2{
	font-size:31px;
	text-align: center;
	margin:0 0 15px 0;
	color:#5d4100;
}
#privacy p{
	width:90%;
	margin:0 auto;
	font-size:13px;
	line-height:21px;
	text-align:left;
}
#taikai{
	max-width:800px;
	background:#f0eee6;
	margin:auto;
	padding:5% 0;
}
@media screen and (max-width: 700px) {
	#taikai{
		padding:5% 0 17% 0;
	}
}
#taikai h2{
	font-size:31px;
	text-align: center;
	margin:0 0 15px 0;
	color:#5d4100;
}
	#taikai p{
	width:90%;
	margin:0 auto;
	font-size:13px;
	line-height:21px;
	text-align:left;
}

#taikai li{
	width:90%;
	margin:0 auto;
	text-align: left;
}
.back{
	max-width:250px;
	margin:0 auto;
	font-size:21px;
	background:#fff;
	border:solid 1px #000;
	padding:17px 0;
}

/*footer**/
footer{
	width:100%;
	background:#000;
	position: absolute;
	bottom:0;
	z-index:100;
}
footer p{
	color:#fff;
	margin:10px 0;
};

.pc{display: block;}
.sp{display: none;}

@media screen and (max-width: 425px) {
	.pc{display: none;}
	.sp{display: block;}
}