@charset "UTF-8";



/* ----------------------------reset ---------------------------- */

html, body, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, menu, nav, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	background: transparent;
}
body {
	font-family: "zen-kaku-gothic-antique", sans-serif;
	font-size: min(1vw, 20px);
	font-weight: 500;
	line-height: 2.2;
	letter-spacing: 1px;
	color: #000;
	text-align: left;
	-webkit-text-size-adjust: 100%;
	background: #EEEFF2;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
	line-height: 1.45;
}
li {
	list-style-type: none;
}
a {
	outline: none;
	color: #000;
	text-decoration: none;
}
*:focus {
outline: none;
}
::selection {
  background: #fff;
}
img::selection {
  background: transparent;
}
strong{
	color: #000;
	font-weight: 600;
}
img {
  width: 100%;
  height: auto;
  vertical-align: middle;
}
.cf {
    zoom: 1;
}
.cf:before, .cf:after {
    content: "";
    display: table;
}
.cf:after {
    clear: both;
}
@media only screen and (max-width: 768px) {
body {
	font-size: 3.38vw;
}
}


/* ----------------------------common ---------------------------- */

.nobreak {
	display: inline-block;
}
.onlysp {
	display: none;
}

.inter{
	font-family: "inter-variable", sans-serif;
	font-variation-settings: "slnt" 0, "wght" 500;
}
.shippori{
	font-family: shippori-antique-b1, sans-serif;
	font-weight: 400;
}
.inner{
	width: min(100%, 2000px);
	margin: 0 auto;
	padding: 0 calc(min(5vw, 100px) + min(3.75vw, 75px)) 0 min(3.75vw, 75px);
	box-sizing: border-box;
}
.section + .section{
	padding-top: min(15vw, 300px);
}
.section_head{
	position: relative;
	z-index: 2;
}
.section_head_en{
	color: #2BDB53;
	font-size: min(1.5vw,30px);
}
.section_head_jp{
	font-size: min(4.13vw, 82.5px);
}
.section_body{
	margin-top: min(3.75vw, 75px);
	position: relative;
	z-index: 2;
}
.section_txt + .section_txt{
	margin-top: min(2.5vw,50px);
}
.caption{
	font-size: min(0.75vw, 15px);
}

@media only screen and (max-width: 768px) {
.onlypc {
	display: none;
}
.onlysp {
	display: inline;
}
.inner{
	padding: 0 4.83vw;
}
.section + .section{
	padding-top: 28.99vw;
}
.section_head_en{
	font-size: 4.35vw;
}
.section_head_jp{
	font-size: 8.7vw;
}
.section_body{
	margin-top: 9.66vw;
}
.section_txt + .section_txt{
	margin-top: 7.25vw;
}
.caption{
	font-size: 2.42vw;
}
}


/* ----------------------------infinity ---------------------------- */

.section .inner{
	position: relative;
}
.section .inner:after{
	content: "";
    display: inline-block;
    background: url("../images/img_infinity.svg") no-repeat center center / contain;
	position: absolute;
	z-index: 1;
	aspect-ratio: 1/1;
}
.section.about .inner:after{
	width: min(42.81vw, 856.25px);
	top: min(12.63vw, 252.5px);
	left: min(3.75vw, 75px);
	transform: rotate(90deg);
}
.section.features .inner:after,
.section.commentary .inner:after,
.section.voices .inner:after{
	content: none;
}
.section.category .inner:after{
	width: min(42.81vw, 856.25px);
	top: max(-10.625vw, -212.5px);
	right: min(3.125vw, 62.5px);
	transform: rotate(180deg);
}
.section.learning .inner:after{
	width: min(28.25vw, 565px);
	top: max(-10vw, -200px);
	right: min(29.38vw, 587.5px);
}
.section.synergy .inner:after{
	width: min(52.5vw, 1050px);
	top: max(-10vw, -200px);
	right: min(11.25vw, 225px);
}
.section.studio .inner:after{
	width: min(52.5vw, 1050px);
	top: max(-10.625vw, -212.5px);
	left: max(-3.75vw, -75px);
	transform: rotate(90deg);
}
.section.faq .inner:after{
	width: min(31.44vw, 628.75px);
	top: max(-23.13vw, -462.5px);
	right: min(16.25vw, 325px);
	transform: rotate(180deg);
}
@media only screen and (max-width: 768px) {
.section.about .inner:after{
	width: 82.73vw;
	top: auto;
	bottom: -60.75vw;
	left: -4.59vw;
}	
.section.features{
	padding-top: 60.75vw;
}
.section.category{
	padding-top: 94.69vw;
}
.section.category .inner:after{
	width: 82.73vw;
	top: -88.65vw;
	right: -2.05vw;
}
.section.learning{
	padding-top: 60.39vw;
}
.section.learning .inner:after{
	width: 54.59vw;
	top: -54.59vw;
	right: 9.66vw;
}
.section.synergy .inner:after{
	width: 101.45vw;
	top: auto;
	bottom: -40.58vw;
	right: -11.11vw;
}
.section.voices{
	padding-top: 50.24vw;
}
.section.studio{
	padding-top: 43vw;
}
.section.studio .inner:after{
	width: 111.59vw;
	top: -24.15vw;
	left: -5.56vw;
}
.section.faq{
	padding-top: 67.63vw;
}
.section.faq .inner:after{
	width: 60.75vw;
	top: -57.85vw;
	right: -2.05vw;
}
}

