@charset "UTF-8";
/* CSS Document */

/* **ソートリスト**
1__全体設定
2__TOP設定
3__下層設定
4__CSSハック
5__プラグイン制御
6__アニメーション
*/

/*============================
==============================
==============================
==============================
#1__全体設定
============================*/
/* -WEB フォント (GIBSON)- */
.num_section ul li .number,
.section_inner_block .cv_btn_area .cv_btn .title,
.section_inner_block .section_title02,
.section_inner_block .section_title01,
#main_visual  .section_inner_block .main_visual_copy .copy2{font-family: din-2014,sans-serif;font-weight: 700;font-style: normal;}
.num_section ul li .number{font-family: din-2014,sans-serif;font-weight: 600;font-style: normal;}
.num_section ul li .number .top .small,
.section_inner_block .flow_block01 .flow_block_list .title_block .number,
.section_inner_block .lineup_block01 .category{font-family: din-2014,sans-serif;font-weight: 400;font-style: normal;}

/*============================
#main_visual
============================*/
#main_visual {height:100vh;position:relative;z-index:0;}
#main_visual:before{content:"";display:block;width:67.5vw;height:100%;position:absolute;left:0;top:0;background:#1f3182;z-index:0;}
#main_visual:after{content:"";display:block;background:url(/img/top_background00.jpg) center center /cover no-repeat;height:90vh;width:79vw;z-index:1;position:absolute;top:0;right:0;}
#main_visual  .section_inner_block {
}
#main_visual  .section_inner_block .main_visual_copy {position:absolute;top:50%;left:21vw;z-index:2;transform: translate(-100px,-50%);}
#main_visual  .section_inner_block .main_visual_copy .copy1 {font-size:22px;color:#FFF;line-height:1.7;}
#main_visual  .section_inner_block .main_visual_copy .copy2 {color:#FFF;font-size:90px;}
#main_visual  .section_inner_block .main_visual_copy .copy2 .left {padding:0  75px 0 0 ;position:relative;}
#main_visual  .section_inner_block .main_visual_copy .copy2 .left:after{content: "";position: absolute;right: 35px;top: 0;bottom: 0;margin: auto 0;width: 1.5px;height: 50px;transform: rotate(-45deg);background: #FFF;}
#main_visual  .section_inner_block .main_visual_copy .copy2 .left:before{content: "";position: absolute;right: 35px;top: 0;bottom: 0;margin: auto 0;width: 1.5px;height: 50px;transform: rotate(45deg);background: #FFF;}
#main_visual  .section_inner_block .main_visual_copy .copy2 .right {}
#main_visual  .section_inner_block .main_visual_copy .copy3 {font-size:30px;font-weight:bold;color:#FFF;}
#main_visual  .scroll_btn.smooth { display: block;position: absolute;left: 0;bottom: 0;width: 100px;text-align: center;color: #FFF;font-size: 11px;letter-spacing: 5px;z-index: 3;left:10vw;height: 90px;transform: translate(-50%,0%);overflow: hidden;}
#main_visual  .scroll_btn:after {content: "";display: block;position: absolute;left: 50%;bottom: 0;height: 0;width: 2px;background: #FFF;transform: translate(-50%,0px);-webkit-transform: translate(-50%,0px);animation: scroll_border 2s ease -2s infinite;}
/*============================
#body
============================*/

