@charset "UTF-8";

.container{
	width: 100%;
	padding: 0;
	text-align: center;
}

/*--セクション--*/

.content,
.content02{
	display: inline-block;
  position: relative;
	width: 95%;
	max-width: 1020px;
	text-align: center;
}

.content{
	margin-top: 50px;
}

.content02{
	margin-top: 10px;
}

.content p{
	font-size: 16px;
	padding: 20px auto;
	text-align: left;
}

@media only screen and (max-width: 767px){
.content p{
	font-size: 16px;
	padding: 20px auto;}}

.ttl-fukidashi-w {
	position: relative;
  display: inline-block;
  align-items: center;
  padding: 20px 50px;
  border: 2px solid #707070;
  background: #fff;
  font-size: 28px;
  font-weight: 600;
  line-height: 1.3;
  margin: 40px 0;
  color: #333;
  -webkit-filter: drop-shadow(3px 3px 3px rgba(0,0,0,0.4));
}

.ttl-fukidashi-w:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -15px;
	border-right: 15px solid transparent;
  border-top: 15px solid #666;
  border-left: 15px solid transparent;
}

.ttl-fukidashi-w:after {
  content: "";
  position: absolute;
  top: 96%;
  left: 50%;
  margin-left: -15px;
	border-right: 15px solid transparent;
  border-top: 15px solid #fff;
  border-left: 15px solid transparent;
}

  @media only screen and (max-width: 767px) {
  .ttl-fukidashi-w {
  width: 85%;
  min-width: 280px;
	padding: 15px 15px;
  margin: 10px 0 30px;
	margin-bottom: 30px;
  font-size: 20px; 
}}

/*--メインビジュアル--*/

.container-mv{
	width: 100%;
	padding: 0;
	text-align: center;
}
@media only screen and (max-width: 767px){
.container-mv{
 margin: 0px;
}}

.mv-area{
display: block;
position: relative;
text-align: center;
}

.mv-area img{
margin-top: 0px;
background-color: #fff;
width: 100%;
text-align: center;
}
.pc { display: block !important; }
.sp { display: none !important; }

@media screen and (max-width: 767px){
.mv-area img{
margin-top: 0px;}
.pc { display: none !important; }
.sp { display: block !important; 
}}

/*-- アナウンスエリア --*/

.box-announce{
	display: block;
	padding: 20px;
	font-size: 24px;
	font-weight: 600;
	color: #fff;
	background: #0b1d40;
}

@media screen and (max-width: 767px){
.box-announce{
	padding: 10px 10px;
	font-size: 18px;
}}

/*--LINE告知バナー--*/
.bnr-line{
	display: block;
	background: #06c555;
	padding-top: 20px;
	padding-bottom: 30px;
}
.bnr-line img{
	width:100%;
	max-width: 1280px;
	margin: 0 auto;
}
@media only screen and (max-width: 767px){
.bnr-line{
	padding-top: 15px;
	padding-bottom: 0px;
}
.bnr-line img{
width:100%;
max-width: 750px;
}}

h2.under-g{
	display: inline-block;
	font-size: 46px;
	font-weight: 800;
	line-height: 1.4em;
	border-bottom: solid 5px #EDC300;
	margin-bottom: 40px;
}
.price-sub{
	font-size: 32px;
}

			@media screen and (max-width: 767px){
			h2.under-g{
				font-size: 26px;
				line-height: 1.4em;
				border-bottom: solid 3px #EDC300;
				margin-bottom: 30px;
			}
			.price-sub{
				font-size: 20px;
			}}

