.mv {
	width: 100%;
	height: 560px;
}
	#mv1 {
	    background: url(../img/home/pc/mv1.jpg) no-repeat center;
	    background-size: cover;
	}
	#mv2 {
	    background: url(../img/home/pc/mv2.jpg) no-repeat center;
	    background-size: cover;
	}
	#mv3 {
	    background: url(../img/home/pc/mv3.jpg) no-repeat center;
	    background-size: cover;
	}
.bx-wrapper {
    position: relative;
    height: 100%;
    max-width: 100% !important;
}

.bx-viewport {
    margin: 0 auto;
    height: 100% !important;
}

.bx-wrapper .bxslider li {
	text-align: center;
}

.bxslider a {
    display: block;
}

.mvSlider {
    height: 100%;
}

.mvSlider li {
    height: 100%;
    width: 100% !important;
}




.subNav {
    margin-top: -60px;
    position: static;
    position: relative;
    background: transparent;
    z-index: 60;
}
.subNav ul {
    margin-top: 40px;
}

.tabList {
	width: 33.2%;
	float: left;
	background:#519100;
	box-sizing: border-box;
	color: #fff;
	font-size: 18px;
	height: 60px;
	line-height: 60px;
	text-align: center;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
	cursor: pointer;
}
.is-active {
	background:#fff;
	color: #323232;
	position: relative;
	height: 70px;
	line-height: 70px;
	margin-top: -10px;
}
.tabList + .tabList {
	margin-left: 0.2%;
}

.panel {
    padding-top: 0;
    padding-bottom: 50px;
}


#target {
	background:url(../img/home/pc/target_bg.jpg) no-repeat;
	background-size: cover;
    padding-top: 50px;
    padding-bottom: 80px;
}
	#target h3 {
		text-align: center;
		padding-bottom: 25px;
		font-size: 30px;
		font-weight: bold;
	}
	#target ul li {
		width: 30%;
		max-width: 300px;
		border-radius: 5px;
		background:#fff;
		padding-top: 33px;
		float: left;
		position: relative;
	    -webkit-transition: 0.3s ease-in-out;
		-moz-transition: 0.3s ease-in-out;
		-o-transition: 0.3s ease-in-out;
		transition: 0.3s ease-in-out;
	}
	#target ul li:hover {
		-webkit-box-shadow: 0px 0px 7px 2px #ddd;
		-moz-box-shadow: 0px 0px 13px 2px #ddd;
		box-shadow: 0px 0px 7px 2px #ddd;
	}
	#target ul li + li {
		margin-left: 5%;
	}
		#target ul li figure {
			width: 80%;
			max-width: 130px;
			margin-right: auto;
			margin-left: auto;
			margin-bottom: 15px;
		}
		#target ul li h4 {
			text-align: center;
			padding-bottom: 10px;
			font-size: 24px;
			font-weight: bold;
			width: 85%;
			margin-right: auto;
			margin-left: auto
		}
		#target ul li p {
			font-size: 15px;
			padding-bottom: 65px;
			width: 85%;
			margin-right: auto;
			margin-left: auto
		}
		#target ul li .bar {
			padding-top: 15px;
			padding-bottom: 15px;
			color: #fff;
			font-size: 15px;
			display: block;
			background:#519100;
			text-align: center;
			position: absolute;
			bottom: 0;
		    width: 100%;
		    border-radius: 0 0 5px 5px;
		    -webkit-transition: 0.3s ease-in-out;
			-moz-transition: 0.3s ease-in-out;
			-o-transition: 0.3s ease-in-out;
			transition: 0.3s ease-in-out;
		}
		#target ul li:hover .bar {
			background:#74a331;
		}
			#target ul li .bar span {
				position: absolute;
				right: 7%;
				font-size: 12px;
				padding-top: 2px;
			}

#mainOther {
}
	#mainOther ul li {
		width: 50%;
		float: left;
		position: relative;
		overflow: hidden;
		display: block;
	}

	#mainOther ul li:nth-child(1) {
		background:url(../img/home/pc/mainOther_bg1.jpg);
		background-size: cover;
	}
	#mainOther ul li:nth-child(1):before{
		position: absolute;
	    content: "";
	    display: block;
	    width: 100%;
	    height: 100%;
	    top: 0;
	    left: 0;
	    background: url(../img/home/pc/mainOther_bg1.jpg) no-repeat center center;
	    background-size: cover;
	    -webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		-ms-transition: all 0.5s ease-in-out;
		-o-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;
	}
	#mainOther ul li:nth-child(1):hover:before{
		-webkit-transform: scale(1.2);
	    -moz-transform: scale(1.2);
	    -o-transform: scale(1.2);
	    -ms-transform: scale(1.2);
	    transform: scale(1.2);
	}
	#mainOther ul li:nth-child(2) {
		background:url(../img/home/pc/mainOther_bg2.jpg);
		background-size: cover;
	}
	#mainOther ul li:nth-child(2):before{
		position: absolute;
	    content: "";
	    display: block;
	    width: 100%;
	    height: 100%;
	    top: 0;
	    left: 0;
	    background: url(../img/home/pc/mainOther_bg2.jpg) no-repeat center center;
	    background-size: cover;
	    -webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		-ms-transition: all 0.5s ease-in-out;
		-o-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;
	}
	#mainOther ul li:nth-child(2):hover:before{
		-webkit-transform: scale(1.2);
	    -moz-transform: scale(1.2);
	    -o-transform: scale(1.2);
	    -ms-transform: scale(1.2);
	    transform: scale(1.2);
	}
	#mainOther ul li + li {
	}
		#mainOther ul li a {
			display: block;
			padding-top: 80px;
			padding-bottom: 100px;
			position: relative;
			z-index: 100;
		}

		#mainOther ul li a:before{
			content: '';
		    position: absolute;
		    top: 0;
		    left: 0;
		    display: block;
		    width: 100%;
		    height: 100%;
		    transform: scaleX(0);
		    background: url(../img/home/pc/colorBg.png) top left no-repeat;
		    background-size: 100% 100%;
		    opacity: 0;
		    -webkit-transition: all 0.5s ease-in-out;
			-moz-transition: all 0.5s ease-in-out;
			-ms-transition: all 0.5s ease-in-out;
			-o-transition: all 0.5s ease-in-out;
			transition: all 0.5s ease-in-out;
			z-index: 5;
		}
		#mainOther ul li a:hover:before{
			transform: scaleX(1);
		    opacity: 0.6;
		    -webkit-transition: all 0.5s ease-in-out;
			-moz-transition: all 0.5s ease-in-out;
			-ms-transition: all 0.5s ease-in-out;
			-o-transition: all 0.5s ease-in-out;
			transition: all 0.5s ease-in-out;
		}

			#mainOther ul li a figure {
				position: relative;
				z-index: 10;
				width: 75%;
				max-width: 70px;
				margin-right: auto;
				margin-left: auto;
				padding-bottom: 20px;
			}
			#mainOther ul li a h3 {
				position: relative;
				z-index: 10;
				text-align: center;
				color: #fff;
				font-size: 30px;
				padding-bottom: 5px;
				font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝","Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
			}
			#mainOther ul li a p {
				position: relative;
				z-index: 10;
				text-align: center;
				color: #fff;
				font-size: 12px;
			}

