@charset "UTF-8";
/****共通設定******************************/
body {
	 margin: 0;
	overflow-x: hidden;
	font-family: "Poppins", "Noto Sans JP", sans-serif;
}

html {
	position: relative;
	scroll-behavior: smooth;
}

.sp {
	display: none; 
}

.pc {
	display: inherit; 
}
p{
	font-size:1.143vw;
}

.bg-purple { background-color: #51318F; }
.bg-orange { background-color: #E94709; }
.bg-green  { background-color: #006453; }
.bg-pink  { background-color: #FFF2FD; }
.bg-skyblue  { background-color: #EAF6FF; }
.bg-red  { background-color: #c52833; }
.bg-yellow  { background-color: #e6bf19; }
.bg-6  { background-color: #ed6c00; }
.bg-7  { background-color: #4d136f; }

a.disabled {
	color: #FFFFFF !important;
	background: #8F8F8F !important;
	border: none !important;
	text-decoration: none !important;
	pointer-events: none !important;
	cursor: default !important;
	line-height: 110% !important;
}

@media screen and (max-width: 768px) {
  .pc {
    display: none; 
	}
  .sp {
    display: inherit; 
	}
}

.container{
	width: 80%;
	margin: 0 auto;
}
@media (max-width: 749px) {
.container{
	width: calc(100% - 40px) ;
	margin: 0 20px ;
}	
}
#mainvisual{
	padding: 0 0 16% 0;
	background: url("../images/ai-sports/mv-bg.webp") no-repeat;
	background-size: cover;
}
#mainvisual .container{
	width: 90%;
}
#mainvisual h1{
	margin: 0;
	padding: 0;
}
#mainvisual h1 img{
	width: 100%;
	height: auto;
}
#mainvisual h2{
	margin: 0 auto;
	text-align: center;
}
#mainvisual h2 .h2-main{
	padding: 0.842vw 2.5vw;
	background: linear-gradient(90deg, #ED38CD 0%, #9AA7F1 67.31%, #96F5FD 96.15%, #96FFFF 100%);
	mix-blend-mode: hard-light;
	line-height: 100%;
	width: 57.99vw;
}
#mainvisual h2 .h2-sub{
	width: 76.39vw;
}
#mainvisual h2 img{
	width: 100%;
	height: auto;
}

#mainvisual img.ai-sandbox{
	width: 9.17vw;
	height: 8.82vw;
}

@media (max-width: 749px) {
#mainvisual{
	padding: 0 0 67% 0;
	background: url("../images/ai-sports/mv-bg-sp.webp") no-repeat;
	background-size: cover;
}
#mainvisual .container{
	width: 100%;
	margin: 0;
	margin-top: 16vw;;
}
#mainvisual h1{
	margin: 0;
	padding: 0;
}
#mainvisual h1 img{
	width: 100%;
	height: auto;
}

#mainvisual h2{
	margin: 0 auto;
	text-align: center;
}

#mainvisual h2 .h2-main{
	margin: 0 5.128vw;
	padding: 2.1vw 3.0vw;
	background: linear-gradient(90deg, #ED38CD 0%, #9AA7F1 67.31%, #96F5FD 96.15%, #96FFFF 100%);
	mix-blend-mode: hard-light;
	line-height: 100%;
	width: calc(100% - 16.256vw);
}
#mainvisual h2 img{
	width: 100%;
	height: auto;
}
#mainvisual h2 .h2-sub{
	width: 93.6vw;
}

#mainvisual img.ai-sandbox{
	width: 20.8vw;
	height: 19.2vw;
}

}


#copy{
	
}
#copy h2{
	margin: 0;
}
#copy h2 img{
	width: 100%;
	height: auto;
	
}

#copy .btn-group {
	margin-top: 4.17vw;
	margin-bottom: 3.26vw;
	display: flex;
	gap: 3.06vw;
	align-items: center;
	justify-content: center;
}

#copy .btn-group a{
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	text-decoration: none;
	box-sizing: border-box;
	padding: 1.39vw 1.74vw;
	border-radius: 13.33vw;
	font-family: "Noto Sans JP";
	font-size: 1.6vw;
	font-style: normal;
	font-weight: 500;
	line-height: 180%;
	cursor: pointer;
}

#copy .btn-group .btn-pink {
	border: none;
	background: #ED38CD;
	color: #F8F8F8;
}

#copy .btn-group .btn-skyblue{
	border: none;
	background: #54B8FF;
	color: #F8F8F8;
}

@media (max-width: 749px) {
#copy{
	padding: 2.083vw 0 2.083vw 0;
}
#copy h2{
	margin: 0;
}

#copy .btn-group {
	margin: 7.69vw 0;
	display: flex;
	flex-direction: column;
	gap: 6.15vw;
	align-items: center;
	justify-content: center;
}

#copy .btn-group a{
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	text-decoration: none;
	box-sizing: border-box;
	width: 79.49vw;
	padding: 3.85vw 0;
	border-radius: 12.82vw;
	font-family: "Noto Sans JP";
	font-size: 4.1vw;
	font-style: normal;
	font-weight: 500;
	line-height: 180%;
	cursor: pointer;
}

#copy .btn-group img{
	display: none;
}

#copy .btn-group .btn-pink {
	border: 0.53vw solid #000;
	background: #FF6FE6;
	color: #000;
	text-shadow: 0 0.53vw 0 rgba(0, 0, 0, 0.10);
}

#copy .btn-group .btn-skyblue{
	border: 0.53vw solid #000;
	background: #54B8FF;
	color: #000;
	text-shadow: 0 0.53vw 0 rgba(0, 0, 0, 0.10);
}
}