/*-- MLB西田陸浮選手も愛用 --*/
.partner-downarrow {
  width: 100%;   /* 実寸の横幅 */
  height: 120px;   /* 実寸の高さ */
  background: linear-gradient(to bottom, #d3131a, #6e0b0f); /* 赤のグラデーション */
  clip-path: polygon(
    0 0,        /* 左上 */
    100% 0,     /* 右上 */
    100% 70%,   /* 右下寄り */
    50% 100%,   /* 中央の尖り */
    0 70%       /* 左下寄り */
  );
font-size: 48px;
font-weight: 800;
color: #fff;
margin-top: 0;
padding-top: 12px;
}

.partner-box{
display: flex;
width: 96%;
max-width: 960px;
border: 3px solid #A22E2F;
margin: 0px auto 30px;
}

.partner-box-img{
flex-basis: 50%;
max-width: 480px;
}

.partner-box-img img{
width: 100%;
}

.partner-box-txt{
flex-basis: 50%;
padding:50px;
font-size: 42px;
line-height: 1.4;
text-align: left;
}

.partner-stats{
display: flex;
width: 96%;
max-width: 960px;
margin: 20px auto;
}

.partner-stats-txt{
flex-basis: 40%;
text-align: left;
font-size: 24px;
margin: auto 0;
}

.partner-stats-square-wrap {
  flex-basis: 60%;
  display: flex;
  justify-content: space-between;
  gap: 10px;
}
.partner-stats-square {
  flex: 1; 
  aspect-ratio: 1/1; 
  background-color: #A22E2F;
  border-radius: 10px;
  font-size: 48px;
  line-height: 1.3;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}

/*youtube動画*/
.movie{
margin-left: auto;
margin-right: auto;
max-width: 680px;
width: 100%; }

.movie .movie_inner{
padding-top: 56.25%;
position: relative;
width: 100%; }

.movie .movie_inner iframe {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0; }


.partner-line{
border-top: 10px solid #A22E2F;
}

			@media screen and (max-width: 767px){
			.partner-downarrow {
			height: 80px;
			font-size: 2.2rem;
			padding-top: 18px;
			}

			.partner-box{
			flex-direction: column-reverse;
			max-width: 720px;
			margin: 0px auto 30px;
			}

			.partner-box-img{
			flex-basis: 100%;
			}

			.partner-box-img img{
			width: 100%;
			}

			.partner-box-txt{
			flex-basis: 100%;
			padding:20px 15px;
			font-size: 20px;
			font-weight: 600;
			}

			.partner-stats{
			display: flex;
			flex-direction: column;
			width: 96%;
			max-width: 720px;
			margin: 20px auto;
			}

			.partner-stats-txt{
			flex-basis: 100%;
			text-align: left;
			margin-left: 20px;
			margin-bottom: 20px;
			font-size: 18px;
			}

			.partner-stats-square-wrap {
			flex-basis: 100%;
			}

			.partner-stats-square {
			display: flex;
			flex-basis: 33%;
			aspect-ratio: 1 / 1;
			border-radius: 10px;
			font-size: 2.2rem;
			font-weight: 600;
			line-height: 1.3;
			padding: 2px;
			margin: 10px;
			}}

/*-- 野球に特化した３つの革新技術 --*/

.tech-title{
display: inline-block;
margin: 20px auto;
font-size: 42px;
font-weight: 600;
}

.tech-title-wrap{
display: flex;
margin: 20px auto;
}

.tech-title-box01,
.tech-title-box02 {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-size: 1em;       /* フォントサイズ依存 */
  font-weight: 800;
  margin: 0.2em;
  aspect-ratio: 1 / 1;
  width: 2em; 
  height: auto;
}

/* 緑背景 */
.tech-title-box01 {
  border: 0.1em solid #95cd00;
  background-color: #95cd00;
}

/* 白背景 */
.tech-title-box02 {
  border: 0.1em solid #95cd00;
  background-color: #fff;
}

.txt-red{
color: red;
}

.tech-card {
  max-width: 860px;
  border: 2px solid #2b2322;
  font-family: "Noto Sans JP", sans-serif;
  box-sizing: border-box;
	margin: 30px auto;
}

.tech-card-header {
  display: flex;
  border-bottom: 2px solid #2b2322;
  align-items: center;
}

.tech-card-number {
  display: flex;
  align-items: center;
  justify-content: center;
	width: 20%;
  max-width: 120px;
  border-right: 2px solid #2b2322;
  padding: 10px;
  box-sizing: border-box;
}

.tech-card-number .small {
  font-size: 18px;
  font-weight: bold;
  line-height: 1.2;
  margin-right: 8px; /* 「1」との間隔 */
}

.tech-card-number .big {
  font-size: 42px;
  font-weight: bold;
  line-height: 1;
}

.tech-card-title {
  flex: 1;
  font-size: 32px;
  font-weight: bold;
  padding: 0px;
  box-sizing: border-box;
	text-align: left;
	margin-left: 20px;
}

.tech-card-body {
  display: flex;
  padding: 20px;
  align-items: flex-start;
}

.tech-card-image img {
  width: auto;
  height: 200px;
  display: block;
	margin-right: 50px;
	margin-left: 20px;
}

.tech-card-text {
  flex: 1;
  font-size: 28px;
  line-height: 1.7;
	margin: auto 0;
	text-align: left;
  box-sizing: border-box;
}

			@media screen and (max-width: 767px){
			.tech-title{
			margin: 0px auto;
			font-size: 2.2rem;
			}

			.tech-title-wrap{
			display: flex;
			margin: 5px auto;
			}

			.tech-title-box01,
			.tech-title-box02 {
				font-size: 1em; 
				margin: 0.1em;
				width: 1.9em; 
				height: auto;
			}

			.tech-card {
				max-width: 720px;
				margin: 30px auto;
			}

			.tech-card-number {
				display: flex;
				align-items: center;
				justify-content: center;
				width: 24%;
				max-width: 120px;
				border-right: 2px solid #2b2322;
				padding: 10px;
				box-sizing: border-box;
			}

			.tech-card-number .small {
				font-size: 14px;
			}

			.tech-card-number .big {
				font-size: 28px;
			}

			.tech-card-title {
				font-size: 20px;
				margin-left: 20px;
			}

			.tech-card-image img {
				height: 150px;
				margin-right: 20px;
				margin-left: 0px;
			}

			.tech-card-text {
				font-size: 16px;
				line-height: 1.4;
			}}

/* こんなお悩みを解決します */

.nayami-card {
  max-width: 860px;
  border: 2px solid #2b2322;
  font-family: "Noto Sans JP", sans-serif;
  box-sizing: border-box;
	margin: 30px auto;
}

.nayami-header {
  background: linear-gradient(to bottom, #8bc34a, #2e5400); 
  color: #fff;
  font-size: 32px;
  font-weight: bold;
  padding: 15px 20px;
  text-align: left;
}

.nayami-body {
  display: flex;
  align-items: flex-start;
  padding: 20px;
}

.nayami-img {
  flex: 0 0 40%;
}

.nayami-img img {
  width: auto;
  height: 260px;
  display: block;
	margin-right: 50px;
	margin-left: 20px;
}

.nayami-list {
  flex: 1;
  list-style: none;
  margin: 0;
  padding: 0 0 0 30px;
  font-size: 28px;
  font-weight: 400;
  line-height: 2.2;
  text-align: left;
}

.nayami-list li {
  position: relative;
  padding-left: 40px;
  color: #2b2322;
  display: flex;
  align-items: center;
}

/* チェックボックス */
.nayami-list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%); 
  width: 22px;
  height: 22px;
  border: 1px solid #333;
  background: #fff;
  box-sizing: border-box;
}

