@charset "utf-8";
/*------------------------------------------------------------
	index
------------------------------------------------------------*/
#main .professional {
	min-height: max(51vw,107.6rem);
	padding: max(7.4vw,14.2rem) 0 max(2.6vw,5rem);
	background: url(../img/index/bg01.webp) no-repeat center top;
	background-size: cover;
}
#main .professional h2 {
	margin: 0 0 5rem 11rem;
	font-size: 3.9rem;
	line-height: 1;
	font-weight: 700;
}
#main .professional h2 .subSpan {
	display: inline-flex;
	align-items: center;
}
#main .professional h2 .textImg {
	width: 11.5rem;
	margin: 0.3rem 0 0 1.3rem;
	display: inline-block;
}
#main .professional h2 .smallPhoto {
	width: 23rem;
	margin: -4.1rem -5.3rem -5.3rem;
	display: inline-block;
}
#main .professional h2 .bigSpan {
	margin-top: -0.4rem;
	display: block;
	font-size: 7.44rem;
	font-style: italic;
}
#main .professional h2 .bigSpan .red {
	color: #FF5AFF;
}
#main .professional .bigPhoto {
	width: 102.6rem;
}
#main .gamers {
	min-height: max(50vw,107.6rem);
	padding: max(5.6vw,10.7rem) 0 max(6.8vw,13rem);
	margin: min(-12.3vw,-23.7rem) 0 min(-5.5vw,-7.3rem);
	position: relative;
	background: url(../img/index/bg02.webp) no-repeat center top;
	background-size: cover;
}
#main .gamers .rBox {
	width: 54.5rem;
	margin: 1.5rem -10rem 0 -10rem;
}
#main .gamers .rBox p {
	font-size: 2rem;
	line-height: 1.4;
	text-align: right;
	padding-right: 10rem;
	margin-top: -0.5rem;
	font-feature-settings: normal;
}
#main .gamers .rBox p span {
	display: inline-block;
	text-align: left;
	font-weight: 400;
}
#main .gamers .lBox {
	flex: 1;
}
#main .gamers p {
	margin-bottom: 1.2rem;
	font-size: 2.8rem;
	font-weight: 500;
	line-height: 1.75;
}
#main .gamers .ttl {
	margin-bottom: 1.3rem;
	font-size: 4rem;
	line-height: 1.5;
}
#main .gamers .ttl .yellow {
	font-weight: 700;
	color: #FFFF00;
}
#main .gamers .ttl sub {
	font-size: 1.4rem;
	vertical-align: -0.3rem;
}
#main .gamers .ttl sub:not(.yellow sub) {
	margin-left: 1.5rem;
}
#main .gamers .ttl02 {
	overflow: hidden;
	margin: 0 -8rem 2.4rem 0;
}
#main .gamers .ttl02 span {
	display: inline-block;
	min-width: 16rem;
	text-align: center;
	border: 1px solid #fff;
	text-align: center;
	font-size: 2.8rem;
	font-weight: 700;
	line-height: 1.3;
	position: relative;
	z-index: 1;
	padding: 0.4rem 1rem 0.7rem;
}
#main .gamers .ttl02 span:after {
	z-index: -1;
	width: 9999px;  
	height: 1px;
	background-color: #fff;
	position: absolute;  
	top: 50%;
	transform: translateY(-50%);
	left: 100%;
	content: ""; 
}
#main .gamers .list {
	display: flex;
	margin-bottom: 2.6rem;
	flex-wrap: wrap;
	gap: 2rem;
}
#main .gamers .list li {
	display: flex;
	align-items: flex-end;
	padding: 0.5rem 1rem;
	width: fit-content;
	font-weight: 700;
	position: relative;
}
#main .gamers .list li::after {
	content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: calc(100% - 3rem);
    height: calc(100% - 2.5rem);
    border-width: 15px;
    border-style: solid;
    border-image: url(../img/index/bg07.webp) 30 30 stretch;
}
#main .gamers .list li .subSpan {
	position: relative;
	z-index: 1;
}
#main .gamers .list .txtSpan {
	display: block;
	font-size: 3.6rem;
	line-height: 1.0;
}
#main .gamers .list .txtSpan sub {
	font-size: 1.4rem;
	font-weight: 400;
	vertical-align: 0;
	margin-left: 0.5rem;
}
#main .gamers .list .txtSpan .smallSpan {
	font-size: 3.2rem;
}
#main .gamers h3 {
	font-size: 3.6rem;
	font-weight: 700;
}
#main .gamers .text {
	font-size: 1.4rem;
	line-height: 1.75;
}
#main .research {
	padding: max(1.6vw,3rem) 0;
	min-height: max(60vw,122rem);
	background: url(../img/index/bg03.webp) no-repeat center top;
	background-size: cover;
}
#main .research .inner {
	position: relative;
	z-index: 1;
}
#main .research .mainBox {
	top: max(4.5vw,8.6rem);
	position: relative;
}
#main .research .innerBox {
	padding: 0.2rem 6rem 4.8rem;
	position: relative;
	background: url(../img/index/bg13-bottom.webp) no-repeat center bottom;
	background-size: 100% auto;
}
#main .research .innerBox:after {
	width: 100%;  
	aspect-ratio: 2400 / 146;
	background: url(../img/index/bg13-top.webp) no-repeat center top;
	background-size: 100% auto;
	position: absolute;  
	top: -7.3rem;
	left: 0;
	content: ""; 
}
#main .research .rBox {
	width: 36rem;
	margin: 0 -0.8rem 0 11rem;
}
#main .research .lBox {
	flex: 1;
	color: #000000;
}
#main .research h2 {
	margin-bottom: 2rem;
	font-size: 4.8rem;
	line-height: 0.9;
	font-weight: 700;
}
#main .research h2 span {
	padding: 0 1.5rem 0.5rem;
	display: inline-block;
	border-left: 6px solid #FF5AFF;
	border-right: 6px solid #FF5AFF;
}
#main .research h3 {
	margin-bottom: 0.8rem;
	font-size: 3rem;
	color: #FF5AFF;
	line-height: 1.47;
}
#main .research p {
	font-size: 2.4rem;
	font-weight: 500;
	text-align: justify;
	line-height: 1.67;
}
#main .research .imgBox {
	margin-bottom: 6rem;
}
#main .research .imgBox:last-child {
	margin-bottom: 0;
}
#main .research dl {
	margin: -0.3rem -15rem 0 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	font-size: 2.4rem;
	font-weight: 500;
	line-height: 1.67;
}
#main .research dt {
	width: 16.5rem;
}
#main .research dd {
	width: calc(100% - 16.5rem);
}
#main .recommend {
	padding: max(7.3vw,14rem) 0;
	min-height: max(130vw,318rem);
	margin-top: -0.3rem;
	background: url(../img/index/bg04.webp) no-repeat center;
	background-size: 100% 100%;
}

