/*--------------------------------

business

--------------------------------*/

/* about */

#about .contents p strong {
	margin:0 0 10px;
	display:block;
	font-size:2rem;
	color:#f39800;
}

/* detail */

#detail {margin-bottom: 140px;}
main .inner {display:flex; flex-flow:row wrap; justify-content:space-between; align-content:flex-start; align-items:flex-start;}

main .inner .image ,
main .inner .text {width:48%;}

main .inner .image img {max-width:100%;}

main .inner .text h3 {
	margin:0 0 20px;
	font-size:2rem;
	font-weight:700;
}
main .inner .text h3 b {
	margin-left:5px;
	display:inline-block;
	font-family:"Oswald", sans-serif;
	font-weight:500;
	font-size:3.6rem;
	line-height:1;
	letter-spacing:-0.01em;
}
main .inner .text a.web_sns {
	width:100%;
	max-width:220px;
	margin:10px 0 0;
	display:block;
	padding:8px 20px;
	color:#fff;
	background:#f39800;
	position:relative;
	transition: .2s;
}
main .inner .text a.web_sns:hover {
	background:#202020;
}
main .inner .text a.web_sns::after {
	content: "";
	width: 0;
	height:0;
	margin:auto;
	position:absolute; top:0; bottom:0; right:12px;
	border-style:solid;
	border-top:6px solid transparent;
	border-bottom:6px solid transparent;
	border-left:10px solid #ffffff;
	border-right:0;
}

main .inner .address {
	margin: 20px 0 0;
	padding:20px 0 0;
	border-top:solid 1px #202020;
}
main .inner .address .tel {
	font-family:"Oswald", sans-serif;
	font-weight:500;
	font-size:3.6rem;
	line-height:1;
	letter-spacing:-0.01em;
	position:relative;
	padding-left:28px;
}
main .inner .address .tel:before {
	content: "";
	background: url(../images/share/icon_tel.svg) no-repeat;
	width: 23px;
	height:26px;
	position:absolute; top:58%; left:0;
	transform:translateY(-50%);
}
main .inner .address p:nth-child(3) {
	font-size:1.4rem;
	margin-left:-10px;
}

@media screen and (max-width: 640px) {
	
	#detail {margin-bottom:80px;}

	main .inner .image ,
	main .inner .text {width:100%;}
	
	main .inner .text {margin:20px auto 0;}

	main .inner .address p:nth-child(1) {
		font-size: 1.3rem;
		margin-bottom: 6px;
	}
	main .inner .address .tel {
		font-size: 3rem;
		padding-left: 24px;
	}
	main .inner .address .tel:before {
		width: 20px;
		height: 23px;
	}
	main .inner .address p:nth-child(3) {
		font-size: 1.3rem;
		margin-left: -8px;
	}
}


/* profile */

#profile {margin-bottom:80px;}

#profile .inner .bbimg p {
	margin:15px 0 0;
	display:flex; flex-flow:row wrap; justify-content:center; align-content:center; align-items:center;
	text-align:center;
	line-height:1.5;
}
#profile .inner .bbimg p span {
	padding:5px 20px;
	color:#fff;
	border-radius:50px;
	background:#202020;
}
#profile .text dl {
	margin:20px 0 0;
	padding:20px 0 0;
	border-top:solid 1px #202020;
}
#profile .text dl dt {margin:0 0 5px;}
#profile .text dl dt span {
	display: block;
	color: #f39800;
	font-family:"Oswald", sans-serif;
	font-weight:500;
	font-size:1.5rem;
}
#profile .text dl dt small {
	font-family:"Oswald", sans-serif;
	font-weight:500;
	font-size:1.5rem;
	line-height:1.2;
}
#profile .text dl dt strong {
	margin-right:10px;
	display:inline-block;
	font-size:2.5rem;
}
#profile .text dl dd {padding:5px 0 0 0; line-height:1.2;}

#profile .text .address {padding:0; border:none;}