/* チェックマーク */
.nayami-list li::after {
  content: "✔";
  position: absolute;
  left: 2px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 20px;
  color: #d3131a;
}

			@media screen and (max-width: 767px){
			.nayami-card {
				max-width: 720px;
				margin: 30px auto;
			}

			.nayami-header {
				font-size: 20px;
				padding: 10px 20px;
			}

			.nayami-body {
				display: flex;
				align-items: center;
				justify-content: center;
				padding: 10px;
			}

			.nayami-img {
				flex: 0 0 30%;
			}

			.nayami-img img {
				width: auto;
				height: 150px;
				margin-right: 10px;
				margin-left: 0px;
			}

			.nayami-list {
				padding: 0 0 0 10px;
				font-size: 16px;
				line-height: 1.8;
			}

			.nayami-list li {
				padding-left: 30px;
				align-items: center;
			}

			/* チェックボックス */
			.nayami-list li::before {
				width: 18px;
				height: 18px;
			}

			/* チェックマーク */
			.nayami-list li::after {
				left: 2px;
				top: 50%;
				font-size: 18px;
  			color: #d3131a;
			}}


/*-- 野球選手からの圧倒的支持 --*/ 

.review-title {
  display: inline-block;
  margin: 20px auto;
  font-size: 42px;
  font-weight: 600;
}

.review-title-wrap {
  display: flex;
  margin: 20px auto;
}

.review-title-box01,
.review-title-box02 {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-size: 1em;
  font-weight: 800;
  margin: 0.2em;
  aspect-ratio: 1 / 1;
  width: 2em; 
  height: auto;
}

/* 緑背景 */
.review-title-box01 {
  border: 0.1em solid #95cd00;
  background-color: #95cd00;
}

/* 白背景 */
.review-title-box02 {
  border: 0.1em solid #95cd00;
  background-color: #fff;
}

.review-card {
  width: 820px;
  font-family: "Noto Sans JP", sans-serif;
  color: #2b2322;
  box-sizing: border-box;
	margin: 30px auto 50px;
}

.review-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  padding-bottom: 6px;
  border-bottom: 3px solid #8bc34a;
}

.review-profile {
  font-size: 28px;
  font-weight: bold;
}