/* ----------------------------loading ---------------------------- */

.loading {
   width: 100%;
   height: 4px;
   background: #EEEFF2;
   position: fixed;
   top: 0;
   left: 0;
   z-index: 99;
}
.loading_bar {
   width: 0;
   height: 4px;
   background: #888;
   position: absolute;
   left: 0;
   top: 0;
}
.loading_logo{
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 99;
	width: 208px;
	height: 58px;
	margin: auto;
}
@media only screen and (max-width: 768px) {
.loading_logo{
	width: 158px;
	height: 44px;
}
}

/* ----------------------------header ---------------------------- */

.wrap{
	display: none;
	overflow: hidden;
}

.header{
	position: fixed;
	top: 0;
	left: 0;
	z-index: 98;
}
.header_logo{
	width: min(9.375vw, 187.5px);
	padding: min(1.875vw,37.5px);
}

.nav_btn{
	width: min(5vw, 100px);
	height: 100vh;
	position: fixed;
	top: 0;
	right: 0;
	background: #fff;
	z-index: 100;
}
.nav_btn a{
	display: block;
	width: 100%;
	height: 100%;
}

.nav_btn a:before,
.nav_btn a:after{
	position: absolute;
    content: '';
    top: calc(50vh - min(1.125vw, 22.5px));
	width: 1px;
    height: min(2.25vw,45px);
    background-color: #000;
	transition: width .25s cubic-bezier(0.2, 1, 0.25, 1), transform .25s cubic-bezier(0.2, 1, 0.25, 1);
}
.nav_btn a:before{
    right: min(2.25vw,45px);
}
.nav_btn a:after{
    right: min(2.69vw,53.75px);
}
.nav_btn.open a:before,
.nav_btn.open a:after{
	right: min(2.5vw,50px);
}
.nav_btn.open a:before{
    transform: rotate(45deg);
}
.nav_btn.open a:after{
    transform: rotate(-45deg);
}

@media only screen and (max-width: 768px) {
.header_logo{
	width: 24.15vw;
	padding: 3.86vw 3.62vw;
}

.nav_btn{
	width: 14.49vw;
	height: 14.49vw;
	background: transparent;
}
.nav_btn a:before,
.nav_btn a:after{
    right: 2.9vw;
	width: 8.7vw;
    height: 1px;
}
.nav_btn a:before{
    top: 6.28vw;
}
.nav_btn a:after{
    top: 7.97vw;
}
.nav_btn.open a:before,
.nav_btn.open a:after{
	top: 7.25vw;
}
}



/* ---------------------------- nav ---------------------------- */

.nav{
	width: 100%;
	height: 100vh;
	display: none;
	position: fixed;
	z-index: 99;
	top: 0;
	left: 0;
	background: #fff;
	overflow: scroll;
}
.nav_logo{
	width: min(9.375vw, 187.5px);
	padding: min(1.875vw,37.5px);
	position: absolute;
	top: 0;
	left: 0;
}
.nav_inner{
	width: 100%;
	min-height: 100vh;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	padding: min(6.25vw, 125px);
	box-sizing: border-box;
}
.nav_list{
	display: flex;
	flex-wrap: wrap;
	gap: min(2.5vw,50px) 5.33%;
	width: min(70.69vw,1413.75px);
	margin: 0 auto;
}
.nav_item{
	width: 21%;
}
.nav_item_en{
	display: block;
	font-size: min(0.75vw, 15px);
	line-height: 1.35;
	color: #2BDB53;
}
.nav_item_jp{
	margin-top: min(0.5vw, 10px);
	display: block;
	font-size: min(1.5vw,30px);
	line-height: 1.25;
	transition: color 0.2s;
}

