@charset "utf-8";
:root{
    --colorPrimary:#3068C9;
    --colorSecondary:#584BC4;
    --colorTitlePrimary:#fff;
    --colorTitleSecondary:#fff;
    --colorTitleTertiary:#fff;
    --colorContentPrimary:#fff;
    --colorBackgroundKeyVisual:rgba(56,61,178,.7);
    --colorBackgroundContent:#030310;
    --colorNavLinkColor: #fff;
    --fontSizeKeyVisualTitle:3.5rem;
    --fontSizeKeyVisualDesc:1.6rem;
    --fontSizeContentTitle:2.6rem;
    --fontSizeContentTitle2:2.0rem;
    --fontSizeContentTitle3:1.75rem;
    --tw-scale-y: unset;
}
@media (min-width: 320px){}
@media (min-width: 640px){}
@media (min-width: 768px){
    :root {
        --fontSizeKeyVisualTitle: 7.2rem;
        --fontSizeKeyVisualDesc: 2.4rem;
        --fontSizeContentTitle: 4.2rem;
        --fontSizeContentTitle2: 2.4rem;
        --fontSizeContentTitle3: 2.0rem;
    }
}
@media (min-width: 1024px){  }
@media (min-width: 1200px){}

/* reset */
*{box-sizing:border-box;}
html,
body{height:100%;}
html{font-size:62.5%;}
body {font-family:'Poppins','Noto Sans JP',Helvetica,AppleSDGothicNeo,sans-serif;line-height:1.267;color:var(--colorContentPrimary);font-size:1.6rem;background-color:var(--colorBackgroundContent);-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:none;-moz-osx-font-smoothing:grayscale;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,p,button,iframe,th,td{margin:0;padding:0;}
article,aside,details,figcaption,figure,footer,header,nav,section,summary,main{display:block;margin:0;padding:0;}
h1,h2,h3,h4,h5,h6,dt{font-weight:normal;}
img,fieldset,iframe,button{border:0 none;}
li{list-style:none;}
button{border:0 none;outline:none;font-family:'Poppins',sans-serif;cursor:pointer;}
table{ border-collapse:collapse;border-spacing:0; }
th, td{border-collapse:collapse;}
legend, caption, hr{display:none;}
select, input, textarea {margin:0;padding:0;font-family:'Poppins',sans-serif;color:#000;border-radius:0;border:none;}
i, em, u, cite {font-style:normal;}
strong{font-weight:normal;}
img{border:0; vertical-align:middle;}
a{color:var(--colorContentPrimary);text-decoration:none !important;outline-offset:-1px;-webkit-tap-highlight-color: rgba(0,0,0,0);}
address{font-style:normal;}
body:before{position:fixed;left:0;top:0;width:100%;height:0;content:'';}/* fix webkit bug(scroll event delay) */
::-moz-selection{color:var(--colorContentPrimary);background-color:var(--colorSecondary)}
::selection{color:var(--colorContentPrimary);background-color:var(--colorSecondary)}

/* layout */
.wrap{min-width:320px;}
.header{position:fixed;left:0;right:0;top:0;z-index:10;padding-left:20px;padding-right:20px;z-index: 100;}
.header:before{content:'';position:fixed;top:0;left:0;right:0;height:90px;background-color:rgba(0,0,0,0);-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);z-index:0;transition: background-color .25s ease-in-out;}
.header .inner{position:fixed;left:0;right:0;top:0;width:100%;margin:0 auto;}
.fixed.header:before{background-color:rgba(0,0,0,.85);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);pointer-events: none;}

.header .inner .lang{margin:white;}

.logo{position:absolute;left:20px;z-index:1;margin-top:33px;display:block;width:90px;height:20px;background:url('../images/logo_white.svg') 0 0/cover no-repeat;}
.logo a{display:block;height:100%;font-size:0;line-height:25px;color:rgba(255,255,255,0);overflow:hidden;}
@media (min-width: 768px) {
    .header{padding-left:60px;padding-right:60px;}
    .logo{left:60px;width:120px;height:27px;margin-top: 30px;}
    
}
@media (min-width: 1024px) {
    .header .inner{position:relative;width:100%;max-width:1440px;margin:0 auto;}
    .logo{left:0;width:120px;height:27px;}
}

