@charset "UTF-8";
/*
	* Bootstrap 単独ページに掛かる関するカスタムCSS

	@media screen and (max-width: 1499.98px) {}
	@media (max-width: 991.98px) {}
	@media print {}
	@media screen and (max-width: 767px) {}
 
	xxl-1500over(min-1500)
	xl-1500(max-1499) 左右余白15pxを含む（1470）
	lg-992(max-991)
	md-768(max-767)
	sm-576(max-575)
 
	-------------------

*/

	/* MV */
	.cus-mv-slide-zoom{
		position: relative;
		padding-left: 10%;
		height: 70vh !important;
		max-height: 760px !important;
		background-color: #fff;
	}
	.cus-mv-slide-zoom .mv-zoom-photo{/* 左右いっぱいにしない場合ここで調整 */
		overflow: hidden;
		position: absolute;
		top: 0;
		right: 0;
		width: 100%;
		height: 100%;
	}
	.cus-mv-slide-zoom .mv-zoom-photo .img{
		position: absolute;
		top: 0;
		left: 0;
		margin: 0;
		width: 100%;
		height: 100%;
		opacity: 0;
		z-index: 1;
		transition: opacity 2s ease-in-out;
	}
	.cus-mv-slide-zoom .mv-zoom-photo .img.is-prev{
		opacity: 1;
		z-index: 1;
	}
	.cus-mv-slide-zoom .mv-zoom-photo .img.is-active{
		opacity: 1;
		z-index: 2;
	}
	.cus-mv-slide-zoom .mv-zoom-photo .img img{
		width: 100%;
		height: 100%;
		object-fit: cover;
		transform: scale(1.0);
		transition: none;
	}
	.cus-mv-slide-zoom .mv-zoom-photo .img.is-active img,
	.cus-mv-slide-zoom .mv-zoom-photo .img.is-prev img{
		transform: scale(1.15);
		transition: transform 10s linear; /* ズームの速度 */
	}
	.cus-mv-slide-zoom .mv-zoom-photo .img.is-active.is-visible img{
		transform: scale(1.15);
		transition: transform 10s linear;
	}

	/* プログレスバー（タイムライン）の追加 */
	.cus-mv-slide-zoom .mv-zoom-photo .img .progress-bar{
		position: absolute;
		bottom: 0;
		left: 0;
		background-color: rgba(100, 100, 100, 0.7);
		width: 0;
		height: 4px;
		z-index: 10;
		opacity: 0;
    
		transition-property: width, opacity;
		transition-timing-function: linear, ease-in-out;
	}
	.cus-mv-slide-zoom .mv-zoom-photo .img.is-active .progress-bar{
		width: 100%;
		opacity: 1;
	}
	.cus-mv-slide-zoom .mv-zoom-photo .img.is-prev .progress-bar{
		width: 100%;
		opacity: 0;
	}

	.cus-mv-col{
		position: absolute;
		bottom: 0px;
		right: 50%;
		margin-right: -955px;
		z-index: 3;
	}
	.cus-mv-col .col-inner{
		position: relative;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		padding-top: 100px;
		width: 832px;
		height: 416px;
		text-align: center;
	}
	.cus-mv-col .col-inner::before{
		content: '';
		position: absolute;
		top: 0px;
		left: 0px;
		background: rgba(255, 254, 210, 0.9);
		border-radius: 50%;
		width: 100%;
		aspect-ratio: 1 / 1;
		clip-path: inset(0 0 50% 0);
		z-index: -1;
	}
	.cus-mv-col .col-inner .text01{
		background-color: #047c46;
		border-radius: 100px;
		padding: 0 60px;
		font-size: 26px;
		color: white;
	}
	.cus-mv-col .col-inner .text02{
		font-size: 60px;
		line-height: 1.5;
	}

	.cus-mv-col .col-inner .leaf01{
		position: absolute;
		bottom: -60px;
		left: -20px;
		opacity: 0;
		transform-origin: center center;
		z-index: -1;
		animation: leaf01-fall 2.2s ease-out forwards;
	}
	.cus-mv-col .col-inner .leaf02{
		position: absolute;
		top: 5px;
		right: -10px;
		opacity: 0;
		transform-origin: center center;
		z-index: -1;
		animation: leaf02-fall 2.2s 0.25s ease-out forwards;
	}
	
	@keyframes leaf01-fall{
		0%{
			bottom: 0px;
			opacity: 0;
			transform: rotate(-20deg);
		}
		45%{
			bottom: -42px;
			opacity: 1;
			transform: rotate(12deg);
		}
		68%{
			bottom: -56px;
			transform: rotate(-8deg);
		}
		84%{
			bottom: -62px;
			transform: rotate(4deg);
		}
		100%{
			bottom: -60px;
			opacity: 1;
			transform: rotate(0);
		}
	}
	
	@keyframes leaf02-fall{
		0%{
			opacity: 0;
			transform: translateY(-60px) rotate(20deg);
		}
		45%{
			opacity: 1;
			transform: translateY(-18px) rotate(-12deg);
		}
		68%{
			transform: translateY(-6px) rotate(8deg);
		}
		84%{
			transform: translateY(2px) rotate(-4deg);
		}
		100%{
			opacity: 1;
			transform: translateY(0) rotate(0);
		}
	}
	
	@media (prefers-reduced-motion: reduce){
		.cus-mv-col .col-inner .leaf01,
		.cus-mv-col .col-inner .leaf02{
			opacity: 1;
			animation: none;
		}
	}
	@media screen and (max-width: 1699.98px) {
		.cus-mv-col{
			right: 0%;
			margin-right: -50px;
		}
	}
	@media screen and (max-width: 1499.98px) {
		.cus-mv-slide-zoom{
			height: 48vw;/* 高さ指定 */
		}

		.cus-mv-col{
			right: 0%;
			margin-right: -50px;
		}
		.cus-mv-col .col-inner{
			padding-top: 5vw;
			width: 50vw;
			height: 25vw;
		}
		.cus-mv-col .col-inner .text01{
			padding: 0 40px;
			font-size: 1.5vw;
		}
		.cus-mv-col .col-inner .text02{
			font-size: 3.6vw;
		}

		.cus-mv-col .col-inner .leaf01 img{/* 395 × 149 */
			width: 316px;
			height: 119px;
		}
		.cus-mv-col .col-inner .leaf02 img{/* 210 × 176 */
			width: 168px;
			height: 141px;
		}
	}
	@media (max-width: 991.98px) {
		.cus-mv-slide-zoom{
			height: 66vh !important;
			max-height: 400px !important;
		}

		.cus-mv-col{
			right: 0%;
			margin-right: -30px;
		}
		.cus-mv-col .col-inner{
			padding-top: 28px;
			width: 480px;
			height: 240px;
		}
		.cus-mv-col .col-inner .text01{
			padding: 0 20px;
			font-size: 19px;
		}
		.cus-mv-col .col-inner .text02{
			font-size: 36px;
		}

		.cus-mv-col .col-inner .leaf01 img{/* 395 × 149 */
			width: 277px;
			height: 104px;
		}
		.cus-mv-col .col-inner .leaf02 img{/* 210 × 176 */
			width: 147px;
			height: 123px;
		}
	}
	@media print {
		.cus-mv-slide-zoom{
			height: 320px !important;/* 高さ指定 */
		}

		.cus-mv-col{
			right: 0%;
			margin-right: -20px;
		}
		.cus-mv-col .col-inner{
			padding-top: 15px;
			width: 340px;
			height: 170px;
		}
		.cus-mv-col .col-inner .text01{
			padding: 0 10px;
			font-size: 16px;
		}
		.cus-mv-col .col-inner .text02{
			font-size: 28px;
		}

		.cus-mv-col .col-inner .leaf01{
			bottom: -20px;
			left: -10px;
		}
		.cus-mv-col .col-inner .leaf01 img{/* 395 × 149 */
			width: 158px;
			height: 60px;
		}
		.cus-mv-col .col-inner .leaf02 img{/* 210 × 176 */
			width: 84px;
			height: 70px;
		}

		.cus-mv-col .col-inner .leaf01,
		.cus-mv-col .col-inner .leaf02{
			opacity: 1;
			transform: rotate(0);
			animation: none;
		}
	}
	@media screen and (max-width: 767px) {
		.cus-mv-slide-zoom{
			overflow: hidden;
			height: 70vh !important;/* 高さ指定 */
			max-height: 600px !important;
		}

		.cus-mv-col{
			right: 0%;
			margin-right: -20px;
		}
		.cus-mv-col .col-inner{
			padding-top: 6vw;
			width: 100vw;
			height: 50vw;
		}
		.cus-mv-col .col-inner .text01{
			padding: 0 10px;
			font-size: 4vw;
		}
		.cus-mv-col .col-inner .text02{
			font-size: 8vw;
		}

		.cus-mv-col .col-inner .leaf01 img{/* 395 × 149 */
			width: 158px;
			height: 60px;
		}
		.cus-mv-col .col-inner .leaf02 img{/* 210 × 176 */
			width: 84px;
			height: 70px;
		}
		@keyframes leaf01-fall{
			0%{
				bottom: 0px;
				opacity: 0;
				transform: rotate(-20deg);
			}
			45%{
				bottom: 2px;
				opacity: 1;
				transform: rotate(12deg);
			}
			68%{
				bottom: -6px;
				transform: rotate(-8deg);
			}
			84%{
				bottom: -12px;
				transform: rotate(4deg);
			}
			100%{
				bottom: -10px;
				opacity: 1;
				transform: rotate(0);
			}
		}
		@keyframes leaf02-fall{
			0%{
				opacity: 0;
				transform: translateY(-10px) rotate(20deg);
			}
			45%{
				opacity: 1;
				transform: translateY(-0px) rotate(-12deg);
			}
			68%{
				transform: translateY(5px) rotate(8deg);
			}
			84%{
				transform: translateY(2px) rotate(-4deg);
			}
			100%{
				opacity: 1;
				transform: translateY(0) rotate(0);
			}
		}
	}