.cta_btn{
	margin-top: min(3.75vw, 75px);
	display: flex;
}
.cta_btn_link{
	display: flex;
	align-items: center;
	gap: min(3.125vw, 62.5px);
	font-size: min(1.5vw,30px);
	line-height: 1.65;
	background: #68FF97;
	padding: min(1.875vw,37.5px) min(3.125vw, 62.5px);
	border-radius: 9999px;
	transition: background 0.2s;
}
.cta_btn_link:after{
    content: "";
    display: inline-block;
    background: url("../images/arrow_btn.svg") no-repeat center center / contain;
    width: min(1.0625vw, 21.25px);
    height: min(0.9375vw, 18.75px);
}
.cta_btn_link[target="_blank"]:after{
	transform: rotate(-45deg);
}
@media (hover: hover) {
.nav_item_link:hover .nav_item_jp{
	color: #2BDB53;
}
.cta_btn_link:hover{
	background: #fff;
}
.nav .cta_btn_link:hover{
	background: #D4FFE2;
}
}
@media only screen and (max-width: 768px) {
.nav_logo{
	width: 24.15vw;
	padding: 3.86vw 3.62vw;
}
.nav_inner{
	padding: 24.15vw 4.83vw 14.49vw;
}
.nav_list{
	gap: 9.66vw;
	width: 100%;
}
.nav_item{
	width: 100%;
}
.nav_item_en{
	font-size: 2.9vw;
}
.nav_item_jp{
	margin-top: 1.45vw;
	font-size: 4.83vw;
}
.cta_btn{
	margin-top: 9.66vw;
	width: 100%;
}
.nav .cta_btn{
	margin-top: 14.49vw;
}
.cta_btn_link{
	width: 100%;
	justify-content: space-between;
	gap: 9.66vw;
	font-size: 4.35vw;
	padding: 6.04vw 9.66vw;
}
.cta_btn_link:after{
    width: 4.11vw;
    height: 3.62vw;
}
}


/* ----------------------------hero ---------------------------- */


.hero{
	width: 100%;
	height: 100vh;
	min-height: 50vw;
	position: relative;
	z-index: 1;
	display: flex;
	align-items: flex-end;	
	justify-content: space-between;
	transform: translate3d(0,0,0);/*debug*/
	padding: min(3.75vw, 75px) calc(min(5vw, 100px) + min(3.75vw, 75px)) min(3.75vw, 75px) min(3.75vw, 75px);
	box-sizing: border-box;
}
.hero_infinity_wrap{
    position: absolute;
    top: min(-8.89vh,-4.445vw);
    right: 8.75vw;
	width: 64.63vw;
	height: 114.89vh;
	min-height: 50vw;
	display: flex;
	align-items: center;
}
.hero_infinity_wrap > svg{
	width: 100%;
	height: 100%;
}
.hero_infinity{
fill:none;
stroke:#68FF97;
stroke-width:120;
stroke-linecap:round;
stroke-linejoin:round;
stroke-miterlimit:10;	
opacity: 0;
}

.hero_inner{
	width: 38.19vw;
	position: relative;
	z-index: 98;
}
.hero_shoulder{
	font-size: 2.25vw;
	letter-spacing: 0.12rem;
	line-height: 1.35;
	width: 108%;
}
.hero_head{
	margin-top: 1.5vw;
}
.hero_head_reading{
	margin-top: 1.875vw;
	line-height: 1.35;
}

.hero_scroll{
	writing-mode: vertical-rl;
	position: relative;
}
.hero_scroll:before{
	content: "";
	display: inline-block;
	position: absolute;
	z-index: 1;
	left: 0;
	right: 0;
	margin: 0 auto;
	top: calc(100% - 5.625vw);
	width: 3.75vw;
	height: 3.75vw;
	border: 1px solid #000;
	border-radius: 9999px;

}
.hero_scroll_link{
	display: block;
	padding: 0 0.9375vw 6.875vw;
	position: relative;
	z-index: 2;
}
.hero_scroll_link:before,
.hero_scroll_link:after{
	content: "";
	display: inline-block;
	position: absolute;
	left: 0;
	right: 0;
	width: 1px;
	background: #000;
	margin: 0 auto;
	transition: height .3s cubic-bezier(0.2, 1, 0.3, 1);
}
.hero_scroll_link:before{
	top: calc(100% - 3.75vw);
	height: 0;
	transition-delay:.3s;
}
.hero_scroll_link:after{
	bottom: 0;
	height: 3.75vw;
}

@media (hover: hover) {
.hero_scroll_link:hover:before{
	height: 3.75vw;
}
.hero_scroll_link:hover:after{
	height: 0;
}
}




@media only screen and (max-width: 768px){
.hero{
	min-height: 180vw;
	padding: 19.32vw 4.83vw 4.83vw;
}
.hero_infinity_wrap{
    top: max(16.75vh,30.15vw);
    right: -4.59vw;
	width: 113.53vw;
	height: 113.53vw;
	min-height: auto;
}
.hero_inner{
	width: 71.5vw;
	padding-bottom: 14.49vw;
}
.hero_shoulder{
	font-size: 7.73vw;
}
.hero_head{
	margin-top: 3.86vw;
}
.hero_head_reading{
	margin-top: 3.86vw;
}

.hero_scroll:before{
	top: calc(100% - 13.59vw);
	width: 9.06vw;
	height: 9.06vw;

}
.hero_scroll_link{
	font-size: 2.42vw;
	padding: 0 2.42vw 16.91vw;
}

.hero_scroll_link:before{
	top: calc(100% - 9.06vw);
}
.hero_scroll_link:after{
	bottom: 0;
	height: 9.06vw;
}

}


/* ----------------------------about ---------------------------- */

.about_body{
	padding-left: min(33.44vw, 668.75px);
}
.about_head{
	font-size: min(2vw,40px);
	margin-bottom: min(3.75vw, 75px);
}

