@import"https://fonts.googleapis.com/css2?family=Zen+Kaku+Gothic+New:wght@300;400;500;700&family=Zen+Maru+Gothic:wght@300;400;500;700;900&display=swap";

@keyframes zoomUp {
	0% {
		transform: scale(1);
	}

	100% {
		transform: scale(1.15);
	}
}

.add-animation {
	animation: zoomUp 10s linear 0s normal both;
}

@-webkit-keyframes fadeInDown {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, -10%, 0);
		transform: translate3d(0, -10%, 0);
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

@keyframes fadeInDown {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, -10%, 0);
		transform: translate3d(0, -10%, 0);
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

.fadeInDown {
	-webkit-animation-name: fadeInDown;
	animation-name: fadeInDown;
}

@-webkit-keyframes fadeInUp {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, 10%, 0);
		transform: translate3d(0, 10%, 0);
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

@keyframes fadeInUp {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, 10%, 0);
		transform: translate3d(0, 10%, 0);
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

.fadeInUp {
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp;
}

@-webkit-keyframes fadeInRight {
	from {
		opacity: 0;
		-webkit-transform: translate3d(5%, 0, 0);
		transform: translate3d(5%, 0, 0);
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

@keyframes fadeInRight {
	from {
		opacity: 0;
		-webkit-transform: translate3d(5%, 0, 0);
		transform: translate3d(5%, 0, 0);
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

.animate__fadeInRight {
	-webkit-animation-name: fadeInRight;
	animation-name: fadeInRight;
}

@-webkit-keyframes fadeInLeft {
	from {
		opacity: 0;
		-webkit-transform: translate3d(-5%, 0, 0);
		transform: translate3d(-5%, 0, 0);
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

@keyframes fadeInLeft {
	from {
		opacity: 0;
		-webkit-transform: translate3d(-5%, 0, 0);
		transform: translate3d(-5%, 0, 0);
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

.animate__fadeInLeft {
	-webkit-animation-name: fadeInLeft;
	animation-name: fadeInLeft;
}

@-webkit-keyframes fadeIn {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

@keyframes fadeIn {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

.fadeIn {
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn;
}

.zoomin {
	animation: zoomIn .8s cubic-bezier(0.25, 1, 0.5, 1) 1 forwards;
}

@keyframes zoomIn {
	0% {
		transform: scale(0.8);
		opacity: 0;
	}

	100% {
		opacity: 1;
		transform: scale(1);
	}
}

.animated {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	opacity: 0;
}

.animated.infinite {
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
}

.animated.delay-03s {
	-webkit-animation-delay: .3s;
	animation-delay: .3s;
}

.animated.delay-05s {
	-webkit-animation-delay: .5s;
	animation-delay: .5s;
}

.animated.delay-07s {
	-webkit-animation-delay: .7s;
	animation-delay: .7s;
}

.animated.delay-1s {
	-webkit-animation-delay: 1s;
	animation-delay: 1s;
}

.animated.delay-2s {
	-webkit-animation-delay: 2s;
	animation-delay: 2s;
}

.animated.delay-3s {
	-webkit-animation-delay: 3s;
	animation-delay: 3s;
}

.animated.delay-4s {
	-webkit-animation-delay: 4s;
	animation-delay: 4s;
}

.animated.delay-5s {
	-webkit-animation-delay: 5s;
	animation-delay: 5s;
}

.animated.fast {
	-webkit-animation-duration: 800ms;
	animation-duration: 800ms;
}

.animated.faster {
	-webkit-animation-duration: 500ms;
	animation-duration: 500ms;
}

.animated.slow {
	-webkit-animation-duration: 2s;
	animation-duration: 2s;
}

.animated.slower {
	-webkit-animation-duration: 3s;
	animation-duration: 3s;
}

@media(print),(prefers-reduced-motion: reduce) {
	.animated {
		-webkit-animation-duration: 1ms !important;
		animation-duration: 1ms !important;
		-webkit-transition-duration: 1ms !important;
		transition-duration: 1ms !important;
		-webkit-animation-iteration-count: 1 !important;
		animation-iteration-count: 1 !important;
	}
}

@media all and (max-width: 769px) {
	.animated.delay-1s,.animated.delay-2s,.animated.delay-3s,.animated.delay-4s,.animated.delay-5s {
		-webkit-animation-duration: .3s;
		animation-duration: .3s;
	}
}

@media screen and (max-width: 768px) {
	.mtext_big {
		font-size: 2rem;
	}

	.contactbx {
		text-align: center;
		margin: 15px 0;
	}

	.contactbx li {
		display: inline-block;
		margin: 0 0px 10px;
	}

	.mttl-rs span {
		background: #111;
		color: #fff;
		padding: 2px 10px;
		margin-right: 5px;
		font-size: 2rem;
		margin-bottom: 10px;
	}

	.tcenter_sp {
		text-align: left;
	}

	.grid-item {
		transition: .3s ease-in-out;
		width: calc(100% - 30px) !important;
		font-size: 12px;
		background: #fff;
		padding: 10px 10px 10px;
		margin-left: 5px;
		margin-right: 5px;
		box-shadow: rgba(0,0,0,.3) 0 0 0px 1px;
	}

	.section_box_text_r,.section_box_text_l {
		display: -webkit-flex;
		display: flex;
		flex-direction: column-reverse;
		width: 100%;
		margin: 0 auto;
	}

	.section_box_text_box {
		width: calc(100% - 40px);
		vertical-align: middle;
		padding: 20px 20px;
	}

	.section_box_img {
		flex: 1;
	}

	.section_box_img img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

	.flex_bx_2,.flex_bx_3,.flex_bx_4 {
		display: block;
	}

	.flex_bx_2 .bx {
		width: 100%;
	}

	.flex_bx_3 .bx {
		width: calc(100% - 0px);
	}

	.flex_bx_3 .bx:last-child {
		border-right: 0px solid #aaa;
	}

	.flex_bx_4 .bx {
		width: calc(100% - 0px);
	}

	.flex_bx_4 .bx:last-child {
		border-right: 0px solid #aaa;
	}

	.flex_bx_2 .bx,.flex_bx_3 .bx,.flex_bx_4 .bx {
		margin-bottom: 20px;
		padding: 0 0px;
		position: relative;
		border-right: 0px solid #ccc;
	}

	.newsbox {
		flex-direction: column;
		color: #fff !important;
	}

	.news-ttl {
		width: 100% !important;
		border-right: 0px solid #5b9f4e;
		border-bottom: 0px solid #fff;
		padding: 10px 0;
		text-align: center;
	}

	.news-ttl span {
		font-size: 1.2rem !important;
	}

	.news-bx {
		flex: 1;
		width: calc(100% - 0px);
		padding: 0 0px;
	}

	.scrbr {
		width: 100%;
		padding: 15px 0px;
		max-height: 100px;
		overflow-y: scroll;
		overflow-x: hidden;
	}

	#flash {
		width: 100%;
		min-width: 100%;
		position: relative;
	}

	#body {
		font-size: 1.4rem;
	}

	footer {
		padding: 0px 0;
		margin: 0;
		min-width: 100%;
		text-align: center;
	}

	#footer {
		padding: 50px 30px;
		margin: 0 auto 0;
		text-align: center;
		display: flex;
		justify-content: space-around;
		width: 100%;
		flex-direction: column;
	}

	#contentwrap {
		width: 100%;
	}

	#contentwrap p img {
		display: block;
		margin-left: auto;
		margin-right: auto;
	}

	.list-bnr li {
		width: calc(100% - 5px);
	}

	.scrollbar-x {
		height: auto;
		overflow-x: scroll;
		overflow-y: hidden;
	}

	.scrollbar-x table {
		width: 700px;
	}

	.sp {
		display: block !important;
		text-align: center;
		margin: 0 auto;
	}

	.pc {
		display: none !important;
		text-align: center;
	}

	.map {
		width: 100%;
		height: 300px;
	}

	.mttl_cl {
		font-size: 2rem;
	}

	.mttl_cl:after {
		top: 70px;
	}

	.youtube_vd {
		margin-top: 0%;
		position: relative;
		width: 95%;
		padding-top: 56.25%;
		display: block;
		margin-left: auto;
		margin-right: auto;
		text-align: center;
		margin-bottom: 100px;
	}

	.youtube_vd iframe {
		position: absolute;
		top: 0;
		right: 0;
		max-width: 100%;
		width: 100%;
		height: 100%;
		max-height: 100%;
		margin: 0 auto;
		display: block;
	}

	#singlepage p img,#main p img {
		display: block;
		margin-left: auto;
		margin-right: auto;
	}

	.single {
		width: 95%;
		margin: 0 auto;
		padding: 25px 0px;
	}

	single_none {
		width: 95%;
		margin: 0 auto;
		padding: 25px 0px;
	}

	.lmain,.rmain {
		float: none;
		width: 100%;
	}

	.lsingle,.rsingle {
		float: none;
		width: 100%;
		margin-bottom: 20px;
	}

	.form dl {
		margin: 10px 0;
	}

	.form dt {
		float: none;
		width: 100%;
		height: 20px;
		line-height: 20px;
		padding-top: 10px;
	}

	.form dd {
		width: 100% !important;
		padding-left: 0;
		padding-bottom: 10px;
		padding-top: 10px;
		border-bottom: 0px solid #eee;
	}

	.form dd:last-child {
		border-bottom: 0px;
		margin-bottom: 0px;
	}

	.textarea,textarea {
		width: 93% !important;
		font-size: 1.6rem;
	}

	.dropdown {
		font-size: 1.6rem;
	}

	.fm-text {
		text-align: left;
	}

	.news {
		width: 100%;
		margin: 0;
		padding: 0;
	}

	.news dt {
		float: none;
		width: auto;
		padding-top: 5px;
		line-height: 1.3;
		text-align: center;
	}

	.news dt:after {
		content: none;
		margin-left: 0;
	}

	.news dd {
		padding-left: 0;
		padding-bottom: 5px;
		padding-top: 5px;
		line-height: 1.3;
	}

	.mttl_slash {
		font-size: 1.5rem;
	}

	.news-bl dt {
		float: none;
		width: 100%;
		color: #fff;
		margin: 2px 0 0;
	}

	.news-bl dd {
		padding-left: 0;
		padding-top: 5px;
		padding-bottom: 5px;
		margin: 5px 0;
	}

	table {
		font-size: 1.1rem !important;
		margin: 15px 0;
	}

	table th {
		vertical-align: middle;
		padding: 2px 5px;
		font-weight: bold;
		line-height: 1.5;
	}

	table td {
		padding: 5px 5px;
		vertical-align: middle;
		border: #aaa 1px solid;
	}

	.none,#nav-f,#menuA,#menu,#seoA,#pankuzu,#navi,.seo,#fmenu,#tnavi,.tbnr,.pc,#fnavi_bg,#fnavi {
		display: none;
	}

	#head,#wrap,#nav,#wrapA,#seo {
		width: 100%;
		min-width: 100%;
	}

	img {
		max-width: 100%;
		height: auto;
	}

	.flink0,.flink1,.flink2 {
		width: 100%;
		margin-bottom: 20px;
	}

	.flink0 ul,.flink1 ul,.flink2 ul {
		margin-right: 0;
		margin-bottom: 0;
		text-align: center;
	}

	.flink0 li,.flink1 li,.flink2 li {
		float: none;
		display: block;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 15px;
	}

	.flink0 li img,.flink1 li img,.flink2 li img {
		display: block;
		margin-left: auto;
		margin-right: auto;
	}

	.fleft0,.fleft1,.fleft2,.fright0,.fright1,.fright2 {
		float: none;
	}

	.fleft0,.fleft1,.fleft2,.fright0,.fright1,.fright2 {
		display: block;
		margin-left: auto;
		margin-right: auto;
		text-align: center;
		margin-bottom: 20px;
	}
}

#sp_icon,#humberger {
	display: none;
}

#page {
	padding: 0;
	position: relative;
	z-index: 2;
	left: 0;
	-webkit-transition: all 400ms cubic-bezier(1, 0, 0, 1);
	-moz-transition: all 400ms cubic-bezier(1, 0, 0, 1);
	-o-transition: all 400ms cubic-bezier(1, 0, 0, 1);
	transition: all 400ms cubic-bezier(1, 0, 0, 1);
	-webkit-transition-timing-function: cubic-bezier(1, 0, 0, 1);
	-moz-transition-timing-function: cubic-bezier(1, 0, 0, 1);
	-o-transition-timing-function: cubic-bezier(1, 0, 0, 1);
	transition-timing-function: cubic-bezier(1, 0, 0, 1);
}