#about{
	padding: 20% 0 13% 0;
	background-size: cover;
	clip-path: polygon(0 160px, 100% 0, 100% calc(100% - 90px), 0 100%);
	mix-blend-mode: hard-light;	
	background: url("../images/ai-sports/about-bg2.png") no-repeat center top,linear-gradient(90deg, #ED38CD 0%, #9AA7F1 67.31%, #96F5FD 96.15%, #96FFFF 100%);
	background-size: 100%;

}
#about h2{
	margin: 0 0 4.44vw 0;
	color: #FFF;
	text-shadow: 0 2px 0 rgba(0, 0, 0, 0.10);
	font-family: "Noto Sans JP";
	font-size: 4.028vw;
	font-style: normal;
	font-weight: 700;
	line-height: 180%; 
}
#about p{
	margin: 0 0 2.5vw 0;
	color: #FFF;
	text-shadow: 0 2px 0 rgba(0, 0, 0, 0.10);
	font-family: "Noto Sans JP";
	font-size: 1.389vw;
	font-style: normal;
	font-weight: 500;
	line-height: 180%;
}
#about h3{
	margin: 0 0 2.5vw 0;
	color: #FFF;
	text-shadow: 0 2px 0 rgba(0, 0, 0, 0.10);
	font-family: "Noto Sans JP";
	font-size: 2.083vw;
	font-style: normal;
	font-weight: 700;
	line-height: 150%;
}
@media (max-width: 749px) {
#about{
	padding: 21% 0 11% 0;
	clip-path: polygon(0 45px, 100% 0, 100% calc(100% - 45px), 0 100%);
	mix-blend-mode: hard-light;	
	background: url("../images/ai-sports/about-bg-sp2.png") no-repeat center top,linear-gradient(90deg, #ED38CD 0%, #9AA7F1 67.31%, #96F5FD 96.15%, #96FFFF 100%);
	background-size: 100%;
}
#about h2{
	margin: 0 0 9.231vw 0;
	color: #FFF;
	text-shadow: 0 2px 0 rgba(0, 0, 0, 0.10);
	font-family: "Noto Sans JP";
	font-size: 7.179vw;
	font-style: normal;
	font-weight: 700;
	line-height: 150%;
}
#about p{
	margin: 0 0 9.231vw 0;
	color: #FFF;
	text-shadow: 0 2px 0 rgba(0, 0, 0, 0.10);
	font-family: "Noto Sans JP";
	font-size: 4.103vw;
	font-style: normal;
	font-weight: 500;
	line-height: 180%;
}
#about h3{
	margin: 0 0 9.231vw 0;
	color: #FFF;
	text-shadow: 0 2px 0 rgba(0, 0, 0, 0.10);
	font-family: "Noto Sans JP";
	font-size: 4.872vw;
	font-style: normal;
	font-weight: 700;
	line-height: 150%;
}
}




#chance{
	padding: 2.083vw 0 4.861vw 0;
}
#chance h2{
	margin: 2.08vw 0;
	color: #000;
	font-family: "Noto Sans JP";
	font-size: 4.03vw;
	font-style: normal;
	font-weight: 700;
	line-height: 150%;
}
#chance h3{
	margin: 0;
	color: #000;
	font-family: "Noto Sans JP";
	font-size: 2.639vw;
	font-style: normal;
	font-weight: 700;
	line-height: 150%; 
}
#chance h3 span{
	color: #ED38CD;;
}

#chance ul {
	margin: 0 0 4.17vw 0;
}

#chance li{
	color: #000;
	font-family: "Noto Sans JP";
	font-size: 1.39vw;
	font-style: normal;
	font-weight: 500;
	line-height: 180%;
}

@media (max-width: 749px) {
#chance{
	padding: 10.256vw 0 10.256vw 0;
}
#chance h2{
	font-size: 7.47vw;
	margin-bottom: 8vw;
}
#chance h3{
	margin: 0;
	color: #000;
	text-align: center;
	font-family: "Noto Sans JP";
	font-size: 5.641vw;
	font-style: normal;
	font-weight: 700;
	line-height: 150%;
}
#chance h3 span{
	color: #ED38CD;;
}

#chance ul {
	margin: 0 0 8vw 0;
	padding-left: 1.5em;
}

#chance li{
	font-size: 4.27vw;
	margin-bottom: 4.8vw;
}

}

#schedule{
	padding: 6.944vw 0;
	background: url("../images/ai-sports/schedule-bg.jpg") no-repeat;
	background-size: cover;
}
#schedule h2{
	margin: 0 0 2.778vw 0;
	text-align: center;
	color: #FFF;
	font-family: "Reddit Sans";
	font-size: 4.028vw;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	letter-spacing: 0.242vw;
}

#schedule dl{
	position: relative;
	margin: 0 0 3.056vw 0;
	padding:  2.233vw 0;
	display: flex;
	padding-left: 30px;
	align-items: center;
	gap: 60px;
	align-self: stretch;
	border-radius: 10px;
	background: rgba(255, 255, 255, 0.85);
	border: 3px solid #FFF;
}
#schedule dl:after{
	position: absolute;
	content: "";
	background: url("../images/ai-sports/schedule-list-next-icon.png") no-repeat;
	background-size: 100% 100%;
	width: 3.194vw;
	height:  1.319vw;
  	bottom: -2.433vw;
	left: 50%;
}
#schedule dl:last-child:after{
	display: none;
}
#schedule dl dt{
	position: relative;
	margin-left:   8.722vw;
	width:  18.75vw;
	color: #ED38CD;
	font-family: "Noto Sans JP";
	font-size: 1.736vw;
	font-style: normal;
	font-weight: 700;
	line-height: 150%;
}
#schedule dl dt:before{
	position: absolute;
	content: "";
	background: url("../images/ai-sports/schedule-list-icon.png") no-repeat;
	background-size: 100% 100%;
	width: 2.083vw;
	height:  2.083vw;
  	top:50%;
	left: -55%;
	transform: translateY(-50%);
}
#schedule dl dd{
	width: calc(100% -  15.625vw);
	color: #000;
	font-family: "Noto Sans JP";
	font-size: 1.389vw;
	font-style: normal;
	font-weight: 500;
	line-height: 180%;
}
#schedule dl:last-child{
	margin: 0;
}

