.LP__area {background-image: url("../img/lp/202601/top-bg.webp"); background-position: top center; background-repeat: no-repeat; background-size:contain;  margin-top: 86px;width: 100%;font-family: 'M PLUS Rounded 1c', sans-serif;}
		.lp-contents-01{ padding-top: 50px;}
		.lp-contents-block {max-width: 1740px;margin: 0 auto;padding: 0px 70px;}
		
		.lp-contents-01-table {padding-top: 50px;}
		.lp-contents-01-table-B {padding-top: 50px;margin-bottom: 30px;}
		
		.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
		
		@media screen and (max-width: 768px) {
		.contents.page-top.LP__area {background-image: url("../img/lp/202601/top-bg-sp.webp"); background-position: top center; background-repeat: no-repeat; background-size:contain;  margin-top: 70px;width: 100%;font-family: 'M PLUS Rounded 1c', sans-serif;        padding-top: 10px !important;}	
			.lp-contents-01{ padding-top: 0px;}
			.lp-contents-block {max-width: 1740px;margin: 0 auto;padding: 0px 10px;}
		}

			.tbl {
  border-collapse: collapse;
  width: 100%;background-color: #FFF;font-size: 4rem; 
}
.tbl th, .tbl td {
  border: 1px solid #ea5514;
  padding: 12px 12px; text-align: center;    font-weight: bold;
}
				
				/* 三角＋数字を置くセル */
.tbl .corner {
  position: relative;
  overflow: hidden; /* 三角がはみ出さないように */
}

/* 左上の三角（背景） */
.tbl .corner::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;

  width: 0;
  height: 0;

  border-top: 100px solid #ea5514;     /* 三角の色＆高さ */
  border-right: 100px solid transparent; /* 三角の幅 */
}

