/* CSS Document */

#main section {
	padding: 40px 0;
	box-sizing: border-box;
}
#main h2{
	color: #1a284a;
	font-size: 2.5rem;
	font-family: 'Yuji Syuku', serif;
	line-height: 1.4em;
	letter-spacing: 3px;
	text-align: center;
	width: 380px;
	margin: auto;
	padding: 5px;
	border: 20px solid;
  border-image: url("../module/img/bd_blue.svg") 20 round;
}
#main .lead{
	max-width: 900px;
	margin: 60px auto;
	text-align: center;
}
#main .btn {
  margin: 10px 0;
}
#main .btn a {
  display: inline-block;
  background: #1C294C;
  color: #fff;
  padding: 10px 30px;
  border-radius: 40px;
  text-align: center;
  line-height: 1.4em;
}
#main .btn a:hover {
  background: #304B94;
}
#main h3{
	background: #1C294C;
	color: #fff;
	display: inline-block;
	padding: 10px 20px;
	font-size: 2.1rem;
	font-family: 'Yuji Syuku', serif;
	line-height: 1.4em;
	letter-spacing: 3px;
	min-width: 300px;
	border-radius: 5px;
}
#main h4{
	font-size: 2.1rem;
	font-family: 'Yuji Syuku', serif;
	line-height: 1.4em;
	letter-spacing: 3px;
	margin: 40px 0 20px;
}
#main .txt{
	margin: 20px 0;
}


#fv{
	text-align: center;
}
#fv h1{
	margin: 80px 0 40px;
}
#fv .lead{
	margin: 60px auto 20px;
}



#culturalProperty .block,
#countryCulturalProperty .block{
	max-width: 1280px;
	padding: 0 40px;
	margin: 60px auto;
}
#culturalProperty .block dl,
#countryCulturalProperty .block dl{
	display: flex;
	justify-content: space-between;
	margin: 100px 0;
}
#culturalProperty .block dl:nth-of-type(even),
#countryCulturalProperty .block:nth-of-type(even){
	flex-direction: row-reverse;
}
#culturalProperty .block dl dt,
#countryCulturalProperty .block dl dt{
	width: 40%;
	display: flex;
	flex-direction: column;
	gap: 10px;
}
#culturalProperty .block dl dd,
#countryCulturalProperty .block dl dd{
	width: 50%;
}



#history .block{
	max-width: 1280px;
	padding: 0 40px;
	margin: 60px auto;
}
#history .lead .bd{
	border: 1px solid #ccc;
	display: inline-block;
	margin: 10px;
}
#history .block dl{
	display: flex;
	justify-content: space-between;
	margin: 100px 0;
}
#history .block dl dt{
	width: 40%;
	display: flex;
	flex-direction: column;
	gap: 10px;
}
#history .block dl dd{
	width: 50%;
}


#scenery h2 {
	color: #006837;
	border-image: url("../module/img/bd_green.svg") 20 round;
}
#scenery h3 {
	background: #006837;
}
#scenery .block{
	max-width: 1200px;
	padding: 0 40px;
	margin: 60px auto;
}
#scenery .block dl{
	margin: 100px 0;
}
#scenery .block dl dt{
	display: flex;
	justify-content: space-between;
	gap: 20px;
}
#scenery .block dl dd{
	margin: 40px 0;
	display: flex;
	justify-content: space-between;
	gap: 20px;
}
#scenery .block dl dd .box{
	width: 50%
}
#scenery .block dl dd .box:last-of-type{
	margin-top: 35px;
}
#scenery .block dl dd .box a:hover{
	text-decoration: underline;
}



#hojoMap h2 {
	color: #006837;
	border-image: url("../module/img/bd_green.svg") 20 round;
}
#hojoMap h3 {
	background: #006837;
}
#hojoMap .block{
	max-width: 1200px;
	padding: 0 40px;
	margin: 60px auto;
}





@media screen and (max-width: 480px) {
	
	#main section {
		padding: 40px 20px;
	}
	#main .lead {
		margin: 30px auto;
		text-align: left;
	}
	#main h2 {
		font-size: 2.2rem;
		letter-spacing: 1px;
		width: auto;
	}
	#main h3 {
		padding: 10px 15px;
		font-size: 1.9rem;
		letter-spacing: 1px;
	}
	#main h4 {
		margin: 30px 0 10px;
		font-size: 1.9rem;
		letter-spacing: 1px;
	}
	#main .txt {
		margin: 10px 0;
	}
	
	
	#fv .lead {
		margin: 40px 20px;
	}
	
	
	
	
	
	#culturalProperty .block,
	#countryCulturalProperty .block{
		padding: 0;
		margin: 30px auto;
	}
	#culturalProperty .block dl,
	#countryCulturalProperty .block dl{
		margin: 40px 0 80px;
		flex-direction: column;
		position: relative;
	}
	#culturalProperty .block dl:nth-of-type(even),
	#countryCulturalProperty .block dl:nth-of-type(even){
		flex-direction: column;
	}
	#culturalProperty .block dl dt,
	#countryCulturalProperty .block dl dt{
		width: auto;
		gap: 5px;
		margin: 25px 0 10px 25px;
	}
	#culturalProperty .block dl dd,
	#countryCulturalProperty .block dl dd{
		width: auto;
	}
	#culturalProperty .block dl dd h3,
	#countryCulturalProperty .block dl dd h3{
		position: absolute;
		top: 0;
		left: 0;
		min-width: unset;
	}

	
	
	#history .lead{
		margin-bottom: 80px;
	}
	#history .lead h4,
	#history .btn{
		text-align: center;
	}
	#history .block {
		padding: 0;
		margin: 30px auto;
	}
	#history .block dl {
		margin: 40px 0 80px;
		flex-direction: column;
		position: relative;
	}
	#history .block dl dt {
		width: auto;
		gap: 5px;
		margin: 25px 0 10px 25px;
	}
	#history .block dl dd {
		width: auto;
	}
	#history .block dl dd h3{
		position: absolute;
		top: 0;
		left: 0;
		min-width: unset;
	}
	
	
	
	#scenery .block {
		padding: 0;
		margin: 30px auto;
	}
	#scenery .block dl {
		margin: 40px 0 80px;
		display: flex;
		flex-direction: column;
		position: relative;
	}
	#scenery .block dl dt {
		display: flex;
		flex-direction: column;
		gap: 5px;
		margin: 25px 0 10px 25px;
	}
	#scenery .block dl dt img {
		width: auto;
	}
	#scenery .block dl dd {
		display: block;
		margin: 0;
	}
	#scenery .block dl dd .box {
		width: auto;
	}
	#scenery .block dl dd h3{
		position: absolute;
		top: 0;
		left: 0;
		min-width: unset;
	}
	
	
	
	#scenery .block {
		padding: 0;
		margin: 30px auto;
	}
	
	
	
	#hojoMap .block{
		padding: 0;
		margin: 30px auto;
	}
	#hojoMap .block iframe{
		height: 450px;
	}
	
	
	
}