@charset "UTF-8";

#social{min-height:unset;color:#fff;background:linear-gradient(0deg,#000,#777);}
#social .art-bg{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;pointer-events:none;}
#social .art-bg>.lazy-bg{width:100%;height:100%;background-position:center;background-repeat:no-repeat;background-size:cover;}
#social .art-bg>.lazy-bg:before{content:'';display:block;width:100%;height:100%;background:linear-gradient(0deg,rgba(0 0 0/.5),rgba(0 0 0/.25));-webkit-backdrop-filter:grayscale(.5)blur(1em);-moz-backdrop-filter:grayscale(.5)blur(1em);backdrop-filter:grayscale(.25)blur(1em);}

#social>.inner{position:relative;z-index:2;display:grid;grid-template-columns:40% 1fr;grid-gap:var(--PagePadding);align-items:center;}
#social .intro{margin:var(--PagePadding) 0;}
#social .intro h2{font-size:3em;text-transform:uppercase;}
#social .intro p{font-size:1.333334em;margin:2em 0;opacity:.7;}

#features_sns{}
#features_sns ul{display:grid;grid-template-columns:repeat(auto-fill,minmax(12em,1fr));grid-gap:2em;max-width:40em;margin:0 auto;}
#features_sns li{}
#features_sns .btw:not(:hover){background:rgba(255 255 255/10%);box-shadow:rgb(0 0 0 / 5%) 0 0.5em 3em, rgb(255 255 255 / 10%) 0 0 2em inset;/*-webkit-backdrop-filter:blur(2em);-moz-backdrop-filter:blur(2em);backdrop-filter:blur(2em);*/}
#features_sns .btw{display:block;border-radius:.5em;}
#features_sns .btw>span{display:block;padding:1.5em 1em 1em;}
#features_sns .btw>span:before{margin:0 auto;font-size:3em;}

#features_sns .btw[color="instagram"]:hover{
	background:linear-gradient(45deg,#B900B4,#F50000);
	/*background:radial-gradient(circle farthest-corner at 35% 90%, #fec564, transparent 50%), radial-gradient(circle farthest-corner at 0 140%, #fec564, transparent 50%), radial-gradient(ellipse farthest-corner at 0 -25%, #5258cf, transparent 50%), radial-gradient(ellipse farthest-corner at 20% -50%, #5258cf, transparent 50%), radial-gradient(ellipse farthest-corner at 100% 0, #893dc2, transparent 50%), radial-gradient(ellipse farthest-corner at 60% -20%, #893dc2, transparent 50%), radial-gradient(ellipse farthest-corner at 100% 100%, #d9317a, transparent), linear-gradient(#6559ca, #bc318f 30%, #e33f5f 50%, #f77638 70%, #fec66d 100%);*/
}

@media only screen and (max-width:1000px){
	#social>.inner{display:block;}
	#social .intro{margin:var(--PagePadding) auto;max-width:60em;}
	#social .intro h2{font-size:2em;}
	#social .intro p{font-size:1em;}

	#features_sns{max-width:60em;margin:0 auto;}
	#features_sns ul{max-width:unset;grid-template-columns:repeat(auto-fill,minmax(10em,1fr));grid-gap:1em;}
	#features_sns .btw>span{display:flex;padding:.75em 2em;}
	#features_sns .btw>span:before{font-size:2em;margin:0 .5em 0 0;}
}
@media only screen and (max-width:640px){
	#social .intro{max-width:40em;}
	#features_sns{max-width:40em;}
}


#business{min-height:unset;}
#business>.inner{display:grid;grid-template-columns:40% 1fr;grid-gap:var(--PagePadding);}

#business .intro{margin:var(--PagePadding) 0;}
#business .intro h2{font-size:3em;text-transform:uppercase;}
#business .intro p{font-size:1.333334em;margin:2em 0;opacity:.7;}

#contact_form{padding:var(--PagePadding);background:rgba(0 0 0/5%);border-radius:1em;}
#contact_form ul{--CPT-BDR:.5em !important;display:grid;grid-template-columns:repeat(auto-fill,minmax(20em,1fr));grid-gap:1em;}
#contact_form li{}
#contact_form li:nth-of-type(2)~li{grid-column:span 2;}
#contact_form .btc{margin-top:2em;text-align:center;}

@media only screen and (max-width:1000px){
	#business>.inner{display:block;}
	#business .intro h2{font-size:2em;}
	#business .intro p{font-size:1em;}
	#business .intro{margin:var(--PagePadding) auto;max-width:60em;}
	#contact_form{margin:var(--PagePadding) auto;max-width:60em;box-sizing:border-box;}
}
@media only screen and (max-width:640px){
	#contact_form ul{display:block;}
	#contact_form li~li{margin-top:1em;}
}




body.popup_activated{overflow:hidden;}
body.popup_activated .popup_box{visibility:visible;opacity:1;transition:opacity .2s;}
body.popup_activated .popup_box>.inner{transform:none;transition:transform .2s;}

.popup_box{position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999;background:rgba(0 0 0/50%);padding:var(--PagePadding);display:flex;justify-content:center;align-items:center;visibility:hidden;opacity:0;}
.popup_box>.popup_close{display:block;position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;}
.popup_box>.inner{width:100%;max-width:40em;position:relative;z-index:2;transform:scale(.9);}

.msg_complete{padding:var(--PagePadding);text-align:center;background:#fff;box-shadow:rgb(0 0 0 / 5%) 0 .5em 3em;border-radius:1em;}
.msg_complete h3{font-size:2em;text-transform:uppercase;}
.msg_complete p{font-size:1.166667em;opacity:.5;}
.msg_complete .btc{margin-top:2em;}
.msg_complete .btw{width:15em;}

.captcha{margin:2em 0;}
.nc-container #nc_1_wrapper,
.nc-container.tb-login #nc_1_wrapper {
    margin:0 auto;
    border-radius:.25em;
    overflow:hidden;
}