#otherLinks {
	padding-top: 50px;
	padding-bottom: 50px;
	border-bottom: 1px dotted #c1c1c1;
}
	#otherLinks ul li {
		width: 32%;
		float: left;
	}
	#otherLinks ul li + li {
		margin-left: 2%;
	}
		#otherLinks ul li a {
		}


.feedBox {
	padding-top: 50px;
	padding-bottom: 50px;
}
	.topicsBox {
		/* width: 47.5%;
		float: left; */
	}
	/* .facebookBox {
		width: 47.5%;
		float: right;
	} */
	.feedTtl {
		text-align: center;
		font-weight: bold;
		font-size: 21px;
		padding-bottom: 5px;
	}
	.feedSubTtl {
		font-size: 12px;
		text-align: center;
		margin-bottom: 30px;
	}

	.topicsList {
		float: left;
		width: 32%;
		max-width: 320px;
	}
	.topicsList + .topicsList {
	    margin-left: 20px;
	}
		.thumb {
			margin-bottom: 10px;
		}
			.figure {
				background-size: cover;
			    background-position: center;
			}

		.post {}
			.postDate {}
			.termLabel {}
			.postTtl {
			    margin-top: 5px;
				font-size: 15px;
			}


@media screen and (max-width:768px) {
	.mv {
		height: 250px;
	}
	.homeNav {
	    margin-top: 0;
	}
		.tabList,
		.is-active {
		    line-height: 1.4;
		    height: auto;
		    padding-top: 10px;
		    padding-bottom: 10px;
		    margin-top: 0;
		    font-size: 12px;
		}
		.homeNav ul {
		    margin-top: 25px;
		    margin-bottom: 20px;
		}
		.panel {
			position: static;
		    padding-top: 0;
		    padding-bottom: 0;
		}
		

	#target {
	    padding-top: 30px;
	    padding-bottom: 50px;
	}
		#target h3 {
		    padding-bottom: 20px;
		    font-size: 22px;
		}
		#target ul li {
			width: 100%;
		    max-width: inherit;
		    padding-top: 25px;
	        height: auto !important;
		}
		#target ul li + li {
		    margin-left: auto;
		    margin-top: 25px;
		}
			#target ul li h4 {
				padding-bottom: 12px;
			    font-size: 20px;
			}
			#target ul li p {
				padding-bottom: 30px;
			}
			#target ul li .bar {
				position: inherit;
			    font-size: 17px;
			}

	#mainOther ul li {
	    width: 100%;
	    float: none;
	    max-width: 640px;
	    margin-right: auto;
	    margin-left: auto;
	}
		#mainOther ul li a {
		    padding-top: 55px;
		    padding-bottom: 65px;
		}
			#mainOther ul li a figure {
				padding-bottom: 15px;
			}
			#mainOther ul li a h3 {
				font-size: 24px;
			    padding-bottom: 8px;
			}

	#otherLinks {
	    padding-top: 30px;
	    padding-bottom: 30px;
	}
		#otherLinks ul li {
		    width: 100%;
		    float: none;
		    max-width: 320px;
		    margin-right: auto;
		    margin-left: auto;
		}
		#otherLinks ul li + li {
		    margin-left: auto;
		    margin-top: 20px;
		}

	.feedBox {
	    padding-top: 30px;
	    padding-bottom: 30px;
	}
		/* .topicsBox {
		    width: 100%;
		    float: none;
		    margin-right: auto;
		    margin-left: auto;
		}
		.facebookBox {
		    width: 100%;
		    float: none;
		    margin-right: auto;
		    margin-left: auto;
		    margin-top: 30px;
		} */

		.topicsList {
		    float: none;
		    width: auto;
		    max-width: none;
		}
		.topicsList + .topicsList {
		    margin-left: auto;
		    margin-top: 8vw;
		}
}

@media screen and (max-width:384px) {
	.mv {
		height: 200px;
	}
}