@media screen and (max-width: 640px) {
	
	#profile {margin-bottom:80px;}
}


/* bb-works */

#bb-works {margin-bottom:80px;}

#bb-works .inner .bbimg p {
	margin:15px 0 0;
	display:flex; flex-flow:row wrap; justify-content:center; align-content:center; align-items:center;
	text-align:center;
	line-height:1.5;
}
#bb-works .inner .bbimg p span {
	padding:5px 20px;
	color:#fff;
	border-radius:50px;
	background:#202020;
}
#bb-works .text dl {margin:20px 0 0;}
#bb-works .text dl dt {}
#bb-works .text dl dt b {padding:0 10px; color:#fff; background:#000;}
#bb-works .text dl dd {padding:5px 0 0 0; line-height:1.2;}

@media screen and (max-width: 640px) {
	
	#bb-works {margin-bottom:80px;}
}

/* bbPlan */

.bbPlan {margin-bottom:100px;}
.bbPlan .inner {
	padding:0;
	background:none;
}
.bbPlan ul {
	width:100%;
	margin:0 auto;
	display:flex; flex-flow:row wrap; justify-content:space-between; align-content:stretch; align-items:stretch;
}
.bbPlan ul li {
	width:32.6%;
	margin:30px 0 0;
	padding:0 0 20px;
	text-align:center;
	display:flex; flex-flow:row wrap; justify-content:center; align-content:center; align-items:center;
	background:#fff;
}
.bbPlan ul li h3 {
	width:100%;
	margin:-30px 0 10px;
	color:#f39800;
	font-size:1.6rem;
	text-align:center;
}
.bbPlan ul li h3 b {
	display:block;
	color:#525252;
	font-family:"Oswald", sans-serif;
	font-weight:500;
	font-size:5rem;
	line-height:1.2;
	letter-spacing:-0.01em;
}
.bbPlan ul li p {width:100%;}
.bbPlan ul li dl dt {
	margin:20px 0 5px;
	display:flex; flex-flow:row wrap; justify-content:center; align-content:center; align-items:center;
}
.bbPlan ul li dl dt span {
	padding:0 20px;
	color:#fff;
	font-weight:normal;
	line-height:1.4;
	border-radius:30px;
	background:#525252;
}
.bbPlan ul li dl dd {
	padding:2px 0 2px 16px;
	text-align:left;
	line-height:1.4;
	position:relative;
}
.bbPlan ul li dl dd::after {
	content:"";
	width: 10px;
	height:10px;
	position:absolute; top:9px; left:0;
	border-radius:20px;
	background:#ddd;
}

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

	.bbPlan {margin-bottom:20px;}
	.bbPlan ul {margin:30px auto 0;}
	.bbPlan ul li {
		width:100%;
		margin: 0 0 50px;
		padding:0 0 20px;
	}
}


/* sns_works */

.sns_works {margin:100px auto 0;}
.newsletter{margin-bottom:100px;}

.sns_works .inner {
	padding:3.6% 4.6%;
	display:flex; flex-flow:row wrap; justify-content:space-between; align-content:flex-start; align-items:flex-start;
	background:#fff;
}

.sns_works .inner .sample {width:35%;}
.sns_works .inner .planDetail {width:60%;}

.sns_works.ai-animation .inner .sample {width:22%;}
.sns_works.ai-animation .inner .planDetail {width:72%;}

.sns_works .inner .sample img {max-width:100%;}