.review-profile .age {
  font-weight: normal;
}

.review-stars {
  font-size: 30px;
  color: #f4c531; /* 星の黄色 */
  letter-spacing: 2px;
}

.review-body {
  font-size: 24px;
  line-height: 1.5;
  margin-top: 14px;
	text-align: left;
}

			@media screen and (max-width: 767px){
			.review-title {
				margin: 0 auto;
				font-size: 2.2rem;
			}

			.review-title-wrap {
				display: flex;
				margin: 10px auto;
			}

			.review-title-box01,
			.review-title-box02 {
				font-size: 1em;
				font-weight: 800;
				margin: 0.2em;
				width: 2em; 
				height: auto;
			}

			.review-card {
				width: 100%;
				max-width: 720px;
				padding: 0px 20px;
			}

			.review-header {
				display: flex;
				flex-direction: column;
				justify-content: space-between;
				align-items: flex-start; 
				padding-bottom: 6px;
				border-bottom: 3px solid #8bc34a;
			}

			.review-profile {
				font-size: 18px;
			}

			.review-stars {
				font-size: 22px;
			}

			.review-body {
				font-size: 16px;
				line-height: 1.4;
				margin-top: 10px;
			}}

/*-- 野球用インソールここがすごい --*/ 

p.message{
	max-width: 680px;
	margin: 0 auto;
	font-size: 24px;
	font-weight: 400;
	line-height: 1.4;
	text-align: center;
	letter-spacing: 0.1rem;
}

.flex-steps {
 display: flex;
 flex-wrap: wrap;
 justify-content: space-around;
 }

.steps-item {
  padding: 15px;
  width: 48%;
}

.steps-item img{
  width: 100%;
}

.steps-item p{
  text-align: center;
	font-weight: 600;
}

.content-w680{
	display: inline-block;
	max-width: 680px;
	width: 100%;
	margin:30px auto;
}

			@media screen and (max-width: 767px){
			p.message{
				width: 96%;
				font-size: 18px;
				font-weight: 400;
				line-height: 1.4;
			}

			.content-w680{
				display: inline-block;
				max-width: 680px;
				width: 100%;
				margin:10px auto;
			}}


/*-- ラージバナー --*/
.bnr01_bg-bw{
background: url("https://spiralturn.co.jp/ec_file/images/room/bg_bw1920.jpg");
background-size: cover;
}
.waku_yellow{
display: inline-block;
background-color: #f6c947;
width: 70%;
margin: 60px;
padding: 30px;
}

			@media screen and (max-width:767px){
			.bnr01_bg-bw{
			background: url("https://spiralturn.co.jp/ec_file/images/room/bg_bw750.jpg");}
			.waku_yellow{
			width: 86%;
			margin: 20px auto;
			padding: 20px;
			}}

.content_bnr{
	display: inline-block;
	width: 96%;
	max-width: 1020px;
	text-align: center;
}

			@media only screen and (max-width: 767px){
			.content_bnr{
				width: 100%;
				text-align: center;
			}}

p.waku-text{
	font-size: 26px;
	font-weight: 600;
	line-height: 1.4;
	letter-spacing: 0.2em;
}
			@media screen and (max-width: 767px){
			p.waku-text{
				font-size: 16px;
				line-height: 1.3;
				letter-spacing: 0.1em;
			}}

/*-- オーダーメイドなのにネット注文 --*/

.easyorder-txt{
width:90%;
font-size: 26px;
margin:30px auto 30px;
}

.easyorder-img{
width:98%;
max-width: 960px;
}

			@media screen and (max-width:767px){
			.easyorder-txt{
			width:90%;
			font-size: 18px;
			margin:0 auto 30px;
			}

			.easyorder-img{
			width:98%;
			max-width: 720px;
			}}

/*-- オーダーメイドのサブスク --*/

span.large-red{
	font-size: 28px;
	font-weight: 600;
	color: #A22E2F;
}
@media screen and (max-width:767px){
span.large-red{
	font-size: 22px;
	line-height: 1.4em;
}}

.fuki02{
display: inline-block;
position: relative;
background-color: #fff;
border: 2px solid #ccc;
border-radius: 15px;
padding: 50px 50px 120px 50px;
margin-bottom: 90px;
max-width:760px;
}

@media only screen and (max-width: 767px){
.fuki02{
max-width: 90%;
padding: 20px 20px 120px 20px;
margin-bottom: 120px;
}}