@media only screen and (max-width: 768px){
.about_body{
	padding-left: 0;
}
.about_head{
	font-size: 4.83vw;
	margin-bottom: 7.25vw;
}
}



/* ----------------------------features ---------------------------- */

.features_list{
	margin-top: min(3.75vw, 75px);
	
	display: flex;
	align-items: flex-start;
	flex-wrap: wrap;
	gap: 0;
}
.features_item{
	background: #68FF97;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
	border-radius: 9999px;
	aspect-ratio: 1/1;
	flex-shrink: 0;
	padding: min(1.5vw,30px);
	box-sizing: border-box;
}
.features_item01{
	width: min(29.38vw, 587.5px);
	margin-left: max(-5vw, -100px);
}
.features_item02{
	width: min(26.25vw, 525px);
	margin-top: min(12.06vw, 241.25px);
	margin-left: max(-4.38vw, -87.5px);
}
.features_item03{
	width: min(26.25vw, 525px);
	margin-top: min(3.5vw, 70px);
	margin-left: max(-2.63vw,-52.5px);
}
.features_item04{
	width: min(26.25vw, 525px);
	margin-top: min(12.06vw, 241.25px);
	margin-left: max(-4.625vw, -92.5px);
	margin-right: max(-8.75vw, -175px);
}
.features_item05{
	width: min(19.86vw, 397.5px);
	margin-top: max(-7.81vw, -156.25px);
	margin-left: min(9.375vw, 187.5px);
}
.features_item06{
	width: min(19.86vw, 397.5px);
	margin-top: max(-7.81vw, -156.25px);
	margin-left: min(9.19vw, 183.75px);
}
.features_item_num{
	font-size: min(2.25vw,45px);
	line-height: 1.1;
}
.features_item_head{
	margin-top: min(1.5vw,30px);
	font-size: min(1.5vw,30px);
}
.features_item_txt{
	margin-top: min(1.5vw,30px);
}
.features_item_ico{
	margin-top: min(1.5vw,30px);
}
.features_item_ico img{
	width: min(3.75vw, 75px);
}

@media only screen and (max-width: 768px){
.features_list{
	margin-top: 9.66vw;
	flex-direction: column;
}
.features_item{
	padding: 4.83vw;
}
.features_item01{
	width: 86.96vw;
	margin-left: -11.59vw;
}
.features_item02{
	width: 76.09vw;
	margin-top: -29.95vw;
	margin-left: 28.99vw;
}
.features_item03{
	width: 76.09vw;
	margin-top: -33.33vw;
	margin-left: -11.11vw;
}
.features_item04{
	width: 76.09vw;
	margin-top: -30.68vw;
	margin-left: 25.6vw;
	margin-right: 0;
}
.features_item05{
	width: 57.73vw;
	margin-top: -33.33vw;
	margin-left: -11.11vw;
}
.features_item06{
	width: 57.73vw;
	margin-top: -18.84vw;
	margin-left: 17.15vw;
}
.features_item_num{
	font-size: 6.76vw;
}
.features_item_head{
	margin-top: 3.86vw;
	font-size: 4.35vw;
}
.features_item_txt{
	margin-top: 3.86vw;
	font-size: 2.9vw;
}
.features_item_ico{
	margin-top: 3.86vw;
}
.features_item_ico img{
	width: 11.11vw;
}
}



/* ----------------------------category ---------------------------- */

.category_article_wrap{
	margin-top: min(3.75vw, 75px);
	display: flex;
	align-items: flex-start;
	flex-wrap: wrap;
	gap: min(3.75vw, 75px);
}
.category_article{
	width: calc(50% - min(1.875vw,37.5px));
}
.category_article_head{
	font-size: min(1.5vw,30px);
	margin-bottom: min(1.875vw,37.5px);
}
.category_article_img{
	margin-bottom: min(1.875vw,37.5px);
}
.category_article_item{
	display: flex;
	align-items: center;
	gap: min(0.75vw, 15px);
}
.category_article_item:before{
	content: "#";
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: "inter-variable", sans-serif;
	font-variation-settings: "slnt" 0, "wght" 500;
	background: #68FF97;
	border-radius: 9999px;
	width: min(2.25vw,45px);
	height: min(2.25vw,45px);
	flex-shrink: 0;
}
.category_article_item + .category_article_item{
	margin-top: min(0.63vw, 12.5px);
}
.category_article_txt{
	margin-top: min(1.25vw, 25px);
}

@media only screen and (max-width: 768px){
.category_article_wrap{
	margin-top: 9.66vw;
	gap: 9.66vw;
}
.category_article{
	width: 100%;
}
.category_article_head{
	font-size: 4.35vw;
	margin-bottom: 4.83vw;
}
.category_article_img{
	margin-bottom: 4.83vw;
}
.category_article_item{
	gap: 2.42vw;
}
.category_article_item:before{
	width: 7.73vw;
	height: 7.73vw;
}
.category_article_item + .category_article_item{
	margin-top: 2.42vw;
}
.category_article_txt{
	margin-top: 4.83vw;
}
}