.section_inner_block {padding:90px 0;width:1040px;margin:0 auto;box-sizing:border-box}
.section_inner_block .section_title01 {font-size:60px;color:#FFF;margin: 0 0 92px 0;line-height:45px;}
.section_inner_block .section_title02 {font-size:60px;color:#000;margin:0 0 70px 0;line-height:45px;text-align:center;}

.section_inner_block .list01 {/*margin:0 0 90px 0;*/}
.section_inner_block .list01  li{margin:0 0 45px 0;}
.section_inner_block .list01  li:last-child{margin:0;}
.section_inner_block .list01  .date {font-size:15px;display:table-cell;width:90px;padding:0 35px 0 0;}
.section_inner_block .list01  .category {font-size:15px;font-weight:bold;display:table-cell;padding:0 60px 0 0;width: 50px;}
.section_inner_block .list01  .desc {font-size:15px;display:table-cell;}
.news_block	.section_title01{float:left;width:210px;line-height:1;color:#1f3182}
.news_block	.list01{float:right;width:790px;}

.section_inner_block .logo_block {background:#ebebf2;padding:50px 90px}
.section_inner_block .logo_block > .title {font-size:15px;font-weight:bold;margin:0 0 40px;}
.section_inner_block .logo_block ul{margin:0 auto;}
.section_inner_block .logo_block li{width:240px;text-align:center;float:left;margin:0 50px 38px 0;}
.section_inner_block .logo_block li:nth-child(3n){margin:0 0 38px;}
/*.section_inner_block .logo_block li:nth-child(n + 4){margin: 0 9.7% 0px 0;}*/
.section_inner_block .logo_block li:last-child{margin:0;}
.section_inner_block .logo_block li .img {margin:0 0 10px;}
.section_inner_block .logo_block li .title {font-size:14px;}

#body section:nth-child(n + 2){position:relative;margin:0 0 100px;overflow: hidden;}
#body section#section_vision{
    margin: 0;
}
#body section#section_domain{
    padding-top: 10rem;
}
#body section#section_domain:before {
    content: "";
    position: absolute;
    left: 0;
    width: 93vw;
    height: 610px;
    display: block;
    z-index: 0;
    top: 0;
    background: #ebebf2;
}
#body section:nth-child(n + 2) .section_inner_block{padding: 122px 0;position: relative;z-index:2;}
#body section:nth-child(n + 2):after{content:"";position:absolute;top:0;left:0;width:79vw;height:100%;display:block;z-index:0;}
#body section:nth-child(3):after{top: 10rem !important;}
#body section:nth-child(2n + 3):after{content:"";position:absolute;top: 0;left:inherit;right:0;width:79vw;height:100%;display:block;z-index:0;}
#body section:nth-child(2n + 3) .section_inner_block{padding: 133px 0 133px 250px;position: relative;z-index:2;}
#body section:nth-child(7) .section_inner_block{padding:92px 0;}
#body section:nth-child(8) .section_inner_block{padding:0 0;}
#body section:nth-child(n + 6){margin:0;}
.section_inner_block .cv_btn_area.clearfix .cv_btn {
    line-height: 0;
}
#body section#section_vision:after{background:url(/img/top_background01.jpg) right center /cover no-repeat;}
#body section#section_domain:after{background:url(/img/top_background02.jpg) left center /cover no-repeat;}
/*#body section#section_service:after{background:url(/img/top_background03.jpg) right center /cover no-repeat;}*/
body#top #section_service:after {width: 100% !important;background: #1f3182;}
body#top #section_service{overflow:hidden;}
#body section#section_flow:after{background:url(/img/top_background04.jpg) left center /cover no-repeat;}
#body section#section_flow{z-index:3;margin: 0 !important;}
#body section#section_voice{z-index:2;}
#body section#section_logo{background:#ebebf2;}
#body #section_logo .section_inner_block{
        padding:
     0 0;
}
#body section#section_voice:before{
    left: inherit;
    right: 0;
}
#body section#section_logo:before {
    content: "";
    position: absolute;
    top: 133px;
    left: 0;
    width: 93vw;
    display: block;
    z-index: 0;
    background: #ebebf2;
    height: 100%;
    top: 0;
    left: 0;
    background: #FFF;
    width: 7vw;
}
#body section:nth-child(2n):before{content:"";position:absolute;top:133px;left:0;width:93vw;height:1260px;display:block;z-index:0;background:#ebebf2;}
#body section:nth-child(4):before{left:inherit;right:0;height:1620px;}
#body section:nth-child(6):before{top:-170px;height:1120px;}
#body section#section_logo:before{height:100%;top:0;left:0;background:#FFF;width:7vw;}
#body section#section_cv:before{display:none;}
.section_inner_block .text_block01 {margin:0 0 90px;}
.section_inner_block .text_block01:last-child{margin:0;}
.section_inner_block .text_block01 .section_title01 {color:#FFF;margin:0 0 35px 0;}
.section_inner_block .text_block01 .sub_title {color:#FFF;font-size:22px;margin:0 0 25px;font-weight: bold;}
.section_inner_block .text_block01 .desc {color:#FFF;line-height:2;font-size:16px;}

.section_inner_block .text_block02 {margin:0 0 30px;padding:5px;background:rgba(255,255,255,0.85);display: flex !important;}
.section_inner_block .text_block02.second .logo_content{
    justify-content: space-evenly;
}
.section_inner_block .text_block02.second .logo_content .img {padding: 0;width: calc((100% - 14rem) / 2);}
.section_inner_block .text_block02 .title {width:170px;height:170px;background:rgba(51,51,102,0.75);color:#FFF;display: flex;text-align:center;vertical-align:middle;justify-content: center;align-items: center;}
.section_inner_block .text_block02:nth-of-type(2) .title{background:rgba(27,57,111,0.75);}
.section_inner_block .text_block02:nth-of-type(3) .title{background:rgba(25,95,116,0.75);}
.section_inner_block .text_block02 .text {font-size:14px;text-align:center;line-height:1.8;width:610px;display: flex;justify-content: center;flex-wrap: wrap;align-items: center;align-content: center;row-gap: 4px;}
.section_inner_block .text_block02 .text p{width:100%;}
.section_inner_block .text_block02 .text .img {margin:0 auto;width: 100%;text-align: center;}
.top .section_inner_block .text_block02 .text .img {text-align: left;width: 15rem;}
.section_inner_block .text_block02 .text .img img:nth-child(1){
}
.section_inner_block .text_block02 .text .img img:last-child{
    margin: 0;
}
.section_inner_block .text_block02 .text .img img{margin:0 0 15px 0;}
.section_inner_block .text_block02 .logo_content {display: flex;width:610px;}
.section_inner_block .text_block02 .logo_content .img {display: flex;text-align:center;position:relative;padding: 2rem 1.5rem;justify-content: center;flex-wrap: wrap;height: auto;align-items: center;}
.section_inner_block .text_block02 .logo_content .img p{font-size:13px;padding:5px 0 0;position:absolute;bottom:0;width:100%;text-align:center;bottom:0.5em;height:2em;}
.section_inner_block .lineup_block01 {margin:0 35px 20px 0;height:280px;}
/*.section_inner_block .lineup_block01:nth-of-type(1){float:left;}
.section_inner_block .lineup_block01:nth-of-type(n + 2){float:left;}*/
.section_inner_block .lineup_block01 .category {font-size:18px;color:#FFF;text-align: left;position: absolute;z-index: 10;width:280px;top:50%;left:0px;transform:translate(0,-50%);}
.section_inner_block .lineup_block01 .lineup_block_list {position: relative;z-index: 10;font-size: 16px;padding: 10px 0 10px 19px;box-sizing: border-box;border-left: 1px solid #fff;left:280px;}
.section_inner_block .lineup_block01 .lineup_block_list  .title_block {display:table;margin: 0 0 15px;}
.section_inner_block .lineup_block01 .lineup_block_list  .title_block .img {display:table-cell;height:84px;width:84px;background:#FFF;border-radius:5px;overflow: hidden;}
.section_inner_block .lineup_block01 .lineup_block_list  .title_block .title {text-align:left;color:#FFF;font-size:16px;display:table-cell;vertical-align: middle;font-weight: normal;}
.section_inner_block .lineup_block01 .lineup_block_list  .content {margin:0 0 27px;color:#FFF;font-size:14px;line-height:1.7}
.section_inner_block .lineup_block01 .lineup_block_list li:last-child  .content {margin:0;}
.section_inner_block .lineup_block01:before {position: absolute;content: "";right:11vw;top: 0;width: 100%;height: 100%;}
.section_inner_block .lineup_block01:after{position:absolute;content:"";right: 11vw;top:0;width: 100%;height: 100%;background: rgba(125,125,140,0.9);mix-blend-mode: multiply;-ms-mix-blend-mode: multiply;}
.section_inner_block .lineup_block01:nth-child(2):before{background: url(/img/kaso_backimg06.jpg) right center /cover no-repeat;}
.section_inner_block .lineup_block01:nth-child(3):before{background: url(/img/kaso_backimg07.jpg) right center /cover no-repeat;}
.section_inner_block .lineup_block01:nth-child(4):before{background: url(/img/kaso_backimg_ai.jpg) right center /cover no-repeat;}
.section_inner_block .lineup_block01:nth-child(5):before{background: url(/img/kaso_backimg09.jpg) right center /cover no-repeat;}
.section_inner_block .lineup_block01:nth-child(6):before{background: url(/img/kaso_backimg08.jpg) right center /cover no-repeat;}

.lineup_block01 > .category > span.en{font-size: 18px;display: block;width: 100%;}
.lineup_block01 > .inner{float: left;display: flex;vertical-align: middle;flex-direction: column;align-items: center;-webkigt-align-items: center;justify-content: center;-webkit-justify-content: center;}
.lineup_block01 > .category > span.jp{font-size: 24px;font-weight: bold;display: block;width: 100%;}
.lineup_block01  ul.lineup_block_list{
    background: none;
}
.lineup_block01  ul.lineup_block_list > li{}
.lineup_block01 ul.lineup_block_list > li:last-child > .title_block{margin-bottom:0;}
.lineup_block01 ul.lineup_block_list > li > .title_block > .img{
    display: none !important;
}
.lineup_block01 ul.lineup_block_list > li > .title_block > .img > img{}
.lineup_block01 ul.lineup_block_list > li > .title_block > .title{
    line-height: 22px;
    width: 100% !important;
}
.lineup_block01 ul.lineup_block_list > li > .title_block > .title br{display:none;}
.lineup_block01 ul.lineup_block_list > li > .content{
    display: none;
}
.lineup_block01 ul.lineup_block_list > li > .content > p{}
.section_inner_block .lineup_block01{
    width: 89vw;
    margin-right: 0;
    float: none;
    box-sizing: border-box;
    position: relative;
    display: flex;
}


.section_inner_block .flow_block01 {}
.section_inner_block .flow_block01 .flow_block_list {float:left;}
.section_inner_block .flow_block01 .flow_block_list li{width:250px;margin:0 30px 15px 0;}
.section_inner_block .flow_block01 .flow_block_list li:nth-of-type(n + 5){}
.section_inner_block .flow_block01 .flow_block_list  .title_block {margin:0 0 10px 0;}
.section_inner_block .flow_block01 .flow_block_list  .title_block .number {font-size:40px;color:#FFF;line-height:27px;}
.section_inner_block .flow_block01 .flow_block_list  .title_block .title {background:#FFF;line-height:30px;font-size:15px;font-weight:bold;padding:0 5px;color:#23377B;}
.section_inner_block .flow_block01 .flow_block_list  .content dl dt,
.section_inner_block .flow_block01 .flow_block_list  .content dl dd{color:#FFF;position: relative;font-size:14px;line-height:1.8;margin:0 0 2px;padding:0 0 0 12px;letter-spacing: -1px;}
.section_inner_block .flow_block01 .flow_block_list  .content dl dt:before,
.section_inner_block .flow_block01 .flow_block_list  .content dl dd:before{content:"";display:block;width:7px;height:7px;position:absolute;top:10px;left:0;background:#FFF;opacity:0.5;}
.section_inner_block .flow_block01 .flow_block_list .img_graph {position: relative;}
.section_inner_block .flow_block01 .flow_block_list .img_graph:before{content:"";display:block;width:400px;height:400px;position:absolute;top: 1rem;left:0;background:url(/img/section_graph2.png) center center no-repeat;background-size: 100%;}

.section_inner_block .customer_list01 {width:870px;margin:0 auto;}
.section_inner_block .customer_list01 li {width:355px;background:#FFF;padding:30px;float:left;}
.section_inner_block .customer_list01 li:nth-child(2n) {float:right;}
.section_inner_block .customer_list01 li  .title {font-size:18px;line-height:1.2;margin:5px 0 30px;font-weight:bold;}
.section_inner_block .customer_list01 li  .desc {font-size:15px;line-height:1.5;margin:0 0 20px;}
.section_inner_block .customer_list01 li  .merit {border:1px solid #CCC;padding:15px;margin:0 0 30px;}
.section_inner_block .customer_list01 li  .merit dt{font-size:16px;font-weight:bold;margin:0 0 10px;}
.section_inner_block .customer_list01 li  .merit dd{font-size:15px;position: relative;padding:0 0 0 15px;line-height:1.2;margin:0 0 5px 0;}
.section_inner_block .customer_list01 li  .merit dd:before{content:"";background:#333366;display:block;width:7px;height:7px;position:absolute;top:5px;left:0;}
.section_inner_block .customer_list01 li  .img {background:#999999;height:200px;}
#body section#section_flow:after{background: url(/img/top_background04.jpg) left center /cover no-repeat;}


/*============================
==============================
==============================
==============================
#3__下層設定
============================*/
/* -全体設定- */

/*============================
==============================
==============================
==============================
#4__CSSハック
============================*/
/* -ファイアフォックス- */
@-moz-document url-prefix() {

}

/* -IE- */
nav::-webkit-scrollbar{display:none;}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.section_inner_block .lineup_block01:after{background: rgba(125,125,140,0.3);}
/* -スクロールバー非表示- */
nav{-ms-overflow-style:none;}

/* -セレクトの矢印削除- */
select::-ms-expand{display: none;}

}
/* -IE(Edge)- */
@supports (-ms-ime-align:auto){

}
/*============================
==============================
==============================
==============================
#5__プラグイン制御
============================*/
/* -基本設定- */

/*============================
==============================
==============================
==============================
#6__アニメーション
============================*/
/* -サンプル- */
.loop li
{/*--アニメーション (name・速度・進行割合・繰り返しの指示 (無限 = infinite,終了時維持 = forwards))--*/-webkit-animation: loop 50s  linear infinite;animation: loop 50s linear infinite;/*--アニメーション (動作を軽くする為にcssタイプを指定する)--*/-webkit-will-change:transform;will-change:transform;
}

@keyframes loop
{0%{    -webkit-transform: translateY(-100%);    -ms-transform: translateY(-100%);    transform: translateY(-100%);}100%{    -webkit-transform: translateY(0);    -ms-transform: translateY(0);    transform: translateY(0);}
}

@keyframes scroll_border {
0% {bottom:70px;height:0px;}
50% {bottom:0px;height:70px;}
100% {bottom:-70px;height:0;}
}
.open_animation{position:fixed;height:100%;width:100%;background:#1f3182;}
.logo_block,.lineup_block_list,.flow_block_list li,.customer_list01 ul li,.lineup_block_list li,.text_block02,.logo_block ul li,.list01 li,.text_block01,.cv_btn,
.section_title01{opacity:0;}

#stratup_logo{position:fixed;height:100%;width:100%;display:block;z-index:300;top:0;left:0;opacity:0;transiton:all 0.6s;-webkit-transition:all 0.6s;overflow: hidden;}
#stratup_logo img.animated{transiton:all 0.3s;-webkit-transition:all 0.3s;}
body.on #stratup_logo{opacity:1;}
body.step2 #stratup_logo{width:0;display:none;}
#stratup_logo img{width:200px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);}

body{transition:all 0.6s;-webkit-transition:all 0.6s;opacity:1;}
body:after{content:"";display:block;background:#1f3182;position:fixed;left:0;top:0;height:100%;width:100%;z-index:200;transition: all 1.2s;}
body.step1:after{width:0;opacity:0;}
body.step2:after{display:none;}

#body section:after{transition:all 1.2s;opacity:0;transform: translate(0%,-5%);}
#body section.animate_on:after{opacity:1;transform: translate(0%,0%);}
#main_visual:before{width:100vw;transition:all 1.2s;}
#main_visual:after{width:0;transition:all 1.2s;}
body.step1 #main_visual:before{width:67.5vw;}
body.step1 #main_visual:after{width:79vw;}

.main_visual_copy{opacity:0;}

.num_section{background:url("/img/num_background01.jpg") center center no-repeat;background-size:cover;}
.num_block{width:1040px;margin:0 auto;padding:55px 0 70px 0;}
.num_block .title{text-align:center;font-size:22px;margin:0 0 20px 0;color:#FFF;font-weight:bold;letter-spacing: 2px;opacity:0;}
.num_section ul li{width:256px;margin-right:4px;float:left;text-align:center;background:rgba(255,255,255,0.85);color:#1f3182;opacity:0;height: 251px;}
.num_section ul li:last-child{margin-right:0px;}

.num_section ul li .number{margin:0 0 0px 0;color:#1f3182;line-height:1;padding:20px 0;}
.num_section ul li .number .top .big{font-size:80px;}
.num_section ul li .number .top .small{font-size:40px;}
.num_section ul li .number .top .small.sup{font-size: 70px;position: relative;top: -15px;}
.num_section ul li .number .bottom{font-size:20px;}
.num_section ul li .text{font-size:15px;padding:0 0 2em 0;}
.num_section ul li:nth-child(n + 2) .text{padding:1em 0 2em 0;}