p.clerk-chat{
padding: 0 !important;
font-size: 18px;
}
@media only screen and (max-width: 767px){
p.clerk-chat{
	font-size: 16px;
}}

img.clerk{
position: absolute;
width:160px;
top: 100%;
left: 50%;
transform: translate(-50%, -50%);
}

h4.clerk-heading{
font-size: 22px;
font-weight: 500;
}
@media screen and (max-width:767px){
h4.clerk-heading{
font-size: 20px;
}}

/*-- チェックボックス付きリスト --*/
.check-list {
  display: inline-block;
	text-align: left;
  }

.check-list li + li {
  margin-top: 10px;
}

.check-list li {
  position: relative;
  line-height: 1.2;
  padding-left: 2em;
	font-weight:600;
}

.check-list li::before {
  position: absolute;
  left: 0;
  content: "";
  display: block;
  width: 1.2em;
  height: 1.2em;
  border: 1px solid #333;
}

.check-list li::after {
  position: absolute;
  left: 0.2em;
  top: 0.1em;
  content: "";
  display: block;
  width: 1em;
  height: 0.4em;
  border-left: 4px solid #5AB43F;
  border-bottom: 4px solid #5AB43F;
  transform: rotate(-45deg);
}

/*-- 月々定額プランフロー --*/

.sbsc-schedule img{
max-width: 760px;
width: 100%;
margin: 0 auto 80px;
}

@media only screen and (max-width: 767px){
.sbsc-schedule img{
margin: 0 auto 30px;
max-width: 500px;
width: 96%;
}}

/*-- お得なサービス --*/

.plan_service-head{
position: relative;
border: 0px solid #ccc;
background:#E3007F;
margin: 0 auto;
padding: 15px 15px 15px 90px;
width: 90%;
max-width: 760px;
}

.plan_service-head img{
position: absolute;
left: -20px;
top: -40%;
width:100px;
}

.plan_service-head p{
position: relative;
font-size: 22px;
font-weight: 600;
color: #fff;
text-align: left;
}

		@media only screen and (max-width: 767px){
		.plan_service-head{
		padding: 10px 10px 10px 70px;
		width: 96%;
		}

		.plan_service-head img{
		left: -9px;
		top: -26%;
		width:72px;
		}

		.plan_service-head p{
		font-size: 17px;
		}}

.plan_service-container{
display:flex;
border: none;
background: #fff;
margin: 0 auto;
padding: 20px;
width: 90%;
max-width: 760px;
}

.plan_service-area-l{
flex-basis: 28%;
padding: auto 10px;
}

.plan_service-area-l img{
max-width:150px;
margin:10px;
}

.plan_service-area-r{
flex-basis: 72%;
padding: auto 10px;
}

.plan_service-waku{
border: none;
border-radius: 10px;
padding: 10px 20px;
background: #eccce1;
}

.plan_service-waku p{
font-size: 18px;
text-align:center;
}

.plan_service-waku img{
width:50px;
margin:10px auto;
}

.plan_service-note{
text-align: left;
font-size: 14px;
}

		@media only screen and (max-width: 767px){
		.plan_service-container{
		display:flex;
		padding: 20px 10px;
		width: 96%;
		}

		.plan_service-area-l{
		flex-basis: 28%;
		padding: auto 10px;
		}

		.plan_service-area-l img{
		max-width:100px;
		}

		.plan_service-area-r{
		flex-basis: 72%;
		padding: auto 10px;
		}

		.plan_service-waku{
		padding: 10px;
		}

		.plan_service-waku p{
		font-size: 16px;
		}

		.plan_service-note{
		font-size: 14px;
		}}

/*-- 安心保証 --*/

.plan_warranty-head{
position: relative;
border: 0px solid #ccc;
background:#8DC21F;
margin: 0 auto;
padding: 15px 15px 15px 90px;
width: 90%;
max-width: 760px;
}

.plan_warranty-head img{
position: absolute;
left: -20px;
top: -40%;
width:100px;
}

.plan_warranty-head p{
position: relative;
font-size: 22px;
font-weight: 600;
color: #fff;
text-align: left;
}

@media only screen and (max-width: 767px){
.plan_warranty-head{
padding: 10px 10px 10px 70px;
width: 96%;
}

.plan_warranty-head img{
left: -9px;
top: -26%;
width:72px;
}

.plan_warranty-head p{
font-size: 17px;
}}

.plan_warranty-container{
display:flex;
justify-content: space-around;
flex-wrap:wrap;
border: none;
background: #fff;
margin: 0 auto;
padding: 20px 40px 30px;
width: 90%;
max-width: 760px;
}