#drawernav {
	background: #5b9f4e;
	overflow: auto;
	position: fixed;
	top: 0;
	right: -240px;
	width: 240px;
	height: 100%;
	color: #fff;
	z-index: 99998;
	box-shadow: rgba(0,0,0,.2) -3px 0 2px 0;
	-webkit-transition: all 400ms cubic-bezier(1, 0, 0, 1);
	-moz-transition: all 400ms cubic-bezier(1, 0, 0, 1);
	-o-transition: all 400ms cubic-bezier(1, 0, 0, 1);
	transition: all 400ms cubic-bezier(1, 0, 0, 1);
	-webkit-transition-timing-function: cubic-bezier(1, 0, 0, 1);
	-moz-transition-timing-function: cubic-bezier(1, 0, 0, 1);
	-o-transition-timing-function: cubic-bezier(1, 0, 0, 1);
	transition-timing-function: cubic-bezier(1, 0, 0, 1);
}

#drawernav ul {
	list-style: none;
	padding: 0;
}

#drawernav ul:first-child {
	margin-top: 60px;
}

#drawernav ul li a {
	background: #5b9f4e;
	color: #fff;
	font-size: 1.3rem;
	display: block;
	padding: 10px 20px;
	text-decoration: none;
	border-top: 1px solid rgba(255,255,255,.2);
	border-bottom: 1px solid rgba(255,255,255,.2);
}