/* ----------------------------learning ---------------------------- */

.learning_article_wrap{
	margin-top: min(3.75vw, 75px);
}
.learning_article{
	display: flex;
	align-items: flex-start;
	gap: min(1.5vw,30px);
	position: relative;
}
.learning_article + .learning_article,
.learning_article_middle + .learning_article{
	margin-top: min(2.5vw,50px);
}
.learning_article_num{
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: min(1.75vw,35px);
	font-family: "inter-variable", sans-serif;
	font-variation-settings: "slnt" 0, "wght" 500;
	background: #68FF97;
	border-radius: 9999px;
	width: min(6.25vw, 125px);
	height: min(6.25vw, 125px);
	flex-shrink: 0;
}
.learning_article_inner{
	background: #fff;
	border-radius: min(3.125vw, 62.5px);
	width: min(56.81vw, 1136px);
}
.learning_article_head_wrap{
	padding: min(2vw,40px) min(3vw, 60px);
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: min(1.5vw,30px);
}
.learning_article_head{
	font-size: min(1.5vw,30px);
	letter-spacing: 0.75px;
	transition: color 0.2s;
}
.learning_article_middle{
	margin-top: min(2.5vw,50px);
	display: flex;
	gap: min(0.9375vw, 18.75px);
}
.learning_article_middle_steps{
	position: relative;
	z-index: 2;
}
.learning_article_middle_steps:after,
.learning_article_middle_steps:before{
	content: "";
	display: inline-block;
	position: absolute;
	z-index: 1;	
}
.learning_article_middle_steps:after{
	top: min(3.06vw, 61.25px);
	right: max(-3.75vw, -75px);
	width: min(2.5vw,50px);
	height: calc(100% - min(6.13vw, 122.5px));
	border-top: min(0.125vw, 2.5px) solid #000;
	border-right: min(0.125vw, 2.5px) solid #000;
	border-bottom: min(0.125vw, 2.5px) solid #000;
}
.learning_article_middle_steps:before{
	top: min(2.56vw,51.25px);
	right: max(-2.25vw,-45px);
	width: min(1vw, 20px);
	height: min(1vw, 20px);
	border-left: min(0.125vw, 2.5px) solid #000;
	border-top: min(0.125vw, 2.5px) solid #000;
	transform: rotate(-45deg);
}
.has_child .learning_article_head_wrap{
	cursor: pointer;
}
@media (hover: hover) {
.has_child .learning_article_head_wrap:hover .learning_article_head{
	color: #2BDB53;
}
}
.learning_article_head_point{
	letter-spacing: 0.75px;
	line-height: 1.35;
	padding: min(0.5vw, 10px) min(1.125vw, 22.5px);
	background: #68FF97;
	border-radius: 9999px;
	display: flex;
	align-items: center;
	gap: min(0.875vw, 17.5px);
	flex-shrink: 0;
}
.learning_article_head_point:after{
	content: "";
    display: inline-block;
    background: url("../images/arrow_accordion.svg") no-repeat center center / contain;
    width: min(0.9375vw, 18.75px);
    height: min(0.5625vw, 11.25px);
}
.open .learning_article_head_point:after{
	transform: rotate(180deg);
}
.learning_article_body{
	padding: 0 min(3.125vw, 62.5px) min(3.125vw, 62.5px);
	display: none;
}
.learning_article_body_inner{
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: min(3vw, 60px);
	opacity: 0;
	transition: opacity 0.2s;
}
.open .learning_article_body_inner{
	opacity: 1;
	transition-delay: 0.2s;
}
.learning_article_img{
	width: min(10.875vw, 217.5px);
	flex-shrink: 0;
}
.learning_article_img_link{
	display: block;
	border-radius: min(1.25vw, 25px);
	overflow: hidden;
	transition: opacity 0.2s;
}
@media (hover: hover) {
.learning_article_img_link:hover{
	opacity: 0.8;
}
}
.learning_article_img_link img{
	vertical-align: bottom;
}
.learning_article_item{
	padding-left: min(1.25vw, 25px);
	position: relative;
}
.learning_article_item:after{
	content: "";
    display: inline-block;
    background: #2BDB53;
    width: min(0.375vw, 7.5px);
    height: min(0.375vw, 7.5px);
	border-radius: 9999px;
	position: absolute;
	left: 0;
	top: min(0.9375vw, 18.75px);
}
.learning_article_middle_correction{
	width: min(22vw, 440px);
	padding-top: min(8.75vw, 175px);
	position: relative;
	z-index: 2;
}
.learning_article_middle_correction .learning_article_inner{
	width: 100%;
}
.learning_article_middle_correction .learning_article_body_inner{
	flex-direction: column;
}

