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

#header {
	background-image:url(../images/header_img.jpg);
}
#header .title {
	background-image:url(../images/header_title.png);
}

/*フォーム*/
form label {
	display:block;
	width:100%;
	text-align: left;
	font-weight: bold;
	margin-bottom: 10px;
}
form label span {
	display:inline-block;
	background-color:#be0000;
	padding: 5px 10px;
	margin-left: 6px;
	line-height: 1;
	font-size: 10px;
	color:#FFF;
    vertical-align: middle;
}
form input, form textarea {
	width:90%;
	margin-bottom: 33px;
	padding: 15px;
	font-size:125%;
	background-color: #F7F7F7;
	border: solid #CCC 1px;
}
form input[type="radio"] {
	width:auto;
	margin-bottom: 33px;
	padding: 15px;
	font-size:125%;
	background-color: #F7F7F7;
	border: solid #CCC 1px;
    text-align: left;
}
form fieldset {
	width:90%;
	padding: 25px 15px 0px 15px;
	font-size:125%;
	background-color: #F7F7F7;
	border: solid #CCC 1px;
}

fieldset label {
    width: auto;
    display: inline-block;
    margin: 0;
    vertical-align: middle;
    font-weight: normal;
}

form input[type="submit"] {
	width:90%;
	color:#FFF;
	background-color: #be0000;
	padding:15px 50px;
	border-radius: 8px;
}

form select {
	width:90%;
	margin-bottom: 33px;
	padding: 15px 15px 0px 15px;
	font-size:125%;
	background-color: #F7F7F7;
	border: solid #CCC 1px;
}

/*===== PC =====*/

@media screen and (min-width: 481px) {

	/*子ページへのリンク*/
	#contents ul.list_childpage {
		display: block;
		width:570px;
		margin: auto;
		padding: auto;
		overflow: hidden;
		list-style: none;
		text-align: center;
		padding-left: 0;
	}
	#contents ul.list_childpage li {
		float:left;
		width:256px;
		height: 176px;
		margin-left: 3%;
		margin-right: 3%;
		padding: 0;
		text-align: center;
		overflow: hidden;
	}
	#contents ul.list_childpage li:last-child {
		margin-right: 0;
	}
	ul.list_childpage li a {
		display: block;
		width:auto;
		height:170px;
		position: relative;
		margin: 0;
		padding: 0;
		border: solid #d8d8d8 3px;
		background-size: cover;
		background-position: center;
		overflow: hidden;
	}
	#contents ul.list_childpage li a div {
		display: block;
		width:100%;
		height: 40px;
		position: absolute;
		bottom:0;
		z-index: 5;
		background-color: rgba(255,255,255,0.7);
	}
	#contents ul.list_childpage li a div p {
		display: inline-block;
		padding-left: 25px;
		width: auto;
		text-align: center;
		margin: 8px auto 0;
		font-weight: bold;
		background-image: url(../images/icon_tri_r.png);
		background-repeat: no-repeat;
		letter-spacing: 0.2em;
	}

}


@media screen and (min-width: 481px) and (max-width: 670px) {

	/*子ページへのリンク*/
	#contents ul.list_childpage {
		display: block;
		width:auto;
		margin: 60px auto 0;
		padding: auto;
		overflow: hidden;
		list-style: none;
		padding-left: 0;
	}
	#contents ul.list_childpage li {
		float: none;
		display:block;
		width:297px;
		height: 176px;
		margin:0 auto 25px;
		padding: 0;
		text-align: center;
		overflow: hidden;
	}
	#contents ul.list_childpage li:last-child {
		margin-right: auto;
	}
	ul.list_childpage li a {
		display: block;
		width:auto;
		height:170px;
		position: relative;
		margin: 0;
		padding: 0;
		border: solid #d8d8d8 3px;
		background-size: cover;
		background-position: center;
		overflow: hidden;
	}
	#contents ul.list_childpage li a div {
		display: block;
		width:100%;
		height: 40px;
		position: absolute;
		bottom:0;
		z-index: 5;
		background-color: rgba(255,255,255,0.7);
	}
	#contents ul.list_childpage li a div p {
		display: inline-block;
		padding-left: 25px;
		width: auto;
		text-align: center;
		margin: 8px auto 0;
		font-weight: bold;
		background-image: url(../images/icon_tri_r.png);
		background-repeat: no-repeat;
		letter-spacing: 0.2em;
	}

}


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

	/*子ページへのリンク*/
	#contents ul.list_childpage {
		display: block;
		width:auto;
		margin: 60px auto 0;
		padding: auto;
		overflow: hidden;
		list-style: none;
		padding-left: 0;
	}
	#contents ul.list_childpage li {
		float: none;
		display:block;
		max-width:297px;
/*		height: 176px;*/
		margin:0 auto 25px;
		padding: 0;
		text-align: center;
		overflow: hidden;
	}
	#contents ul.list_childpage li:last-child {
		margin-right: auto;
	}
	ul.list_childpage li a {
		display: block;
		width:auto;
		height:170px;
		position: relative;
		margin: 0;
		padding: 0;
		border: solid #d8d8d8 3px;
		background-size: cover;
		background-position: center;
		overflow: hidden;
	}
	#contents ul.list_childpage li a div {
		display: block;
		width:100%;
		height: 40px;
		position: absolute;
		bottom:0;
		z-index: 5;
		background-color: rgba(255,255,255,0.7);
	}
	#contents ul.list_childpage li a div p {
		display: inline-block;
		padding-left: 25px;
		width: auto;
		text-align: center;
		margin: 8px auto 0;
		font-weight: bold;
		background-image: url(../images/icon_tri_r.png);
		background-repeat: no-repeat;
	}

}