@charset "UTF-8";
/* CSS Document */
/* titArea
================================================== */
.titArea {
	padding: 60px 0;
}
.titArea p {
	font-size: 500%;
	line-height: 110%;
	color: #006934;
}
@media all and (max-width: 1280px) {
	.titArea p {
		font-size: 6vw;
	}
}
@media all and (max-width: 800px) {
	.titArea p {
		font-size: 8vw;
	}
}
@media all and (max-width: 639px) {
	.titArea p {
		font-size: 10vw;
	}
}
.titArea h1 {
	font-weight: 600;
	padding-top: 15px;
}
/* subTitArea
================================================== */
.subTitArea {
	padding: 60px 0 30px;
}
@media all and (max-width: 639px) {
	.subTitArea {
		padding: 40px 0 30px;
	}
}
.subTitArea p {
	font-size: 360%;
	line-height: 120%;
	color: #006934;
}
@media all and (max-width: 1280px) {
	.subTitArea p {
		font-size: 5vw;
	}
}
@media all and (max-width: 800px) {
	.subTitArea p {
		font-size: 8vw;
	}
}
@media all and (max-width: 639px) {
	.subTitArea p {
		font-size: 8vw;
	}
}
.subTitArea h2 {
	font-weight: 600;
	padding-top: 15px;
}
/* sTit
================================================== */
.sTit {
	padding-bottom: 2em;
}
.sTit h3 {
	font-size: 140%;
	font-weight: 600;
}
@media all and (max-width: 639px) {
	.sTit h3 {
		font-size: 110%;
	}
}
.sTit h4 {
	padding-top: 2em;
	font-weight: 600;
}
/* guideArea
================================================== */
.guideArea {
	padding-bottom: 60px;
	border-bottom: dotted 1px;
	margin-bottom: 60px;
}
.guideArea:last-child {
	padding-bottom: 60px;
	border: none;
	margin-bottom: 0;
}
.guideArea p {
	padding-bottom: 1em;
}
.guideArea p.point {
	font-size: 80%;
	font-weight: 600;
	padding-bottom: 5px;
}
.guideArea p.icon10 {
	padding-bottom: 5px;
	font-size: 80%;
	font-weight: 600;
}
.cards {
	max-width: 300px;
	padding-bottom: 1em;
}
/* contentSwiper
================================================== */
.contentSwiper .swiper {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 20px 0 50px;
    z-index: 1;
}
.contentSwiper .swiper-slide {
	padding-bottom: 20px;
}
/* 前へ次への矢印カスタマイズ */
.contentSwiper .swiper-button-prev {
	top: inherit!important;
    left: 1%!important;
	bottom: 1%!important;
	z-index: 11!important;
}
.contentSwiper .swiper-button-next {
	top: inherit!important;
    right: 1%!important;
	bottom: 1%!important;
	z-index: 11!important;
}
.contentSwiper .swiper-button-prev::before {
	font-family: 'Material Symbols Outlined';
	content: "\eaa7";
}
.contentSwiper .swiper-button-next::before {
	font-family: 'Material Symbols Outlined';
	content: "\eaaa";
}
.contentSwiper .swiper-button-prev,
.contentSwiper .swiper-button-next {
	font-size: 200%;
	color: #006934!important;
	transition: .3s;
}
.contentSwiper .swiper-button-prev:hover,
.contentSwiper .swiper-button-next:hover {
	-webkit-transform: scale(1.3);
	transform: scale(1.3);
	transition: .3s;
}
.contentSwiper .swiper-button-prev::after,
.contentSwiper .swiper-button-next::after {
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  margin: auto;
  background-image: none!important;
}
/* ページネーション位置 */
.contentSwiper .swiper-horizontal > .swiper-pagination-bullets,
.contentSwiper .swiper-pagination-bullets.swiper-pagination-horizontal,
.contentSwiper .swiper-pagination-custom,
.contentSwiper .swiper-pagination-fraction {
	bottom: 15px;
}
/* newsBox
================================================== */
.newsBox {
	margin: 0 5% 0;
	box-shadow: 0 0 12px 0 rgba(0, 0, 0, .2);
}
/* newsBox linkBox */
.newsBox .linkBox {
    position: relative;
    z-index: 1;
}
.newsBox .linkBox a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-indent:-999px;
    z-index: 11;
}
/* newsBox zoomBox */
.newsBox .zoomBox {
	display: block;
	transition-duration: 0.3s;	/*変化に掛かる時間*/
	border: solid 1px #ccc;
}
.newsBox .zoomBox:hover {
	transform: scale(1.1);	/*画像の拡大率*/
	transition-duration: 0.3s;	/*変化に掛かる時間*/
}
/* newsBox newsTxt */
.newsTxt {
	background-color: #fff;
	padding: 20px;
}
.newsTxt h3 {
	font-size: 100%;
	color: #fff;
	background-color: #006934;
	display: inline;
	padding: 5px 1em;
}
.newsTxt p {
	padding-top: 10px;
	font-weight: 500;
}
/* btnArea
================================================== */
.btnArea {
	padding: 20px 0 0 0;
}
/* sectionBtn btnMore
================================================== */
.sectionBtn .btnMore {
	width: 100%;
	text-align: center;
	border: solid 1px #fff;
}
/* kakomi
================================================== */
.kakomi {
	background-color: #EBF4EF;
	padding: 10px 5% 30px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}
.menuL {
	float: right;
	width: 60%;
}
.menuR {
	float: left;
	width: 35%;
}
@media all and (max-width: 639px) {
	.menuL {
		float: none;
		width: 100%;
	}
	.menuR {
		float: none;
		width: 100%;
	}
}
.menuR figure {
	padding-top: 20px;
}