/* 数字（バッジ） */
.tbl .corner::after {
  content: attr(data-badge);
  position: absolute;
  top: 6px;
  left: 14px;

  font-size: 4rem;
  font-weight: 700;
  line-height: 1;
  color: #fff;
}
				
				
				
				
				.tbl-B {
  border-collapse: collapse;
  width: 100%;background-color: #FFF;
}
.tbl-B th, .tbl-B td {
  border: 1px solid #ea5514;
  padding: 6px 12px; text-align: center; font-size: 3.4rem;    font-weight: bold;
}
.tbl-B th {background-color: #00a73b; color: #FFF;border: 1px solid #a2d196;}
.tbl-B td {border: 1px solid #a2d196;}
/* 三角＋数字を置くセル */
.tbl-B .corner {
  position: relative;
  overflow: hidden; /* 三角がはみ出さないように */
}

/* 左上の三角（背景） */
.tbl-B .corner::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;

  width: 0;
  height: 0;

  border-top: 135px solid #ea5514;     /* 三角の色＆高さ */
  border-right: 135px solid transparent; /* 三角の幅 */
}

/* 数字（バッジ） */
.tbl-B .corner::after {
  content: attr(data-badge);
  position: absolute;
  top: 6px;
  left: 14px;

  font-size: 4rem;
  font-weight: 700;
  line-height: 1;
  color: #fff;
}
				
				.plan-title span {font-size: 2rem; font-weight: normal;margin-left: 20px;}
				.plan-member {display: block; position: relative;}
				.plan-member-title {border-right: 0px!important; text-align: left!important;padding-left:120px!important;}
				.plan-member-price {border-left: 0px!important;border-right: 0px!important;}
				.plan-member-day {text-align: left!important;border-left: 0px!important;border-bottom: 0px!important; font-weight: normal!important;}
				.plan-member-time {text-align: left!important;border-left: 0px!important;border-top: 1px dashed #a2d196!important;font-weight: normal!important;}
				.plan-member-admission-fee ul li {font-size: 2.4rem;font-weight: normal!important;}
				
				@media screen and (max-width: 1345px){
					.tbl {
  border-collapse: collapse;
  width: 100%;background-color: #FFF;font-size: 3.2rem; 
}
					.tbl-B th, .tbl-B td {
  padding: 6px 12px; text-align: center; font-size: 2.6rem;    font-weight: bold;
}
					.tbl-B .corner::before {
  border-top: 110px solid #ea5514;     /* 三角の色＆高さ */
  border-right: 110px solid transparent; /* 三角の幅 */
}			
	.plan-member-admission-fee ul li {font-size: 2.0rem;}		
				}
				
				@media screen and (max-width: 1100px){
				.tbl {
  border-collapse: collapse;
  width: 100%;background-color: #FFF;font-size: 2.4rem; 
}
					.tbl-B th, .tbl-B td {
  padding: 6px 12px; text-align: center; font-size: 2.0rem;    font-weight: bold;
}
					
					.tbl .corner::before {
  border-top: 80px solid #ea5514;     /* 三角の色＆高さ */
  border-right: 80px solid transparent; /* 三角の幅 */
}			
					
					.tbl-B .corner::before {
  border-top: 90px solid #ea5514;     /* 三角の色＆高さ */
  border-right: 90px solid transparent; /* 三角の幅 */
}			
	.plan-member-admission-fee ul li {font-size: 1.8rem;}		
				
.tbl .corner::after {	font-size: 3rem;}	
.tbl-B .corner::after {	font-size: 3rem;}			
					
					.plan-member-title {
    border-right: 0px !important;
    text-align: left !important;
    padding-left: 90px !important;
}
		
				}
				
@media screen and (max-width: 900px){
				.tbl {
  border-collapse: collapse;
  width: 100%;background-color: #FFF;font-size: 2.0rem; 
}
					.tbl-B th, .tbl-B td {
  padding: 6px 12px; text-align: center; font-size: 1.6rem;    font-weight: bold;
}
					
					.tbl .corner::before {
  border-top: 80px solid #ea5514;     /* 三角の色＆高さ */
  border-right: 80px solid transparent; /* 三角の幅 */
}			
					
					.tbl-B .corner::before {
  border-top: 76px solid #ea5514;     /* 三角の色＆高さ */
  border-right: 76px solid transparent; /* 三角の幅 */
}			
	.plan-member-admission-fee ul li {font-size: 1.4rem;}		
				
.tbl .corner::after {	font-size: 3rem;}	
.tbl-B .corner::after {	font-size: 3rem;}			
					
					.plan-member-title {
    border-right: 0px !important;
    text-align: left !important;
    padding-left: 90px !important;
}
		
				}
				
		@media screen and (max-width: 768px){		
				
				.tbl th, .tbl td {
    border: 1px solid #ea5514;
    padding: 12px 10px 12px 63px;
    text-align: center;
    font-weight: bold;
}
			.plan-member-admission-fee span {display: inline;}
			.plan-member-admission-fee ul  {display: inline;}			
			.plan-member-admission-fee ul li {font-size: 1.4rem; display: inline;}			
			
	}			
				
				@media screen and (max-width: 650px){
				.plan-member-title {
    border-right: 0px !important;
    text-align: left !important;
    padding-left: 70px !important;
}
}				
				
				@media screen and (max-width: 449px){
					.tbl .corner::after {	font-size: 2.4rem;}	
.tbl-B .corner::after {	font-size: 2.4rem;}	
					
					.tbl .corner::before {
  border-top: 70px solid #ea5514;     /* 三角の色＆高さ */
  border-right: 70px solid transparent; /* 三角の幅 */
}			
					
					.tbl-B .corner::before {
  border-top: 66px solid #ea5514;     /* 三角の色＆高さ */
  border-right: 66px solid transparent; /* 三角の幅 */
}			
					
									.tbl {
  border-collapse: collapse;
  width: 100%;background-color: #FFF;font-size: 1.8rem; 
}
					.tbl-B th, .tbl-B td {
  padding: 6px 6px; text-align: center; font-size: 1.6rem;    font-weight: bold;
}
					
				.plan-member-title {
    border-right: 0px !important;
    text-align: left !important;
    padding-left: 50px !important;
}
}				
				
				@media screen and (max-width: 375px){
					.tbl {
  border-collapse: collapse;
  width: 100%;background-color: #FFF;font-size: 1.6rem; 
}
					.tbl-B th, .tbl-B td {
  padding: 6px 6px; text-align: center; font-size: 1.4rem;    font-weight: bold;
}
				}
				
	.arrow {text-align: center;margin-bottom: 30px;}
				.cp-bnr {text-align: center;padding-bottom: 30px;}
.cp-bnr a{
  position: relative;
  display: inline-block;
  line-height: 0;
  overflow: hidden;
  border-radius: 22px;
  cursor: pointer;

  /* 常時ちょい存在感 */
  filter: drop-shadow(0 10px 22px rgba(0,0,0,0.22));
  transition: transform .2s ease;
}

.cp-bnr img{
  display: block;
  width: 100%;
  height: auto;
}

/*
.cp-bnr a::before{
  content: "";
  position: absolute;
  top: -30%;
  left: -150%;
  width: 80%;
  height: 160%;
  transform: rotate(20deg);

  background: linear-gradient(
    90deg,
    transparent 0%,
    rgba(255,255,255,0.2) 25%,
    rgba(255,255,255,0.9) 50%,
    rgba(255,255,255,0.2) 75%,
    transparent 100%
  );

  mix-blend-mode: screen;
  filter: blur(1px);
  opacity: 0.95;

  animation: shineLoop 2.2s linear infinite;
  pointer-events: none;
}
*/

.cp-bnr a{
  animation: bannerFloat 2.2s ease-in-out infinite;
}

@keyframes shineLoop{
0%   { left: -150%; }
  65%  { left: -150%; }   
  100% { left: 150%; }
}


@keyframes bannerFloat{
  0%   { transform: translateY(0) scale(1); }
  50%  { transform: translateY(-8px) scale(1.02); }
  100% { transform: translateY(0) scale(1); }
}


@media (hover:hover) and (pointer:fine){
  .cp-bnr a:hover{
    transform: translateY(-3px) scale(1.03);
  }
}

/* スマホタップ */
.cp-bnr a:active{
  transform: scale(0.96);
}

/* 動きが苦手な人向け */
@media (prefers-reduced-motion: reduce){
  .cp-bnr a,
  .cp-bnr a::before{
    animation: none;
  }
}


			
.cp-bnr a:hover img {
        opacity: 1;
    }
				
	.lp-contents-02{ padding-top: 50px;background-image: url("../img/lp/202601/top-bg2.webp"); background-position: top center; background-repeat: no-repeat; background-size:cover; }
			.point-img-02 {margin-bottom: 20px;}
			.lp-contents-02-area ul {padding-bottom: 30px;}
			.lp-contents-02-area ul li {margin-bottom: 20px;}
			.lp-contents-02-area ul li:last-child {margin-bottom: 0px;}
			
			
			@media screen and (max-width: 768px){		
			.lp-contents-02{ padding-top: 20px;background-image: url("../img/lp/202601/top-bg2-sp.webp"); background-position: top center; background-repeat: no-repeat; background-size:cover; }
				.t-center img {display: inline-block;}
			}

	.lp-contents-03{ padding-top: 30px;background-image: url("../img/lp/202601/top-bg3.png"); background-position: top center; background-repeat: no-repeat; background-size:cover; }
			.point-img-03 {margin-bottom: 20px;}
			.lp-contents-03-area ul li {margin-bottom: 20px;}
			.lp-contents-03-area .security {text-align: center;padding-bottom: 20px;}
			
			@media screen and (max-width: 768px){		
			.lp-contents-03{ padding-top: 30px;background-image: url("../img/lp/202601/top-bg3-sp.png"); background-position: top center; background-repeat: no-repeat; background-size:cover; }
				.lp-contents-03 .gridImage.-col2 .gridImage__item {
        width: calc(100% - 0px);
        margin: 0 0 10px;
    }
			}

.lp-contents-04{ padding-top: 50px; background-color: #FFF;}
			.point-img-04 {margin-bottom: 20px;}
			.map {margin-bottom: 20px;}
			.parking {margin-bottom: 100px;}
			.lp-contents-04-btn p{margin: 0px;    text-align: center;}
			.bottom {border: 1px solid #ea5514; border-radius: 0px 0px 5px 5px;margin: 0px; border-top: 0px;padding: 20px 30px 20px 30px;}
			.bottom2 {border: 1px solid #00a73c; border-radius: 0px 0px 5px 5px;margin: 0px; border-top: 0px;padding: 20px 30px 20px 30px;}
			.lp-contents-04-btn p a {margin-top: 15px; display: block;}
			.lp-contents-block.-col3 {max-width: 1740px;margin: 0 auto;padding: 0px 70px;}
			
			@media screen and (max-width: 768px){		
				.lp-contents-04{ padding-top: 30px;background-image: url("../img/lp/202601/top-bg4-sp.webp"); background-position: top center; background-repeat: no-repeat; background-size:auto; }
				.parking {margin-bottom: 30px;}
				.lp-contents-04 .gridImage {}
				.lp-contents-04 .gridImage.-col3 .gridImage__item {
        width: calc(100% - 0px);
        margin: 0 0 20px;
    }
				.lp-contents-04 .gridImage.-col3 .gridImage__item:last-child {margin-bottom: 0px;}
				.lp-contents-block.-col3 {max-width: 1740px; margin: 0 auto; padding:0px 0px;background-color: #FFF; padding-top: 20px;}
				.lp-contents-block.-col3 .lp-contents-04-area {padding:0px 10px;}
			}