#main .recommend .inner {
	max-width: 110rem;
	margin: 0 auto 6.5rem;
}
#main .recommend .inner:last-child {
	margin-bottom: 0;
}
#main .recommend .imgBox {
	margin-bottom: 1.8rem;
	align-items: flex-start;
}
#main .recommend .imgBox .rBox {
	width: 33rem;
	margin-left: 3.7rem;
	order: 2;
}
#main .recommend .imgBox .lBox {
	flex: 1;
	margin-top: -0.8rem;
}
#main .recommend .imgBox p {
	font-size: 2.1rem;
	line-height: 1.75;
}
#main .recommend .imgBox .ttl {
	padding-bottom: 3rem;
	margin-bottom: 1.4rem;
	font-size: 2.4rem;
	font-weight: 700;
	line-height: 1;
	border-bottom: 1px solid currentColor;
}
#main .recommend .imgBox .ttl .subSpan {
	margin-top: -0.4rem;
	display: block;
	font-size: 4rem;
	font-weight: 500;
}
#main .recommend .imgBox .ttl .big {
	margin-right: 1.2rem;
	font-size: 6.4rem;
	font-weight: 700;
}
#main .recommend .imgBox .ttl small {
	font-size: 3rem;
	font-weight: 500;
}
#main .recommend .imgBox .headLine02 {
	margin-bottom: 1.2rem;
	font-size: 4rem;
}
#main .recommend .imgBox .bgSpan {
	background-color: #FFFF00;
	color: #000;
	line-height: 1;
	font-weight: 500;
}
#main .recommend .textBox {
	border: 1px solid rgba(255, 255, 255, 0.5);
	padding: 1.5rem 3rem 2.2rem;
	background-color: rgba(72, 55, 117, 0.5);
}
#main .recommend .textBox .ttl {
	font-size: 2.4rem;
	font-weight: 700;
	line-height: 1.75;
	margin-bottom: 0.3rem;
}
#main .recommend .textBox .list {
	display: flex;
	flex-wrap: wrap;
	gap: 0.1rem 2.3rem;
}
#main .recommend .textBox .list li {
	font-size: 2rem;
	font-weight: 700;
	line-height: 1.75;
	text-indent: -.5em;
	padding-left: .5em;
}
#main .recommend .imgBox .ttl02 .subSpan {
	margin-top: 0.5rem;
}
#main .recommend .imgBox .ttl02 .subSpan .big {
	font-size: 6rem;
}
#main .recommend .btmTxt {
	margin: 1.3rem 3rem 5.1rem;
}
#main .recommend .bigPhoto {
	width: 106.7rem;
	margin: 0 auto 1.2rem;
}
#main .collaboration {
	margin-top: min(-5.6vw,-10.8rem);
	position: relative;
	min-height: max(45vw,107.2rem);
	background: url(../img/index/bg05.webp) no-repeat center;
	background-size: cover;
}
#main .collaboration .headLine03 {
	margin-bottom: 6rem;
	top: -5rem;
	position: relative;
	font-size: min(5vw,8rem);
	padding: 3.2rem 0 2.5rem;
	border-top: 2px solid #fff;
	border-bottom: 2px solid #fff;
	display: flex;
	justify-content: center;
	align-items: center;
}
#main .collaboration .headLine03 .ttlImg {
	width: 27.2rem;
}
#main .collaboration .headLine01 {
	margin-bottom: 6.2rem;
	text-align: center;
	font-size: 6rem;
}
#main .collaboration p {
	margin-bottom: 4.2rem;
	text-align: center;
	font-size: 2.4rem;
	font-weight: 700;
	line-height: 1.75;
}
#main .collaboration p:last-child {
	margin-bottom: 0;
}
#main .collaboration p .lineSpan {
	font-size: 3rem;
	text-decoration: underline;
}
#main .condition {
	position: relative;
	min-height: max(87vw,166.1rem);
	padding: max(37.5vw,72rem) 0 6.6rem;
	margin-top: min(-21.6vw,-41.4rem);
}
#main .condition:after {
	width: 100%;  
	aspect-ratio: 3840 / 3322;
	background: url(../img/index/bg06.webp) no-repeat center top;
	background-size: 100% auto;
	position: absolute;  
	top: 0;
	left: 0;
	z-index: 1;
	content: ""; 
}
#main .condition h2 {
	position: relative;
	z-index: 2;
	margin-bottom: -2.1rem;
	font-size: 9.5rem;
	font-weight: 700;
	line-height: 1;
	font-style: italic;
	text-align: center;
	text-shadow: 5px 5px 20px rgba(255, 90, 255, 0.5),-5px 5px 20px rgba(255, 90, 255, 0.5),5px -5px 20px rgba(255, 90, 255, 0.5),-5px -5px 20px rgba(255, 90, 255, 0.5);
}
#main .condition .textImg {
	width: 127.2rem;
	margin: 0 auto 0.3rem;
	position: relative;
	z-index: 1;
}
#main .condition p {
	text-align: center;
	line-height: 1.75;
}
#main .condition p span {
	display: inline-block;
	text-align: left;
}
#main .evidence {
	padding: 7rem 0 6rem;
	background-color: #fff;
}
#main .evidence h2 {
	margin-bottom: 5.7rem;
	text-align: center;
}
#main .evidence h2 .subSpan {
	padding: 0 min(17.8vw,38rem);
	width: fit-content;
	font-size: 8rem;
	font-weight: 900;
	color: #483775;
	font-style: italic;
	position: relative;
	background-color: #fff;
}
#main .evidence h2 .subSpan::before {
	width: min(14.2vw,27.2rem);  
	height: 1rem;
	background: url(../img/index/line03.webp) no-repeat;
	background-size: 100% auto;
	position: absolute;  
	top: calc(50% + 1.3rem);
	transform: translateY(-50%);
	left: 0;
	content: ""; 
}
#main .evidence h2 .subSpan::after {
	width: min(14.2vw,27.2rem);  
	height: 1rem;
	background: url(../img/index/line04.webp) no-repeat;
	background-size: 100% auto;
	position: absolute;  
	top: calc(50% + 1.3rem);
	transform: translateY(-50%);
	right: 0;
	content: ""; 
}
#main .evidence h2 .subSpan small {
	font-size: 5rem;
}
#main .evidenceBox {
	margin: 0 auto 4.5rem;
	/* padding: 5rem min(8vw,15rem) 4.3rem; */
	padding: 6rem min(8vw,15rem) 7rem;
	text-align: center;
	background: url(../img/index/bg09.webp) no-repeat center;
	background-size: cover;
	clip-path: polygon(8% 0%, 92% 0%, 100% 50%, 92% 100%, 8% 100%, 0% 50%);
}
#main .evidence .content {
	padding-bottom: 5.8rem;
	max-width: 148.1rem;
	position: relative;
}
#main .evidenceBox p {
	margin-bottom: 3.8rem;
	font-size: 2.4rem;
	font-weight: 700;
	line-height: 1.75;
}
#main .evidenceBox p:last-child {
	margin-bottom: 0;
}
#main .evidenceBox p .red {
	color: #FF5AFF;
}
#main .evidenceBox p sup {
	font-size: 1.4rem;
	vertical-align: 0.8rem;
}
#main .evidenceBox .ttl {
	line-height: 1.5;
	padding: 0.2rem 0.2rem;
	width: fit-content;
	margin: 0 auto 2rem;
	min-width: 16rem;
	color: #000;
	text-align: center;
	font-size: 2.8rem;
	font-weight: 700;
	background-color: #FFFF00;
}
#main .evidenceBox .txt {
	font-size: 4rem;
	font-weight: 500;
	line-height: 1.6;
	text-shadow: 5px 5px 20px rgba(111, 209, 223, 0.5),-5px 5px 20px rgba(111, 209, 223, 0.5),5px -5px 20px rgba(111, 209, 223, 0.5),-5px -5px 20px rgba(111, 209, 223, 0.5);
}
#main .evidenceBox .txt .txtSpan {
	display: block;
}
#main .evidenceBox .txt .txtSpan .big {
	font-size: 6rem;
	font-weight: 700;
}
#main .evidenceBox .txt .txtSpan .nomal {
	font-weight: 400;
}
#main .evidence .declineTxt {
	margin: -0.6rem 0 9.2rem;
	text-align: center;
	font-size: 4rem;
	font-weight: 700;
	line-height: 1.8;
	color: #483775;
}
#main .evidence .declineTxt .underTxt {
	border-bottom: 2px solid #FF00FF;
	line-height: 1.1;
	display: inline-block;
}
#main .evidence .declineTxt .big {
	background-color: #FFFF00;
	font-size: 6rem;
	font-weight: 700;
	line-height: 1;
	vertical-align: -0.7rem;
	display: inline-block;
}
#main .evidence .declineTxt .big .nomal {
	font-weight: 500;
}