@media (max-width: 749px) {
#schedule{
	padding: 15.385vw 0;
	background: url("../images/ai-sports/schedule-bg.jpg") no-repeat;
	background-size: cover;
	background-position: center;
}
#schedule h2{
	margin: 0 0 2.778vw 0;
	color: #FFF;
	font-family: "Reddit Sans";
	font-size: 10.256vw;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	letter-spacing: 0.615vw;
}

#schedule dl{
	position: relative;
	display: inherit;
	margin: 0 0 11.282vw 0;
	padding: 3.846vw 5.128vw;
	border-radius: 10px;
	border: 2px solid #FFF;
	background: rgba(255, 255, 255, 0.85);
}
#schedule dl:after{
	position: absolute;
	content: "";
	background: url("../images/ai-sports/schedule-list-next-icon.png") no-repeat;
	background-size: 100% 100%;
	width: 11.795vw;
	height:  4.872vw;
  	bottom: -8.433vw;
	left: calc(50% - 5.7vw);
}
#schedule dl:last-child:after{
	display: none;
}
#schedule dl dt{
	position: relative;
	margin:  0 0  2.564vw 7.692vw;
	width:  100%;
	color: #ED38CD;
	font-family: "Noto Sans JP";
	font-size: 5.128vw;
	font-style: normal;
	font-weight: 700;
	line-height: 150%;
}
#schedule dt:before{
	position: absolute;
	content: "";
	background: url("../images/ai-sports/schedule-list-icon.png") no-repeat;
	background-size: 100% 100%;
	width: 5.128vw!important;
	height:  5.128vw!important;
	top: 50%!important;
    left: -10%!important;
	transform: inherit;
}
#schedule dl dd{
	margin-left: 0;
	width: 100%;
	color: #000;
	font-family: "Noto Sans JP";
	font-size: 4.103vw;
	font-style: normal;
	font-weight: 500;
	line-height: 180%;
}
#schedule dl:last-child{
	margin: 0;
}
}

#team{
	background: #f8f8f8;
	padding-top: 6.944vw;
}
#team .container{
	width: 80%;
	margin: 0 auto;
	padding: 0;
	box-shadow: 0 4px 25px 0 rgba(0, 0, 0, 0.07);
	border-radius: 10px;
	background: #FFF;
}
#team h2{
	border-radius: 10px 10px 0 0;
	background: var(--base, linear-gradient(90deg, #ED38CD 0%, #9AA7F1 67.31%, #96FFFF 100%));
	color: #FFF;
	font-family: "Noto Sans JP";
	font-size: 2.778vw;
	font-style: normal;
	font-weight: 600;
	line-height: 180%;
	text-align: center;
	margin: 0;
	padding: 2.083vw 0;
	width: 100%;
}
#team dl{
margin: 0 6.944vw 0 6.944vw;
	padding: 4.861vw 0 3.403vw 0;
	display: flex;
	flex-wrap: wrap;
	justify-content:space-between;
	border-bottom: 1px solid #C4C4C4;
}
#team dl:last-child{
	border-bottom: 0px solid #C4C4C4;
}
#team dl dt{
	width: 17.361vw;
	margin: 0;
}
#team dl dt img{
	width: 100%;
	height: auto;
}
#team dl dd{
	width: 43.66vw;
	margin: 0;
}
#team dl dd h3{
	margin: 0 0 1.458vw 0;
	color: #000;
	font-family: "Noto Sans JP";
	font-size: 1.736vw;
	font-style: normal;
	font-weight: 700;
	line-height: 150%;
}
#team dl dd h3 span{
	font-size: 1.458vw;
}
#team dl dd p{
	margin: 1.458vw 0;
	color: #000;
	font-family: "Noto Sans JP";
	font-size: 1.181vw;
	font-style: normal;
	font-weight: 500;
	line-height: 180%;
}
#team dl dd p a{
	color: #000;
}

#team dl dl{
	margin: 0;
	padding: 0;
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	margin-bottom: 0;
	font-family: "Noto Sans JP";
	font-size: 1.181vw;
	font-style: normal;
	font-weight: 500;
	line-height: 180%;
	border-bottom: none;
}
#team dl dl dt{
	width: 5.556vw;
}
#team dl dl dd{
	width: calc(100% - 5.556vw);
}
#team dl dd.issue-area{
	width: 100%;
}

#team .issue-area dl dt {
	width: 100%;
}

#team .issue-area dl dd {
	width: 100%;
}

#team .issue-area dl dd,
#team .issue-area .js-toggle-lead {
	display: none;
}

#team .issue-area.is-open dl dd,
#team .issue-area.is-open .js-toggle-lead {
	display: block;
}

#team .issue-area .title {
	margin: 2.78vw 0 1.458vw 0;
	color: #000;
	font-family: "Noto Sans JP";
	font-size: 1.736vw;
	font-style: normal;
	font-weight: 700;
	line-height: 150%;
}

#team .issue-area .issue-content dt {
	position: relative;
	padding-left: 2.85vw;
	margin-top: 0.69vw;
	font-family: "Noto Sans JP";
	font-size: 1.53vw;
	font-style: normal;
	font-weight: 700;
	line-height: 180%;
}

#team .issue-area .issue-content dt:first-of-type {
	margin-top: 0;
}

#team .issue-area.color-purple .issue-content dt {
	color: #51318F;
}