/* area01 */
	.cus-home-area01-con01{
		display: flex;
		flex-direction: row-reverse;
		justify-content: center;
		gap: 80px;
	}
	.cus-home-area01-con01 .con01-photo{
		display: flex;
		flex-direction: column;
		flex-shrink: 0;
		width: 630px;
	}
	.cus-home-area01-con01 .con01-text{
		display: flex;
		flex-direction: column;
		justify-content: center;
		flex: 1;
	}

	.cus-home-area01-con01 .con01-photo .img01{
		margin: 0;
	}
	.cus-home-area01-con01 .con01-photo .img02{
		position: relative;
		top: -50px;
		margin: 0 0 0 auto;
		z-index: 3;
	}

	.cus-home-area01-con01 .con01-text .title{
		font-size: 34px;
		line-height: 1.5;
	}
	@media screen and (max-width: 1499.98px) {
		.cus-home-area01-con01{
			gap: 60px;
		}
		.cus-home-area01-con01 .con01-photo{
			width: 42%;
		}
	
		.cus-home-area01-con01 .con01-photo .img01{
			margin: 0 20% 0 0;
		}
		.cus-home-area01-con01 .con01-photo .img02{
			margin: 0 0 0 50%;
		}
	
		.cus-home-area01-con01 .con01-text .title{
			font-size: 2.4vw;
		}
	}
	@media (max-width: 991.98px) {
		.cus-home-area01-con01{
			gap: 40px;
		}
		.cus-home-area01-con01 .con01-photo{
			width: 42%;
		}
	
		.cus-home-area01-con01 .con01-photo .img01{
			margin: 0 6% 0 0;
		}
		.cus-home-area01-con01 .con01-photo .img02{
			top: -30px;
			margin: 0 0 0 30%;
		}
	
		.cus-home-area01-con01 .con01-text .title{
			font-size: 24px;
		}
	}
	@media print {
		.cus-home-area01-con01{
			gap: 20px;
		}
		.cus-home-area01-con01 .con01-photo{
			width: 42%;
		}
	
		.cus-home-area01-con01 .con01-photo .img01{
			margin: 0 2% 0 0;
		}
		.cus-home-area01-con01 .con01-photo .img02{
			top: -20px;
			margin: 0 0 0 20%;
		}
	
		.cus-home-area01-con01 .con01-text .title{
			font-size: 20px;
		}
	}
	@media screen and (max-width: 767px) {
		.cus-home-area01-con01{
			display: block;
			padding-top: 30px;
		}
		.cus-home-area01-con01 .con01-text{
			margin-bottom: 20px;
		}
		.cus-home-area01-con01 .con01-photo{
			width: auto;
			text-align: center;
		}
	
		.cus-home-area01-con01 .con01-photo .img01{
			margin: 0 10% 0 0;
		}
		.cus-home-area01-con01 .con01-photo .img02{
			top: -30px;
			margin: 0 0 0 30%;
		}
	
		.cus-home-area01-con01 .con01-text .title{
			font-size: 22px;
		}
	}