@media only screen and (max-width: 768px){
.learning_article_wrap{
	margin-top: 9.66vw;
}

.learning_article + .learning_article,
.learning_article_middle + .learning_article{
	margin-top: 9.66vw;
}
.learning_article_num{
	position: absolute;
	top: -6.28vw;
	left: -2.42vw;
	font-size: 2.9vw;
	width: 9.66vw;
	height: 9.66vw;
}
.learning_article_inner{
	border-radius: 4.83vw;
	width: 53.14vw;
}
.learning_article_head_wrap{
	padding: 5.8vw 4.83vw;
	flex-direction: column;
	align-items: flex-start;
	gap: 3.86vw;
}
.learning_article_head{
	font-size: 3.38vw;
	letter-spacing: 0.75px;
}
.learning_article_middle{
	margin-top: 9.66vw;
	gap: 2.42vw;
}
.learning_article_middle_steps:after{
	top: 13.29vw;
	right: -12.32vw;
	width: 9.66vw;
	height: calc(100% - 26.57vw);
	border-top: 0.48vw solid #000;
	border-right: 0.48vw solid #000;
	border-bottom: 0.48vw solid #000;
}
.learning_article_middle_steps:before{
	top: 11.35vw;
	right: -6.76vw;
	width: 3.86vw;
	height: 3.86vw;
	border-left: 0.48vw solid #000;
	border-top: 0.48vw solid #000;
}
.learning_article_head_point{
	font-size: 2.42vw;
	padding: 1.45vw 2.9vw;
	gap: 2.42vw;
}
.learning_article_head_point:after{
    width: 2.17vw;
    height: 1.21vw;
}

.learning_article_body{
	padding: 0 4.83vw 5.8vw;
}
.learning_article_body_inner{
	flex-direction: column-reverse;
	gap: 4.83vw;
}
.learning_article_img{
	width: 28.99vw;
}
.learning_article_img_link{
	border-radius: 2.42vw;
}
.learning_article_item{
	padding-left: 3.62vw;
	font-size: 2.9vw;
	letter-spacing: 0.5px;
}
.learning_article_item:after{
    width: 1.21vw;
    height: 1.21vw;
	top: 2.54vw;
}
.learning_article_middle_correction{
	width: 34.78vw;
	padding-top: 36.23vw;
}
.learning_article_middle_correction .learning_article_img{
	width: 100%;
}
}

/* ----------------------------commentary ---------------------------- */

.commentary_head{
	margin-top: min(3.75vw, 75px);
	font-size: min(1.5vw,30px);
	margin-bottom: min(3.75vw, 75px);
}
.commentary_list{
	display: flex;
	justify-content: space-between;
	gap: min(3.75vw, 75px);
}
.commentary_item{
	width: calc(50% - min(1.875vw, 37.5px));
	position: relative;
}
.commentary_item:not(:first-child):before{
	content: "";
    display: inline-block;
	background: url("../images/arrow_step.svg") no-repeat center center / contain;
    width: min(0.82vw, 16.25px);
    height: min(1.44vw,28.75px);
    position: absolute;
	top: 0;
    bottom: 0;
	margin: auto 0;
    left: max(-2.25vw,-45px);
}
.commentary_item_status{
	display: flex;
    align-items: center;
    justify-content: center;
    font-size: min(1.125vw, 22.5px);
    font-family: "inter-variable", sans-serif;
    font-variation-settings: "slnt" 0, "wght" 500;
    background: #68FF97;
    border-radius: 9999px;
    width: min(6.25vw, 125px);
    height: min(6.25vw, 125px);
	position: absolute;
	top: max(-2.5vw,-50px);
	left: max(-1.5vw,-30px);
}
.commentary_item_status:after{
	content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: min(1vw, 20px) min(0.63vw, 12.5px) min(1vw, 20px) min(0.63vw, 12.5px);
    border-color: #68FF97 transparent transparent transparent;
    position: absolute;
    bottom: max(-0.375vw, -7.5px);
    right: max(-0.375vw, -7.5px);
	transform: rotate(-45deg);
}
@media only screen and (max-width: 768px) {
.commentary_head{
	margin-top: 9.66vw;
	font-size: 4.35vw;
	margin-bottom: 9.66vw;
}
.commentary_list{
	flex-direction: column;
	gap: 10.39vw;
}
.commentary_item{
	width: 100%;
}
.commentary_item:not(:first-child):before{
    width: 2.9vw;
    height: 5.31vw;
	top: -6.76vw;
    bottom: auto;
	left: 0;
	right: 0;
	margin: 0 auto;
	transform: rotate(90deg);
}
.commentary_item_status{
    font-size: 2.78vw;
    width: 15.94vw;
    height: 15.94vw;
	top: -5.8vw;
	left: 2.9vw;
}
.commentary_item_status:after{
    border-width: 4.83vw 2.42vw 4.83vw 2.42vw;
    bottom: -2.17vw;
    right: -2.17vw;
}
}

/* ----------------------------synergy ---------------------------- */

.synergy_inner{
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: min(3.75vw, 75px);
	position: relative;
	z-index: 2;
}
.synergy_content,
.synergy_img {
    width: calc(50% - min(1.875vw, 37.5px));
}