#team .issue-area.color-orange .issue-content dt {
	color: #E94709;
}

#team .issue-area.color-green .issue-content dt {
	color: #006453;
}

#team .issue-area.color-red .issue-content dt {
	color: #c52833;
}

#team .issue-area.color-yellow .issue-content dt {
	color: #e6bf19;
}

#team .issue-area.color-6 .issue-content dt {
	color: #ed6c00;
}

#team .issue-area.color-7 .issue-content dt {
	color: #4d136f;
}

#team .issue-area .issue-content dt::before {
	content: "";
	position: absolute;
	left: 0;
    top: 0.3em;
	width: 2.15vw;
	height: 2.15vw;
}

#team .issue-area.color-purple .issue-content dt::before {
	background: url('../images/ai-sports/issue-title-purple.svg') no-repeat center/contain;
}

#team .issue-area.color-orange .issue-content dt::before {
	background: url('../images/ai-sports/issue-title-orange.svg') no-repeat center/contain;
}

#team .issue-area.color-green .issue-content dt::before {
	background: url('../images/ai-sports/issue-title-green.svg') no-repeat center/contain;
}

#team .issue-area.color-red .issue-content dt::before {
	background: url('../images/ai-sports/issue-title-red.svg') no-repeat center/contain;
}

#team .issue-area.color-yellow .issue-content dt::before {
	background: url('../images/ai-sports/issue-title-yellow.svg') no-repeat center/contain;
}
#team .issue-area.color-6 .issue-content dt::before {
	background: url('../images/ai-sports/issue-title-6.svg') no-repeat center/contain;
}
#team .issue-area.color-7 .issue-content dt::before {
	background: url('../images/ai-sports/issue-title-7.svg') no-repeat center/contain;
}

#team .issue-area .issue-content dd {
	padding: 0 0 1.39vw 2.08vw;
	color: #000;
	font-family: "Noto Sans JP";
	font-size: 1.18vw;
	font-style: normal;
	font-weight: 500;
	line-height: 180%;
}

#team .issue-area .issue-content dd .issue-content__subtitle{
	color: #000;
	font-family: "Noto Sans JP";
	font-size: 1.18vw;
	font-style: normal;
	font-weight: 700;
	line-height: 180%;
}

#team .issue-area .issue-content dd ul{
	padding-left: 1.39vw;
}

#team .issue-area button{
	display: inline-flex;
    margin: 2.78vw auto 0;
	display: flex;
	padding: 0.69vw 2.08vw;
	justify-content: center;
	align-items: center;
	gap: 0.69vw;
	border-radius: 4.17vw;
	border: none;
	color: #FFF;
	font-family: "Noto Sans JP";
	font-size: 1.39vw;
	font-style: normal;
	font-weight: 700;
	line-height: 180%;
	cursor: pointer;
}

#team .issue-area button .icon {
	width: 1.53vw;
	height: auto;
}



.more-toggle .text {
	text-decoration: underline;
	cursor: pointer;
}

.more-content {
	display: none !important;
}

.more-content.is-inline {
	display: inline !important;
}

.more-content.is-block {
	display: block !important;
}

.more-content.is-flex {
	display: flex !important;
}

@media (max-width: 749px) {
#team{
	background: #f8f8f8;
	padding-top: 12.821vw;
}
#team .container{
        width: calc(100% - 40px);
        margin: 0 20px;
}
#team h2{
	border-radius: 10px 10px 0 0;
	background: var(--base, linear-gradient(90deg, #ED38CD 0%, #9AA7F1 67.31%, #96FFFF 100%));
	color: #FFF;
	font-family: "Noto Sans JP";
	font-size: 5.128vw;
	font-style: normal;
	font-weight: 600;
	line-height: 180%;
	text-align: center;
	margin: 0;
	padding: 3.846vw;
	width: auto;
}
#team dl{
	margin: 0 7.692vw;
	padding: 7.692vw 0;
	display: block;
	border-bottom: 1px solid #C4C4C4;
}
#team dl:last-child{
	border-bottom: 0px solid #C4C4C4;
}
#team dl dt{
	width: 48.718vw;
	margin: 0 auto 7.692vw auto;
}
#team dl dt img{
	width: 100%;
	height: auto;
}
#team dl dd{
	width: 100%;
	margin: 0 auto;
}
#team dl dd h3{
	margin: 0 0 1.458vw 0;
	font-size: 4.615vw;
}
#team dl dd h3 span{
	font-size: 3.59vw;
}
#team dl dd p{
	margin: 2.564vw 0;
	color: #000;
	font-family: "Noto Sans JP";
	font-size: 4.103vw;
	font-style: normal;
	font-weight: 500;
	line-height: 180%;
}

#team dl dl{
	margin: 0;
	padding: 0;
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	margin-bottom: 0;
	font-family: "Noto Sans JP";
	font-size: 4.103vw;
	font-style: normal;
	font-weight: 500;
	line-height: 180%;
	border-bottom: none;

}
#team dl dl dt{
	width: 17.949vw;
	margin: inherit;
}
#team dl dl dd{
	width: calc(100% - 17.949vw);
}

#team .issue-area .title {
	margin: 7.69vw 0 5.13vw 0;

	font-size: 4.62vw;
}

#team .issue-area .issue-content dt {
	padding-left: 6.67vw;
	margin-top: 2.82vw;
	font-size: 4.62vw;
}

#team .issue-area .issue-content dt::before {
	width: 6.15vw;
	height: 6.15vw;
}

#team .issue-area .issue-content dd, #team .issue-area .issue-content dd .issue-content__subtitle {
	font-size: 4.1vw;
}

#team .issue-area .issue-content dd {
	padding: 0 0 7.69vw 0;
}

