@charset "UTF-8";
::selection{background:#707070;color:#FFF;}
html{font-size:14px;line-height:1.4em;-webkit-overflow-scrolling:touch;overflow-scrolling:touch;}
html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%; overflow-y:hidden;}

body{width:100%;height:100%;color:#707070;background-color:#FFF;
	text-rendering: optimizeLegibility;
	font-feature-settings: 'palt';
	font-weight: 400;
	font-family: 'KairosPro-Extended', 'Noto Sans JP', 'MyYuGothic', 'YuGothic', 'Yu Gothic M', 'Yu Gothic Medium', 'MyHiragino', 'メイリオ', Meiryo, Osaka, 'MS UI Gothic', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	-webkit-font-smoothing : antialiased;
	-moz-osx-font-smoothing: grayscale;
}

html.is--opening{overflow:auto;}
/* font / Flash of unstyled text */
/* html{visibility:hidden;} */
/* html.wf-active{visibility:visible;} */

/*　--------------------------------------------------
------------------------------------------------------
------------------------------------------------------
------------------------------------------------------
------------------------------------------------------
------------------------------------------------------
------------------------------------------------------
------------------------------------------------------


COMMON
-basic

-------------------------------------------------- */
.c-imageWrap{line-height:0;}
.c-imageContainer{position:relative;width:100%;height:auto;}
img{vertical-align:bottom;}