@media only screen and (max-width: 768px) {
.synergy_inner{
	flex-direction: column;
	gap: 9.66vw;
}
.synergy_content,
.synergy_img {
    width: 100%;
}
}

/* ----------------------------voices ---------------------------- */

.voices .section_body{
	margin-right: max(-0.63vw, -12.5px);
	margin-left: max(-0.63vw, -12.5px);
}
.voices_item{
	width: min(28.31vw, 566.25px);
	background: #fff;
	border-radius: min(0.63vw, 12.5px);
	padding: min(2.5vw,50px);
	box-sizing: border-box;
	position: relative;
	margin: 0 min(0.63vw, 12.5px);
}
.voices_item:before,
.voices_item:after {
    content: "";
    display: inline-block;
    width: min(2vw,40px);
    height: min(1.5vw,30px);
	background: url("../images/ico_quot.svg") no-repeat center center / contain;
    position: absolute;
}
.voices_item:before {
    top: max(-1.125vw, -22.5px);
    left: min(2.5vw,50px);
}
.voices_item:after {
    bottom: max(-1.125vw, -22.5px);
    right: min(2.5vw,50px);
    transform: rotate(180deg);
}
.voices_item_ico{
	width: min(3.25vw, 65px);
	height: min(3.25vw, 65px);
	text-align: center;
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	bottom: max(-2.375vw,-47.5px);
	
}
.voices_item_ico img{
	height: 100%;
	width: auto;
}

@media only screen and (max-width: 768px) {
.voices .section_body{
	margin-right: 0;
	margin-left: 0;
}
.voices_item{
	width: 56.52vw;
	border-radius: 1.21vw;
	padding: 7.25vw 4.83vw 9.66vw;
	margin: 0 1.21vw;
}
.voices_item:before,
.voices_item:after {
    width: 5.8vw;
    height: 4.35vw;
}
.voices_item:before {
    top: -3.38vw;
    left: 4.83vw;
}
.voices_item:after {
    bottom: -3.38vw;
    right: 4.83vw;
}
.voices_item_ico{
	width: 12.32vw;
	height: 14.98vw;
	bottom: -9.66vw;
	
}

}


/* ----------------------------studio ---------------------------- */

.studio_img{
	display: block;
	margin: 0 max(-3.75vw, -75px) min(3.75vw, 75px);
	position: relative;
	z-index: 2;
}

@media only screen and (max-width: 768px) {
.studio_img{
	margin: 0 -4.83vw 14.49vw;
}
}

/* ----------------------------faq ---------------------------- */

.faq_item{
	background: #fff;
    border-radius: min(3.125vw, 62.5px);
}
.faq_item + .faq_item{
	margin-top: min(2.5vw,50px);
}
.faq_item_head_wrap {
    padding: min(3.125vw, 62.5px);
    display: flex;
    justify-content: space-between;
    align-items: center;
	cursor: pointer;
	gap: min(3.125vw, 62.5px);
}
.faq_item_head_wrap:after{
	content: "";
    display: inline-block;
    background: url(../images/arrow_accordion.svg) no-repeat #68FF97 center center / min(0.9375vw, 18.75px) auto;
    width: min(2.5vw,50px);
    height: min(2.5vw,50px);
	border-radius: 9999px;
	flex-shrink: 0;
}
.open.faq_item_head_wrap:after{
	transform: rotate(180deg);
}
.faq_item_head{
	font-size: min(1.5vw,30px);
	display: flex;
	gap: min(1.875vw,37.5px);
	transition: color 0.2s;
}
@media (hover: hover) {
.faq_item_head_wrap:hover .faq_item_head{
	color: #2BDB53;
}
}
.faq_item_head:before,
.faq_item_body_inner:before{
	font-size: min(1.75vw,35px);
	line-height: 1.25;
    font-family: "inter-variable", sans-serif;
    font-variation-settings: "slnt" 0, "wght" 500;
}
.faq_item_head:before{
    content: "Q.";
	color: #2BDB53;
}
.faq_item_body{
	padding: 0 min(3.125vw, 62.5px) min(3.125vw, 62.5px);
	display: none;
}
.faq_item_body_inner{
	display: flex;
	gap: min(1.875vw,37.5px);
    opacity: 0;
    transition: opacity 0.2s;
}
.open .faq_item_body_inner{
    opacity: 1;
    transition-delay: 0.2s;
}
.faq_item_body_inner:before{
    content: "A.";
	color: #FF893E;
}

@media only screen and (max-width: 768px) {
.faq_item{
    border-radius: 4.83vw;
}
.faq_item + .faq_item{
	margin-top: 4.83vw;
}
.faq_item_head_wrap {
    padding: 9.66vw 4.83vw;
	gap: 4.83vw;
}
.faq_item_head_wrap:after{
    background-size: 2.9vw auto;
    width: 6.76vw;
    height: 6.76vw;
}
.faq_item_head{
	font-size:4.35vw;
	gap: 4.83vw;
}
.faq_item_head:before,
.faq_item_body_inner:before{
	font-size: 4.83vw;
}
.faq_item_body{
	padding: 0 4.83vw 9.66vw;
}
.faq_item_body_inner{
	gap: 4.83vw;
}


}