#team .issue-area .issue-content dd .issue-content__subtitle{
	margin-top: 2.56vw;
}

#team .issue-area .issue-content dd ul{
	padding-left: 5.64vw;
}

#team .issue-area button {
	margin: 7.69vw auto 0;
	padding: 2.56vw 7.69vw;
	font-size: 4.1vw;
	border-radius: 15.38vw;
}
}



#company{
	background: #f8f8f8;
	padding: 0 0 6.944vw 0;
}
#company .container{
	width: 80%;
	margin: 0 auto;
	padding: 0;
	box-shadow: 0 4px 25px 0 rgba(0, 0, 0, 0.07);
	border-radius: 10px;
	background: #FFF;
}
#company h2{
	border-radius: 10px 10px 0 0;
	background: var(--base, linear-gradient(90deg, #ED38CD 0%, #9AA7F1 67.31%, #96FFFF 100%));
	color: #FFF;
	font-family: "Noto Sans JP";
	font-size: 2.778vw;
	font-style: normal;
	font-weight: 600;
	line-height: 180%;
	text-align: center;
	margin: 0;
	padding: 2.083vw 0;
	width: 100%;
}
#company dl{
margin: 0 6.944vw 0 6.944vw;
	padding: 3.472vw 0 4.861vw 0;
	border-bottom: 1px solid #C4C4C4;
}
#company dl:last-child{
	border-bottom: 0px solid #C4C4C4;
}
#company dl dt{
	width: 100%;
	margin: 0;
	text-align: center;
}
#company dl dt{
	color: #000;
	font-family: "Noto Sans JP";
	font-size: 1.736vw;
	font-style: normal;
	font-weight: 700;
	line-height: 150%;
}
#company dl dd{
	width: 100%;
	margin: 0;
	text-align: center;
}

#company dl dd{

}
#company dl dd img{
	width: 26.389vw;
	height: auto;
	margin: 0 auto;
}


@media (max-width: 749px) {
#company{
	background: #f8f8f8;
	padding: 0 0 12.821vw 0;
}
#company .container{
        width: calc(100% - 40px);
        margin: 0 20px;
}
#company h2{
	border-radius: 10px 10px 0 0;
	background: var(--base, linear-gradient(90deg, #ED38CD 0%, #9AA7F1 67.31%, #96FFFF 100%));
	color: #FFF;
	font-family: "Noto Sans JP";
	font-size: 5.128vw;
	font-style: normal;
	font-weight: 600;
	line-height: 180%;
	text-align: center;
	margin: 0;
	padding: 3.846vw;
	width: auto;
}
#company dl{
margin: 0 7.692vw;
	padding: 7.692vw 0;
	display: block;
	border-bottom: 1px solid #C4C4C4;
}
#company dl:last-child{
	border-bottom: 0px solid #C4C4C4;
}
#company dl dt{
	width: 100%;
	margin: 0 auto;
}
#company dl dt h3{
	margin: 0 0 5.128vw 0;
	font-size: 4.615vw;
	font-style: normal;
	font-weight: 700;
	line-height: 150%;
}
#company dl dd{
	width: 100%;
	margin: 0 auto;
}
	#company dl dd img{
	width: 45.128vw;
	height: auto;
}


#company dl dd p{
	margin: 2.564vw 0;
	color: #000;
	font-family: "Noto Sans JP";
	font-size: 4.103vw;
	font-style: normal;
	font-weight: 500;
	line-height: 180%;
}
}

#join {
	background: #f8f8f8;
	padding-top: 6.944vw;
}

#join p{
	margin: 0 0 2.778vw 0;
	color: #000;
	font-family: "Noto Sans JP";
	font-size: 1.39vw;
	font-style: normal;
	font-weight: 500;
	line-height: 180%;
}

#join .container{
	width: 80%;
	margin: 0 auto;
	padding-bottom: 3.47vw;
	box-shadow: 0 4px 25px 0 rgba(0, 0, 0, 0.07);
	border-radius: 10px;
	background: #FFF;
}

#join h2{
	border-radius: 10px 10px 0 0;
	background: var(--base, linear-gradient(90deg, #ED38CD 0%, #9AA7F1 67.31%, #96FFFF 100%));
	color: #FFF;
	font-family: "Noto Sans JP";
	font-size: 2.778vw;
	font-style: normal;
	font-weight: 600;
	line-height: 180%;
	text-align: center;
	margin: 0;
	padding: 2.083vw 0;
	width: 100%;
}

#join .inner{
	margin: 3.47vw;
	padding: 2.78vw;
	border-radius: 0.69vw;
}

#join .inner h3{
	margin-bottom: 2.08vw;
	text-align: center;
	font-family: "Noto Sans JP";
	font-size: 2.64vw;
	font-style: normal;
	font-weight: 700;
	line-height: 150%;
}

#join .inner h4{
	margin-top: 4.86vw;
	margin-bottom: 1.39vw;
	text-align: center;
	color: #000;
	font-family: "Noto Sans JP";
	font-size: 1.74vw;
	font-style: normal;
	font-weight: 700;
	line-height: 150%; /* 37.5px */
}

#join .inner.bg-pink h3{
	color: #ED38CD;
}

#join .inner.bg-skyblue h3{
	color: #3AADFF;
}

#join .dept-area {
	display: flex;
	flex-direction: column;
	gap: 1.32vw;
}

#join .dept-area li, #join .dept-area li a {
	color: #000;
	font-family: "Noto Sans JP";
	font-size: 1.18vw;
	font-style: normal;
	font-weight: 500;
	line-height: 180%;
}

#join .dept-01, #join .dept-02 {
	display: flex;
	align-items: center;
	padding: 2.29vw 1.39vw;
	background-color: #fff;
	border-radius: 15px;
}

#join .dept-01 {
	border: 1px solid #ED39CE;
}