#main .evidence .mainBox {
	max-width: 124rem;
	color: #000;
	position: relative;
	margin: 0 auto 18.3rem;
}
#main .evidence .mainBox:after {
	background-color: #F2F2F2;
	position: absolute;  
	top: -4rem;
	right: -2rem; 
	left: -2rem;
	bottom: -3.5rem;
	z-index: -1; 
	content: ""; 
}
#main .evidence .mainBox:last-child {
	margin-bottom: 0;
}
#main .evidence .evidencePhoto {
	margin-bottom: 2rem;
}
#main .evidence .mainBox p {
	line-height: 1.75;
}
#main .evidenceBox .sub {
	max-width: 76rem;
}
#main .evidenceBox02 {
	background-image: url(../img/index/bg11.webp);
}
#main .sensitivity {
	margin: 3.2rem 0 0rem;
}
#main .sensitivity h3 {
	margin-bottom: 4rem;
	text-align: center;
	font-size: 3.9rem;
	font-weight: 700;
	padding-bottom: 0.5rem;
	color: #fff;
	margin-bottom: 2.4rem;
	background-color: #FF5AFF;
}
#main .sensitivity .list {
	margin-bottom: 1.4rem;
	display: flex;
	flex-wrap: wrap;
	gap: 6.5rem;
}
#main .sensitivity .list li {
	width: calc((100% - 6.5rem) / 2);
}
#main .sensitivity .list .photo {
	margin-bottom: 1.2rem;
}
#main .sensitivity .list span {
	display: block;
	font-size: 3.3rem;
	text-align: center;
	color: #333333;
	font-weight: 700;
}
#main .sensitivity .list span small {
	color: #fff;
	display: inline-block;
	margin-left: 1rem;
	min-width: 5rem;
	min-height: 5rem;
	border-radius: 100%;
	background-color: #E64876;
}
#main .sensitivity .list .txtSpan small {
	background-color: #5797D9;
}
#main .sensitivity .rightTxt {
	text-align: right;
	font-size: 1.5rem;
}
#main .evidenceBox03 {
	padding-bottom: 6.5rem;
	background-image: url(../img/index/bg12.webp);
}
#main .evidenceBox03 .txt small {
	font-size: 3rem;
	font-weight: 500;
}
#main .vision {
	padding: 6.2rem 0;
}
#main .vision .headLine01 {
	margin-bottom: 4.4rem;
	text-align: center;
	line-height: 1.5;
	font-size: 6rem;
}
#main .vision .textImg {
	max-width: 84.3rem;
	margin: 0 auto 6.5rem;
}
#main .vision .whiteBox {
	padding: 3rem 0;
	position: relative;
	z-index: 1;
	background-color: #fff;
}
#main .vision .whiteBox dl {
	align-items: center
}
#main .vision .whiteBox dt {
	margin-right: 11rem;
	width: 35.5rem;
}
#main .vision .whiteBox dd {
	font-size: 4.6rem;
	color: #2657A4;
	line-height: 1.3;
	font-weight: 900;
}
#main .gamers02 {
	margin-bottom: 0;
	padding: max(11.83vw,22.7rem) 0 2rem;
	margin-top: min(-10.5vw,-20rem);
	background-position: center bottom;
}
#main .gamers02 .imgBox {
	margin-bottom: 4rem;
}
#main .gamers02 .ttl02 {
	margin-bottom: 3.6rem;
}
#main .gamers02 .list {
	gap: 2.6rem 2rem;
}
#main .gamers02 .list .txtSpan {
	color: #FFFF00;
	font-size: 3.97rem;
}
#main .gamers02 .list .txtSpan sub {
	color: #fff;
	font-size: 1.54rem;
}
#main .gamers02 .list li {
	padding: 0.5rem 1rem 0.7rem; 
	font-size: 1.54rem;
}
#main .gamers02 .list .txtSpan .smallSpan {
	font-size: 3.5rem;
}
#main .gamers02 .list .txtSpan .smallTxt {
	font-size: 2.645rem;
}
#main .gamers02 .textList {
	padding-top: 0.8rem;
	margin-bottom: 2.5rem;
}
#main .gamers02 .textList li {
	font-size: 2.8rem;
	font-weight: 500;
	line-height: 1.75;
	text-indent: -0.5em;
	padding-left: 0.5em;
}
#main .gamers02 .rBox {
	width: 44.7rem;
	margin: 2.2rem -8.2rem 0 -11.5rem;
}
#main .gamers02 .rBox p {
	padding-right: 8.8rem;
}
#main .supplements {
	margin-top: min(-8.5vw,-16.2rem);
	padding: max(12.1vw,23.2rem) 0 5rem;
	background: #000 url(../img/index/bg08.webp) no-repeat center top;
	background-size: 100% auto;
}
#main .supplements .textImg {
	max-width: 131.7rem;
	margin: 0 auto 5rem;
}
#main .supplements .whiteBox {
	background-color: #fff;
	padding: 4.2rem 4rem 4.8rem;
	max-width: 144rem;
	margin: 0 auto 3.4rem;
}
#main .supplements .formBox {
	margin: 0 auto;
}
#main .supplements .mainBox p {
	font-size: 1.6rem;
	line-height: 1.75;
	margin-bottom: 5.7rem;
}
#main .supplements .mainBox p .txtSpan {
	display: block;
	margin-top: 2.8rem;
}
#main .supplements .mainBox p:last-child {
	margin-bottom: 0;
}
#main .supplements .mainBox p a {
	color: #00FFFF;
}
#main .supplements .mainBox p a:hover {
	opacity: 0.7;
}
#main .evidenceBox01 p:not(.ttl) {
	text-shadow: 2px 2px 4px rgba(0, 0, 0, 1);
}
@media all and (min-width: 897px) {
	#main .evidence .mainBox02::after {
		bottom: -1rem;
	}
	#main .evidence .mainBox02 {
		margin-bottom: 16rem;
	}
	#main .evidence .declineTxt .txtSpan {
		display: inline-block;
		line-height: 2;
		margin-top: -0.5rem;
	}
	
}