.sns_works .inner .sample a {display:block;}
.sns_works .inner .sample a span {
	width:150px;
	margin:10px auto 0;
	display:block;
	color:#fff;
	text-align:center;
	border-radius:30px;
	background:#000;
	transition: .2s;
}
.sns_works .inner .sample a:hover span {background:#f39800;}

.sns_works .inner .planDetail dl {
	width:100%;
	margin:20px 0 0;
	display:flex; flex-flow:row wrap; justify-content:space-between; align-content:stretch; align-items:stretch;
	border-top:solid 1px #929292;
}
.sns_works .inner .planDetail dl dt ,
.sns_works .inner .planDetail dl dd {
	padding:15px 0;
	display:flex; flex-flow:row wrap; justify-content:flex-start; align-content:center; align-items:center;
	border-bottom:solid 1px #929292;
}
.sns_works .inner .planDetail dl dt {width:23%;}
.sns_works .inner .planDetail dl dd {width:77%;}

.sns_works .inner .planDetail dl dd ul {}
.sns_works .inner .planDetail dl dd ul li {
	padding:2px 0 2px 20px;
	line-height:1.4;
	position:relative;
}
.sns_works .inner .planDetail dl dd ul li::after {
	content:"";
	width: 10px;
	height:10px;
	position:absolute; top:9px; left:0;
	border-radius:20px;
	background:#ddd;
}

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

	.sns_works .inner {
		padding:30px 8%;
		display:flex; flex-flow:row wrap; justify-content:space-between; align-content:flex-start; align-items:flex-start;
		background:#fff;
	}
	.sns_works .inner .sample ,
	.sns_works .inner .planDetail ,
	.sns_works.ai-animation .inner .sample ,
	.sns_works.ai-animation .inner .planDetail {width:100%;}
	
	.sns_works .inner .sample a {width:68%; margin:0 auto 20px;}
	
	.sns_works .inner .planDetail dl dt ,
	.sns_works .inner .planDetail dl dd {width:100%; justify-content:center;}
	.sns_works .inner .planDetail dl dt {padding:8px 0;}
}


/* snsPlan */

.snsPlan .inner {
	padding:0;
	background:none;
}
.snsPlan ul {
	width:100%;
	margin:0 auto;
	display:flex; flex-flow:row wrap; justify-content:space-between; align-content:stretch; align-items:stretch;
}
.snsPlan ul li {
	width:32.6%;
	margin:30px 0 0;
	padding:0 0 20px;
	text-align:center;
	display:flex; flex-flow:row wrap; justify-content:center; align-content:center; align-items:center;
	background:#fff;
}
.snsPlan ul li h3 {
	width:100%;
	margin:-30px 0 10px;
	color:#f39800;
	font-size:1.6rem;
	text-align:center;
}
.snsPlan ul li h3 b {
	display:block;
	color:#525252;
	font-family:"Oswald", sans-serif;
	font-weight:500;
	font-size:5rem;
	line-height:1.2;
	letter-spacing:-0.01em;
}
.snsPlan ul li.osusume h3 b {
	position:relative;
}
.snsPlan ul li.osusume h3 b::after {
	content: "";
	width:140px;
	height:50px;
	position:absolute; top:-35px; left:10%;
	background:url("../images/sns/osusume.png") center no-repeat;
	background-size:contain;
}
.snsPlan ul li dl dt {
	margin:20px 0 5px;
	display:flex; flex-flow:row wrap; justify-content:center; align-content:center; align-items:center;
}
.snsPlan ul li dl dt span {
	padding:0 20px;
	color:#fff;
	font-weight:normal;
	line-height:1.4;
	border-radius:30px;
	background:#525252;
}
.snsPlan ul li dl dd {
	padding:2px 0 2px 16px;
	text-align:left;
	line-height:1.4;
	position:relative;
}
.snsPlan ul li dl dd::after {
	content:"";
	width: 10px;
	height:10px;
	position:absolute; top:9px; left:0;
	border-radius:20px;
	background:#ddd;
}

