@charset "utf-8";
footer{
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
}
* {
	padding: 0;
	margin: 0;
	color: rgba(50 50 50/ 1.00);
	font-family: sans-serif;
	;
}

ul,
ol {
	list-style-type: none;
}
a{
	text-decoration: none;
}


h1 img{
	display: block;
	width: 50%;
	margin: 0 auto 2rem auto;
}
h1 strong{
	display: block;
	height: 40px;
	border: 1px solid rgba(50 50 50/ 1.00);
	border-right: none;
	border-left: none;
	font: bold normal 1.75rem sans-serif;
	line-height: 40px;
	text-align: center;
}
	h1 strong br{
		display: none;
	}

main {
	width: 85%;
	max-width: 1100px;
	min-width: 960px;
	margin: 0 auto;
}
table{
	margin: 0 auto;
	border-collapse: collapse;
}
table *{
	padding: 3px;
	border: 1px solid;
	font-size: 0.90rem;
	text-align: center;
	vertical-align: middle;
}
.pad10{
	padding: 15px;
	text-align: center;
}
.to_home{
	display: flex;
	flex-direction: row;
	width: 100%;
	height: 25px;
	margin: 0;
	background-color: rgba(121 23 31/ 1.00);
}

	.to_home a{
		display: inline-block;
		width: auto;
		height: 100%;
		padding: 0 20px;
		color: rgba(255 255 255/ 1.00);
		font-family: serif;
		line-height: 25px;
		text-decoration: none;
	}

		header .to_home a{
			margin-right: auto;
		}
		footer .to_home a{
			margin-left: auto;
		}
.txt-center{
	text-align: center;
}
.font-ss{
	font-family: Arial, Helvetica, sans-serif;
}

#btn_go{
	margin-left: 10px;
}
#idc-1,
#idc-2,
#idc-3{
	position: relative;
	max-width: 300px;
	min-width: 200px;
	height: 1px;
	margin: 20px auto;
	border: 1px solid rgba(220 220 220/ 1.00);
}
	[id^=idc]:after{
		animation: blink 1.5s ease-in-out infinite alternate;
		content: "";
		position: absolute;
		top: -5px;
		width: 10px;
		height: 10px;
		background-color: rgba(220 53 69/ 1.00);
		border-radius: 100%;
	}
		@keyframes blink{
			0% {opacity:0;}
			100% {opacity:1;}
		}
		#idc-1:after{
			left: 0;
		}
		#idc-2:after{
			left: 50%;
		}
		#idc-3:after{
			left: 100%;
		}

header,
[id^=_0] {
	margin-bottom: 50px;
	;
}

#_01{
	color: rgba(255 0 0/1.00);
}

#_03{
	;
}
	#_03 h2{
		color: rgba(255 0 0/1.00);
	}
	#_03 ul#sd{
		margin-bottom: 15px;
		border-radius: 5px;
	}
		#_03 ul#sd li{
			display: flex;
			flex-direction: column;

			box-sizing: border-box;
			width: calc(90% / 5);
			height: 220px;
			margin: 5px 1%;
			padding-top: 10px;

			font-size: 1.10rem;
		}

			#_03 ul#sd li:before{
				content: "";
				background-position: top center;
				background-repeat: no-repeat;
				background-size: 80%;
				
				height: 180px;
			}

				#_03 ul#sd li:nth-child(1):before{
					background-image: url(../img/sd_00.png);
				}
				#_03 ul#sd li:nth-child(2):before{
					background-image: url(../img/sd_01.png);
				}
				#_03 ul#sd li:nth-child(3):before{
					background-image: url(../img/sd_02.png);
				}
				#_03 ul#sd li:nth-child(4):before{
					background-image: url(../img/sd_03.png);
				}
				#_03 ul#sd li:nth-child(5):before{
					background-image: url(../img/sd_04.png);
				}


#_04{
	max-width: 1100px;
	margin: 0 auto;
}
	#_04 ul > li{
		padding: 8px 0;
	}
		#_04 ul > li label{
			display: flex;
			flex-direction: row;
			flex-wrap: nowrap;
			justify-content: start;
			height: 35px;
			/* line-height: 35px; */
		}
			#_04 ul > li label span:first-child{
				width: 25%;
			}
			#_04 ul > li label > input,
			#_04 ul > li label > select,
			#_04 ul > li label > span:nth-child(2){
				width: 70%;
				/* margin-left: 5%; */
			}
			#_04 ul > li label select{
				width: 200px;
			}

			@media screen and (max-width: 960px) {
				#_04 ul > li label > span:nth-child(2) span {
					width: 100%;
				}
			}

	#form-cmt{
		max-width: 460px;
		height: 40px;
		padding: 0 20px;
		margin: 10px auto 20px;
		border: 1px solid red;
		border-radius: 3px;
		line-height: 40px;
	}

#_05{
	padding-top: 30px;
	border-top: 1px solid rgba(220 220 220/ 1.00);
}
	#_05 p{
		margin-bottom: 10px;;
		text-align: center;
	} 
	#_05 ul{
		margin-bottom: 20px;;
	}









@media screen and (max-width: 960px){
	body{
/*		background-color: red;*/
	}
	main {
		width: 90%;
		min-width: 780px;
		margin: 0 auto;
	}
	
	#_03 ul#sd li{
		width: calc(90% / 5);
	}

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

	main {
		width: 95%;
		min-width: 620px;
		margin: 0 auto
	}

	h1 strong{
		display: block;
		height: auto;
		border: 1px solid rgba(50 50 50/ 1.00);
		border-right: none;
		border-left: none;
		font: bold normal 1.75rem sans-serif;
		line-height: 1.35;
		text-align: center;
	}
		h1 strong br{
			display: inline;
		}

	#_03 ul#sd li{
		width: calc(90% / 3);
		height: 240px;
	}
		#_03 ul#sd li:last-child{
			margin-left: 3.00%;
			margin-right: auto;
		}

	#_04 ul > li label{
		flex-wrap: wrap;
		height: auto;
	}
		#_04 ul > li label span,
		#_04 ul > li label strong,
		#_04 ul > li label input{
			width: 100%;
			margin: 0;
		}
}


@media screen and (max-width: 640px){
	main {
		width: 95%;
		min-width: 300px;
		margin: 0 auto
	}

	#_05 section:nth-child(2) > article > ul > li {
		width: 100%;
		margin: 0 auto;
	}

	#_03 ul{
		width: 100%;
		margin-right: auto;
		margin-left: auto;
	}
		#_03 ul#sd li{
			width: calc(90% / 2);
			height: 270px;
		}
			#_03 ul#sd li:before{
				height: 180px;;
			}
			#_03 ul#sd li:last-child{
				margin: 5px 1%;
			}

	#form-cmt{
		max-width: 460px;
		height: auto;
		padding: 0 20px;
		margin: 10px auto 20px;
		border: 1px solid red;
		border-radius: 3px;
		line-height: 1.35;
	}

}