#join .dept-02 {
	border: 1px solid #6C63F4;
}

#join .left-area {
	width: 30%;
}

#join .left-area .num {
	text-align: center;
	font-family: "Reddit Sans";
	font-size: 2.78vw;
	font-style: normal;
	font-weight: 500;
	line-height: 100%;
}

#join .left-area .title {
	margin-top: 0.69vw;
	text-align: center;
	font-family: "Noto Sans JP";
	font-size: 1.39vw;
	font-style: normal;
	font-weight: 700;
	line-height: 100%;
}

#join .dept-01 .left-area .num, #join .dept-01 .left-area .title {
	color: #ED39CE;
}

#join .dept-02 .left-area .num, #join .dept-02 .left-area .title {
	color: #6C63F4;
}

#join .right-area {
	width: 70%;
}

#join .info-area {
	margin-top: 4.86vw;
	display: flex;
    flex-direction: column;
    gap: 1.74vw;
}

#join .info-area dt {
	display: flex;
	padding: 1.11vw 3.47vw;
	justify-content: space-between;
	align-items: center;
	align-self: stretch;
	border-radius: 3.47vw;
	background: #FFF;
	color: #000;
	font-family: "Noto Sans JP";
	font-size: 1.53vw;
	font-style: normal;
	font-weight: 500;
	line-height: 150%;
	cursor: pointer;
}

#join .info-area dt.disabled {
	pointer-events: none;
	cursor: default;
}

#join .info-area dd {
	padding: 0 2.08vw;
	padding-bottom: 2.08vw;
	margin: 0;
	display: none;
}

#join .info-area dt.is-open + dd {
	display: block;
}

#join li {
	color: #000;
	font-family: "Noto Sans JP";
	font-size: 1.39vw;
	font-style: normal;
	font-weight: 500;
	line-height: 180%;
}

#join .btn-group {
	margin-top: 2.43vw;
	display: flex;
	flex-direction: column;
	gap: 2.43vw;
	align-items: center;
}

#join .btn-group a{
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	text-decoration: none;
	box-sizing: border-box;
	width: 29.86vw;
	padding: 1.74vw 2.78vw;
	border-radius: 3.47vw;
	font-family: "Noto Sans JP";
	font-size: 1.6vw;
	font-style: normal;
	font-weight: 500;
	line-height: 180%;
	cursor: pointer;
}

#join .btn-group .btn-text {
	width: 22.92vw;
	text-align: center;
}

#join .btn-group .btn-white {
	border: 0.14vw solid #ED38CD;
	background: #FFF;
	color: #ED38CD;
}

#join .btn-group .btn-pink{
	border: 0.14vw solid #FFF;
	background: #ED38CD;
	color: #FFF;
}

#join .btn-group .btn-skyblue{
	border: 0.14vw solid #FFF;
	background: #54B8FF;
	color: #FFF;
}

@media (max-width: 749px) {
	#join {
		background: #f8f8f8;
		padding-top: 12.821vw;
	}

	#join .container{
        width: calc(100% - 40px);
		margin: 0 auto;
		padding-bottom: 3.47vw;
		box-shadow: 0 4px 25px 0 rgba(0, 0, 0, 0.07);
		border-radius: 10px;
		background: #FFF;
	}

	#join .inner{
		margin: 3.47vw;
		padding: 10.67vw 4.27vw;
		border-radius: 2.56vw;
	}

	#join h2{
		border-radius: 10px 10px 0 0;
		background: var(--base, linear-gradient(90deg, #ED38CD 0%, #9AA7F1 67.31%, #96FFFF 100%));
		color: #FFF;
		font-family: "Noto Sans JP";
		font-size: 5.128vw;
		font-style: normal;
		font-weight: 600;
		line-height: 180%;
		text-align: center;
		margin: 0;
		padding: 3.846vw;
		width: auto;
	}

	#join .inner h3{
		margin: 0 0 5.13vw 0;
		font-size: 5.9vw;
		font-style: normal;
	}

	#join .inner h4{
		margin-top: 7.69vw;
		margin-bottom: 5.13vw;
		font-size: 4.62vw;
	}

	#join p{
		font-size: 4.1vw;
		font-style: normal;
		font-weight: 500;
		line-height: 180%;
	}

	#join .dept-area {
		display: flex;
		flex-direction: column;
		gap: 4.87vw;
	}

	#join .dept-area ul{
		padding-left: 2em;
	}

	#join .dept-area li, #join .dept-area li a {
		font-size: 4.1vw;
	}

	#join .dept-01, #join .dept-02 {
		display: flex;
		flex-direction: column;
		padding: 5.13vw 2.56vw;
		border-radius: 3.85vw;
	}

	/* #join .dept-01 {
		border: 1px solid #ED39CE;
	}

	#join .dept-02 {
		border: 1px solid #6C63F4;
	} */

	#join .left-area .num {
		font-size: 6.67vw;
	}

	#join .left-area .title {
		margin-top: 2.56vw;
		font-size: 4.62vw;
	}

	#join .left-area {
		width: 100%;
	}

	#join .right-area {
		width: 100%;
	}

	#join .info-area {
		margin-top: 7.69vw;
		gap: 3.85vw;
	}

	#join .info-area dt {
		padding: 4.27vw 3.73vw;
		border-radius: 13.33vw;
		font-size: 4vw;
	}

	#join .info-area dt img.btn-icon{
		width: 3.81vw;
	}

	#join .info-area dd {
		padding: 0 4vw;
		padding-bottom: 5.33vw;
		margin: 0;
	}

	#join .info-area ul {
		padding-left: 1em;
	}

	#join li {
		font-size: 4vw;
	}

	#join .btn-group {
		margin-top: 5.33vw;
		gap: 4vw;
	}

	#join .btn-group a{
		width: 76.8vw;
		padding: 4vw 5.33vw;
		border-radius: 13.33vw;
		font-size: 4.27vw;
	}

	#join .btn-group .btn-text{
		width: 64vw;
	}

	#join .btn-group img.btn-icon{
		width: 3.81vw;
	}

}