.snsPlan .inner > dl {
	width: 100%;
	margin:30px auto 0;
	padding:20px 5%;
	display:flex; flex-flow:row wrap; justify-content:space-between; align-content:center; align-items:center;
	border-radius:10px;
	border:solid 1px #525252;
}
.snsPlan .inner > dl dt {width:10%;}
.snsPlan .inner > dl dd {width:90%; display:flex; flex-flow:row wrap; justify-content:flex-start; align-content:center; align-items:center;}
.snsPlan .inner > dl dd b {
	width:100%;
	margin:0 0 10px;
}
.snsPlan .inner > dl dd b small {
	margin:5px 0 10px;
	display:block;
	font-weight:normal;
	line-height:1.2;
}
.snsPlan .inner > dl dd b ,
.snsPlan .inner > dl dd span {
	margin:0 20px 0 0;
	padding:0 0 0 15px;
	position:relative;
}
.snsPlan .inner > dl dd b::after ,
.snsPlan .inner > dl dd span::after {
	content: "";
	width: 10px;
	height:10px;
	position:absolute; top:8px; left:0;
	border-radius:20px;
	background:#f39800;
}

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

	.snsPlan ul {margin:30px auto 0;}
	.snsPlan ul li {
		width:100%;
		margin: 0 0 50px;
		padding:0 0 20px;
	}
	.snsPlan ul li:nth-child(1) {margin: 0 0 70px;}
	.snsPlan ul li.osusume h3 b::after {
		width:120px;
		height:40px;
		top:-25px; left:5%;
	}
	.snsPlan .inner > dl {
		margin:0 auto 0;
		padding:20px 5%;
	}
	.snsPlan .inner > dl dt ,
	.snsPlan .inner > dl dd {width:100%;}
	
	.snsPlan .inner > dl dt {
		font-size:1.8rem;
		text-align:center;
	}
}


/*--------------------------------

sns.html

--------------------------------*/
.sns #about {margin-bottom:90px;}
.sns #about .section_title::before {left:0;}

.section_title small {
	margin:0 0 0 10px;
	display:inline-block;
	color:#646464;
	font-size:1.5rem;
	font-weight:400;
	letter-spacing:0;
}
.sns #about .contents {
  background-color: #fff;
  padding: 3.6% 4.6%;
}
.sns #about .contents p {
	font-size:1.8rem;
  text-align: justify;
}
@media screen and (max-width: 1000px) {
  .sns #about {
    margin-bottom: 60px;
  }  
  .sns #about .contents {
    padding: 7% 5.7%;
  }
}
@media screen and (max-width: 640px) {
	
	.sns #about .contents p {font-size:1.4rem;}

	.section_title small {
		margin:5px 0 0;
		display:block;
		font-size:1.4rem;
	}
}

.sns #achievements {
  margin-bottom:40px;
}
.sns #achievements ul {
	width:100%;
	margin:0 auto;
	display:flex; flex-flow:row wrap; justify-content:flex-start; align-content:flex-start; align-items:flex-start;
}
.sns #achievements ul li {
	width:18%;
	margin:0 1% 50px;
	line-height:1.2;
}
.sns #achievements ul li.wide {width:38%;}

.sns #achievements ul li a {
	display:block;
	transition: .2s;
}
.sns #achievements ul li a:hover {
	opacity: .6;
}
.sns #achievements ul li a img {
	max-width:100%;
}
.sns #achievements ul li strong {
	margin:8px 0 5px;
	display:block;
	line-height:1.2;
}
@media screen and (max-width: 640px) {
	
	.sns #achievements ul {
		width:100%;
		justify-content:space-between;
	}
	.sns #achievements ul li {
		width:48%;
		margin:0 0 30px;
	}
	.sns #achievements ul li.wide {width:100%;}
}

.sns #sns_plan {
  margin-bottom: 140px;
}
.sns #sns_plan .inner {
	padding: 3.6% 4.6%;
	background:#fff;
}
@media screen and (max-width: 640px) {
}


/*--------------------------------

basketball.html

--------------------------------*/
.basketball #about {margin-bottom:90px;}
.basketball #about .section_title::before {left:0;}
.basketball #about .contents {
  background-color: #fff;
  padding: 3.6% 4.6%;
}
.basketball #about .contents p {
  text-align: justify;
}
@media screen and (max-width: 1000px) {
  .basketball #about {
    margin-bottom: 60px;
  }  
  .basketball #about .contents {
    padding: 7% 5.7%;
  }
}