#drawernav ul li a span {
	font-size: 1rem;
	margin-left: 5px;
}

#drawernav ul li a:hover {
	color: #fff;
}

#drawernav ul li a:before {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "";
	margin-right: 10px;
}

#drawernav li ul li a {
	font-size: 1.1rem;
	color: #111;
	display: block;
	padding: 8px 20px;
	text-decoration: none;
	border-top: none;
	border-bottom: none;
	box-shadow: none;
	background: #008eb6;
}

#drawernav li ul li a:before {
	content: "・";
	margin-right: 3px;
}

#drawernav img {
	display: block;
	width: 90%;
	padding: 5px 0;
	margin: 0 auto;
}

.icon-menu {
	padding: 0;
	margin: 0 auto;
	height: 7px;
	text-align: center;
	width: 35px;
}

.icon-bar {
	height: 2px;
	background: #fff;
	display: block;
	margin-bottom: 6px;
	-webkit-transition: all 400ms cubic-bezier(1, 0, 0, 1);
	-moz-transition: all 400ms cubic-bezier(1, 0, 0, 1);
	-o-transition: all 400ms cubic-bezier(1, 0, 0, 1);
	transition: all 400ms cubic-bezier(1, 0, 0, 1);
	-webkit-transition-timing-function: cubic-bezier(1, 0, 0, 1);
	-moz-transition-timing-function: cubic-bezier(1, 0, 0, 1);
	-o-transition-timing-function: cubic-bezier(1, 0, 0, 1);
	transition-timing-function: cubic-bezier(1, 0, 0, 1);
}