#faq {
	background: #f8f8f8;
	padding-top: 6.944vw;
}

#faq .container{
	width: 80%;
	margin: 0 auto;
	padding: 0;
	box-shadow: 0 4px 25px 0 rgba(0, 0, 0, 0.07);
	border-radius: 10px;
	background: #FFF;
}

#faq .inner{
	margin: 3.472vw 6.944vw 0;
	padding-bottom: 2.08vw;

}

#faq h2{
	border-radius: 10px 10px 0 0;
	background: var(--base, linear-gradient(90deg, #ED38CD 0%, #9AA7F1 67.31%, #96FFFF 100%));
	color: #FFF;
	font-family: "Noto Sans JP";
	font-size: 2.778vw;
	font-style: normal;
	font-weight: 600;
	line-height: 180%;
	text-align: center;
	margin: 0;
	padding: 2.083vw 0;
	width: 100%;
}

#faq .faq__block{
	margin-bottom: 4.86vw;

}

#faq .faq__block--title{
	margin-bottom: 2.43vw;
	color: #000;
	font-family: "Noto Sans JP";
	font-size: 1.94vw;
	font-style: normal;
	font-weight: 700;
	line-height: 100%;
}

#faq p{
	color: #000;
	font-family: "Noto Sans JP";
	font-size: 1.39vw;
	font-style: normal;
	font-weight: 500;
	line-height: 140%;
}

.faq__item.is-hidden {
	display: none;
}

.faq__more-btn {
	margin: 0 auto;
	border: 0.14vw solid #ED38CD;
	background: #FFF;
	color: #ED38CD;
	cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    text-decoration: none;
    box-sizing: border-box;
    width: 17.36vw;
    padding: 0.69vw 2.08vw;
    border-radius: 3.47vw;
    font-family: "Noto Sans JP";
    font-size: 1.39vw;
    font-style: normal;
    font-weight: 500;
    line-height: 180%;
    cursor: pointer;
}

.faq__more-btn .btn-icon{
	margin-left: 0.69vw;
}

.faq__item {
	padding: 2.78vw 0;
	border-top: 1px solid #ddd;
}

.faq__block--title + .faq__item {
	border-top: none;
	padding-top: 0;
}

.faq__row {
	display: flex;
	align-items: flex-start;
	gap: 12px;
}

.faq__q,.faq__a {
    position: relative;
    padding-left: 2.85vw;
	margin-top: 0.69vw;
    font-family: "Noto Sans JP";
    font-size: 1.53vw;
    font-style: normal;
    font-weight: 700;
    line-height: 180%;
}

.faq__q::before,
.faq__a::before {
	content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 2.08vw;
    height: 2.08vw;
}

.faq__q::before {
	background: url("../images/ai-sports/faq-q-icon.svg") no-repeat center / contain;
}
.faq__a::before {
	background: url("../images/ai-sports/faq-a-icon.svg") no-repeat center / contain;
}

@media (max-width: 749px) {
#faq {
	background: #f8f8f8;
	padding-top: 12.821vw;
}

#faq .container{
	width: calc(100% - 40px);
	margin: 0 auto;
	padding-bottom: 3.47vw;
	box-shadow: 0 4px 25px 0 rgba(0, 0, 0, 0.07);
	border-radius: 10px;
	background: #FFF;
}

#faq .faq__block{
	margin-bottom: 13.33vw;
}

#faq .faq__block--title{
	font-size: 4.8vw;
}

#faq .inner{
	margin: 0;
	padding: 10.67vw 4.27vw 0;
}

#faq h2{
	border-radius: 10px 10px 0 0;
	background: var(--base, linear-gradient(90deg, #ED38CD 0%, #9AA7F1 67.31%, #96FFFF 100%));
	color: #FFF;
	font-family: "Noto Sans JP";
	font-size: 5.128vw;
	font-style: normal;
	font-weight: 600;
	line-height: 180%;
	text-align: center;
	margin: 0;
	padding: 3.846vw;
	width: auto;
}

#faq p{
	font-size: 4vw;
	line-height: 180%;
}

.faq__item {
	padding: 2.78vw 0;
	border-top: 1px solid #ddd;
}
.faq__item:first-child {
	border-top: none;
	padding-top: 0;
}

.faq__row {
	display: flex;
	align-items: flex-start;
	gap: 12px;
}

.faq__q,.faq__a {
    position: relative;
    padding-left: 2.5em;
	margin-top: 0.69vw;
    font-family: "Noto Sans JP";
    font-size: 1.53vw;
    font-style: normal;
    font-weight: 700;
    line-height: 180%;
}

.faq__q::before,
.faq__a::before {
	content: "";
    position: absolute;
    left: 0;
    top: -0;
    width: 8vw;
    height: 8vw;
}

.faq__more-btn {
	width: 200px;
    padding: 2.67vw 8vw;
    border-radius: 500px;
    font-family: "Noto Sans JP";
    font-size: 4.27vw;
}

.faq__more-btn .btn-icon{
	margin-left: 0;
}

.faq__more-btn .btn-text {
	width: 100px;
}
}

#contact{
	background: #f8f8f8;
	padding: 6.944vw 0;
}

#contact .container{
	width: 80%;
	margin: 0 auto;
	padding: 0;
	box-shadow: 0 4px 25px 0 rgba(0, 0, 0, 0.07);
	border-radius: 10px;
	background: #FFF;
}

