.u-pc{display: block;}
.u-mobile{display: none !important;}
@media screen and (max-width: 768px) {
  .u-pc{display: none !important;}
  .u-mobile {display: block !important;}
}

/* .slide */
.slide{position: fixed; top: 0; left: 0; z-index: 9;
  transform: translateX(150%); transition: 0.3s; width: 100vw; height: 100vh;
}
.slide.is-active{transform: translateX(0);}
.slideMask{background-color: rgba(0, 0, 0, 0.5);}
.slideInner{background-color: #fff; padding: 120px 60px 60px; width: 600px; height: 100vh; margin-left: auto; overflow-y: scroll;}
.slideMenu{background-color: #006e38; color: #fff; font-size: 20px; padding: 5px 20px;
  font-family: 'Noto Sans JP', 'Hiragino Kaku Gothic ProN', 'Meiryo', sans-serif;
  width: 400px; margin-bottom: 30px;
}

.slideNav{display: flex; flex-direction: column; gap: 30px;}
.slideNavLink{font-size: 20px; letter-spacing: 0.3em; color: #006e38 !important;
  font-family: 'Noto Sans JP', 'Hiragino Kaku Gothic ProN', 'Meiryo', sans-serif;
}
.slideNav li a{display: block;}
.slideNavLink span{font-size: 16px;}
.slideNavLink.box{padding: 0 0 0 22px;
    background: url(../img/common/icon_square_arrow.svg);
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 16px;
}

.slideNav_border {margin-top: 30px;padding-bottom: 20px;border-top: 1px solid #ccc;}
.slideNav_specialsite {}
.slideNav_specialsite a {font-size: 20px;
	background: #006e38;
	color: #fff!important;
	text-align: center;
	padding: 10px 0;
	display: block;
}

@media screen and (max-width: 768px) {
  .slideInner{padding: 90px 20px 80px; width: 80%;}
  .slideMenu{width: 100%; font-size: 16px;}
  .slideNavLink{font-size: 13px;}
  .slideNavLink span{font-size: 10px;}
	
	.slideNav_specialsite a {font-size: 13px;}
}

/* .l-footer */
.l-footer{padding: 160px 0;}
.l-footerInner{display: flex; align-items: flex-start; max-width: 1270px; padding: 0 20px; margin: auto; gap: 130px;}
.l-footerNavLeft{display: flex; flex-direction: column; align-items: center;}
.l-footerNavLogo{max-width: 275px;}
.l-footerNavImg{display: none;}
.l-footerNavCenter{display: flex; flex-direction: column; align-items: flex-start; gap: 20px;}
.l-footerNavLink{font-size: 20px; letter-spacing: 0.3em; color: #006e38 !important;
  font-family: 'Noto Sans JP', 'Hiragino Kaku Gothic ProN', 'Meiryo', sans-serif;
}
.l-footerNavLink.box{padding: 0 0 0 30px;
  background: url(../img/common/icon_square_arrow.svg);
  background-position: left center;
  background-repeat: no-repeat;
  background-size: 20px;
}
.l-footerNavRight{max-width: 240px;}
.l-footerBottom{background-color: #e4dfd4; color: #949595; font-size: 11px; padding: 35px 0; text-align: left;}

.l-footerNavCenter .border {width: 100%;margin-top: 10px;border-top: 1px solid #ccc;}
.l-footerNavCenter .specialsite {font-size: 20px;
	background: #006e38;
	color: #fff!important;
	text-align: center;
	padding: 10px 0;
	display: block;
	width: 100%;
}

@media screen and (max-width: 1200px) {
  .l-footerNavImg{display: block; max-width: 335px; margin-top: 60px;}
  .l-footerNavRight{display: none;}
}
@media screen and (max-width: 1024px) {
  .l-footerInner{gap: 60px;}
}
@media screen and (max-width: 768px) {
  .l-footer{padding: 60px 0;}
  .l-footerInner{flex-direction: column; align-items: center;}
  .l-footerNavLink{font-size: 16px;}
	.l-footerNavCenter .specialsite {font-size: 16px;}
}
@media screen and (max-width: 335px) {
  .l-footerNavImg{max-width: 100%;}
}

.h1_area{background: #006e38; border-top: 1px solid #61a785;}
.h1_area h1{font-size: 11px; padding: 10px 5px;}

@media screen and (max-width: 768px){
  .h1_area h1{font-size: 10px;}
}