/* ----------------------------footer ---------------------------- */

.footer{
	padding: min(15vw, 300px) 0 min(5vw, 100px);
}
.footer_marquee{
	font-size: min(12.5vw, 250px);
	font-weight: 600;
	line-height: 1.25;
	color: #68FF97;
	overflow: hidden;
	position: relative; 
}
.footer_marquee::after {
  content: "";
  white-space: nowrap;
  display: inline-block;
}
.footer_marquee_inner{
  position: absolute;
  top: 0;
  white-space: nowrap;
  animation-name: marquee;
  animation-timing-function: linear;
  animation-duration: 50s;
  animation-iteration-count: infinite;
}
@keyframes marquee {
    0% { left: 100%; transform: translate(0); }
  100% { left: 0; transform: translate(-100%); }
}
.footer_logo{
	width: min(9.375vw, 187.5px);
	margin: min(1.875vw,37.5px) auto 0;
}
.footer_copy{
	margin-top: min(2.5vw,50px);
	font-size: min(0.75vw, 15px);
	text-align: center;
}

@media only screen and (max-width: 768px) {
.footer{
	padding: 28.99vw 0 37.58vw;
}
.footer_marquee{
	font-size: 24.15vw;
}
.footer_logo{
	width: 24.15vw;
	margin: 4.83vw auto 0;
}
.footer_copy{
	margin-top: 7.25vw;
	font-size: 2.42vw;
}
}

/* ----------------------------cta_btn_fixed ---------------------------- */

.cta_btn_fixed{
	position: fixed;
	z-index: 98;
	right: min(8.75vw, 175px);
	bottom: min(3.75vw, 75px);
	display: none;
}
.cta_btn_fixed_link{
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	gap: min(0.875vw, 17.5px);
	font-size: min(1.25vw, 25px);
	line-height: 1.45;
	text-align: center;
	background: #68FF97;
	padding: min(1.875vw,37.5px) min(1.25vw, 25px) min(1.25vw, 25px);
	border-radius: 9999px;
	transition: background 0.2s;
	width: min(10.625vw, 212.5px);
	height: min(10.625vw, 212.5px);
	box-sizing: border-box;
}
.cta_btn_fixed_link:after{
    content: "";
    display: inline-block;
    background: url("../images/arrow_btn.svg") no-repeat center center / contain;
    width: min(1.0625vw, 21.25px);
    height: min(0.9375vw, 18.75px);
}
.cta_btn_fixed_link[target="_blank"]:after{
	transform: rotate(-45deg);
}
@media (hover: hover) {
.cta_btn_fixed_link:hover{
	background: #fff;
}
}

@media only screen and (max-width: 768px) {
.cta_btn_fixed{
	right: 4.83vw;
	bottom: 4.83vw;
}
.cta_btn_fixed_link{
	gap: 2.9vw;
	font-size: 3.38vw;
	padding: 6.04vw 3.62vw 3.62vw;
	width: 28.99vw;
	height: 28.99vw;
}
.cta_btn_fixed_link:after{
	width: 4.11vw;
	height: 3.62vw;
}

}


/* ----------------------------fade ---------------------------- */

.fade{
	opacity: 0;
	transition: opacity 1s;
}
.fade.show{
	opacity: 1;
}
.fade_txt,
.fade_txt_item{
    opacity: 0;
	overflow: hidden;
}
.fade.show .fade_txt{
	animation-name:slideTextX100;
	animation-duration: 2s;
	animation-fill-mode:forwards;
}
.fade.show .fade_txt_item{
	display: block;
	animation-name:slideTextX-100;
	animation-duration: 2s;
	animation-fill-mode:forwards;
}
.fade.show .fade_txt:nth-of-type(2),
.fade.show .fade_txt:nth-of-type(2) .fade_txt_item{
	animation-delay: 0.5s;
}
.fade.show .fade_txt:nth-of-type(3),
.fade.show .fade_txt:nth-of-type(3) .fade_txt_item{
	animation-delay: 1s;
}
.fade.show .fade_txt:nth-of-type(4),
.fade.show .fade_txt:nth-of-type(4) .fade_txt_item{
	animation-delay: 1.5s;
}
.fade.show .fade_txt:nth-of-type(5),
.fade.show .fade_txt:nth-of-type(5) .fade_txt_item{
	animation-delay: 2s;
}
.fade.show .fade_txt:nth-of-type(6),
.fade.show .fade_txt:nth-of-type(6) .fade_txt_item{
	animation-delay: 2.5s;
}
@keyframes slideTextX100 {
0% {
	transform: translateX(-100%);
    opacity: 0;
    }
100% {
	transform: translateX(0);
    opacity: 1;
    }
}

@keyframes slideTextX-100 {
0% {
	transform: translateX(100%);
    opacity: 0;
    }
100% {
	transform: translateX(0);
    opacity: 1;
    }
}

.features_item{
	opacity: 0;
}