a{color:#707070;text-decoration:none;}
object{pointer-events:none;}

source.c-imageContainer{position:absolute!important;}

.is--inview{opacity:0;transition:all 1s ease-out;}
.is--inview.is--opening{opacity:1;}

.is--scrollOff{overflow:hidden;}


/* br */
br.is--sp{display:none;}
br.is--pc{display:inline-block;}
@media screen and (max-width:767px){
	br.is--sp{display:inline-block;}
	br.is--pc{display:none;}
	}
	
/*　--------------------------------------------------

common

-------------------------------------------------- */
.c-imageWrap{}
.c-imageContainer{position:relative;width:100%;height:auto;display:inline-block;}
img{vertical-align:bottom;}

/* button */
.c-button{position:relative;background-color:#111;min-width:320px; display:inline-block;text-decoration:none;cursor:pointer;box-sizing:border-box; transition:opacity 2s ease-out, background-color .1s ease-in-out;}
.c-buttonContainer{padding:20px 35px 20px 15px;display:flex;justify-content:center;align-items:center;}
.c-buttonContainer::before{content:'';position:relative;width:12px;height:12px;margin:0 12px;transform:rotate(45deg);border-top:1px solid #FFF;border-right:1px solid #FFF;display:inline-block; transition:all .1s ease-out;}
.c-buttonContainer p{position:relative;padding:6px 0;color:#FFF;font-size:18px;line-height:1.4;letter-spacing:0em;display:inline-block; transition:all .1s ease-in-out;}

@media screen and (min-width:768px){
	.c-button:hover{background-color:red;}
	.c-button:hover .c-buttonContainer::before{margin:0 8px 0 16px;}
}
@media screen and (max-width:768px){
	.c-buttonContainer{padding:20px 25px 20px 5px;}
	.c-buttonContainer p{font-size:14px;}
}



/*　--------------------------------------------------
------------------------------------------------------
- main
- loading
- header

-------------------------------------------------- */
main{position:relative;width:100%; padding-top:150vh;margin:118px auto 0; transition:all 3s cubic-bezier(0.69, 0.02, 0.24, 1);}
main.is--opening{padding-top:0;}

.c-pageloadingWrap{position:fixed;top:0;left:0;width:100%;height:100%;background:#FFF;text-align:center;display:flex;justify-content:center;align-items:center;z-index:999;}
.c-pageloadingContainer{}
.ball-clip-rotate > div{border: 1px solid #3e84b4;border-top:1px solid #c64655;border-right:1px solid #dd6a2b;border-bottom-color: transparent;}

.l-header{position:fixed;top:calc(-50vh + 40px);right:4vw;z-index:11; opacity:0;transition:all 3s cubic-bezier(0.69, 0.02, 0.24, 1);}
.l-header > .l-container{}
.l-header .c-wrap{position:relative;}
.l-header .c-wrap .p-title{position:relative;color:#707070;font-size:20px;}

.l-header.is--opening{top:40px;opacity:1;}


.c-logo{position:fixed;top:50%;right:calc(4vw + 98px + 200px);transform:translate(130%,-50%); display:inline-block;z-index:11; opacity:0;transition:all 1s ease-out;}
.c-logoWrap{}
.c-logoWrap span{position:relative;font-size:48px;letter-spacing:-0.05em;font-weight:lighter; display:inline-block;}

.c-logo.is--opening{transform:translate(100%,-50%);opacity:1;}


.c-nav{position:fixed;top:calc(-50vh + 118px);right:calc(4vw + 98px + 200px);transform:translateX(100%);z-index:11; opacity:0;transition:all 3s cubic-bezier(0.69, 0.02, 0.24, 1);}
.c-nav .c-lists{position:relative; display:flex;flex-direction:column;}
.c-nav .c-item{position:relative;padding:0 0 0 35px;margin-bottom:1em; cursor:pointer; display:flex;align-items:baseline;}
.c-nav .c-item.is--active::before{content:'';position:absolute;bottom:.15em;left:0;width:25px;height:1px;display:inline-block; transition:all .15s ease-out;}
.c-nav .c-item .p-title{color:#707070;font-size:18px;line-height:1;font-weight:normal; transition:all .2s ease-out;}

.c-nav.is--opening{top:118px;opacity:1;}


	.c-nav .c-item--about.is--active::before{background-color:#ed9f7b;}
	.c-nav .c-item--about.is--active>.p-title{color:#ed9f7b;}
	
	.c-nav .c-item--story.is--active::before{background-color:#5dc9a9;}
	.c-nav .c-item--story.is--active>.p-title{color:#5dc9a9;}
	
	.c-nav .c-item--team.is--active::before{background-color:#5d9cc9;}
	.c-nav .c-item--team.is--active>.p-title{color:#5d9cc9;}
	
	.c-nav .c-item--company.is--active::before{background-color:#e68383;}
	.c-nav .c-item--company.is--active>.p-title{color:#e68383;}



@media screen and (min-width:767px){
/*
	.c-nav .c-item--about:hover::before{background-color:#ed9f7b;}
	.c-nav .c-item--about:hover>.p-title{color:#ed9f7b;}
	.c-nav .c-item--story:hover::before{background-color:#5dc9a9;}
	.c-nav .c-item--story:hover>.p-title{color:#5dc9a9;}
	.c-nav .c-item--team:hover::before{background-color:#5d9cc9;}
	.c-nav .c-item--team:hover>.p-title{color:#5d9cc9;}
	.c-nav .c-item--company:hover::before{background-color:#e68383;}
	.c-nav .c-item--company:hover>.p-title{color:#e68383;}
*/

	}
@media screen and (max-width:980px){
	main{margin:92px auto;}
	
	.l-header{}
	.l-header .c-wrap .p-title{font-size:14px;}
	
	.c-logo{right:calc(4vw + 70px + 120px);}
	.c-logoWrap span{font-size:32px;}
	
	.c-nav{top:92px;right:calc(4vw + 70px + 120px);}
	.c-nav .c-item .p-title{font-size:14px;}
	
	}
@media screen and (max-width:767px){
	main{margin:0 auto 0;padding-top:0;opacity:1;}
	
	.l-header{position:relative;top:inherit;right:inherit;width:100%;margin-top:40px;padding-right:calc(48 * 100vw / 750);box-sizing:border-box; opacity:1;}
	.l-header .c-wrap{text-align:right;}
	.l-header .c-wrap .p-title{font-size:20px;display:inline-block;}
	.l-header.is--opening{top:inherit;}

	.c-logo{position:relative;top:inherit;right:inherit;transform:translate(30%,-100%);margin:calc(100vh - 110px - 40px - 76px) 0 0;padding-left:calc(48 * 100vw / 750);}
	.c-logoWrap{}
	.c-logoWrap span{font-size:48px;margin-bottom:1em;}
	.c-logo.is--opening{transform:translate(0,-100%);opacity:1;}
	
	.c-nav{display:none;}
	}



/*　--------------------------------------------------
------------------------------------------------------
- section

-------------------------------------------------- */
.l-section{position:relative;padding-left:4vw;padding-bottom:5em; box-sizing:border-box; z-index:1; opacity:0;transition:all 3s cubic-bezier(0.69, 0.02, 0.24, 1)}
.l-section > .l-container{position:relative;margin:0 auto;}
.is--opening .l-section{opacity:1;}

.l-section .c-header{position:relative;left:0;margin-bottom:3em;}
.l-section .c-header .p-title{color:#707070;font-size:24px;letter-spacing:0em;text-align:left;font-weight:lighter;}
.l-section .c-header ~ *{width:calc(1593 * 100vw / 2880);padding-left:15vw;}

.c-about{margin-bottom:3em;}
.c-about .p-title{padding-bottom:1em;font-size:32px;letter-spacing:0.025em;line-height:1.19;font-weight:lighter;}
.c-about .p-text{font-size:18px;letter-spacing:0em;}
.c-about--mission .p-title{color:#ed9f7b;}
.c-about--vision .p-title{color:#5dc9a9;}

.c-story{margin-bottom:3em; display:flex;flex-direction:column;}
.c-story--circle{margin-bottom:2.5em; flex-direction:row;}
.c-story .c-data-analytics::before{background-color:#3e84b4;}
.c-story .c-human-sense::before{background-color:#e68383;}
.c-story .c-human-sense{margin-left:calc(-106 * 100vw / 2880);}
.c-story>div{position:relative;width:calc(460 * 100vw / 2880);height:calc(460 * 100vw / 2880); display:flex;justify-content:center;align-items:center;}
.c-story>div::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;border-radius:calc(460 * 100vw / 2880);opacity:.2;}
.c-story>div>span{color:#707070;font-size:20px;line-height:1;letter-spacing:0em;}

.c-story .p-text{padding-bottom:2em; color:#707070;font-size:15px;letter-spacing:0em;line-height:2; font-family: 'Noto Sans JP', 'MyYuGothic', 'YuGothic', 'Yu Gothic M', 'Yu Gothic Medium', 'MyHiragino', 'メイリオ', Meiryo, Osaka, 'MS UI Gothic', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;}
.c-story .p-text .is--data-analytics{color:#5d9cc9;font-weight:normal;}
.c-story .p-text .is--human-sense{color:#e68383;}

.c-team{margin-bottom:3em;}
.c-team.c-lists{}
.c-team .c-item{position:relative;padding-bottom:4em;display:flex;}
.c-team .c-imageWrap{max-width:calc(540px / 2);width:70%}
.c-team .c-imageContainer{}
.c-team .c-info{position:relative;width:100%;padding-left:calc(150 * 100vw / 2880);box-sizing:border-box;}
.c-team .c-info .p-name{padding:1.5em 0 .75em; font-size:20px;letter-spacing:0em;}
.c-team .c-info .p-name-en{padding-bottom:2em; font-size:12px;letter-spacing:0em; font-weight:bold;}
.c-team .c-info .p-position{padding-bottom:4em; font-size:12px;letter-spacing:0em; font-weight:bold;}
.c-team .c-info .p-text{font-size:15px;letter-spacing:0em;line-height:2;font-family: 'MyYuGothic', 'YuGothic', 'Yu Gothic M', 'Yu Gothic Medium', 'MyHiragino', 'メイリオ', Meiryo, Osaka, 'MS UI Gothic', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;}

.c-team .c-info .p-position.is--ceo{color:#3e84b4;}
.c-team .c-info .p-position.is--cdo{color:#c64655;}
.c-team .c-info .p-position.is--coo{color:#dd6a2b;}

.c-company{margin-bottom:3em;}
.c-company .c-unit{position:relative;margin-bottom:2em; display:flex;}
.c-company .c-unit .c-item,
.c-company .c-unit .p-text{font-size:15px;line-height:2;font-family:'MyYuGothic', 'YuGothic', 'Yu Gothic M', 'Yu Gothic Medium', 'MyHiragino', 'メイリオ', Meiryo, Osaka, 'MS UI Gothic', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif; display:inline-block;}
.c-company .c-unit .c-item{width:160px;}
.c-company .c-unit .p-text{width:100%;}
.c-company .c-unit .p-text a{position:relative;cursor:pointer; transition:color .2s ease-out;display:inline-block;}
.c-company .c-unit .p-text a::before{content:'';position:absolute;bottom:0;left:0;width:0;height:1px;background-color:#707070;display:inline-block;transition:all .2s cubic-bezier(0.69, 0.02, 0.24, 1);}
.c-company .c-unit .p-text span{position:relative;padding-left:14px;line-height:1.618;display:inline-block;}
.c-company .c-unit .p-text span::before{content:'';position:absolute;top:11px;left:0;width:8px;height:1px;background-color:#707070;display:inline-block;}

@media screen and (min-width:768px){
	.c-company .c-unit .p-text a:hover::before{width:100%;}
	}

@media screen and (max-width:980px){
	.l-section .c-header .p-title{font-size:18px;}
	.l-section .c-header ~ *{width:calc(1850 * 100vw / 2880);padding-left:14vw;}

	.c-about .p-title{font-size:28px;}
	.c-about .p-text{font-size:16px;}
	
	.c-story>div{width:calc(600 * 100vw / 2880);height:calc(600 * 100vw / 2880);}
	.c-story>div::before{border-radius:calc(600 * 100vw / 2880);}
	.c-story>div>span{font-size:16px;}
	}

@media screen and (max-width:767px){
	.l-section{padding-left:calc(48 * 100vw / 750);opacity:1;}
	.l-section .c-header .p-title{font-size:24px;}
	.l-section .c-header ~ *{width:100%;padding:0 calc(66 * 100vw / 750);}
	
	.c-about{margin-bottom:s;}
	.c-about .p-title{font-size:32px;letter-spacing:0.025em;line-height:1.19;}
	.c-about .p-text{font-size:18px;letter-spacing:0em;}
	
	.c-story{margin-bottom:0;}
	.c-story .c-human-sense{margin-left:calc(-75 * 100vw / 750);}
	.c-story>div{position:relative;width:calc(333 * 100vw / 750);height:calc(333 * 100vw / 750);margin-bottom:3em;}
	.c-story>div::before{border-radius:calc(333 * 100vw / 750);}
	.c-story>div>span{font-size:15px;}
	.c-story .p-text br{display:none;}
	
	.c-team{margin-bottom:0;}
	.c-team .c-item{padding-bottom:4em; flex-direction:column;}
	.c-team .c-imageWrap{width:100%;max-width:100%;}
	.c-team .c-info{padding-left:0;}
	
	.c-company{margin-bottom:0;}
	.c-company .c-unit .c-item,
	.c-company .c-unit .p-text{font-size:13px;}
	}

	
/*　--------------------------------------------------
------------------------------------------------------

-footer


-------------------------------------------------- */
.l-footer{position:relative;padding:calc(150vh + 6em) 4vw 2em;box-sizing:border-box; opacity:0;transition:all 3s cubic-bezier(0.69, 0.02, 0.24, 1);}
.l-footer > .l-container{position:relative; display:flex;flex-wrap:wrap;}
.l-footer.is--opening{padding:6em 4vw 2em;opacity:1;}

.l-footer .c-wrap{position:relative; display:flex;align-items:flex-end;}
.l-footer .c-wrap .p-title{position:absolute;font-size:35px;letter-spacing:-0.05em}
.l-footer .c-wrap .p-cp{padding-left:15vw;color:#333030;font-size:12px;font-weight:normal;}

@media screen and (max-width:980px){
	.l-footer .c-wrap .p-title{font-size:21px;}	
	.l-footer .c-wrap .p-cp{padding-left:14vw;}
	}

@media screen and (max-width:767px){
	.l-footer{position:relative;padding:3em calc(48 * 100vw / 750) 2em;}
	.l-footer .c-wrap{flex-direction:column;align-items:flex-start;}
	.l-footer .c-wrap .p-title{position:relative;font-size:28px;}
	.l-footer .c-wrap .p-cp{padding-left:21px;padding-top:2em; font-size:10px;}
	}

/*　--------------------------------------------------
inview
-------------------------------------------------- */
.is--inview{opacity:0;transition:opacity .5s ease-out;}
.is--inview.is--opening{opacity:1;}