.plan_warranty-item{
flex-basis: 33%;
text-align: center;
padding: 0 auto;
}

.plan_warranty-item img{
width: 100%;
max-width: 160px;
margin: 15px 20px;
}

.plan_warranty-item p{
font-size:14px;
text-align: center;
}

@media only screen and (max-width: 767px){
.plan_warranty-container{
display:flex;
padding: 10px;
width: 96%;
}

.plan_warranty-item{
margin-bottom: 15px;
flex-basis: 42%;
}

.plan_warranty-item img{
width: 90%;
max-width: 150px;
margin: 15px;
}

.plan_warranty-item p{
font-size:12px;
}}

/*-- 料金プラン 囲み罫 --*/

.waku_attent{
display: inline-block;
padding: 20px 30px;
text-align: left;
line-height:1.4em;
background-color: #fff;
border: 2px solid #CCC;
width:90%;
max-width: 760px;
margin-bottom: 30px;
}
@media only screen and (max-width: 767px){
.waku_attent{
padding: 12px;
width:96%;
}}

.waku_attent p.explain{
font-family: 'Noto Sans JP', sans-serif;
font-size: 18px;
text-align: left;
}

.waku_attent p.explain a{
color: #2b00ff;
text-decoration: underline;
}

@media only screen and (max-width: 767px){
.waku_attent p.explain{
font-size: 14px;
}}

/*-- CTA ラージバナー --*/

.bg-dark{
background-color: #282020;
width: 100%;
}

.cta-area {
  position: relative;
	width: 100%;
  max-width: 1020px;
  height: 692px;
  background: url("https://spiralturn.co.jp/ec_file/images/baseball/cta-bnr-bg02.jpg") no-repeat center center;
  background-size: cover;
  margin: 0 auto;
  font-family: "Noto Sans JP", sans-serif;
}

.cta-area-inner {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

/* コピー */
.cta-area-title {
  font-size: 48px;
  font-weight: 700;
  line-height: 1.5;
  margin-bottom: 30px;
  color: #fff!important;
  text-shadow: 0 2px 4px rgba(0,0,0,0.5)!important;
}

/* サブコピー */
.cta-area-subtitle {
  font-size: 28px;
  font-weight: 500;
  line-height: 1.6;
  margin-bottom: 60px;
  color: #A7D128!important;
  text-shadow: 0 2px 4px rgba(0,0,0,0.4)!important;
}

/* ボタン配置 */
.cta-area-buttons {
  display: flex;
  gap: 40px;
}

.btn-bb {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 380px;
  padding: 10px; 
  background-color: #A7D128;
  color: #fff;
  font-size: 28px;
  font-weight: 700;
  text-decoration: none;
  line-height: 1.4!;
  border-radius: 10px;
  box-shadow: 0 4px 6px rgba(0,0,0,0.2);
  transition: background 0.3s ease;
  text-align: center;
}

.btn-bb:hover {
  background-color: #8BB920;
}

			@media only screen and (max-width: 767px){

			.cta-area {
				position: relative;
				width: 100%;
				max-width: 767px;
				max-height: 400px;
				background: url("https://spiralturn.co.jp/ec_file/images/baseball/cta-bnr-bg02sp.jpg") no-repeat center center;
				background-size: cover;
				margin: 0 auto;
			}

			.cta-area-inner {
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				text-align: center;
				flex-direction: column;
				align-items: center;
				justify-content: center;
			}

			/* コピー */
			.cta-area-title {
				font-size: 24px;
				font-weight: 700;
				line-height: 1.5;
				margin-bottom: 20px;
				text-shadow: 0 2px 4px rgba(0,0,0,0.5);
			}

			/* サブコピー */
			.cta-area-subtitle {
				font-size: 20px;
				margin-bottom: 40px;
			}

			/* ボタン配置 */
			.cta-area-buttons {
				display: flex;
				justify-content: center; /* 中央寄せ */
				gap: 20px;
			}

			.btn-bb {
				display: flex;
				align-items: center;
  			width: 140px;
				justify-content: center;
				padding: 15px 20px;
				background-color: #A7D128;
				color: #fff;
				font-size: 16px;
				line-height: 1.2;
				border-radius: 10px;
				box-shadow: 0 4px 6px rgba(0,0,0,0.2);
				transition: background 0.3s ease;
				text-align: center;
				white-space: pre-line;
				word-break: keep-all;
			}

			.btn-bb:hover {
				background-color: #8BB920;
			}}