@charset "utf8";


#mainvisual {
    margin: 0 auto 1.5rem;
}
#mainvisual img {
    width: 100%;
}
#guideArea {
	width: 722px;
	margin: 0 auto;
	zoom: 100%;
}
	
#guideArea:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}

	#guideArea div {
		width: 238px;
		float: left;
	}

	#guideArea div#guideCenter {
		padding: 0 4px;
	}

		#guideArea div ul {
			border-left: 1px #918c8a solid;
			border-right: 1px #918c8a solid;
			border-bottom: 1px #918c8a solid;
			background: url(../image/index/bg_box_s.gif) center repeat-y;
		}

			#guideArea div ul li {
				width: 230px;
				margin: 0 auto;
				padding: 4px 0 2px;
				text-align: center;
				font-size: 83%;
				border-bottom: 1px #d4d3d4 solid;
			}

			#guideArea div ul li p {
				width: 50px;
				margin: 0 auto;
				background:url(../image/common/arrow.gif) 0 5px no-repeat;
				padding-left: 1em;
				text-align: center;
			}

			#guideArea div ul.netwark li p {
				width: 150px;
				text-align: left;
			}

	#newsArea {
		width: 722px;
		margin: 15px auto 10px;
	}

		#newsArea ul {
			border-left: 1px #918c8a solid;
			border-right: 1px #918c8a solid;
			border-bottom: 1px #918c8a solid;
			background: url(../image/index/bg_box_l.gif) center repeat-y;
			padding-top: 6px;
		}

			#newsArea ul li {
				width: 704px;
				padding: 2px 0 4px 10px;
				margin: 0 auto 4px;
				text-align: left;
				font-size: 83%;
				border-bottom: 1px #d4d3d4 solid;
				zoom: 100%;
			}

			#newsArea ul li:after {
				content: ".";
				display: block;
				visibility: hidden;
				height: 0.1px;
				font-size: 0.1em;
				line-height: 0;
				clear: both;
			}

			.update {
				width: 65px;
				padding-left: 25px;
				float: left;
				background: url(../image/common/arrow.gif) 10px 5px no-repeat;
			}

			.headlines {
				width: 599px;
				float: right;

			}
			.headlines a {
				color: #0B318F;
			}

			.latest {
				width: 579px;
				padding-left: 20px;
				background: url(../image/index/pict_new.gif) 0px 4px no-repeat;
			}

	#bannerArea {
		width:722px;
		margin: 8px auto 0;
		display: flex;
		flex-wrap:wrap;
		zoom: 100%;
		justify-content: space-between;
	}

	#bannerArea > li {
		width: 49%;
		border: 1px #9b9b9b solid;
	}	

	#bannerArea > li a {
		display: block;
		width: 100%;
		padding-left:50%;
		line-height: 80px;
		height: 80px;
		font-size: 20px;
		text-decoration: underline;
		color: #ff6b00;
		background:url(../image/index/bnr-kouji.jpg) no-repeat top left ,linear-gradient(45deg, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 40%,rgb(255 242 226) 100%);
		border-bottom: double 3px #9b9b9b;
		background-size: contain;
		font-weight: bold;
		letter-spacing: .1rem;
	}
	#bannerArea > li:nth-of-type(2) a {
		background:url(../image/index/bnr-hanbai.jpg) no-repeat top left ,linear-gradient(45deg, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 40%,rgb(222 247 225) 100%);
		background-size: contain;
		color: #089b14;
		background-color: #fff;
	}
		
		#bannerArea li#bannerCenter {
			padding: 0 4px;
		}		
		#bannerArea ul {
			padding:1rem;
		}
		#bannerArea ul li {
			border-bottom:1px solid #e7e7e7;
			padding-bottom: .3rem;
			position: relative;
			padding-left: 12px;
		}
		#bannerArea ul li:before {
			content: "・";
			position: absolute;
			left:0;
			font-size: 12px;
			top:1px;
		}

		#bannerArea ul li:not(:last-of-type) {
			margin-bottom: .3rem;
		}
#guideArea li.no-border {
	border: none;
}
			
#guideArea li p.no-bg {
	background: none;
}
.headlines.newsLink a {
	color: #0B318F;
}
.headlines.newsLink span {
	color: #0B328F;
}
.sp {
	display: none;
}
#newsArea h2 {
	font-size: 16px;
	width: 100%;
	display: block;
	color: #3244a1;
	padding: .5rem .5rem .5rem 1.5rem;
	border: 1px solid #918c8a;
	box-sizing: border-box;
	background: linear-gradient(to right, #f0f9ff 0%,#cbebff 47%,#a1dbff 100%);
}

@media screen and (max-width: 480px) {
	.sp {
		display: block;
	}
    #mainvisual > img {
        width: 100%;
    }
    #bannerArea {
        width: 94%;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
		margin-top: 2rem;
    }
    #bannerArea li {
        float: none;
        margin: 0 .5% .8rem;
		width: 100%;
    }
    #bannerArea li img {
        width: 100%;
        object-fit: contain;
        height: auto;
    }
	#bannerArea > li a {
		line-height: 70px;
		height: 70px;
		padding-left: 3%;
		text-align: center;
	}
    #bannerArea li#bannerCenter {
        padding: 0;
    }
	#newsArea h2 {
		position:relative;
		width: 100%;
	}
	#newsArea h2 {
		font-size: 16px;

	}
	
	#newsArea h2 img {
		display: none;
	}
	#newsArea{
		width: 94%;
		margin: 1.5rem auto 0;
	}
	#newsArea ul li,
	.headlines,
	.update {
		width: 100%;
	}
	.update {
		padding-left: 15px;
		background:url(../image/common/arrow.gif) 5px no-repeat;
	}
	#newsArea ul li {
		font-size: 14px;
	}
	
}