@charset "utf-8";

main {max-width: 1500px; width: 90%; margin: 0 auto;}
main img{width: 100%; margin: 30px auto 0;}
main .info dl{
	width: 50%; 
	border: dashed 1px #a0857c;
	margin: 30px auto;
}
main .info dl dt{
	background: #97bbc6; 
	color: #fff; 
	width: 10%; 
	padding: 20px 0; 
	text-align: center;
	font-weight: 700;
}
main .info dl dd{background: #f6f4f1; width: 90%; padding: 20px 0 0 20px;font-weight: 700;}
main .info dl dd span{font-family: "Noto Sans", sans-serif;}

@media (max-width:640px){
	main{max-width: 600px; width: 100%; margin: 30px auto 0;}
	main img{margin: 40px auto 0;}
	main h1{line-height: 1.2;}
	main h1 small{padding-bottom: 20px;}
	main h1.title:before {bottom: -13px;}
	main .info dl{width: 100%; margin: 0 auto;}
	main .info dl:first-of-type{margin: 30px auto 0;}
	main .info dl dt,main .info dl dd{font-size: 1.5rem;}
	main .info dl dt{width: 15%;}
	main .info dl dd{width: 85%; line-height: 1.3;}	
	main .info dl dd:nth-child(2){padding-bottom: 20px;}
}


/* pdf */
.pdf{max-width: 1200px; width: 90%; margin: 80px auto 0;}
.pdf li,.pdf .pm{border: dashed 1px #a0857c;}
.pdf img.kumotu{max-width:540px; width: 100%;}
.pdf .pm{width: 90%; margin: 0 auto 20px;}
.pdf .pm img{width: 1200px; width: 100%;}
.pdf ul{display: flex; justify-content: space-between; width: 1200px; width: 90%; margin: 0 auto;}
.pdf ul li{width: 49.3%;}
.pdf a:hover{opacity: .5;}

@media (max-width:640px){
	.pdf{max-width: 600px; width: 100%; margin: 50px auto 0;}
	.pdf li,.pdf .pm{border: dashed 1px #a0857c;}
	.pdf .pm img{width:100%;}
	.pdf img{width:100%;}
	.pdf .pm{width: 100%; margin: 0 auto 10px;}
	.pdf ul{
		display: flex; 
		justify-content:space-between; 
		flex-wrap: wrap;
		width: 100%;
	}
	.pdf ul li{margin:0; max-width: 294px; width: 100%;}
	.pdf img.kumotu{width:290px; }
}


/* map */
.map{max-width: 1200px; width: 90%; margin: 80px auto 0;}
.map a{margin-top: 10px;}
.map iframe{max-width: 1200px; height: 600px; margin: 0 auto; width: 100%;}

@media (max-width:640px){
	.map{max-width: 1100px; width: 100%; margin: 50px auto 0;}
	.map a{margin-top: 20px;}
	.map iframe{width:600px; height: 400px; margin: 0 auto; display: block;}
}


/* sisetu */
.sisetu ul{max-width: 1100px; width: 100%; margin: 80px auto 0; justify-content: center;}
.sisetu ul li{display: block; margin: 0 10px; width: 48%;}
.sisetu ul li p{font-weight: 700; text-align: center;}
.sisetu ul li img{width: 100%;}

@media (max-width:640px){
	.sisetu ul{margin: 50px auto 0; justify-content: center; flex-wrap: wrap;}
	.sisetu ul li{margin: 10px 0; width: 100%;}
}


/* inlink */
.inlink ul{
	margin: 80px auto 0; 
	background: #f6f4f1; 
	border: dashed 1px #a0857c; 
	justify-content: center;
	padding:20px 0;
	flex-wrap: nowrap;
}
.inlink ul li {max-width: 490px; width: 100%; border-right: solid 1px #a0857c;}
.inlink ul li:last-of-type{border-right:none;}
.inlink ul li a{
    display: flex;
    justify-content: center;
    align-items: center;
	text-align: center;
	font-weight: 700;
}
.inlink ul li a::after {
    transform: rotate(45deg);
    width: 5px;
    height: 5px;
    margin-left: 10px;
    border-top: 2px solid #231815;
    border-right: 2px solid #231815;
    content: '';
}

@media (max-width:640px){
	.inlink ul{margin: 50px auto 0; flex-wrap: wrap;}
	.inlink ul li {border-right: none;}
	.inlink ul li a{font-size: 1.5rem;}
	.inlink ul li a::after {width: 8px; height: 8px;}
}