.fixed-content {
	right: inherit;
	width: 100%;
	-webkit-transition: all 400ms cubic-bezier(1, 0, 0, 1);
	-moz-transition: all 400ms cubic-bezier(1, 0, 0, 1);
	-o-transition: all 400ms cubic-bezier(1, 0, 0, 1);
	transition: all 400ms cubic-bezier(1, 0, 0, 1);
	-webkit-transition-timing-function: cubic-bezier(1, 0, 0, 1);
	-moz-transition-timing-function: cubic-bezier(1, 0, 0, 1);
	-o-transition-timing-function: cubic-bezier(1, 0, 0, 1);
	transition-timing-function: cubic-bezier(1, 0, 0, 1);
}

#overlay {
	z-index: -1;
	opacity: 0;
	background: #000;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	position: fixed;
	-webkit-transition: all 400ms cubic-bezier(1, 0, 0, 1);
	-moz-transition: all 400ms cubic-bezier(1, 0, 0, 1);
	-o-transition: all 400ms cubic-bezier(1, 0, 0, 1);
	transition: all 400ms cubic-bezier(1, 0, 0, 1);
	-webkit-transition-timing-function: cubic-bezier(1, 0, 0, 1);
	-moz-transition-timing-function: cubic-bezier(1, 0, 0, 1);
	-o-transition-timing-function: cubic-bezier(1, 0, 0, 1);
	transition-timing-function: cubic-bezier(1, 0, 0, 1);
}