.basketball #management {
  margin-bottom: 140px;
}
.basketball #management .inner {
  display: flex;
  gap: 0 2.6vw;
}
.basketball #management .inner .image {
  width: 54.7%;
}
.basketball #management .inner .image img {
  width: 100%;
  max-width: 760px;
}
.basketball #management .inner .text {
  width: 45.3%;
  margin-top: 1vw;
}
.basketball #management .inner .text .title {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  flex-wrap: wrap;
  border-bottom: 1px solid #202020;
  /* padding-bottom: 16px; */
  margin-bottom: 20px;
}
.basketball #management .inner .text .title h3 {
  font-size: 1.8rem;
  padding-right: 20px;
}
.basketball #management .inner .text .title h3 span {
  display: block;
  font-family: "Oswald", sans-serif;
	font-weight: 500;
	font-size: 4.8rem;
	line-height: 1;
  padding-bottom: 16px;
}
.basketball #management .inner .text .title .btn-link {
  width: 100%;
  max-width: 220px;
  margin-bottom: 16px;
}
.basketball #management .inner .text .title .btn-link a {
  font-family: "Zen Kaku Gothic New", sans-serif;
	font-weight: 500;
	font-size: 1.6rem;
	line-height: 1.65;
  padding: 8px 20px;
}
.basketball #management .inner .about {
  margin-bottom: 24px;
}
.basketball #management .inner .address p:nth-child(1) {
  font-size: 1.5rem;
  margin-bottom: 8px;
}
.basketball #management .inner .address .tel {
  font-family: "Oswald", sans-serif;
	font-weight: 500;
	font-size: 3.6rem;
	line-height: 1;
  letter-spacing: -0.01em;
  position: relative;
  padding-left: 28px;
}
.basketball #management .inner .address .tel:before {
  content: "";
  background: url(../images/share/icon_tel.svg) no-repeat;
  width: 23px;
  height: 26px;
  position: absolute;
  top: 58%;
  left: 0;
  transform: translateY(-50%);
}
.basketball #management .inner .address p:nth-child(3) {
  font-size: 1.4rem;
  margin-left: -10px;
}

@media screen and (max-width: 1400px) {
  .basketball #management .inner .text {
    margin-top: 0;
  }
}
@media screen and (max-width: 1200px) {
  .basketball #management .inner {
    flex-direction: column;
    gap: 2.6vw 0;
  }
  .basketball #management .inner .image {
    width: 100%;
    text-align: center;
  }
  .basketball #management .inner .image img {
    width: 100%;
    max-width: 760px;
  }
  .basketball #management .inner .text {
    width: 100%;
    margin-top: 1vw;
  }  
}
@media screen and (max-width: 1000px) {
  .basketball #management {
    margin-bottom: 100px;
  }  
}
@media screen and (max-width: 640px) {
  .basketball #management {
    margin-bottom: 80px;
  }
  .basketball #management .inner .text .title h3 {
    font-size: 1.5rem;
  }
  .basketball #management .inner .text .title h3 span {
    font-size: 3.8rem;
    padding-bottom: 12px;
  }
  .basketball #management .inner .text .title .btn-link {
    max-width: 170px;
    margin-bottom: 16px;
  }
  .basketball #management .inner .text .title .btn-link a {
    font-size: 1.3rem;
    padding: 7px 12px;
  }
  .basketball #management .inner .address p:nth-child(1) {
    font-size: 1.3rem;
    margin-bottom: 6px;
  }
  .basketball #management .inner .address .tel {
    font-size: 3rem;
    padding-left: 24px;
  }
  .basketball #management .inner .address .tel:before {
    width: 20px;
    height: 23px;
  }
  .basketball #management .inner .address p:nth-child(3) {
    font-size: 1.3rem;
    margin-left: -8px;
  }
}