@media all and (max-width: 896px) {
	#main .professional {
		padding: 6rem 0 max(5.2vw,2rem);
		min-height: inherit;
		background-image: url(../img/index/bg01_sp.webp);
		background-size: 100% auto;
	}
	#main .professional h2 {
		margin: 0 -0rem 2.5rem -0.5rem;
		font-size: 1.45rem;
	}
	#main .professional h2 .textImg {
		width: 4.6rem;
		margin: 0.3rem 0 0 0.5rem;
	}
	#main .professional h2 .smallPhoto {
		width: 6.6rem;
		margin: -3.5rem -0 -3.5rem -1.5rem;
	}
	#main .professional h2 .subSpan {
		display: flex;
		margin-right: -4rem;
	}
	#main .professional h2 .bigSpan {
		font-size: 2.675rem;
		margin: -0.2rem 0 0 -0.5rem;
	}
	#main .professional .bigPhoto {
		width: auto;
		margin: 0 -1.7rem 2rem -3rem;
	}
	#main .professional .bigPhoto img {
		width: 100%;
	}
	#main .gamers {
		background-color: #000;
		min-height: inherit;
		padding: max(12.8vw,5.0rem) 0.8rem max(5.2vw,2rem); 
		margin: min(-9.5vw,-3.7rem) 0 0;
		background-image: url(../img/index/bg02_sp.webp);
		background-position: center bottom 2.9rem;
		background-size: 100% auto;
	}
	#main .gamers .imgBox {
		display: block;
	}
	#main .gamers p {
		margin-bottom: 0.6rem;
		font-size: 1.55rem;
		line-height: 1.75;
	}
	#main .gamers .ttl {
		margin-bottom: 1rem;
		font-size: 2rem;
	}
	#main .gamers .ttl sub {
		font-size: 0.7rem;
		position: relative;
		z-index: 1;
		vertical-align: -0.1rem;
	}
	#main .gamers .ttl sub:not(.yellow sub) {
		font-size: 0.8rem;
		margin-left: 0.5rem;
	}
	#main .gamers .spBox {
		flex-wrap: nowrap;
		align-items: flex-start;
		margin: 0 -1rem 1.8rem;
	}
	#main .gamers .rBox {
		width: 80.6%;
    	margin: 0 -4.1rem 0 -10rem;
	}
	#main .gamers .spBox .subBox {
		padding-top: 7.2rem;
		padding-left: 0.2rem;
		width: calc(100% - 55%);
	}
	#main .gamers .rBox p {
		padding: 0 0 0 5rem;
		font-size: 1rem;
		text-align: center;
		line-height: 1.4;
	}
	#main .gamers .rBox .photo {
		position: relative;
		z-index: 1;
	}
	#main .gamers .text {
		margin: 0 -0.8rem;
		font-size: 1rem;
		line-height: 1.75;
	}
	#main .gamers .ttl02 {
		margin: 0 0 1.2rem;
		overflow: inherit;
	}
	#main .gamers .ttl02 span {
		padding: 0.2rem 1rem 0.3rem;
		min-width: 8rem;
		font-size: 1.4rem;
	}
	#main .gamers .list {
		gap: 1.3rem;
		margin-bottom: 0;
		flex-direction: column;
	}
	#main .gamers .list li {
		padding: 0.4rem 0.7rem;
		font-size: 0.9rem;
	}
	#main .gamers .list .txtSpan {
		margin-top: -0.1rem;
		font-size: 2.3rem;
	}
	#main .gamers .list .txtSpan sub {
		margin-left: 0.2rem;
		font-size: 0.9rem;
	}
	#main .gamers .list .txtSpan .smallSpan {
		font-size: 2.05rem;
	}
	#main .research {
		min-height: inherit;
		padding: 16.5rem 0 14.6rem;
		margin: -1.1rem 0 0;
		position: relative;
		background: url(../img/index/bg03_sp.webp) no-repeat center top,url(../img/index/bg03-2_sp.webp) no-repeat center bottom;
		background-size: 100% auto,100% auto;
	}
	#main .research .mainBox {
		top: auto;
	}
	#main .research .innerBox {
		padding: 2rem 2rem 2.5rem;
		margin: 0 -0.2rem;
	}
	#main .research .innerBox::after {
		top: -2rem;
	}
	#main .research h2 {
		margin-bottom: 1.3rem;
		line-height: 1;
		font-size: 2.16rem;
	}
	#main .research h2 span {
		width: fit-content;
		margin: 0 auto;
		display: block;
		padding: 0 1rem 0.3rem;
		border-width: 2.5px;
	}
	#main .research .imgBox{
		margin-bottom: 2.4rem;
		display: block;
	}
	#main .research .rBox {
		width: auto;
		margin: 0 0 0.7rem;
		aspect-ratio: 600 / 400;
		position: relative;
	}
	#main .research .rBox img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
	#main .research h3 {
		margin-bottom: 0.4rem;
		font-size: 1.4rem;
		line-height: 1.57;
	}
	#main .research p {
		font-size: 1.2rem;
		line-height: 1.67;
	}
	#main .research dl {
		margin: 0;
		font-size: 1.2rem;
		line-height: 1.67;
	}
	#main .research dt {
		width: 7rem;
	}
	#main .research dd {
		width: calc(100% - 7rem);
	}
	#main .recommend {
		margin: -1.2rem 0 2rem;
		padding: 2.9rem 0 0;
		min-height: inherit;
		background-image: url(../img/index/bg04_sp.webp);
		background-size: cover;
	}
	#main .recommend .inner {
		max-width: inherit;
		margin-bottom: 4rem;
	}
	#main .recommend .imgBox {
		margin: 0 2.8rem 1.5rem;
		display: block;
	}
	#main .recommend .imgBox .rBox {
		margin: 0 0 1.7rem;
		width: auto;
	}
	#main .recommend .imgBox .rBox img {
		width: 100%;
	}
	#main .recommend .imgBox .lBox {
		margin: 0;
	}
	#main .recommend .imgBox p {
		letter-spacing: 0.02em;
		font-size: 1.26rem;
		line-height: 1.75;
	}
	#main .recommend .imgBox .ttl {
		margin: 0 -0.5rem 0.9rem;
		padding: 0 0.5rem 1.6rem;
		font-size: 1.44rem;
	}
	#main .recommend .imgBox .ttl .subSpan {
		font-size: 2.4rem;
	}
	#main .recommend .imgBox .ttl .big {
		margin-right: 0.7rem;
		font-size: 3.84rem;
	}
	#main .recommend .imgBox .ttl small {
		font-size: 1.8rem;
	}
	#main .recommend .imgBox .headLine02 {
		margin-right: 0;
		margin-bottom: 1rem;
		font-size: 2.4rem;
		line-height: 1.46;
	}
	#main .recommend .textBox {
		margin: 0 2.8rem;
		padding: 0.5rem 0.8rem 1.3rem;
	}
	#main .recommend .textBox .ttl {
		margin-bottom: 0.1rem;
		font-size: 1.44rem;
		line-height: 1.75;
	}
	#main .recommend .textBox .list {
		flex-direction: column;
	}
	#main .recommend .textBox .list li {
		width: 100%;
		line-height: 1.7;
		font-size: 1.2rem;
	}
	#main .recommend .imgBox .ttl02 .subSpan .big {
		font-size: 3.1rem;
	}
	#main .recommend .btmTxt {
		margin: 1.3rem 0 2.3rem;
		font-size: 1rem;
		line-height: 1.75;
	}
	#main .recommend .bigPhoto {
		width: auto;
		margin: 0 -2.6rem 1.8rem -1rem;
	}
	#main .recommend .bigPhoto img {
		width: 100%;
	}
	#main .collaboration {
		min-height: inherit;
		margin: -1.6rem -0.9rem 0;
		padding: 1rem 0;
		background: none;
	}
	#main .collaboration .bigPhoto {
		margin-bottom: -5.2rem;
	}
	#main .collaboration .bigPhoto img {
		width: 100%;
	}
	#main .collaboration .headLine03 {
		font-size: 3.535rem;
		border: none;
		display: block;
		top: auto;
		padding: 0 2rem;
		margin-bottom: 1.6rem;
	}
	#main .collaboration .headLine03 small {
		font-size: 2.5rem;
	}
	#main .collaboration .headLine03 .ttlImg {
		display: none;
	}
	#main .collaboration .headLine01 {
		margin: 0 0 2rem;
		font-size: 3.05rem;
		line-height: 1.33;
	}
	#main .collaboration p {
		margin-bottom: 0.8rem;
		font-size: 1.44rem;
		line-height: 1.75;
	}
	#main .collaboration p .lineSpan {
		font-size: 1.8rem;
	}
	#main .condition {
		min-height: inherit;
		padding: max(47vw,18rem) 0 5.3rem;
		margin: 0;
	}
	#main .condition::after {
		width: auto;
		left: -13rem;
		right: -19.7rem;
		top: -8.7rem;
		aspect-ratio: 1397 / 786;
		background-image: url(../img/index/bg06_sp.webp);
	}
	#main .condition h2 {
		margin: 0 -2rem 0.2rem;
		font-size: 4.75rem;
		line-height: 1.16;
		text-shadow: 3px 3px 10px rgba(255, 90, 255, 0.5),-3px 3px 10px rgba(255, 90, 255, 0.5),3px -3px 10px rgba(255, 90, 255, 0.5),-3px -3px 10px rgba(255, 90, 255, 0.5);
	}
	#main .condition .textImg {
		width: auto;
		margin: 0 -4.0rem 0.8rem; 
	}
	#main .condition .textImg img {
		width: 100%;
	}
	#main .condition .textImg:after {
		aspect-ratio: 1216 / 682;
		background: url(../img/index/bg06-2_sp.webp) no-repeat;
		background-size: 100% auto;
		position: absolute;  
		top: -4rem;
		left: -10rem;
		right: -10rem;
		content: ""; 
		z-index: -1;
	}
	#main .condition p {
		font-size: 1rem;
		line-height: 1.75;
	}
	#main .evidence {
		padding: 2.8rem 0;
	}
	#main .condition p span {
		display: block;
	}
	#main .evidence h2 {
		margin: 0 -2rem 2.7rem;
	}
	#main .evidence h2 .subSpan {
		display: inline-block;
		padding: 0 5rem;
		font-size: 3.5rem;
	}
	#main .evidence h2 .subSpan small {
		display: block;
		font-size: 2.245rem;
		margin-top: -0.8rem;
	}
	#main .evidence h2 .subSpan::before {
		height: 0.5rem;
		width: 9999px;
		left: auto;
		top: calc(50% + 0.3rem);
		right: 100%;
		background-repeat: repeat-x;
		background-size: auto 0.5rem;
		background-position: right center;
	}
	#main .evidence h2 .subSpan::after {
		height: 0.5rem;
		width: 9999px;
		top: calc(50% + 0.3rem);
		right: auto;
		left: 100%;
		background-repeat: repeat-x;
		background-size: auto 0.5rem;
	}
	#main .evidenceBox {
		margin: 0 -2rem 2rem;
		padding: 2.5rem 2rem 2.0rem;
		background-image: url(../img/index/bg09_sp.webp);
		background-position: center center;
		background-size: cover;
		clip-path: polygon(
			5rem 0%, 
			calc(100% - 5rem) 0%, 
			100% 5rem, 
			100% calc(100% - 5rem), 
			calc(100% - 5rem) 100%, 
			5rem 100%, 
			0% calc(100% - 5rem), 
			0% 5rem);
	}

	#main .evidenceBox p {
		margin-bottom: 1rem;
		font-size: 1.44rem;
		line-height: 1.75;
	}
	#main .evidenceBox p sup {
		font-size: 0.84rem;
		vertical-align: 0.5rem;
	}
	#main .evidenceBox .ttl {
		font-size: 1.68rem;
		margin-bottom: 1.2rem;
		min-width: 9.6rem;
	}
	#main .evidenceBox .txt {
		font-size: 2.16rem;
		line-height: 1.4;
		text-shadow: 3px 3px 10px rgba(111, 209, 223, 0.5),-3px 3px 10px rgba(111, 209, 223, 0.5),3px -3px 10px rgba(111, 209, 223, 0.5),-3px -3px 10px rgba(111, 209, 223, 0.5);
	}
	#main .evidenceBox .txt .txtSpan .big {
		font-size: 3.24rem;
	}
	#main .evidence .declineTxt {
		font-size: 2.16rem;
		margin: -0.1rem -1.5rem 4.5rem;
		line-height: 1.5;
	}
	#main .evidence .declineTxt .underTxt {
		border-width: 1px;
		padding-bottom: 0.2rem;
	}
	#main .evidence .declineTxt .big {
		letter-spacing: -0.05em;
		font-size: 3.24rem;
		display: inline-block;
		margin-top: 0.4rem;
	}
	#main .evidence .mainBox {
		margin-bottom: 5.2rem;
		padding: 0;
	}
	#main .evidence .mainBox::after {
		bottom: -1.2rem;
		top: -1.8rem;
	}
	#main .evidence .content {
		padding-bottom: 2.2rem;
		padding-inline: 1.8rem;
	}
	#main .evidence .mainBox p {
		font-size: 1rem;
		font-feature-settings: normal;
	}
	#main .evidence .evidencePhoto {
		margin-bottom: 0.3rem;
	}
	#main .evidence .evidencePhoto img {
		width: 100%;
	}
	#main .evidence .content::after {
		left: 0;
		right: 0;
		top: 10rem;
		clip-path: none;
	}
	#main .evidenceBox02 {
		padding-bottom: 1.6rem;
		background-image: url(../img/index/bg11_sp.webp);
		background-position: center center;
	}
	#main .evidenceBox .sub {
		max-width: inherit;
	}
	#main .evidenceBox02 .ttl {
		margin-bottom: 11.2rem;
	}
	#main .sensitivity {
		margin: 1rem 0 2.3rem;
	}
	#main .sensitivity h3 {
		font-size: 1.2rem;
		line-height: 1.3;
		margin-bottom: 0.6rem;
		padding-bottom: 0.3rem;
	}
	#main .sensitivity .list {
		margin-bottom: 0.5rem;
		gap: 1.8rem;
	}
	#main .sensitivity .list li {
		width: calc((100% - 1.8rem) / 2);
	}
	#main .sensitivity .list span {
		font-size: 1.33rem;
	}
	#main .sensitivity .list span small {
		margin-left: 0.5rem;
		min-width: 2rem;
		min-height: 2rem;
		font-size: 1.33rem;
	}
	#main .sensitivity .list .photo {
		margin-bottom: 0.4rem;
	}
	#main .sensitivity .list .photo img {
		width: 100%;
	}
	#main .evidence .mainBox .rightTxt {
		font-size: 0.8rem;
	}
	#main .evidenceBox03 {
		background-image: url(../img/index/bg12_sp.webp);
		background-position: center center;
	}
	#main .evidenceBox03 .ttl {
		margin-bottom: 1.3rem;
	}
	#main .evidenceBox03 .txt {
		margin-top: -0.5rem;
	}
	#main .evidenceBox03 .txt small {
		font-size: 1.62rem;
	}
	#main .evidenceBox03 .txt .txtSpan {
		margin-top: 0.7rem;
	}
	#main .bgInner {
		background: #000 url(../img/index/sp_bg.webp) no-repeat center top;
		background-size: 100% auto;
	}
	#main .vision {
		padding: 2.4rem 0 0;
	}
	#main .vision .headLine01 {
		margin: 0 0 1.5rem;
		font-size: 2.4rem;
		line-height: 1.46;
	}
	#main .vision .textImg {
		max-width: inherit;
		margin: 0 1.8rem 2.6rem;
		text-align: center;
	}
	#main .vision .whiteBox {
		padding: 1.1rem 0;
	}
	#main .vision .whiteBox dt {
		width: 14rem;
		margin-right: 1rem;
	}
	#main .vision .whiteBox dd {
		font-size: 1.6rem;
		line-height: 1.31;
	}
	#main .gamers02 {
		margin: 0;
		padding: 2rem 0;
		background: none;
	}
	#main .gamers02 .headLine01 {
		font-size: 3.15rem;
		line-height: 1.31;
		margin: 0 0 2.3rem 0.3rem;
	}
	#main .gamers02 .rBox {
		margin: 0 0 3.3rem;
		width: auto;
	}
	#main .gamers02 .rBox .photo {
		text-align: center;
		margin: 0 3.3rem 0.4rem;
	}
	#main .gamers02 .rBox p {
		padding: 0;
	}
	#main .gamers02 .lBox {
		margin-inline: -0.3rem;
	}
	#main .gamers02 .list {
		margin-bottom: 1.3rem;
		flex-direction: row;
		gap: 1.3rem 1.0rem;
	}
	#main .gamers02 .list li {
		font-size: 0.84rem;
		padding-bottom: 0.2rem;
	}
	#main .gamers02 .list .txtSpan {
		font-size: 2.17rem;
	}
	#main .gamers02 .list .txtSpan sub {
		font-size: 0.84rem;
	}
	#main .gamers .list li::after {
		border-image: url(../img/index/bg07_sp.webp) 30 30 stretch;
	}
	#main .gamers02 .list .txtSpan .smallTxt {
		font-size: 1.45rem;
	}
	#main .gamers02 .textList li {
		font-size: 1.4rem;
	}
	#main .gamers02 .textList {
		padding-top: 0;
		margin-top: -0.3rem;
		margin-bottom: 0.5rem;
	}
	#main .gamers02 .text {
		margin: 0 0.3rem;
	}
	#main .gamers02 .imgBox {
		margin-bottom: 2.4rem;
	}
	#main .supplements {
		padding: 6rem 0 5rem; 
		margin: -5.9rem 0 0;
		background-image: url(../img/index/bg08_sp.webp);
	}
	#main .supplements .textImg {
		margin: 0 -1rem 4rem;
	}
	#main .supplements .textImg img {
		width: 100%;
	}
	#main .supplements .whiteBox {
		margin: 0 -2rem 4.8rem;
		padding: 0 0;
	}
	#main .supplements .formBox {
		max-width: inherit;
    padding: 0 15px;
	}
	#main .supplements .formBox img {
		width: 100%;
	}
	#main .supplements .mainBox {
		padding: 0;
	}
	#main .supplements .mainBox p {
		margin-bottom: 3.5rem;
		text-align: justify;
		font-size: 1rem;
	}
	#main .supplements .mainBox p .txtSpan {
		margin-top: 1.8rem;
	}
}