@media(max-width: 768px) {
	#sp_icon {
		background: #5b9f4e;
		position: fixed;
		top: 2px;
		right: 62px;
		z-index: 999999;
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-start;
	}

	#sp_icon li {
		font-size: 2.2rem;
		display: block;
		width: 30px;
		height: 30px;
		padding: 13px 15px 17px;
		cursor: pointer;
		color: #111;
		text-align: center;
		line-height: 1.2;
		margin-right: 2px;
		position: relative;
		border-radius: 100%;
	}

	#sp_icon li span {
		font-size: 1.3rem;
		display: block;
	}

	#sp_icon li a {
		display: block;
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		text-indent: -999px;
	}

	#humberger {
		display: block;
		position: fixed;
		top: 0px;
		right: 0px;
		width: 60px;
		height: 60px;
		padding: 15px;
		cursor: pointer;
		z-index: 99999;
		color: #fff;
		font-size: 1.3rem;
		text-align: center;
		background: #5b9f4e;
	}

	.drawer-opened #page {
		left: -240px;
		box-shadow: 1px 0 2px #000;
	}

	.drawer-opened .fixed-content {
		left: -240px;
	}

	.drawer-opened #drawernav {
		right: 0;
	}

	.drawer-opened #humberger {
		background: none;
	}

	.drawer-opened #humberger .icon-bar {
		background: #fff;
	}

	.drawer-opened #humberger :nth-child(1) {
		transform: translate(0, 8px) rotate(45deg);
	}

	.drawer-opened #humberger :nth-child(2) {
		transform: translate(-20px, 0);
		opacity: 0;
	}

	.drawer-opened #humberger :nth-child(3) {
		transform: translate(0, -8px) rotate(-45deg);
	}

	#humberger :nth-child(3) {
		margin-bottom: 0px;
	}

	.drawer-opened #humberger .icon-menu {
		opacity: 0;
	}

	.icon-menu {
		padding: 0 1px;
		margin: 0 auto;
		height: 10px;
		text-align: center !important;
		width: 50px;
		font-size: 1.1rem;
	}

	.drawer-opened #humberger .icon-menu {
		opacity: 0;
	}

	.drawer-opened #overlay {
		opacity: .5;
		left: -240px;
		position: fixed;
		z-index: 9999999;
		width: 100%;
		height: 100%;
	}

	.fixed {
		position: fixed;
		width: 100%;
		height: 100%;
		overflow: hidden;
	}
}

@media(max-width: 480px) {
	.flex-box li {
		width: 100%;
		height: 100%;
	}
}
/*# sourceMappingURL=sp.css.map */