.nav-trigger{position:absolute;right:20px;top:34px;width:20px;height:16px;z-index:12;}
.burger{font: inherit;display: inline-block;overflow: visible;margin: 0;padding:0;cursor: pointer;transition-timing-function: linear;transition-duration: .15s;transition-property: opacity,-webkit-filter;transition-property: opacity,filter;transition-property: opacity,filter,-webkit-filter;text-transform: none;color: inherit;border: 0;background-color: transparent;}
.burger .burger-box{position: relative;display: inline-block;width: 20px;height: 16px;}
.burger .burger-inner:before,
.burger .burger-inner:after{content:'';display:block;}
.burger .burger-inner,
.burger .burger-inner:after,
.burger .burger-inner:before {position: absolute;width: 20px;height: 2px;transition-timing-function: ease;transition-duration: .15s;transition-property: transform;border-radius:0;background-color: #fff;}
.burger .burger-inner{top: 0;transition-timing-function: cubic-bezier(0.85, 0, 0.26, 1);transition-duration: .275s;}
.burger .burger-inner:before{top: 7px;transition: opacity .125s ease .275s;}
.burger .burger-inner:after{top: 14px;transition: transform .275s cubic-bezier(0.85, 0, 0.26, 1);}
@media (min-width: 768px) {
    .nav-trigger{display:none;}
}

.nav{position:fixed;left:0;right:0;top:0;bottom:0;z-index:1;background:rgba(0, 0, 0, .5);-webkit-backdrop-filter:blur(0px);backdrop-filter: blur(0);opacity:0;pointer-events: none;transition:all .35s ease-in-out;}
.nav ul{padding:100px 0 0 0;}
.nav a{display:block;padding:16px 32px;font-size:4.5rem;line-height:50px;font-weight:400;color:rgba(255,255,255,.6);transition:color .25s ease-in-out;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.nav a:hover,
.nav a.on{color:rgba(255,255,255,1);}
.nav a.on{font-weight:600;}
.header.is-active .nav{opacity:1;pointer-events:auto;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-backdrop-filter:blur(30px);backdrop-filter: blur(30px);}
@media (min-width: 768px) {
    .nav{opacity:1;position:absolute;left:auto;right:0;top:0;z-index:10;pointer-events:auto;}
    .nav ul{padding-top:0;display:flex;}
    .nav a{position:relative;padding:40px 15px 28px 15px;font-family: 'Poppins',sans-serif;font-size:1.8rem;line-height:22px;letter-spacing: 0.025em;transition:color .25s ease-in-out;}
    .nav a:before{content:'';position:absolute;left:50%;top:32px;width:4px;height:4px;margin-left:-2px;background-color:transparent;border-radius:2px;transition:background-color .35s ease-in-out;}
    .nav a.on{letter-spacing:0.01em;}
    .nav a.on:before{background-color:#fff;}
}
@media (min-width: 1024px) {
    .nav a{padding-left:18px;padding-right:18px;}
}
.header.fixed .burger-inner, .header.fixed .burger-inner:before, .header.fixed .burger-inner:after,
.header.is-active .burger-inner, .header.is-active .burger-inner:after{background-color:#fff;}
.header.is-active .burger-inner{transition-delay: 75ms;transform: translate3d(0,6px,0) rotate(135deg);}
.header.is-active .burger-inner:before{transition-delay: 0s;opacity: 0;}
.header.is-active .burger-inner:after{transition-delay: 75ms;transform: translate3d(0,-14px,0) rotate(-270deg);}

.main section{display: flex; align-items: center; justify-content: center; padding: 60px 20px; min-height: 100vh;overflow: hidden;}

/* .footer{position:relative;min-height:294px;padding-bottom:60px;background:url('../images/bg_footer@2x.jpg') 50% -2px/cover no-repeat;} */
.footer > .inner{margin-left:32px;margin-right:32px;padding:60px 0;}
.footer .message{font-family:'Poppins',sans-serif;font-size:1.15rem;}
.footer .message span{display:block;}
.footer .email{margin-top:40px;font-family:'Poppins',sans-serif;font-size:2.0rem;line-height:26px;font-weight:600;}
.footer .copyright{font-size:1.4rem;line-height:22px;color:rgba(255,255,255,.4);font-weight:600;}

@media (min-width: 768px) {
    .footer .message span{display:inline;}
    .footer, .main section{padding-left:60px;padding-right:60px;}
    .footer > .inner,
    section > .inner{width:100%;max-width:1440px;margin:0 auto;}
    .footer .message{font-size:1.25rem;line-height:44px;}
    .footer .email{margin-top:0;font-size:2.6rem;line-height:56px;}
    .footer .copyright{font-size:1.6rem;}
}
@media (min-width: 1024px) {}

@-webkit-keyframes filterLoop {
    50%,80%{-webkit-filter:blur(0px);filter:blur(0px);}
    0%, 100% {-webkit-filter:blur(5px);filter:blur(5px);}
}

@keyframes filterLoop {
    50%,80%{-webkit-filter:blur(0px);filter:blur(0px);}
    0%, 100% {-webkit-filter:blur(5px);filter:blur(5px);}
}
/* content : header visual */
.section-header{position:relative;display:flex;flex-direction:column;justify-content:center;padding-left:32px;padding-right:32px;background:var(--colorBackgroundKeyVisual) url('../images/bg_keyvisual@2x.jpg') 50% 50%/cover no-repeat;background:linear-gradient(152deg, #2c3be5, #1c36b7, #4d2c9d);overflow:hidden;}
.section-header .inner {width: 100%;}
.section-header h2,
.section-header p{position:relative;z-index:1;transform:translateX(-20px);-webkit-clip-path:polygon(0 0, 0% 0, 0% 100%, 0% 100%);clip-path:polygon(0 0, 0% 0, 0% 100%, 0% 100%);transition:transform .6s ease-in-out, -webkit-clip-path 1s ease-in-out;transition:transform .6s ease-in-out, clip-path 1s ease-in-out;transition:transform .6s ease-in-out, clip-path 1s ease-in-out, -webkit-clip-path 1s ease-in-out;}
.section-header h2{font-family: 'Poppins',sans-serif;font-weight:600;font-size:var(--fontSizeKeyVisualTitle);line-height:46px;}
/* .section-header h2 span {display:block;font-size: clamp(16px, 9vw, 85px);line-height: 1.2;letter-spacing: -.02em;font-weight: 600;white-space: nowrap;} */
.section-header h2 span {display:block;font-size: x-large;line-height: 1.2;letter-spacing: -.02em;font-weight: 600;white-space: nowrap;}
.section-header p {margin-top:32px;font-size:var(--fontSizeKeyVisualDesc);opacity:.8;}
.section-header .bg {content:'';position:absolute;left:0;right:0;top:0;bottom:0;background:url('../images/bg_keyvisual@2x.png') 50% 50%/cover no-repeat;
    -webkit-filter:blur(10px);
            filter:blur(10px);
    transition:-webkit-filter 1s .5s cubic-bezier(0.85, 0.01, 0.36, 0.99);
    transition:filter 1s .5s cubic-bezier(0.85, 0.01, 0.36, 0.99);
    transition:filter 1s .5s cubic-bezier(0.85, 0.01, 0.36, 0.99), -webkit-filter 1s .5s cubic-bezier(0.85, 0.01, 0.36, 0.99);
    opacity: 0.35;
    /*animation:filterLoop 4s infinite backwards linear;*/
}
.section-header.init .bg {-webkit-filter:blur(0);filter:blur(0);}
.section-header.init h2,
.section-header.init p{transform:translateX(0);-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);}
.section-header.init p{transition-delay:2.5s;}
@media (min-width: 768px){
    .section-header h2{line-height:96px;}
    .section-header h2 span {display:block;font-size: 50px;line-height: 1.2;letter-spacing: -.02em;font-weight: 600;white-space: nowrap;}
    .section-header p{opacity:.7;}
}
@media (min-width: 1280px) {
    .section-header h2 span {display:block;font-size: clamp(16px, 9vw, 85px);line-height: 1.2;letter-spacing: -.02em;font-weight: 600;white-space: nowrap;}
}

/* content : section group */
.content-group {text-align:center;}
.content-group h3, .content-group h4, .content-group h5{font-family:'Poppins', 'Noto Sans JP', sans-serif;font-weight:600;}
.content-group h3{font-size:var(--fontSizeContentTitle);}
.content-group h4{font-size:var(--fontSizeContentTitle2);}
.content-group h5{font-size:var(--fontSizeContentTitle3);}
/* @media (min-width: 768px) {
    .content-group{text-align:center;background:#000 url('../images/bg_contents@2x.jpg') 50% 0/cover no-repeat;}
} */
/* content : About */
.section-about{display: flex; align-items: center; padding-top:60px;padding-bottom:60px;}
.section-about h3{line-height:36px;}
.section-about p{margin-top:24px;font-size:16px;line-height:30px;}
@media (min-width: 768px) {
    .section-about{padding-top:130px;padding-bottom:130px;background-color:transparent;}
    .section-about h3{line-height:58px;}
    .section-about p{font-size:24px;line-height:46px;}
    .section-about p span{display:block;}
}

/* content : Business */
.section-business {position:relative;padding-top:60px;background: linear-gradient(180deg, #030810, #1a1928);padding-bottom:60px;overflow:hidden;}
.section-business:before,
.section-business:after{content:'';position:absolute;z-index:1;}
.section-business:before{left:-49px;top:187px;width:931px;height:320px;background:url('../images/bg_business_circle1_m.png') 0 0 no-repeat; background-size: contain;}
.section-business:after{right:-180px;top:740px;width:968px;height:320px;background:url('../images/bg_business_circle1_m.png') 0 0 no-repeat;background-size: contain;}
.section-business > .inner{position:relative;width: 100%;z-index:2;}
.section-business ul{margin-top:40px;display:grid;grid-template-columns: repeat(2, minmax(0,1fr));}
.section-business li{position:relative; padding: 0 10px;}
.section-business li:before{content:'';position:absolute;left:50%;top:0;z-index:1;width:140px;height:140px;margin-left:-70px;background: linear-gradient(132.24deg, #00bfad 5.57%, #0664d9 90.87%);box-sizing: border-box;border-radius:70px;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.section-business li:nth-child(1),
.section-business li:nth-child(2),
.section-business li:nth-child(3){grid-column:span 2/ span 2;margin-bottom:75px;}
.section-business h5,
.section-business p{position:relative;z-index:2;}
.section-business h5{display:flex;align-items:center;justify-content:center;width:140px;height:140px;margin:0 auto;font-size:2rem;line-height:26px;}
.section-business p{margin-top:18px;font-size:16px;line-height:22px;}
.section-business p span{display:block; font-size: 12px;}
@media (min-width: 768px) {
    .section-business:before,
    .section-business:after{display:none;}
    .section-business li:nth-child(1),
    .section-business li:nth-child(2){grid-column:span 1/ span 1;}
}
@media (min-width: 1024px) {
.section-business {padding-top:100px;padding-bottom:100px;}
.section-business ul{position:relative;width:892px;height:862px;margin:40px auto 0 auto;background:url('../images/bg_business.png') 0 0 no-repeat;display:block;}
/* .section-business ul:after{content:'KAURA Business';position:absolute;left:50%;top:50%;width:150px;transform:translate(-50%,-50%);margin-top:30px;font-family:'Poppins',sans-serif;font-weight:600;font-size:3.5rem;line-height:45px;letter-spacing:-0.05em;background: linear-gradient(107.48deg, #584BC4 4.94%, #5081E7 111.36%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;text-fill-color: transparent;} */
.section-business li{position:absolute;display:flex;align-items:center;justify-content:center;flex-direction:column;width:250px;height:250px;}
.section-business li:before{left:0;width:inherit;height:inherit;margin-left:0;border-radius:125px;box-shadow: 0 0 30px #00000047;}
.section-business li:nth-child(1){left:321px;top:20px;}
.section-business li:nth-child(2){left:20px;top:239px;}
.section-business li:nth-child(3){right:20px;top:239px;}
.section-business li:nth-child(4){left:135px;bottom:20px;}
.section-business li:nth-child(5){right:135px;bottom:20px;}
.section-business h5{width:auto;height:auto;margin:0 60px;line-height: 25px;font-size: 2.25rem;}
.section-business p{margin:8px 16px 0 16px;font-size:14px;line-height:20px;}
.section-business p span{display:inline; font-size: 13px;}
}

/* content : Key Strategy */
.section-strategy{padding-top:60px;padding-bottom:100px;}
.section-strategy ul{margin-top:40px;display:grid;grid-template-columns: repeat(2, minmax(0,1fr));gap:10px;text-align:left;align-items: stretch; justify-content:center;}
.section-strategy li{min-height: 385px;padding: 10px 15px 25px;text-align: center;background: rgb(0 0 0) linear-gradient(140deg, #e3e5ef, #cad9f7);box-sizing: border-box;border-radius: 8px;}
.section-strategy figure img{width:100%;height:100%;}
.section-strategy h5{min-height:52px;line-height:26px;color: rgb(10 44 135);}
.section-strategy p{font-size:16px;line-height:22px;color:rgb(10 44 135);}
@media (min-width: 768px) {
    .section-strategy{padding-top:130px;padding-bottom:160px;background-color:transparent;}
    .section-strategy ul{margin-top:60px;grid-template-columns: repeat(2, minmax(0,286px));gap:20px;text-align:center;}
    .section-strategy figure{width:180px;height:180px;margin:0 auto;}
}
@media (min-width: 1280px) {
    .section-strategy ul{margin-top:60px;grid-template-columns: repeat(4, minmax(286px,1fr));gap:20px;text-align:center;}
}

/* content : Key Projects */
.section-projects{padding-top:60px;padding-bottom:100px;background: linear-gradient(180deg, #070c14, #11101a);}
/* .section-projects ul{margin-top:40px;display:grid;grid-template-columns: repeat(2, minmax(0,1fr));gap: 10px;text-align:left;justify-content:center;} */
.section-projects ul{margin-top:40px;grid-template-columns: repeat(2, minmax(0,1fr));gap: 10px;text-align:left;justify-content:center;}
.section-projects li{
    min-height: 385px;
    background: rgb(30 30 44);
    box-sizing: border-box;
    box-shadow: 0 0 30px rgb(0 0 0 / 5%);
    -webkit-backdrop-filter: blur(15px);
            backdrop-filter: blur(15px);
    margin-bottom: 10px;
    border-radius: 8px;}
.section-projects figure img{width:100%;aspect-ratio: 1/1;-o-object-fit: cover;object-fit: cover;}
.section-projects h5{display: block; line-height:20px;text-align: left;}
.section-projects p {display: block; line-height:16px; margin-top: 6px;}
.section-projects a {display: flex; align-items: start;line-height: 12px; color:#889ce5;}
@media (min-width: 768px) {
    .section-projects{padding-top:130px;padding-bottom:160px;}
    /* .section-projects ul{margin-top:60px;grid-template-columns: repeat(2, minmax(0,286px));gap:20px;text-align:center;} */
    .section-projects ul{margin-top:60px;display:grid;grid-template-columns: repeat(2, minmax(0,286px));gap:20px;text-align:center;}
}
@media (min-width: 1280px) {
    /* .section-projects ul{margin-top:60px;grid-template-columns: repeat(4, minmax(286px,1fr));gap:20px;text-align:center;} */
    .section-projects ul{margin-top:60px;display:grid;grid-template-columns: repeat(4, minmax(286px,1fr));gap:20px;text-align:center;}
}

.cryptedmail:after {
    content: attr(data-name) "@" attr(data-domain) "." attr(data-tld); 
}  


/* BG Parallax */

.container {
	display: flex;
	-ms-flex-align: center;
	flex-wrap: wrap;
	margin: 0;
	padding: 0;
	position: relative;
	width: 100% !important;
    max-width: 100% !important;
}

.container--full {
	height: 100vh;
}

.parallax__container {
	clip: rect(0, auto, auto, 0);
	height: 100%;
	left: 0;
	overflow: hidden;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 10;
}
.parallax__container .parallax {
	/* can be put in a seperate class for better control */
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	/* --------------------------- */
	position: fixed;
	top: 0;
	transform: translate3d(0, 0, 0);
	transform-style: preserve-3d;
	width: 100%;
}

.jpmain{
    font-family: 'Poppins','Noto Sans JP',Helvetica,AppleSDGothicNeo,sans-serif;
    margin-top: 10px;
    margin-bottom: 10px;
}
.jpheader{
    font-family: 'Poppins','Noto Sans JP',Helvetica,AppleSDGothicNeo,sans-serif;
}