@charset "UTF-8";
.freemium .area_visual {height:1180px;}
.freemium .btn_round {display: inline-flex; flex-direction: row; padding: 24px 60px 24px 56px; gap: 10px; border-radius:40px; font-size:20px; font-weight: 500;transition: all 0.3s;}
.freemium .btn_round.dk {background:#000; color:#fff; box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.16);}
.freemium .btn_round.dk:hover {background:#333; transform: translate3d(0px, -2px, 0px);  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.3));}
.freemium .btn_mid_lg {display: inline-flex; padding: 19px 36px; gap: 10px; border-radius:8px; background:#F5F5F5; align-items: center;transition: all 0.5s;}
.freemium .btn_mid_lg:hover {background:#ebebeb; transform: translate3d(0px, -2px, 0px); -webkit-transform: translate3d(0px, -2px, 0px);}
.freemium .ic_arrow_r {background: url(images/ic_arrow_r-min.svg) no-repeat center; width: 12px; height: 12px;}
.freemium a.btn_l_gr {padding:28px 54px; border-radius:70px; box-shadow: 0 0 6px 0 rgba(157, 96, 212, 0.5); border:solid 4.5px transparent; background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), linear-gradient(90deg, #648FFF, #00DFED); background-origin: border-box; background-clip: content-box, border-box; box-shadow: 2px 1000px 1px #fff inset; transition:all 0.5s;}
.freemium a.btn_l_gr:hover, 
.freemium a.btn_l_gr.on {transition:all 0.5s; box-shadow: 0 20px 40px rgba(19, 167, 243, 0.2), 0 0 0 rgba(19, 167, 243, 0.2);}
.freemium a.btn_l_gr span {font-size:26px; font-weight:700; position:relative; top:-1px; transition:all 0.5s; color:transparent; background:linear-gradient(90deg, #2963FA, #00DFED); -webkit-background-clip:text; -webkit-text-fill-color:transparent;}
.freemium a.btn_l_gr:hover span, 
.freemium a.btn_l_gr.on span {color:#fff; background:#fff; -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.freemium .bg_gray_br .btn_mid_lg {background:#EDEDF1}
.freemium .bg_gray_br .btn_mid_lg:hover {background:#e8e8e8}

.freemium .area_head .desc {text-align:center;}
.freemium h1 .tit1 {font-weight:200; line-height:1.6}
.freemium h2 {margin-top:12px; font-size:48px;}
.freemium .wrap_img {text-align:center;}
.freemium .wrap_img img {margin:0 auto;}
.freemium .wrap_btn2 {margin-top:36px; display: flex; justify-content: center; align-items: center; gap: 20px; margin-top: 40px;}
.freemium .area_cont {padding:100px 0}
.freemium .area_head .tit_sub {font-size:24px; color: rgba(0, 161, 185, 0.6); font-weight: bold; text-align: center; }
.freemium .area_head .desc {margin-top:12px; font-size: 18px; line-height:1.6; color:#aaa}
.freemium .area_cont.visual .desc {margin-top:20px;}
.freemium .area_cont.visual .wrap_btn2 {margin-top:48px;}
.freemium .area_cont.visual .wrap_visual {position:relative; margin:120px auto 0; max-width:1140px; text-align: center;}
.freemium .wrap_visual span {display:block; position: absolute;}
.freemium .wrap_visual .v1 {margin:0 auto; padding-right: 3%}
.freemium .wrap_visual .v2 {top:-20%; left:9%; width:78px; height:80px; background: url(images/illust_coin01-min.svg) no-repeat center; }
.freemium .wrap_visual .v3 {bottom:9%; left:20%; width:53px; height: 53px; background: url(images/illust_coin02-min.svg) no-repeat center; }
.freemium .wrap_visual .v4 {bottom:6%; right:17%; width:70px; height: 70px; background: url(images/illust_coin03-min.svg) no-repeat center; }
.freemium .wrap_visual .v5 {top:-55%; right:12%; width:71px; height: 70px; background: url(images/illust_coin04-min.svg) no-repeat center; }
.freemium .area_story .area_body  {text-align:center}
.freemium .area_story .wrap_img {margin-top:40px;}
.freemium .area_event {background:#282673}
.freemium .area_vs .wrap_img {margin-top: 60px}
.freemium .area_customer .wrap_img {margin-top: 80px}
.freemium .area_cta {padding:200px 0}
.freemium .area_cta h2 {font-weight:200}
.freemium .area_cta .wrap_btn2 {margin-top:60px}

.freemium .area_feature .list_box {display:flex; flex-flow:wrap; justify-content:center; position: relative; max-width:1140px; margin:80px auto 0; gap:30px;}
.freemium .area_feature .item {margin:0; flex: 1; padding:36px 0; height: auto; background: #FAFAFD; border-width:0; box-shadow: none; text-align:center; position:relative; width:calc(30% - 100px); border-radius:16px; border:1px solid #eee; transition: all .2s cubic-bezier(0.5,0.8,0.6,0.88); box-sizing: border-box;}
.freemium .area_feature .item span {display:block; margin:0 auto; width: 70px; height:70px; border-radius: 50%;}
.freemium .area_feature .ic01 {background: #58A4F5 url(images/ic_01-min.svg) no-repeat;}
.freemium .area_feature .ic02 {background: #F8A54F url(images/ic_02-min.svg) no-repeat;}
.freemium .area_feature .ic03 {background: #A365F4 url(images/ic_03-min.svg) no-repeat;}
.freemium .area_feature .ic04 {background: #FF5B5E url(images/ic_04-min.svg) no-repeat;}
.freemium .area_feature .ic05 {background: #F5E558 url(images/ic_05-min.svg) no-repeat;}
.freemium .area_feature .item .txt {margin-top:16px; line-height:1.6}

.freemium .area_allfaq {font-size:18px; font-weight:600;}
.freemium .area_allfaq .area_body {margin-top:80px;}
.freemium .area_allfaq .list_box {display:flex; flex-flow:wrap; margin-top:4px; justify-content:center;}
.freemium .area_allfaq .list_box .item {position:relative; width:calc(30% - 100px); height:auto; margin: 10px; border-radius:16px; border:none; padding:0; background:#F4F7FA; text-align:center; display:flex; flex-direction:column; justify-content:space-between; box-shadow:none; transition:all .2s cubic-bezier(0.5,0.8,0.6,0.88); box-sizing:border-box;}
.freemium .area_allfaq .list_box .item a {padding:35px 0 30px 35px;}
.freemium .area_allfaq .list_box .item .txt {font-size:22px; font-weight:400;}
.freemium .area_allfaq .list_box .item .txt em {font-weight:700;}
.freemium .area_allfaq .list_box .item .box {text-align:left; margin-bottom:30px;}
.freemium .area_allfaq .list_box .item:hover {transform: translateY(-10px);}
.freemium .area_allfaq .link_detail {background-color:#fff; padding:6px 15px; font-size:14px; margin-top:18px;}
.freemium .area_allfaq .link_detail .bt_arrow {background:url(images/ic_arrow.svg) 35px 0;}
.freemium .area_allfaq .img {display:block; float:right; margin-right:24px; width:140px; height:150px;}
.freemium .area_allfaq .img.d01 {background:url(images/img_01.png) no-repeat;}
.freemium .area_allfaq .img.d02 {background:url(images/img_02.png) no-repeat;}
.freemium .area_allfaq .img.d03 {background:url(images/img_03.png) no-repeat;}
.freemium .area_allfaq .img.d04 {background:url(images/img_04.png) no-repeat;}
.freemium .brandstory_lineup .view_pc {text-align:center}
.freemium .brandstory_lineup .view_pc img {width:1060px}
.last {
	position: relative;
	padding: 100px 0 130px;
	height: 540px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 40px;
	z-index: 2;
}
.last .area_head .label {
	margin-bottom: 10px;
	font-size:24px;
	text-align:center;
	letter-spacing: -2px;
}
.last .background_items {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
	overflow: hidden;
}
.last .background_items img {position: absolute;}

.last .background_items img:nth-of-type(1) {
  top: 66%; left: 7%; width: 35px;}
.last .background_items img:nth-of-type(2) {
  top: 17%; left: 73%; width: 77px;}
.last .background_items img:nth-of-type(3) {
  top: 42%; left: 7%; width: 68px;}
.last .background_items img:nth-of-type(4) {
  top: 14%; left: 23%; width: 55px;}
.last .background_items img:nth-of-type(5) {
  bottom: 15%; left: 86%; width: 86px;}
.last .background_items img:nth-of-type(6) {
  top: 21%; left: 84%; width: 63px;}
.last .background_items img:nth-of-type(7) {
  top: 59%; left: 80%; width: 66px;}
.last .background_items img:nth-of-type(8) {
  bottom: -1%; left: 17%; width: 100px;}
.last .background_items img:nth-of-type(9) {
  top: 73%; left: 26%; width: 60px;}


@media (max-width: 959px) {

	img.view_mo {margin:0 auto}
	.freemium .wrap_img img {width: 90%;}
	.freemium .area_visual {height:920px;}
	.freemium h1 {font-size:36px}
	.freemium h2 {font-size:32px; letter-spacing: -2px;}
	.freemium .area_head .tit_sub,
	.freemium .area_head .desc {font-size:inherit}
	.freemium .area_head .wrap_btn2 {margin-top:24px}
	.freemium .btn_round {padding:20px 50px 20px 46px; font-size:18px}
	.freemium a.btn_l_gr { padding: 16px 32px; border-radius: 40px;}
	.freemium a.btn_l_gr span {font-size:18px}
	.freemium .wrap_btn2 {flex-direction: column; gap: 8px}
	.freemium .wrap_btn2 a+a {margin-left:0}
	.freemium .area_cont.visual .desc {margin-top:12px; font-size:inherit}
	.freemium .wrap_visual span {display:none;}
	.freemium .area_cont.visual .wrap_btn2 {margin-top:32px}
	.freemium .btn_mid_lg {padding:12px 24px; border-width:4px}
	.freemium .btn_mid_lg .txt {font-size:14px}
	.freemium a.btn_l_gr:last-child {margin:0}
	.freemium .area_feature .list_box {margin-top:60px}
	.freemium .area_feature .item {flex:1 1 45%}
	.freemium .wrap_visual .v1 {margin:0 auto; padding:0; width:90%; }
	.freemium .area_cont.visual .wrap_visual {margin-top:30px}
	.freemium .area_customer .wrap_img {margin-top:20px}
	.freemium .area_cta .wrap_btn2 {margin-top:40px}
	.freemium .intro_video {width:888px; margin:120px auto 0;}
	.freemium .intro_video .video_mo {display:block; border-radius:20px;}
	.freemium .intro_video .video_pc {display:none;}
	.freemium .intro_video video {width:100%; height:auto;}
	.freemium .area_allfaq .area_body {margin-top:40px;}
	.freemium .area_allfaq .list_box .item {width: 100%; margin:12px 0 0;}
	.freemium .area_allfaq.list_box .item img {width:100%;}
	.last .background_items img:nth-of-type(4) {top:4%}
	.last .background_items img:nth-of-type(2),
	.last .background_items img:nth-of-type(3),
	.last .background_items img:nth-of-type(5), 
	.last .background_items img:nth-of-type(8) {display:none}
	.last .background_items img:nth-of-type(6) {top:8%; left:74%}
	.last .background_items img:nth-of-type(7) {top:72%; left:70%}
	.last .background_items img:nth-of-type(9) {top:77%; left:12%}

}