#contact h2{
	border-radius: 10px 10px 0 0;
	background: var(--base, linear-gradient(90deg, #ED38CD 0%, #9AA7F1 67.31%, #96FFFF 100%));
	color: #FFF;
	font-family: "Noto Sans JP";
	font-size: 2.778vw;
	font-style: normal;
	font-weight: 600;
	line-height: 180%;
	text-align: center;
	margin: 0;
	padding: 2.083vw 0;
	width: 100%;
}
#contact .inner{
	margin: 3.472vw 6.944vw;
	border-bottom: 1px solid #C4C4C4;
}
#contact p{
	margin: 0 0 2.778vw 0;
	color: #000;
	font-family: "Noto Sans JP";
	font-size: 1.39vw;
	font-style: normal;
	font-weight: 500;
	line-height: 180%;
	text-align: center;
}
#contact p a{
	color: #000;
	text-decoration: none;
}
#contact h4{
	width: 12.5vw;
	margin: 0 auto 0.833vw auto;
	color: #000;
	font-family: "Noto Sans JP";
	font-size: 1.389vw;
	font-style: normal;
	font-weight: 500;
	line-height: 180%;
	text-align: center;
	display: flex;
	padding: 3px 30px;
	justify-content: center;
	align-items: center;
	gap: 10px;
	border-radius: 80px;
	border: 1px solid #000;
}
#contact .startup{
	padding: 0 6.944vw 3.472vw 6.944vw;
}
#contact .startup h3{
	margin: 0 0 2.778vw 0;
	color: #000;
	font-family: "Noto Sans JP";
	font-size: 1.736vw;
	font-style: normal;
	font-weight: 700;
	line-height: 150%;
	text-align: center;
}
#contact .startup ul{
	margin: 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
#contact .startup ul li{
	margin: 0;
	padding: 3.611vw 0 3.611vw 0;;
	display: flex;
	width: 20.833vw;
	flex-direction: column;
	align-items: center;
	list-style: none;
	border-radius: 15px;
	border: 1px solid #C4C4C4;
}
#contact .startup a{
	text-decoration: none;
}
#contact .startup ul li h5{
	margin: 0 0 3.472vw 0;
	color: #000;
	font-family: "Noto Sans JP";
	font-size: 1.25vw;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}
#contact .startup ul li img{
	width: 15.972vw;
	height: auto;
	margin: 0 auto;
}
@media (max-width: 749px) {
#contact{
	background: #f8f8f8;
	padding-top: 12.821vw;
}
#contact .container{
    width: calc(100% - 40px);
    margin: 0 20px;
	
}
#contact h2{
	border-radius: 10px 10px 0 0;
	background: var(--base, linear-gradient(90deg, #ED38CD 0%, #9AA7F1 67.31%, #96FFFF 100%));
	color: #FFF;
	font-family: "Noto Sans JP";
	font-size: 5.128vw;
	font-style: normal;
	font-weight: 600;
	line-height: 180%;
	text-align: center;
	margin: 0;
	padding: 3.846vw;
	width: auto;
}
#contact .inner{
	margin: 7.692vw;
	}
#contact .inner p{	
	margin: 0 0 7.692vw 0;
	color: #000;
	text-align: center;
	font-family: "Noto Sans JP";
	font-size: 4.103vw;
	font-style: normal;
	font-weight: 500;
	line-height: 150%;
	}
#contact h4{
	width: 41.026vw;
	margin: 0 auto 2.564vw auto;
	color: #000;
	font-family: "Noto Sans JP";
	font-size: 4.103vw;
	font-style: normal;
	font-weight: 500;
	line-height: 150%;
	text-align: center;
	display: flex;
	padding: 3px 30px;
	justify-content: center;
	align-items: center;
	gap: 10px;
	border-radius: 80px;
	border: 1px solid #000;
}
#contact .startup h3{
	color: #000;
	text-align: center;
	font-family: "Noto Sans JP";
	font-size: 4.615vw;
	font-style: normal;
	font-weight: 700;
	line-height: 150%;
}
#contact .startup ul{
	margin: 0;
	padding: 0;
	display: block;
}
#contact .startup ul li{
	margin: 5.128vw 0;
	padding: 3.611vw 0 3.611vw 0;;
	display: flex;
	width: 100%;
	border-radius: 15px;
	border: 1px solid #C4C4C4;
}
#contact .startup ul li h5{
	margin: 0 0 3.472vw 0;
	color: #000;
	font-family: "Noto Sans JP";
	font-size: 4.103vw;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}
#contact .startup ul li img{
	width: 48.718vw;
	height: auto;
	margin: 0 auto;
}
}


footer{
	padding: 1.111vw 0;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 80px;
	align-self: stretch;
	background: #000;
}
footer .container{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
nav{
	color: #fff;
	font-family: "Noto Sans JP";
	font-size: 1.25vw;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
}
nav ul{
	margin: 0;
	padding: 0;
	list-style: none;
	display: flex;
}
nav ul li{
	margin-right: 1.736vw;
}
nav ul li a{
	color: #fff;
	text-decoration: none;
}
copy{
	color: #fff;
	font-family: "Noto Sans JP";
	font-size: 1.25vw;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
}
@media (max-width: 749px) {
footer{
	padding: 4.103vw 0;
}
footer .container{
	display: block;
}
nav{
	margin-bottom: 3.846vw;
	color: #fff;
	font-family: "Noto Sans JP";
	font-size: 3.59vw;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
nav ul{
	margin: 0;
	padding: 0;
	list-style: none;
	display: flex;
}
nav ul li{
	margin-right: 6.41vw;
}
nav ul li:last-child{
	margin-right: 0;
	}
copy{
	display: block;
	color: #fff;
	font-family: "Noto Sans JP";
	font-size: 3.59vw;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	text-align: center;
}
}