/* area02 */
	.cus-home-area02-list{
		display: flex;
		flex-wrap: wrap;
	}
	.cus-home-area02-list li{
		box-sizing: content-box;
		padding-right: 2%;
		margin-bottom: 50px;
		width: 32%;
	}
	.cus-home-area02-list li:nth-child(3n){
		padding-right: 0%;
	}

	.cus-home-area02-col{
		display: block;
		color: initial;
		text-decoration: none;
	}
	.cus-home-area02-col .col-img{
		overflow: hidden;
		display: block;
		background-color: #dddddd;
		padding: 1px;
		margin-bottom: 10px;
		width: 100%;
		height: 312px;
	}
	.cus-home-area02-col .col-img-bg{
		position: relative;
		display: block;
		background-image: url("../img/site/photo-bg-hover.jpg");
		background-size: cover;
		background-position: center center;
		margin-bottom: 10px;
		width: 100%;
		height: 312px;
	}
	.cus-home-area02-col .col-img-bg::before{
		content: '';
		position: absolute;
		top: 0px;
		left: 0px;
		background-image: url("../img/site/photo-bg.jpg");
		background-size: cover;
		background-position: center center;
		width: 100%;
		height: 100%;
		opacity: 1;
		transition: 0.5s all;
	}
	.cus-home-area02-col .col-img img{
		width: 100%;
		height: 100%;
		object-fit: contain;
		font-family: 'object-fit: contain;';
		transition: 0.5s all;
	}

	.cus-home-area02-col .col-text01{
		display: flex;
		align-items: center;
		gap: 15px;
	}
	.cus-home-area02-col .col-text01 .new{
		font-family: "Poppins", sans-serif;
		font-weight: 700;
		font-style: normal;
		color: #ef0404;
	}
	.cus-home-area02-col .col-text01 .day{
		color: #848484;
	}
	.cus-home-area02-col .col-text01 .cate{
		border: #848484 solid 1px;
		border-radius: 4px;
		padding: 0 4px;
		font-size: 17px;
		color: #848484;
	}

	.cus-home-area02-col .col-text02{
		display: block;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	.cus-home-area02-col:hover{
		color: initial;
	}
	.cus-home-area02-col:hover .col-img img{
		transform: scale(1.2,1.2);
		transition: 0.7s all;
	}
	.cus-home-area02-col:hover .col-img-bg::before{
		opacity: 0;
		transition: 0.7s all;
	}

	.cus-home-area02-bt{
		display: block;
		width: 100%;
	}
	.cus-home-area02-bt a{
		margin: 0 auto;
	}
	@media screen and (max-width: 1499.98px) {
		.cus-home-area02-list li{
			margin-bottom: 40px;
			width: 49%;
		}
		.cus-home-area02-list li:nth-child(3n){
			padding-right: 2%;
		}
		.cus-home-area02-list li:nth-child(2n){
			padding-right: 0%;
		}
	
		.cus-home-area02-col .col-img{
			height: 31.4vw;
		}
		.cus-home-area02-col .col-img-bg{
			height: 31.4vw;
		}
	
		.cus-home-area02-col .col-text01{
			gap: 10px;
		}
		.cus-home-area02-col .col-text01 .new{
			font-size: 19px;
		}
		.cus-home-area02-col .col-text01 .day{
			font-size: 19px;
		}
		.cus-home-area02-col .col-text01 .cate{
			font-size: 16px;
		}
	}
	@media (max-width: 991.98px) {
		.cus-home-area02-list li{
			margin-bottom: 40px;
			width: 49%;
		}
		.cus-home-area02-list li:nth-child(3n){
			padding-right: 2%;
		}
		.cus-home-area02-list li:nth-child(2n){
			padding-right: 0%;
		}
	
		.cus-home-area02-col .col-img{
			height: 31.4vw;
		}
		.cus-home-area02-col .col-img-bg{
			height: 31.4vw;
		}
	
		.cus-home-area02-col .col-text01{
			gap: 10px;
		}
		.cus-home-area02-col .col-text01 .new{
			font-size: 18px;
		}
		.cus-home-area02-col .col-text01 .day{
			font-size: 18px;
		}
		.cus-home-area02-col .col-text01 .cate{
			font-size: 16px;
		}
	}
	@media print {
		.cus-home-area02-list li{
			margin-bottom: 40px;
			width: 49%;
		}
		.cus-home-area02-list li:nth-child(3n){
			padding-right: 2%;
		}
		.cus-home-area02-list li:nth-child(2n){
			padding-right: 0%;
		}
	
		.cus-home-area02-col .col-img{
			height: 31.4vw;
		}
		.cus-home-area02-col .col-img-bg{
			height: 31.4vw;
		}
	
		.cus-home-area02-col .col-text01{
			gap: 10px;
		}
		.cus-home-area02-col .col-text01 .new{
			font-size: 15px;
		}
		.cus-home-area02-col .col-text01 .day{
			font-size: 15px;
		}
		.cus-home-area02-col .col-text01 .cate{
			font-size: 14px;
		}
	}
	@media screen and (max-width: 767px) {
		.cus-home-area02-list{
			display: block;
		}
		.cus-home-area02-list li{
			margin-bottom: 30px;
			width: auto;
		}
		.cus-home-area02-list li:nth-child(3n){
			padding-right: 0%;
		}
		.cus-home-area02-list li:nth-child(2n){
			padding-right: 0%;
		}
		.cus-home-area02-list li:last-child{
			margin-bottom: 0px;
		}

		.cus-home-area02-col .col-img{
			height: 62vw;
		}
		.cus-home-area02-col .col-img-bg{
			height: 62vw;
		}
	
		.cus-home-area02-col .col-text01{
			gap: 10px;
		}
		.cus-home-area02-col .col-text01 .new{
			font-size: 17px;
		}
		.cus-home-area02-col .col-text01 .day{
			font-size: 17px;
		}
		.cus-home-area02-col .col-text01 .cate{
			font-size: 16px;
		}
	}

/* area03 */
	.cus-home-area03-con{
		display: flex;
		flex-direction: row-reverse;
		align-items: stretch;
		gap: 60px;
	}
	.cus-home-area03-con .con-img{
		flex-shrink: 0;
		display: flex;
		align-items: center;
		background-color: #fff8ea;
		width: 625px;
	}
	.cus-home-area03-con .con-text{
		flex: 1;
		padding: 30px 0;
	}

	.cus-home-area03-con .con-img img{
		width: 100%;
		height: 100%;
		object-fit: cover;
		font-family: 'object-fit: cover;';
	}

	.cus-home-area03-con .con-text .text01{
		display: inline-block;
		border: #adadad solid 1px;
		border-radius: 100px;
		padding: 0 16px;
		color: #adadad;
	}

	.cus-home-area03-list{
		display: flex;
		flex-wrap: wrap;
		align-items: center;
	}
	.cus-home-area03-list li{
		box-sizing: content-box;
		padding-right: 2%;
		margin-bottom: 2%;
		width: 49%;
	}
	.cus-home-area03-list li:nth-child(2n){
		padding-right: 0%;
	}
	.cus-home-area03-list li a{
		position: relative;
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		overflow: hidden;
		padding: 20px 60px 20px 20px;
		color: initial;
		text-decoration: none;
	}
	.cus-home-area03-list li a::before{
		content: '';
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		background-color: rgba(0, 0, 0, 0.2);
		width: 100%;
		transform: scaleX(0);
		transform-origin: left;
		transition: transform 0.3s ease;
		z-index: 0;
	}
	.cus-home-area03-list li a::after{
		content: '\f105';
		position: absolute;
		top: 50%;
		right: 20px;
		font-family: "Font Awesome 6 Free";
		font-size: 20px;
		font-weight: 900;
		transform: translateY(-50%);
		transition: transform 0.3s ease;
		z-index: 1;
	}
	.cus-home-area03-list li a .district,
	.cus-home-area03-list li a .club{
		position: relative;
		z-index: 1;
	}
	.cus-home-area03-list li a:hover::before{
		transform: scaleX(1);
	}
	.cus-home-area03-list li a:hover::after{
		transform: translate(6px, -50%);
	}
	.cus-home-area03-list li a .district{
		font-size: 22px;
	}
	.cus-home-area03-list li a .club{
		font-size: 18px;
	}
	@media screen and (max-width: 1499.98px) {
		.cus-home-area03-con{
			gap: 30px;
		}
		.cus-home-area03-con .con-img{
			width: 50%;
		}
		.cus-home-area03-con .con-text{
			padding: 20px 0;
		}
	
		.cus-home-area03-con .con-text .text01{
			padding: 0 16px;
		}
		.cus-home-area03-list li{
			width: 49%;
		}
		.cus-home-area03-list li a{
			padding: 18px 40px 18px 16px;
		}
		.cus-home-area03-list li a::after{
			right: 16px;
			font-size: 18px;
		}
		.cus-home-area03-list li a .district{
			display: block;
			font-size: 20px;
			line-height: 1.4;
		}
		.cus-home-area03-list li a .club{
			font-size: 16px;
			line-height: 1;
		}
	}
	@media (max-width: 991.98px) {
		.cus-home-area03-con{
			gap: 15px;
		}
		.cus-home-area03-con .con-img{
			width: 50%;
		}
		.cus-home-area03-con .con-text{
			padding: 0px 0;
		}
	
		.cus-home-area03-con .con-text .text01{
			padding: 0 14px;
		}
		.cus-home-area03-list li{
			width: 49%;
		}
		.cus-home-area03-list li a{
			padding: 14px 20px 14px 12px;
		}
		.cus-home-area03-list li a::after{
			right: 12px;
			font-size: 16px;
		}
		.cus-home-area03-list li a .district{
			display: block;
			font-size: 18px;
			line-height: 1.4;
		}
		.cus-home-area03-list li a .club{
			font-size: 15px;
			line-height: 1;
		}
	}
	@media print {
		.cus-home-area03-con{
			gap: 15px;
		}
		.cus-home-area03-con .con-img{
			width: 50%;
		}
		.cus-home-area03-con .con-text{
			padding: 0px 0;
		}
	
		.cus-home-area03-con .con-text .text01{
			padding: 0 14px;
		}
		.cus-home-area03-list li{
			width: 49%;
		}
		.cus-home-area03-list li a{
			padding: 14px 20px 14px 12px;
		}
		.cus-home-area03-list li a::after{
			right: 12px;
			font-size: 16px;
		}
		.cus-home-area03-list li a .district{
			display: block;
			font-size: 16px;
			line-height: 1.4;
		}
		.cus-home-area03-list li a .club{
			font-size: 13px;
			line-height: 1;
		}
	}
	@media screen and (max-width: 767px) {
		.cus-home-area03-con{
			display: block;
		}
		.cus-home-area03-con .con-img{
			width: auto;
		}
		.cus-home-area03-con .con-img img{
			width: 100%;
			height: auto;
		}
		.cus-home-area03-con .con-text{
			padding: 0px;
			margin-bottom: 20px;
		}
	
		.cus-home-area03-con .con-text .text01{
			padding: 0 12px;
		}
		.cus-home-area03-list{
			display: block;
		}
		.cus-home-area03-list li{
			padding-right: 0 !important;
			width: auto;
		}
		.cus-home-area03-list li a{
			padding: 14px 20px 14px 12px;
		}
		.cus-home-area03-list li a::after{
			right: 12px;
			font-size: 16px;
		}
		.cus-home-area03-list li a .district{
			display: block;
			font-size: 20px;
			line-height: 1.4;
		}
		.cus-home-area03-list li a .club{
			font-size: 17px;
			line-height: 1;
		}
	}


/* area04 */
	.cus-home-area04{
		position: relative;
		padding: 60px 0;
	}
	.cus-home-area04::before{
		content: '';
		position: absolute;
		top: 0px;
		left: 0px;
		background-color: #fffed2;
		width: 100%;
		height: 100%;
		z-index: -2;
	}

	.cus-home-area04-con{
		background-color: white;
		border-radius: 16px;
		padding: 50px 80px;
		margin: 0 auto;
		width: 96%;
		max-width: 1680px;
	}

	.cus-home-area04-list{
		overflow: hidden;
	}
	.cus-home-area04-list li{
		margin: 0;
	}
	.cus-home-area04-col{
		display: block;
		padding: 20px;
		color: initial;
		text-decoration: none;
	}
	.cus-home-area04-col .col-cate{
		background-color: #959595;
		padding: 0 15px;
		margin-bottom: 15px;
		color: white;
	}
	.cus-home-area04-col .col-title{
		display: block;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	.cus-home-area04-col .col-img{
		overflow: hidden;
		display: block;
		background-color: #f3f3f3;
		width: 100%;
		height: 10.4vw;
	}
	.cus-home-area04-col .col-img img{
		width: 100%;
		height: 10.4vw;
		object-fit: contain;
		font-family: 'object-fit: contain;';
		transition: 0.5s all;
	}
	.cus-home-area04-col .col-img-bg{
		position: relative;
		display: block;
		background-image: url("../img/site/photo-bg-hover.jpg");
		background-size: cover;
		background-position: center center;
		margin-bottom: 10px;
		width: 100%;
		height: 10.4vw;
	}
	.cus-home-area04-col .col-img-bg::before{
		content: '';
		position: absolute;
		top: 0px;
		left: 0px;
		background-image: url("../img/site/photo-bg.jpg");
		background-size: cover;
		background-position: center center;
		width: 100%;
		height: 100%;
		opacity: 1;
		transition: 0.5s all;
	}

	.cus-home-area04-col:hover{
		background-color: #f3f3f3;
		color: initial;
	}
	.cus-home-area04-col:hover .col-img img{
		transform: scale(1.2,1.2);
		transition: 0.7s all;
	}
	.cus-home-area04-col:hover .col-img-bg::before{
		opacity: 0;
		transition: 0.7s all;
	}
	@media screen and (max-width: 1499.98px) {
		.cus-home-area04{
			padding: 50px 0;
		}
	
		.cus-home-area04-con{
			border-radius: 16px;
			padding: 40px 2.5vw;
			width: 96%;
		}

		.cus-home-area04-col{
			padding: 15px;
		}
		.cus-home-area04-col .col-cate{
			padding: 0 10px;
			font-size: 18px;
		}
		.cus-home-area04-col .col-img{
			height: 12vw;
		}
		.cus-home-area04-col .col-img img{
			height: 12vw;
		}
		.cus-home-area04-col .col-img-bg{
			height: 12vw;
		}
	}
	@media (max-width: 991.98px) {
		.cus-home-area04{
			padding: 40px 0;
		}
	
		.cus-home-area04-con{
			border-radius: 14px;
			padding: 30px 20px;
			width: 96%;
		}

		.cus-home-area04-col{
			padding: 15px;
		}
		.cus-home-area04-col .col-cate{
			padding: 0 10px;
			font-size: 18px;
		}
		.cus-home-area04-col .col-img{
			height: 23.5vw;
		}
		.cus-home-area04-col .col-img img{
			height: 23.5vw;
		}
		.cus-home-area04-col .col-img-bg{
			height: 23.5vw;
		}
	}
	@media print {
		.cus-home-area04{
			padding: 30px 0;
		}
	
		.cus-home-area04-con{
			border-radius: 14px;
			padding: 20px;
			width: 96%;
		}

		.cus-home-area04-col{
			padding: 15px;
		}
		.cus-home-area04-col .col-cate{
			padding: 0 10px;
			font-size: 16px;
		}
		.cus-home-area04-col .col-img{
			height: 23.5vw;
		}
		.cus-home-area04-col .col-img img{
			height: 23.5vw;
		}
		.cus-home-area04-col .col-img-bg{
			height: 23.5vw;
		}
	}
	@media screen and (max-width: 767px) {
		.cus-home-area04{
			padding: 30px 0;
		}
	
		.cus-home-area04-con{
			border-radius: 14px;
			padding: 20px;
			width: 96%;
		}

		.cus-home-area04-col{
			padding: 15px;
		}
		.cus-home-area04-col .col-cate{
			padding: 0 10px;
			font-size: 17px;
		}
		.cus-home-area04-col .col-img{
			height: 52vw;
		}
		.cus-home-area04-col .col-img img{
			height: 52vw;
		}
		.cus-home-area04-col .col-img-bg{
			height: 52vw;
		}
	}

	/* area05 */
	.cus-home-area05-con{
		background-image: url("../img/home/area05-bg.jpg");
		background-attachment: fixed;
		background-size: cover;
		background-position: center center;
		padding: 90px 0
	}
	.cus-home-area05-con .con-inner{
		background: rgba(255, 255, 255, 0.8);
		padding: 100px 0;
		text-align: center;
	}

	.cus-home-area05-text01{
		font-size: 34px;
		font-weight: 700;
	}

	.cus-home-area05-text02{
		background-color: white;
		padding: 30px 0;
		margin: 0 auto 30px auto;
		width: 740px;
	}
	.cus-home-area05-text02 .dial{
		font-size: 40px;
		line-height: 1.2;
	}
	@media screen and (max-width: 1499.98px) {
		.cus-home-area05-con{
			padding: 80px 0
		}
		.cus-home-area05-con .con-inner{
			padding: 80px 0;
		}
	
		.cus-home-area05-text01{
			font-size: 30px;
		}
	
		.cus-home-area05-text02{
			padding: 25px 0;
			margin: 0 auto 25px auto;
			width: 100%;
			max-width: 740px;
		}
		.cus-home-area05-text02 .dial{
			font-size: 38px;
		}
	}
	@media (max-width: 991.98px) {
		.cus-home-area05-con{
			padding: 70px 0
		}
		.cus-home-area05-con .con-inner{
			padding: 60px 0;
		}
	
		.cus-home-area05-text01{
			font-size: 28px;
		}
	
		.cus-home-area05-text02{
			padding: 20px 0;
			margin: 0 auto 20px auto;
			width: 100%;
			max-width: 740px;
		}
		.cus-home-area05-text02 .dial{
			font-size: 36px;
		}
	}
	@media print {
		.cus-home-area05-con{
			background-image: none;
			background-color: #f3f3f3;
			padding: 40px 0;
		}
		.cus-home-area05-con .con-inner{
			padding: 40px 0;
		}
	
		.cus-home-area05-text01{
			font-size: 22px;
		}
	
		.cus-home-area05-text02{
			padding: 20px 0;
			margin: 0 auto 20px auto;
			width: 100%;
			max-width: 740px;
		}
		.cus-home-area05-text02 .dial{
			font-size: 30px;
		}
	}
	@media screen and (max-width: 767px) {
		.cus-home-area05-con{
			background-attachment: scroll;
			background-position: center center;
			padding: 60px 0;
		}
		.cus-home-area05-con .con-inner{
			padding: 40px 0;
			text-align: left;
		}
	
		.cus-home-area05-text01{
			font-size: 20px;
		}
	
		.cus-home-area05-text02{
			padding: 20px 0;
			margin: 0 auto 20px auto;
			width: 100%;
			max-width: 740px;
			text-align: center;
		}
		.cus-home-area05-text02 .dial{
			font-size: 30px;
		}
	}

/* area06 */
	.cus-home-area06-list{
		display: flex;
		flex-wrap: wrap;
		align-items: stretch;
		--gap: 20px;
		gap: var(--gap);
	}
	.cus-home-area06-list li{
		display: flex;
		box-sizing: border-box;
		width: calc((100% - (var(--gap) * 2)) / 3);
	}
	.cus-home-area06-list li a{
		overflow: hidden;
		position: relative;
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		background-color: #e5e5e5;
		width: 100%;
		min-height: 100%;
		padding: 20px 60px 20px 20px;
		color: initial;
		text-decoration: none;
	}
	.cus-home-area06-list li a::after{
		content: '\f2d2';
		position: absolute;
		top: 50%;
		right: 36px;
		font-family: "Font Awesome 6 Free";
		font-weight: 900;
		transform: translateY(-50%);
		transition: transform 0.2s ease;
		z-index: 1;
	}
	.cus-home-area06-list li a::before{
		content: '';
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		background-color: rgba(0, 0, 0, 0.2);
		width: 100%;
		transform: scaleX(0);
		transform-origin: left;
		transition: transform 0.3s ease;
		z-index: 0;
	}
	.cus-home-area06-list li a:hover::before{
		transform: scaleX(1);
	}
	@media screen and (max-width: 1499.98px) {
		.cus-home-area06-list{
			--gap: 18px;
		}
		.cus-home-area06-list li a{
			padding: 18px 60px 18px 18px;
		}
		.cus-home-area06-list li a::after{
			right: 32px;
		}
	}
	@media (max-width: 991.98px) {
		.cus-home-area06-list{
			--gap: 16px;
		}
		.cus-home-area06-list li{
			width: calc((100% - (var(--gap) * 1)) / 2);
		}
		.cus-home-area06-list li a{
			padding: 16px 50px 16px 16px;
		}
		.cus-home-area06-list li a::after{
			right: 28px;
		}
	}
	@media print {
		.cus-home-area06-list{
			--gap: 16px;
		}
		.cus-home-area06-list li{
			width: calc((100% - (var(--gap) * 1)) / 2);
		}
		.cus-home-area06-list li a{
			padding: 16px 50px 16px 16px;
		}
		.cus-home-area06-list li a::after{
			right: 28px;
		}
	}
	@media screen and (max-width: 767px) {
		.cus-home-area06-list{
			display: block;
		}
		.cus-home-area06-list li{
			margin-bottom: 15px;
			width: auto;
		}
		.cus-home-area06-list li:last-child{
			margin-bottom: 0px;
		}
		.cus-home-area06-list li a{
			padding: 16px 50px 16px 16px;
		}
		.cus-home-area06-list li a::after{
			right: 20px;
		}
	}


/* トピックス */
	.cus-topics-area01-con{
		display: flex;
		flex-wrap: wrap;
	}
	.cus-topics-area01-con .con-col{
		box-sizing: content-box;
		padding-right: 2%;
		margin-bottom: 40px;
		width: 32%;
	}
	.cus-topics-area01-con .con-col:nth-child(3n){
		padding-right: 0%;
	}

	.cus-topics-area01-link{
		display: block;
		color: initial;
		text-decoration: none;
	}
	.cus-topics-area01-link:hover{
		color: initial;
	}

	.cus-topics-area01-link .link-img{
		overflow: hidden;
		display: block;
		background-color: #f3f3f3;
		border-radius: 20px;
		margin-bottom: 15px;
		width: 100%;
		height: 340px;
	}
	.cus-topics-area01-link .link-img img{
		width: 100%;
		height: 100%;
		object-fit: contain;
		font-family: 'object-fit: contain;';
		transition: 0.5s all;
	}
	.cus-topics-area01-link .link-img-bg{
		overflow: hidden;
		position: relative;
		display: block;
		background-image: url("../img/site/photo-bg-hover.jpg");
		background-size: cover;
		background-position: center center;
		border-radius: 20px;
		margin-bottom: 10px;
		width: 100%;
		height: 340px;
	}
	.cus-topics-area01-link .link-img-bg::before{
		content: '';
		position: absolute;
		top: 0px;
		left: 0px;
		background-image: url("../img/site/photo-bg.jpg");
		background-size: cover;
		background-position: center center;
		width: 100%;
		height: 100%;
		opacity: 1;
		transition: 0.5s all;
	}
	.cus-topics-area01-link:hover .link-img img{
		transform: scale(1.2,1.2);
		transition: 0.7s all;
	}
	.cus-topics-area01-link:hover .link-img-bg::before{
		opacity: 0;
	}

	.cus-topics-area01-link .link-text01{
		display: block;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	.cus-topics-area01-link .link-text02{
		display: flex;
		align-items: center;
		gap: 20px;
	}
	.cus-topics-area01-link .link-text02 .time,
	.cus-topics-area01-link .link-text02 .cate,
	.cus-topics-area01-link .link-text02 .new{
		display: block;
	}
	.cus-topics-area01-link .link-text02 .time{
		font-size: 18px;
	}
	.cus-topics-area01-link .link-text02 .cate{
		background-color: #047c46;
		border-radius: 6px;
		padding: 2px 8px;
		font-size: 16px;
		color: white;
		line-height: 1.2;
	}
	.cus-topics-area01-link .link-text02 .new{
		color: #ef0404;
		font-size: 18px;
	}
	@media screen and (max-width: 1499.98px) {
		.cus-topics-area01-con .con-col{
			margin-bottom: 35px;
		}
	
		.cus-topics-area01-link .link-img{
			margin-bottom: 10px;
			height: 23vw;
		}
		.cus-topics-area01-link .link-img-bg{
			height: 23vw;
		}
	
		.cus-topics-area01-link .link-text02{
			gap: 15px;
		}
		.cus-topics-area01-link .link-text02 .time{
			font-size: 17px;
		}
		.cus-topics-area01-link .link-text02 .cate{
			font-size: 15px;
		}
		.cus-topics-area01-link .link-text02 .new{
			font-size: 17px;
		}
	}
	@media (max-width: 991.98px) {
		.cus-topics-area01-con .con-col{
			padding-right: 2%;
			margin-bottom: 30px;
			width: 49%;
		}
		.cus-topics-area01-con .con-col:nth-child(3n){
			padding-right: 2%;
		}
		.cus-topics-area01-con .con-col:nth-child(2n){
			padding-right: 0%;
		}

		.cus-topics-area01-link .link-img{
			margin-bottom: 10px;
			height: 36vw;
		}
		.cus-topics-area01-link .link-img-bg{
			height: 36vw;
		}
	
		.cus-topics-area01-link .link-text02{
			gap: 15px;
		}
		.cus-topics-area01-link .link-text02 .time{
			font-size: 17px;
		}
		.cus-topics-area01-link .link-text02 .cate{
			font-size: 15px;
		}
		.cus-topics-area01-link .link-text02 .new{
			font-size: 17px;
		}
	}
	@media print {
		.cus-topics-area01-con .con-col{
			padding-right: 2%;
			margin-bottom: 30px;
			width: 49%;
		}
		.cus-topics-area01-con .con-col:nth-child(3n){
			padding-right: 2%;
		}
		.cus-topics-area01-con .con-col:nth-child(2n){
			padding-right: 0%;
		}

		.cus-topics-area01-link .link-img{
			margin-bottom: 10px;
			height: 30vw;
		}
		.cus-topics-area01-link .link-img-bg{
			height: 30vw;
		}
	
		.cus-topics-area01-link .link-text02{
			gap: 10px;
		}
		.cus-topics-area01-link .link-text02 .time{
			font-size: 15px;
		}
		.cus-topics-area01-link .link-text02 .cate{
			font-size: 13px;
		}
		.cus-topics-area01-link .link-text02 .new{
			font-size: 15px;
		}
	}
	@media screen and (max-width: 767px) {
		.cus-topics-area01-con{
			display: block;
		}
		.cus-topics-area01-con .con-col{
			padding-right: 0% !important;
			margin-bottom: 30px;
			width: auto;
		}

		.cus-topics-area01-link .link-img{
			margin-bottom: 10px;
			height: 66vw;
		}
		.cus-topics-area01-link .link-img-bg{
			height: 66vw;
		}
	
		.cus-topics-area01-link .link-text02{
			gap: 10px;
		}
		.cus-topics-area01-link .link-text02 .time{
			font-size: 16px;
		}
		.cus-topics-area01-link .link-text02 .cate{
			font-size: 15px;
		}
		.cus-topics-area01-link .link-text02 .new{
			font-size: 16px;
		}
	}

	.cus-topics-col01{
		display: flex;
		align-items: center;
		gap: 30px;
	}
	.cus-topics-col01 .col01-text01 .cate{
		background-color: #047c46;
		border-radius: 6px;
		padding: 2px 8px;
		font-size: 16px;
		color: white;
		line-height: 1.2;
	}
	.cus-topics-col01 .col01-text02{
		font-size: 18px;
	}

	.cus-topics-title{
		border-left: #047c46 solid 4px;
		padding-left: 20px;
		font-size: 28px;
	}

	.cus-topics-col02{
		display: flex;
		align-items: stretch;
		gap: 30px;
	}
	.cus-topics-col02 li{
		display: flex;
		width: 33.333%;
	}
	.cus-topics-col02 li .col02-link{
		position: relative;
		flex: 1;
		display: flex;
		align-items: center;
		box-sizing: border-box;
		border: #047c46 solid 2px;
		border-radius: 100px;
		padding: 18px 20px 18px 60px;
		width: 100%;
		background-color: white;
		background-image: linear-gradient(#047c46, #047c46);
		background-repeat: no-repeat;
		background-position: left top;
		background-size: 0 100%;
		color: initial;
		text-decoration: none;
		transition: background-size 0.3s ease, color 0.3s ease;
	}
	.cus-topics-col02 li .col02-link:hover{
		background-size: 100% 100%;
		color: white;
	}
	.cus-topics-col02 li .col02-link i{
		position: absolute;
		top: 50%;
		left: 20px;
		font-size: 24px;
		transform: translateY(-50%);
	}
	.cus-topics-col02 li .col02-link:hover .cus-text-red,
	.cus-topics-col02 li .col02-link:hover .cus-text-green,
	.cus-topics-col02 li .col02-link:hover .cus-text-blue{
		color: white !important;
	}

	#myCarousel{
		width: 100%;
	}
	.cus-mv-slide-normal{
		overflow: hidden;
		position: relative;
		background-color: #f3f3f3;
		border-radius: 30px;
		margin: 0 auto;
		width: 1200px;
		height: 560px; /* 画像高さを指定 */
	}
	.cus-mv-slide-normal img{
		width: 100%;
		height: 100%;
		object-fit: contain;
		font-family: 'object-fit: contain;';
	}

	.carousel-control-prev,
	.carousel-control-next{
		width: 8%;
		opacity: 1;
		z-index: 10;
	}
	.carousel-control-prev-icon,
	.carousel-control-next-icon{
		display: flex;
		align-items: center;
		justify-content: center;
		background-image: none;
		width: 48px;
		height: 48px;
	}
	.carousel-control-prev-icon::before,
	.carousel-control-next-icon::before{
		font-family: "Font Awesome 6 Free";
		font-size: 42px;
		font-weight: 900;
		color: #047c46;
	}
	.carousel-control-prev-icon::before{
		content: '\f104';
	}
	.carousel-control-next-icon::before{
		content: '\f105';
	}
	
	.cus-carousel-thumbnails{
		display: grid;
		grid-template-columns: repeat(6, minmax(0, 1fr));
		gap: 12px;
		margin: 20px auto 0;
		width: 1200px;
	}
	.cus-carousel-thumbnails button{
		overflow: hidden;
		border: transparent solid 3px;
		background: transparent;
		padding: 0;
		aspect-ratio: 16 / 9;
		opacity: 0.65;
		transition: border-color 0.2s ease, opacity 0.2s ease;
	}
	.cus-carousel-thumbnails button:hover,
	.cus-carousel-thumbnails button.is-active{
		border-color: #047c46;
		opacity: 1;
	}
	.cus-carousel-thumbnails button img{
		display: block;
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

	#carousel-alt-text{
		opacity: 1;
	}
	
	#carousel-alt-text.is-changing{
		animation: carousel-alt-text-show 0.6s ease both;
	}
	
	@keyframes carousel-alt-text-show{
		from{
			opacity: 0;
			transform: translateY(8px);
		}
		to{
			opacity: 1;
			transform: translateY(0);
		}
	}
	
	@media (prefers-reduced-motion: reduce){
		#carousel-alt-text.is-changing{
			animation: none;
		}
	}

	.cus-topics-col03{
		padding-top: 30px;
	}

	.cus-topics-col04 .col04-img .img-photo{
		overflow: hidden;
		background-color: #f3f3f3;
		border-radius: 20px;
		width: 100%;
		height: 420px;
	}
	.cus-topics-col04 .col04-img .img-photo img{
		width: 100%;
		height: 100%;
		object-fit: contain;
		font-family: 'object-fit: contain;';
	}
	.cus-topics-col04 .col04-text{
		overflow: hidden;
	}
	@media screen and (max-width: 1499.98px) {
		.cus-topics-col01{
			gap: 20px;
		}
	
		.cus-topics-title{
			padding-left: 18px;
			font-size: 26px;
		}
	
		.cus-topics-col02{
			gap: 25px;
		}
		.cus-topics-col02 li .col02-link{
			padding: 16px 18px 16px 60px;
		}

		.cus-mv-slide-normal{
			border-radius: 26px;
			width: 92%;
			max-width: 1200px;
			height: 42vw; /* 画像高さを指定 */
		}
	
		.carousel-control-prev-icon,
		.carousel-control-next-icon{
			position: relative;
			top: -2.5vw;
			width: 42px;
			height: 42px;
		}
		.carousel-control-prev-icon::before,
		.carousel-control-next-icon::before{
			font-size: 40px;
		}
		
		.cus-carousel-thumbnails{
			gap: 10px;
			width: 92%;
			max-width: 1200px;
		}
	
		.cus-topics-col03{
			padding-top: 25px;
		}
	
		.cus-topics-col04 .col04-img .img-photo{
			border-radius: 20px;
			height: 36vw;
		}
	}
	@media (max-width: 991.98px) {
		.cus-topics-col01{
			gap: 20px;
		}
	
		.cus-topics-title{
			padding-left: 18px;
			font-size: 26px;
		}
	
		.cus-topics-col02{
			gap: 25px;
		}
		.cus-topics-col02 li .col02-link{
			padding: 16px 18px 16px 60px;
		}

		.cus-mv-slide-normal{
			border-radius: 26px;
			width: 92%;
			max-width: 1200px;
			height: 42vw; /* 画像高さを指定 */
		}
	
		.carousel-control-prev-icon,
		.carousel-control-next-icon{
			position: relative;
			top: -2.5vw;
			width: 42px;
			height: 42px;
		}
		.carousel-control-prev-icon::before,
		.carousel-control-next-icon::before{
			font-size: 40px;
		}
		
		.cus-carousel-thumbnails{
			grid-template-columns: repeat(3, minmax(0, 1fr));
			gap: 8px;
			width: 100%;
		}
	
		.cus-topics-col03{
			padding-top: 25px;
		}
	
		.cus-topics-col04 .col04-img .img-photo{
			border-radius: 20px;
			height: 36vw;
		}
	}
	@media print {
		.cus-topics-col01{
			gap: 18px;
		}
	
		.cus-topics-title{
			padding-left: 18px;
			font-size: 22px;
		}
	
		.cus-topics-col02{
			gap: 20px;
		}
		.cus-topics-col02 li .col02-link{
			padding: 16px 18px 16px 50px;
		}

		.cus-mv-slide-normal{
			border-radius: 26px;
			width: 92%;
			max-width: 1200px;
			height: 38vw; /* 画像高さを指定 */
		}
	
		.carousel-control-prev-icon,
		.carousel-control-next-icon{
			position: relative;
			top: -2.5vw;
			width: 36px;
			height: 36px;
		}
		.carousel-control-prev-icon::before,
		.carousel-control-next-icon::before{
			font-size: 32px;
		}
		
		.cus-carousel-thumbnails{
			grid-template-columns: repeat(3, minmax(0, 1fr));
			gap: 8px;
			width: 100%;
		}
	
		.cus-topics-col03{
			padding-top: 20px;
		}
	
		.cus-topics-col04 .col04-img .img-photo{
			border-radius: 18px;
			height: 32vw;
		}
	}
	@media screen and (max-width: 767px) {
		.cus-topics-col01{
			gap: 16px;
		}
	
		.cus-topics-title{
			padding-left: 14px;
			font-size: 22px;
		}
	
		.cus-topics-col02{
			display: block;
		}
		.cus-topics-col02 li{
			margin-bottom: 10px;
			width: auto;
		}
		.cus-topics-col02 li:last-child{
			margin-bottom: 0px;
		}
		.cus-topics-col02 li .col02-link{
			padding: 12px 10px 12px 48px;
		}

		.cus-mv-slide-normal{
			border-radius: 22px;
			width: 96%;
			max-width: 1200px;
			height: 60vw; /* 画像高さを指定 */
		}
	
		.carousel-control-prev-icon,
		.carousel-control-next-icon{
			top: -5vw;
			width: 32px;
			height: 32px;
		}
		.carousel-control-prev-icon::before,
		.carousel-control-next-icon::before{
			font-size: 30px;
		}
		
		.cus-carousel-thumbnails{
			grid-template-columns: repeat(3, minmax(0, 1fr));
			gap: 8px;
			width: 100%;
		}
	
		.cus-topics-col03{
			padding-top: 20px;
		}
	
		.cus-topics-col04 .col04-img .img-photo{
			border-radius: 16px;
			height: 60vw;
		}
	}


/* くすのきクラブとは */
	.cus-about-area01-con02{
		display: flex;
		gap: 50px;
		background-color: rgba(243, 243, 243, 0.9);
		padding: 30px;
	}
	.cus-about-area01-con02 .con02-text{
		flex: 1;
		min-width: 0;
	}
	.cus-about-area01-con02 .con02-button{
		display: flex;
		align-items: flex-end;
		flex: 0 0 360px;
		width: 360px;
	}
	@media screen and (max-width: 1499.98px) {
		.cus-about-area01-con02{
			gap: 30px;
			padding: 25px;
		}
	}
	@media (max-width: 991.98px) {
		.cus-about-area01-con02{
			display: block;
			padding: 20px;
		}
		.cus-about-area01-con02 .con02-text{
			margin-bottom: 20px;
		}
		.cus-about-area01-con02 .con02-button{
			flex: auto;
			width: auto;
			text-align: center;
		}
		.cus-about-area01-con02 .con02-button .cus-button01{
			margin: 0 auto;
		}
	}
	@media print {
		.cus-about-area01-con02{
			display: block;
			padding: 15px;
		}
		.cus-about-area01-con02 .con02-text{
			margin-bottom: 20px;
		}
		.cus-about-area01-con02 .con02-button{
			flex: auto;
			width: auto;
			text-align: center;
		}
		.cus-about-area01-con02 .con02-button .cus-button01{
			margin: 0 auto;
		}
	}
	@media screen and (max-width: 767px) {
		.cus-about-area01-con02{
			display: block;
			padding: 15px;
		}
		.cus-about-area01-con02 .con02-text{
			margin-bottom: 20px;
		}
		.cus-about-area01-con02 .con02-button{
			flex: auto;
			width: auto;
			text-align: center;
		}
		.cus-about-area01-con02 .con02-button .cus-button01{
			margin: 0 auto;
		}
	}

/* area02 */
	.cus-about-area02-con{
		display: flex;
	}
	.cus-about-area02-con .con-title{
		flex: 1;
		min-width: 0;
	}
	.cus-about-area02-con .con-text{
		display: flex;
		justify-content: flex-end;
		align-items: center;
		flex: 0 0 240px;
		width: 240px;
		color: #898989;
	}

	.cus-about-area02-counter{
		display: flex;
		justify-content: center;
		align-items: stretch;
		gap: 60px;
	}
	.cus-about-area02-counter li{
		min-width: 0;
	}
	.cus-about-area02-counter .is-age{flex: 1.1;}
	.cus-about-area02-counter .is-club{flex: 1;}
	.cus-about-area02-counter .is-member{flex: 1.3;}
	.cus-about-area02-counter li .counter-banner{
		overflow: hidden;
		position: relative;
		background: rgba(255, 254, 210, 1);
		border-radius: 6px;
		padding: 40px 20px;
		text-align: center;
	}
	.cus-about-area02-counter li .counter-banner::before{
		content: '';
		position: absolute;
		bottom: -30px;
		right: -50px;
		background-image: url("../img/site/img-leaf03.png");
		background-size: 260px 211px;/* 433 × 352 */
		width: 260px;
		height: 211px;
		opacity: 0.6;
		z-index: 1;
	}
	.cus-about-area02-counter li .counter-banner .banner-text01{
		position: relative;
		font-size: 24px;
		margin: 0;
		z-index: 3;
	}
	.cus-about-area02-counter li .counter-banner .banner-main{
		position: relative;
		display: flex;
		justify-content: center;
		align-items: flex-end;
		gap: 20px;
		z-index: 3;
	}
	.cus-about-area02-counter li .counter-banner .banner-main .text{
		font-size: 20px;
	}
	.cus-about-area02-counter li .counter-banner .banner-main .counter{
		font-size: 70px;
		line-height: 1.2;
		letter-spacing: 0.08em;
	}
	@media screen and (max-width: 1499.98px) {
		.cus-about-area02-con .con-text{
			flex: 0 0 220px;
			width: 220px;
		}
	
		.cus-about-area02-counter{
			gap: 40px;
		}
		.cus-about-area02-counter li .counter-banner{
			padding: 30px 16px;
		}
		.cus-about-area02-counter li .counter-banner::before{
			bottom: -40px;
			right: -50px;
			background-size: 217px 176px;/* 433 × 352 */
			width: 217px;
			height: 176px;
		}
		.cus-about-area02-counter li .counter-banner .banner-text01{
			font-size: 22px;
		}
		.cus-about-area02-counter li .counter-banner .banner-main{
			gap: 16px;
		}
		.cus-about-area02-counter li .counter-banner .banner-main .text{
			font-size: 19px;
		}
		.cus-about-area02-counter li .counter-banner .banner-main .counter{
			font-size: 64px;
		}
	}
	@media (max-width: 991.98px) {
		.cus-about-area02-con .con-text{
			flex: 0 0 220px;
			width: 220px;
		}
	
		.cus-about-area02-counter{
			gap: 20px;
		}
		.cus-about-area02-counter li .counter-banner{
			padding: 26px 0px;
		}
		.cus-about-area02-counter li .counter-banner::before{
			bottom: -40px;
			right: -50px;
			background-size: 173px 141px;/* 433 × 352 */
			width: 173px;
			height: 141px;
		}
		.cus-about-area02-counter li .counter-banner .banner-text01{
			font-size: 20px;
		}
		.cus-about-area02-counter li .counter-banner .banner-main{
			gap: 12px;
		}
		.cus-about-area02-counter li .counter-banner .banner-main .text{
			font-size: 18px;
		}
		.cus-about-area02-counter li .counter-banner .banner-main .counter{
			font-size: 56px;
		}
	}
	@media print {
		.cus-about-area02-con .con-text{
			flex: 0 0 200px;
			width: 200px;
		}
	
		.cus-about-area02-counter{
			gap: 15px;
		}
		.cus-about-area02-counter li .counter-banner{
			padding: 26px 0px;
		}
		.cus-about-area02-counter li .counter-banner::before{
			bottom: -40px;
			right: -50px;
			background-size: 173px 141px;/* 433 × 352 */
			width: 173px;
			height: 141px;
		}
		.cus-about-area02-counter li .counter-banner .banner-text01{
			font-size: 18px;
		}
		.cus-about-area02-counter li .counter-banner .banner-main{
			gap: 10px;
		}
		.cus-about-area02-counter li .counter-banner .banner-main .text{
			font-size: 16px;
		}
		.cus-about-area02-counter li .counter-banner .banner-main .counter{
			font-size: 42px;
		}
	}
	@media screen and (max-width: 767px) {
		.cus-about-area02-con{
			display: block;
		}
		.cus-about-area02-con .con-text{
			flex: auto;
			width: auto;
		}
	
		.cus-about-area02-counter{
			display: block;
		}
		.cus-about-area02-counter li{
			margin-bottom: 20px;
		}
		.cus-about-area02-counter li:last-child{
			margin-bottom: 0px;
		}
		.cus-about-area02-counter li .counter-banner{
			padding: 26px 0px;
		}
		.cus-about-area02-counter li .counter-banner::before{
			bottom: -20px;
			right: -30px;
			background-size: 173px 141px;/* 433 × 352 */
			width: 173px;
			height: 141px;
		}
		.cus-about-area02-counter li .counter-banner .banner-text01{
			font-size: 20px;
		}
		.cus-about-area02-counter li .counter-banner .banner-main{
			gap: 10px;
		}
		.cus-about-area02-counter li .counter-banner .banner-main .text{
			font-size: 18px;
		}
		.cus-about-area02-counter li .counter-banner .banner-main .counter{
			font-size: 46px;
		}
	}

/* area03 */
	.cus-about-area03-con01{
		display: flex;
		align-items: center;
		gap: 40px;
	}
	.cus-about-area03-con01.con01-reverse{
		flex-direction: row-reverse;
	}
	.cus-about-area03-con01 .con01-text{
		flex-shrink: 0;
		width: 60%;
	}
	.cus-about-area03-con01 .con01-photo{
		flex: 1;
		min-width: 1px;
	}
	.cus-about-area03-con01 .con01-photo .img{
		margin: 0;
	}

	.cus-about-area03-title{
		position: relative;
		padding-left: 50px;
		font-size: 24px;
		font-weight: 700;
		color: #047c46;
	}
	.cus-about-area03-title .number{
		position: absolute;
		top: -20px;
		left: 0px;
		font-size: 40px;
	}

	.cus-about-area03-list{
		display: flex;
		align-items: center;
		gap: 15px;
		font-size: 18px;
		color: #047c46;
	}
	.cus-about-area03-list .text{
		background-color: #047c46;
		border-radius: 4px;
		padding: 4px 12px;
		font-size: 20px;
		color: white;
	}

	.cus-about-area03-button{
		margin: 0 auto;
		width: 1180px;
	}
	.cus-about-area03-bt{
		width: 100%;
	}
	.cus-button01.wide-360.cus-about-area03-bt a{
		display: block;
		width: 100% !important;
	}
	@media screen and (max-width: 1499.98px) {
		.cus-about-area03-con01{
			gap: 30px;
		}

		.cus-about-area03-title{
			padding-left: 40px;
			font-size: 22px;
		}
		.cus-about-area03-title .number{
			top: -16px;
			font-size: 36px;
		}
	
		.cus-about-area03-list{
			gap: 10px;
			font-size: 17px;
		}
		.cus-about-area03-list .text{
			padding: 4px 10px;
			font-size: 18px;
		}
	
		.cus-about-area03-button{
			margin: 0 auto;
			width: 96%;
			max-width: 1180px;
		}
		.cus-about-area03-button .cus-button01 a{
			width: 260px !important;
			line-height: 1.4;
		}
	}
	@media (max-width: 1079px) {
		.cus-button01.wide-360.cus-about-area03-bt a::after{
			right: 24px;
		}
	}
	@media (max-width: 991.98px) {
		.cus-about-area03-con01{
			gap: 20px;
		}

		.cus-about-area03-title{
			padding-left: 40px;
			font-size: 21px;
		}
		.cus-about-area03-title .number{
			top: -14px;
			font-size: 34px;
		}
	
		.cus-about-area03-list{
			gap: 10px;
			font-size: 16px;
		}
		.cus-about-area03-list .text{
			padding: 4px 10px;
			font-size: 18px;
		}
	
		.cus-about-area03-button{
			margin: 0 auto;
			width: 96%;
			max-width: 1180px;
		}
		.cus-about-area03-button .cus-button01 a{
			width: 330px !important;
			line-height: 1.4;
		}
	}
	@media print {
		.cus-about-area03-con01{
			gap: 15px;
		}

		.cus-about-area03-title{
			padding-left: 40px;
			font-size: 19px;
		}
		.cus-about-area03-title .number{
			top: -14px;
			font-size: 30px;
		}
	
		.cus-about-area03-list{
			gap: 10px;
			font-size: 14px;
		}
		.cus-about-area03-list .text{
			padding: 4px 10px;
			font-size: 16px;
		}
	
		.cus-about-area03-button{
			margin: 0 auto;
			width: 96%;
			max-width: 1180px;
		}
		.cus-about-area03-button .cus-button01 a{
			width: 330px !important;
			line-height: 1.4;
		}
	}
	@media screen and (max-width: 767px) {
		.cus-about-area03-con01{
			display: block;
		}
		.cus-about-area03-con01 .con01-text{
			margin-bottom: 20px;
			width: auto;
		}

		.cus-about-area03-title{
			padding-left: 40px;
			font-size: 21px;
		}
		.cus-about-area03-title .number{
			top: -14px;
			font-size: 34px;
		}
	
		.cus-about-area03-list{
			display: block;
			font-size: 16px;
		}
		.cus-about-area03-list .text{
			display: block;
			padding: 4px 10px;
			margin-bottom: 5px;
			font-size: 18px;
			text-align: center;
		}
		.cus-about-area03-list .end{
			display: block;
			text-align: right;
		}
	
		.cus-about-area03-button{
			margin: 0 auto;
			width: 94%;
			max-width: 1180px;
		}
		.cus-about-area03-button .cus-button01 a{
			margin: 0 auto;
			width: 290px !important;
		}
	}


/* 行事日程 */
	.cus-schedule-contents{
		display: flex;
		gap: 60px;
		margin-left: auto;
		margin-right: auto;
		width: 100%;
		max-width: 1600px;
	}
	.cus-schedule-contents .contents-category{
		flex-shrink: 0;
		width: 260px;
	}
	.cus-schedule-contents .contents-main{
		flex: 1;
		min-width: 1px;
	}

	.cus-schedule-contents .contents-category{
		position: sticky;
		top: 200px;/* ヘッダ分移動 */
		align-self: flex-start;
	}

	.cus-schedule-contents .contents-category .category-title{
		display: block;
		width: 100%;
		border: 0;
		margin: 0;
		background-color: #047c46;
		padding: 12px 15px;
		color: #fff;
		text-align: center;
		cursor: pointer;
	}
	.cus-schedule-contents .contents-category .category-list{
		overflow: hidden;
		border-top: rgba(4, 124, 70, 0.4) solid 1px;
	}
	.cus-schedule-contents .contents-category .category-list li{
		border-bottom: rgba(4, 124, 70, 0.4) solid 1px;
	}
	.cus-schedule-contents .contents-category .category-list li a{
		position: relative;
		display: block;
		padding: 12px 0 12px 32px;
		color: initial;
		text-decoration: none;
		transition: color .3s ease;
	}
	.cus-schedule-contents .contents-category .category-list li a::before{
		content: '';
		position: absolute;
		top: 18px;
		left: 0;
		overflow: hidden;
		width: 22px;
		height: 22px;
		background-color: #047c46;
		border-radius: 50%;
	}
	.cus-schedule-contents .contents-category .category-list li a::after{
		overflow: hidden;
		content: '\f105';
		position: absolute;
		top: 18px;
		left: 0;
		display: flex;
		align-items: center;
		justify-content: center;
		width: 22px;
		height: 22px;
		color: #fff;
		font-family: "Font Awesome 6 Free";
		font-size: 12px;
		font-weight: 900;
		z-index: 1;
	}
	.cus-schedule-contents .contents-category .category-list li .active,
	.cus-schedule-contents .contents-category .category-list li a:hover{
		color: #047c46;
	}
	.cus-schedule-contents .contents-category .category-list li a:hover::after{
		animation: category-arrow-slide .4s ease;
	}
	@keyframes category-arrow-slide {
		0% {
			transform: translateX(0);
		}
		45% {
			transform: translateX(60%);
		}
		46% {
			transform: translateX(-60%);
		}
		100% {
			transform: translateX(0);
		}
	}

	.cus-schedule-col01{
		display: flex;
		gap: 30px;
	}
	.cus-schedule-col01 .col01-photo{
		flex-shrink: 0;
		width: 40%;
	}
	.cus-schedule-col01 .col01-photo .img{
		overflow: hidden;
		border-radius: 10px;
		margin: 0;
	}

	.cus-schedule-col01 .col01-text{
		flex: 1;
		min-width: 1px;
	}
	.cus-schedule-col01 .col01-text .categorytitle{
		display: inline-block;
		background: rgba(255, 254, 210, 1);
		box-shadow: 2px 2px 4px rgb(202, 202, 202);
		border-radius: 100px;
		padding: 8px 24px;
		margin: 8px 0 20px 0;
		font-size: 22px;
	}
	.cus-schedule-col01 .col01-text .title{
		border-bottom: #047c46 solid 2px;
		padding-bottom: 16px;
		font-size: 26px;
	}

	.cus-schedule-entry{
		border-bottom: rgba(4, 124, 70, 0.4) solid 1px;
		padding-bottom: 80px;
	}

	.cus-schedule-entry .entry-title{
		position: relative;
		padding-left: 26px;
		font-size: 26px;
		line-height: 1.5;
	}
	.cus-schedule-entry .entry-title::before{
		content: "";
		position: absolute;
		top: 15%;
		left: 0px;
		background-color: #047c46;
		width: 3px;
		height: 75%;
	}

	.cus-schedule-entry .entry-list{
		display: flex;
		align-items: stretch;
		gap: 30px;
	}
	.cus-schedule-entry .entry-list li{
		display: flex;
		width: 33.333%;
	}
	.cus-schedule-entry .entry-list li .entry-bt{
		position: relative;
		display: flex;
		align-items: center;
		width: 100%;
		min-height: 68px;
		overflow: hidden;
		border: #047c46 solid 2px;
		border-radius: 100px;
		padding: 16px 20px 16px 56px;
		color: initial;
		text-decoration: none;
		transition: color .3s ease;
	}
	.cus-schedule-entry .entry-list li .entry-bt::before{
		content: "";
		position: absolute;
		background-color: #e2f0e8;
		width: 0;
		z-index: 0;
		inset: 0;
		transition: width .35s ease;
	}
	.cus-schedule-entry .entry-list li .entry-bt:hover::before{
		width: 100%;
	}
	.cus-schedule-entry .entry-list li .entry-bt .ic,
	.cus-schedule-entry .entry-list li .entry-bt .text{
		position: relative;
		z-index: 1;
	}
	
	.cus-schedule-entry .entry-list li .entry-bt .ic{
		position: absolute;
		top: 50%;
		left: 20px;
		font-size: 24px;
		transform: translateY(-50%);
	}

	.cus-schedule-entry .entry-img{
		overflow: hidden;
		background-color: #e2f0e8;
		border-radius: 16px;
		padding: 2px;
		margin: 0 auto;
		width: 100%;
		max-width: 1100px;
		height: 520px;
	}
	.cus-schedule-entry .entry-img img{
		width: 100%;
		height: 100%;
		object-fit: contain;
		font-family: 'object-fit: contain;';
	}

	.cus-schedule-entry .entry-text{
		overflow: hidden;
	}
	.cus-schedule-entry .entry-text .subtitle .inner{
		position: relative;
		display: inline-block;
		padding: 0 16px 10px 0;
	}
	.cus-schedule-entry .entry-text .subtitle .inner:before{
		content: "";
		position: absolute;
		bottom: 0px;
		left: 0px;
		background-color: #047c46;
		width: 100%;
		height: 1px;
	}

	div.paging span.current,
	div.paging span.paging-text{margin:0px 2px;color:#333;border:1px solid #ccc;display:inline;zoom:1;display:inline-block;overflow:hidden;text-decoration:none;border-radius: 4px;}
	div.paging span.paging-text a{padding:3px 8px; display:block;}
	div.paging span.current{background: #047c46;border:1px solid #636;color:#fff;display:inline;zoom:1;padding:3px 8px;text-decoration:none;display:inline-block; cursor:pointer;}
	div.paging span.paging-text a:hover{background: #CCC;color: #fff;text-decoration:none;cursor:pointer;}
	@media screen and (max-width: 1499.98px) {
		.cus-schedule-contents{
			gap: 2.4vw;
			width: 96%;
		}
		.cus-schedule-contents .contents-category{
			width: 240px;
		}
	
		.cus-schedule-contents .contents-category{
			top: 210px;/* ヘッダ分移動 */
		}
	
		.cus-schedule-contents .contents-category .category-title{
			padding: 12px 15px;
			font-size: 19px;
		}
		.cus-schedule-contents .contents-category .category-list li a{
			padding: 12px 0 12px 28px;
			font-size: 19px;
		}
		.cus-schedule-contents .contents-category .category-list li a::before{
			top: 19px;
			width: 20px;
			height: 20px;
		}
		.cus-schedule-contents .contents-category .category-list li a::after{
			top: 19px;
			width: 20px;
			height: 20px;
			font-size: 11px;
		}
		.cus-schedule-col01{
			gap: 25px;
		}

		.cus-schedule-col01 .col01-text .categorytitle{
			padding: 8px 20px;
			margin: 8px 0 20px 0;
			font-size: 19px;
		}
		.cus-schedule-col01 .col01-text .title{
			padding-bottom: 15px;
			font-size: 23px;
		}
	
		.cus-schedule-entry{
			padding-bottom: 70px;
		}
	
		.cus-schedule-entry .entry-title{
			padding-left: 25px;
			font-size: 24px;
		}
	
		.cus-schedule-entry .entry-list{
			gap: 25px;
		}
		.cus-schedule-entry .entry-list li .entry-bt{
			padding: 14px 14px 14px 52px;
			font-size: 18px;
		}
		
		.cus-schedule-entry .entry-list li .entry-bt .ic{
			left: 18px;
			font-size: 22px;
		}
	
		.cus-schedule-entry .entry-img{
			border-radius: 16px;
			height: 38vw;
		}

		div.paging span.paging-text{font-size: 18px;}
	}
	@media (max-width: 991.98px) {
		.cus-schedule-contents{
			gap: 2vw;
			width: 96%;
		}
		.cus-schedule-contents .contents-category{
			width: 200px;
		}
	
		.cus-schedule-contents .contents-category{
			top: 100px;/* ヘッダ分移動 */
		}
	
		.cus-schedule-contents .contents-category .category-title{
			padding: 12px 15px;
			font-size: 18px;
		}
		.cus-schedule-contents .contents-category .category-list li a{
			padding: 12px 0 12px 24px;
			font-size: 17px;
		}
		.cus-schedule-contents .contents-category .category-list li a::before{
			top: 18px;
			width: 18px;
			height: 18px;
		}
		.cus-schedule-contents .contents-category .category-list li a::after{
			top: 18px;
			width: 18px;
			height: 18px;
			font-size: 10px;
		}

		.cus-schedule-col01{
			display: block;
		}
		.cus-schedule-col01 .col01-photo{
			width: auto;
		}

		.cus-schedule-col01 .col01-text .categorytitle{
			padding: 8px 18px;
			margin: 8px 0 20px 0;
			font-size: 18px;
		}
		.cus-schedule-col01 .col01-text .title{
			padding-bottom: 15px;
			font-size: 22px;
		}
	
		.cus-schedule-entry{
			padding-bottom: 60px;
		}
	
		.cus-schedule-entry .entry-title{
			padding-left: 20px;
			font-size: 22px;
		}
	
		.cus-schedule-entry .entry-list{
			gap: 20px;
		}
		.cus-schedule-entry .entry-list li .entry-bt{
			padding: 10px 10px 10px 46px;
			font-size: 17px;
		}
		
		.cus-schedule-entry .entry-list li .entry-bt .ic{
			left: 18px;
			font-size: 20px;
		}
	
		.cus-schedule-entry .entry-img{
			border-radius: 14px;
			height: 46vw;
		}

		div.paging span.paging-text{font-size: 17px;}
	}
	@media print {
		.cus-schedule-contents{
			gap: 2vw;
			width: 96%;
		}
		.cus-schedule-contents .contents-category{
			display: none;
		}
	
		.cus-schedule-contents .contents-category{
			top: 100px;/* ヘッダ分移動 */
		}
	
		.cus-schedule-contents .contents-category .category-title{
			padding: 12px 15px;
			font-size: 16px;
		}
		.cus-schedule-contents .contents-category .category-list li a{
			padding: 12px 0 12px 24px;
			font-size: 15px;
		}
		.cus-schedule-contents .contents-category .category-list li a::before{
			top: 18px;
			width: 18px;
			height: 18px;
		}
		.cus-schedule-contents .contents-category .category-list li a::after{
			top: 18px;
			width: 18px;
			height: 18px;
			font-size: 10px;
		}
		.cus-schedule-col01{
			display: block;
		}
		.cus-schedule-col01 .col01-photo{
			width: auto;
		}

		.cus-schedule-col01 .col01-text .categorytitle{
			padding: 8px 18px;
			margin: 8px 0 20px 0;
			font-size: 16px;
		}
		.cus-schedule-col01 .col01-text .title{
			padding-bottom: 15px;
			font-size: 20px;
		}
	
		.cus-schedule-entry{
			padding-bottom: 40px;
		}
	
		.cus-schedule-entry .entry-title{
			padding-left: 20px;
			font-size: 20px;
		}
	
		.cus-schedule-entry .entry-list{
			gap: 15px;
		}
		.cus-schedule-entry .entry-list li .entry-bt{
			padding: 10px 10px 10px 40px;
			font-size: 15px;
		}
		
		.cus-schedule-entry .entry-list li .entry-bt .ic{
			left: 18px;
			font-size: 18px;
		}
	
		.cus-schedule-entry .entry-img{
			border-radius: 12px;
			height: 40vw;
		}

		div.paging{display: none;}
	}
	@media screen and (max-width: 767px) {
		.cus-schedule-contents{
			display: block;
		}
		.cus-schedule-contents .contents-category{
			position: static;
			margin-bottom: 40px;
			width: 100%;
		}

		.cus-schedule-contents .contents-category .category-title{
			position: relative;
			padding-right: 48px;
			text-align: left;
		}
		.cus-schedule-contents .contents-category .category-title::after{
			content: "\f107";
			position: absolute;
			top: 50%;
			right: 18px;
			font-family: "Font Awesome 6 Free";
			font-weight: 900;
			transform: translateY(-50%);
			transition: transform .3s ease;
		}
		.cus-schedule-contents .contents-category.is-open .category-title::after{
			transform: translateY(-50%) rotate(180deg);
		}
		.cus-schedule-contents .contents-category .category-list{
			max-height: 0;
			border-top: 0;
			transition: max-height .4s ease;
		}
		.cus-schedule-contents .contents-category.is-open .category-list{
			max-height: 800px;
			border-top: rgba(4, 124, 70, 0.4) solid 1px;
		}

		.cus-schedule-col01{
			display: block;
		}
		.cus-schedule-col01 .col01-photo{
			width: auto;
		}

		.cus-schedule-col01 .col01-text .categorytitle{
			padding: 8px 18px;
			margin: 8px 0 20px 0;
			font-size: 18px;
		}
		.cus-schedule-col01 .col01-text .title{
			padding-bottom: 15px;
			font-size: 20px;
		}
	
		.cus-schedule-entry{
			padding-bottom: 60px;
		}
	
		.cus-schedule-entry .entry-title{
			padding-left: 20px;
			font-size: 20px;
		}
	
		.cus-schedule-entry .entry-list{
			display: block;
		}
		.cus-schedule-entry .entry-list li{
			margin-bottom: 15px;
			width: auto;
		}
		.cus-schedule-entry .entry-list li .entry-bt{
			padding: 8px 8px 8px 40px;
			font-size: 16px;
		}
		
		.cus-schedule-entry .entry-list li .entry-bt .ic{
			left: 18px;
			font-size: 18px;
		}
	
		.cus-schedule-entry .entry-img{
			border-radius: 12px;
			height: 60vw;
		}

		div.paging span.paging-text{font-size: 16px;}
	}

/* クラブ紹介 */
	.cus-club-area01-con{
		display: flex;
		align-items: center;
		gap: 60px;
	}
	.cus-club-area01-con .con-text{
		flex-shrink: 0;
		width: 60%;
	}
	.cus-club-area01-con .con-map{
		overflow: hidden;
		flex: 1;
		display: flex;
		align-items: center;
		background-color: #fff8ea;
		border-radius: 8px;
	}
	.cus-club-area01-con .con-map .img{
		margin: 0;
	}

	.cus-club-area01-text01{
		background-color: #ffdfbd;
		padding: 20px;
		font-size: 18px;
	}
	@media screen and (max-width: 1499.98px) {
		.cus-club-area01-con{
			gap: 40px;
		}
	
		.cus-club-area01-text01{
			padding: 18px;
			font-size: 18px;
		}
	}
	@media (max-width: 991.98px) {
		.cus-club-area01-con{
			gap: 20px;
		}
	
		.cus-club-area01-text01{
			padding: 15px;
			font-size: 17px;
		}
	}
	@media print {
		.cus-club-area01-con{
			gap: 40px;
		}
	
		.cus-club-area01-text01{
			padding: 15px;
			font-size: 17px;
		}
	}
	@media screen and (max-width: 767px) {
		.cus-club-area01-con{
			display: block;
		}
	
		.cus-club-area01-con .con-text{
			margin: 0 auto 20px auto;
			width: 94%;
		}

		.cus-club-area01-text01{
			padding: 15px;
			font-size: 17px;
		}
	}

/* area02 */
	.cus-club-area02-list{
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		--gap: 20px;
		gap: var(--gap);
	}
	.cus-club-area02-list li{
		box-sizing: border-box;
		width: calc((100% - (var(--gap) * 5)) / 6);
	}
	.cus-club-area02-list.list02 li{
		width: calc((100% - (var(--gap) * 3)) / 4);
	}
	.cus-club-area02-list li a{
		position: relative;
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		width: 100%;
		overflow: hidden;
		padding: 20px 60px 20px 20px;
		color: initial;
		text-decoration: none;
	}
	.cus-club-area02-list li a::before{
		content: '';
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		background-color: rgba(0, 0, 0, 0.2);
		width: 100%;
		transform: scaleX(0);
		transform-origin: left;
		transition: transform 0.3s ease;
		z-index: 0;
	}
	.cus-club-area02-list li a::after{
		content: '\f105';
		position: absolute;
		top: 50%;
		right: 20px;
		font-family: "Font Awesome 6 Free";
		font-size: 20px;
		font-weight: 900;
		transform: translateY(-50%);
		transition: transform 0.3s ease;
		z-index: 1;
	}
	.cus-club-area02-list li a:hover::before{
		transform: scaleX(1);
	}
	.cus-club-area02-list li a:hover::after{
		transform: translate(6px, -50%);
	}
	
	.club-tab-panel{/* タブ動作 */
		display: none;
	}
	.club-tab-panel.is-active{
		display: block;
		animation: club-tab-content-in .45s ease-out;
	}
	@keyframes club-tab-content-in {
		from {
			opacity: 0;
			transform: translateY(18px);
		}
		to {
			opacity: 1;
			transform: translateY(0);
		}
	}
	.cus-club-area02-list li a.is-active::before{
		transform: scaleX(1);
	}
	.cus-club-area02-list li a.is-active{
		color: initial;
	}
	.cus-club-area02-list li a.text-white.is-active{
		color: #fff;
	}
	@media screen and (max-width: 1499.98px) {
		.cus-club-area02-list{
			flex-wrap: wrap;
		}
		.cus-club-area02-list li{
			box-sizing: border-box;
			width: calc((100% - (var(--gap) * 2)) / 3);
		}
		.cus-club-area02-list.list02 li{
			width: calc((100% - (var(--gap) * 1)) / 2);
		}
		.cus-club-area02-list li a{
			padding: 20px 60px 20px 20px;
		}
		.cus-club-area02-list li a::after{
			right: 20px;
			font-size: 20px;
		}
	}
	@media (max-width: 991.98px) {
		.cus-club-area02-list{
			flex-wrap: wrap;
		}
		.cus-club-area02-list li{
			box-sizing: border-box;
			width: calc((100% - (var(--gap) * 2)) / 3);
		}
		.cus-club-area02-list.list02 li{
			width: calc((100% - (var(--gap) * 1)) / 2);
		}
		.cus-club-area02-list li a{
			padding: 20px 50px 20px 20px;
		}
		.cus-club-area02-list li a::after{
			right: 16px;
			font-size: 18px;
		}
	}
	@media print {
		.cus-club-area02-list{
			flex-wrap: wrap;
		}
		.cus-club-area02-list li{
			box-sizing: border-box;
			width: calc((100% - (var(--gap) * 2)) / 3);
		}
		.cus-club-area02-list.list02 li{
			width: calc((100% - (var(--gap) * 1)) / 2);
		}
		.cus-club-area02-list li a{
			padding: 20px 50px 20px 20px;
		}
		.cus-club-area02-list li a::after{
			right: 16px;
			font-size: 18px;
		}
	}
	@media screen and (max-width: 767px) {
		.cus-club-area02-list{
			display: block;
		}
		.cus-club-area02-list li{
			margin-bottom: 10px;
			width: auto;
		}
		.cus-club-area02-list.list02 li{
			width: auto;
		}
		.cus-club-area02-list li a{
			padding: 20px 50px 20px 20px;
		}
		.cus-club-area02-list li a::after{
			right: 16px;
			font-size: 18px;
		}
	}



	@media print {
		/* 印刷では全地区を表示 */
		.club-tab-panel {
			display: block !important;
		}
	}


/* area03 */
	.cus-club-area03-title{
		padding: 8px 20px;
		font-size: 28px;
		font-weight: 700;
		letter-spacing: 0.08em;
	}

	.cus-club-area03-map .img{
		margin: 0;
		width: 100%;
		height: 750px;
	}
	.cus-club-area03-map .img img{
		width: 100%;
		height: 100%;
		object-fit: contain;
		font-family: 'object-fit: contain;';
	}
	

	.cus-club-area03-img .img{
		overflow: hidden;
		display: inline-block;
		margin: 0;
		border-radius: 12px;
	}

	.club-tab-panel{
		padding-bottom: 140px;
	}

	.activity-list span{
		white-space: nowrap;
	}
	.activity-list span:not(:last-child)::after{
		content: "・";
	}
	@media screen and (max-width: 1499.98px) {
		.cus-club-area03-title{
			padding: 8px 20px;
			font-size: 26px;
		}

		.cus-club-area03-map .img{
			height: 500px;
		}

		.club-tab-panel{
			padding-bottom: 120px;
		}
	}
	@media screen and (max-width: 1299.98px) {
		.activity-list span{
			white-space: normal;
		}
	}
	@media (max-width: 991.98px) {
		.cus-club-area03-title{
			padding: 8px 18px;
			font-size: 24px;
		}

		.cus-club-area03-map .img{
			height: 390px;
		}
	
		.club-tab-panel{
			padding-bottom: 80px;
		}
	}
	@media print {
		.cus-club-area03-title{
			padding: 8px 18px;
			font-size: 20px;
		}

		.cus-club-area03-map .img{
			height: 350px;
		}

		.club-tab-panel{
			padding-bottom: 60px;
		}
	}
	@media screen and (max-width: 767px) {
		.cus-club-area03-title{
			padding: 8px 15px;
			font-size: 20px;
		}

		.cus-club-area03-map .img{
			height: auto;
		}

		.cus-club-area03-img.img{
			border-radius: 10px;
		}

		.club-tab-panel{
			padding-bottom: 20px;
		}
	}