@charset "utf-8";

#block-footer{display:none!important;}
.fixed-link{position:fixed;right:30px;bottom:100px;text-align:center;z-index:11;opacity:0;transform:translateY(50px);transition:.8s ease;}
body.scroll .fixed-link{opacity:1;transform:none;}
body.scroll-end .fixed-link{opacity:0;transform:translateY(-50px);}

/* -------------------------------------------------- */
/* #block-mv */
/* -------------------------------------------------- */
#block-mv{background:url(/tech/smart_future_vision/img/top/mv.jpg) no-repeat center center;background-size:cover;height:calc(100vh - 74px);position:relative;padding:0 60px;min-height:700px;z-index:1;}
#block-mv::before{content:"";display:block;width:100%;height:100%;position:absolute;left:0;top:0;z-index:3;background-image:url(/tech/smart_future_vision/img/top/dot.png),url(/tech/smart_future_vision/img/top/mv_back.png);background-repeat:repeat,no-repeat;background-position:center center,left center;background-size:auto auto,auto 100%;}
#block-mv::after{content:"";display:block;width:100%;height:100%;position:absolute;left:0;top:0;background:#161d25;z-index:10;}
#block-mv > .container{max-width:1280px;padding:0;height:100%;}
#block-mv .txt{position:absolute;left:0;bottom:360px;z-index:5;}
#block-mv .txt .item{display:none;}
#block-mv .txt span{display:inline-block;background:rgba(22,29,37,0.8);color:#fff;padding:15px 18px 16px;white-space:nowrap;line-height:1;font-weight:500;letter-spacing:0.05em;}
#block-mv .txt .item > div{opacity:0;transform:translateX(-60px);transition:.6s ease;}
#block-mv .txt .item > div + div{margin-top:10px;}
#block-mv .txt.animated .item > div{transform:none;opacity:1;}
#block-mv .txt.animated .item> div:nth-of-type(2){transition-delay:.1s;}
#block-mv .txt.animated .item > div:nth-of-type(3){transition-delay:.2s;}
#block-mv .txt.animated .item > div:nth-of-type(4){transition-delay:.3s;}
#block-mv .txt.animated .item > div:nth-of-type(5){transition-delay:.4s;}
#block-mv .txt.animated .item > div:nth-of-type(6){transition-delay:.5s;}
#block-mv .txt.fadeout .item > div{transform:translateX(60px);opacity:0;transition:.8s ease;}
#block-mv .logo{position:absolute;left:0;bottom:160px;line-height:1;z-index:6;opacity:0;transform:translateX(-80px);}
#block-mv .logo span{display:block;}
#block-mv .logo .logo01{margin-bottom:5px;}
#block-mv .movie{position:absolute;right:0;top:0;width:auto;height:100%;z-index:4;}
#block-mv .movie::before{content:"";display:block;width:100%;height:100%;background:rgba(0,0,0,0.1);position:absolute;top:0;left:0;z-index:3;}
#block-mv .movie video{width:auto;height:100%;margin:0 0 0 auto;display:block;}
#block-mv .back{position:absolute;right:0;top:0;width:100%;height:100%;z-index:1;}
#block-mv .back::before{content:"";display:block;width:100%;height:100%;background:rgba(0,0,0,0.6);position:absolute;top:0;left:0;z-index:3;}
#block-mv .back video{width:100%;height:100%;display:block;object-fit:cover;font-family:"object-fit:cover";}
@media screen and (min-width:1px) and (max-width: 1279px){#block-mv .movie{right:-60px;}}

#block-mv.animated .logo{opacity:1;transform:none;transition:1s .4s ease;}
#block-mv.animated::after{opacity:0;transition:.6s ease;}

/* -------------------------------------------------- */
/* #block-nav */
/* -------------------------------------------------- */
#block-nav{background:url(/tech/smart_future_vision/img/nav_back.jpg) no-repeat center center #161d25;background-size:cover;border-top:50px solid #d3042d;position:relative;z-index:10;}
#block-nav .container{max-width:1460px;padding-left:30px;padding-right:30px;}
#block-nav .list-nav{display:flex;margin:-100px auto 0;padding-bottom:30px;}
#block-nav .list-nav > li{height:400px;flex:1;box-shadow:0 0 20px rgba(0,0,0,0.1);position:relative;transition:.3s ease;}
#block-nav .list-nav > li::before{content:"";display:block;width:100%;height:100%;position:absolute;left:0;top:0;z-index:0;background:no-repeat center center #161d25;background-size:cover;}
#block-nav .list-nav > li + li{margin-left:1%;}
#block-nav .list-nav > li a{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:#fff;font-size:42px;text-align:center;line-height:1;white-space:nowrap;padding:20px 10px;transition:.3s ease;position:relative;z-index:2;}
#block-nav .list-nav > li a span{display:block;}
#block-nav .list-nav > li a span::after{content:"";display:block;width:20px;height:4px;background:#e6002d;margin:30px auto -20px;}
#block-nav .list-nav > li a small{font-size:28px;opacity:0.3;display:block;margin:0 auto 10px;}
#block-nav .list-nav > li.nav01::before{background-image:url(/tech/smart_future_vision/img/top/nav01.jpg);}
#block-nav .list-nav > li.nav02::before{background-image:url(/tech/smart_future_vision/img/top/nav02.jpg);}
#block-nav .list-nav > li.nav03::before{background-image:url(/tech/smart_future_vision/img/top/nav03.jpg);}
#block-nav .list-nav > li.nav04::before{background-image:url(/tech/smart_future_vision/img/top/nav04.jpg);}
#block-nav .list-nav > li.nav05::before{background-image:url(/tech/smart_future_vision/img/top/nav05.jpg);}
#block-nav .list-nav > li a:hover{transform:scale(1.08);}
#block-nav .list-nav > li:hover::before{filter: grayscale(100%);}

/* -------------------------------------------------- */
/* #block-concept */
/* -------------------------------------------------- */
#block-concept{background:url(/tech/smart_future_vision/img/back.jpg) no-repeat center center;background-size:cover;position:relative;z-index:3;}
#block-concept .inner02{margin: 0 0 0 auto;max-width: 903px;display:block;text-align: center;color: #fff;line-height: 2.2;}
#block-concept .common-ttl01{margin-top:140px;}
#block-concept .common-ttl02{margin-bottom:0;}

/* -------------------------------------------------- */
/* #block-spirit */
/* -------------------------------------------------- */
#block-spirit{background:url(/tech/smart_future_vision/img/top/spirit_back.jpg) no-repeat center center #161d25;background-size:cover;position:relative;z-index:2;}
#block-spirit .container{z-index:3;}
#block-spirit .common-ttl01 span{margin-top:-300px;}
#block-spirit .common-ttl02 span{border-bottom:0;}
#block-spirit .common-ttl02::after{content:"";display:block;background:#fff;width:calc(100% + (100vw - 1160px) / 2);height:1px;position:absolute;left:0;bottom:0;z-index:1;}
#block-spirit .inner{text-align:right;text-shadow:0 0 20px rgba(0,0,0,0.8);animation-delay:.6s;}
#block-spirit .inner02{margin:240px 0 0;display:inline-block;text-align:left;max-width:600px;color:#fff;line-height:2.2;}
#block-spirit .img{position:absolute;left:0;top:0;width:100%;height:100%;z-index:1;}
#block-spirit .img .person{width:100%;height:100%;position:absolute;left:0;top:0;background:url(/tech/smart_future_vision/img/top/spirit_img.png) no-repeat center center;background-size:auto 100%;z-index:2;opacity:0;transform:translateX(-100px);}
#block-spirit .img .back{position:absolute;width:100%;height:100%;z-index:1;overflow:hidden;}
#block-spirit .img .back::before{content:"";display:block;width:600px;height:0;position:absolute;right:-400px;top:0;transform-origin:right top;transform:rotate(45deg);background:rgba(230,0,45,0.9);z-index:2;}
#block-spirit .img .back::after{content:"";display:block;width:600px;height:0;position:absolute;right:-600px;top:0;transform-origin:right top;transform:rotate(45deg);background:rgba(22,29,37,0.5);z-index:1;}
@media screen and (min-width:1px) and (max-width: 1279px){#block-spirit .common-ttl02::after{width:calc(100% + 60px)}}

#block-spirit.animated .img .person{transform:none;opacity:1;transition:.8s ease;}
#block-spirit.animated .img .back::before{height:250%;transition:.8s ease;}
#block-spirit.animated .img .back::after{height:250%;transition:.8s .2s ease;}

/* -------------------------------------------------- */
/* #block-technology */
/* -------------------------------------------------- */
#block-technology{background:url(/tech/smart_future_vision/img/top/technology_back.jpg) no-repeat center center #161d25;background-size:cover;position:relative;z-index:4;}
#block-technology .common-ttl01{position:absolute;right:0;z-index:3;}
#block-technology .common-ttl02 span{border-bottom:0;position:relative;}
#block-technology .common-ttl02 span::after{content:"";display:block;background:#fff;width:calc(100% + (100vw - 1160px) / 2);height:1px;position:absolute;right:0;bottom:0;z-index:1;}
#block-technology .inner{text-shadow:0 0 20px rgba(0,0,0,0.8);animation-delay:.6s;}
#block-technology .inner02{margin:0;max-width:903px;display:inline-block;text-align:left;color:#fff;line-height:2.2;}
#block-technology .img{position:absolute;bottom:80px;right:-560px;z-index:0;transform:translateY(80px);}
#block-technology .img > div{width:450px;height:450px;transform:rotate(45deg);position:relative;transform-origin:left top;}
#block-technology .img > div::after{content:"";display:block;background:rgba(17,17,17,0.1);width:100%;height:100%;position:absolute;z-index:-1;opacity:0;top:0;left:0;}
#block-technology .img > div div{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;}
#block-technology .img > div div span{display:block;transform-origin:left top;transform:rotate(-45deg);width:145%;height:145%;background:url(/tech/smart_future_vision/img/top/technology_img02.jpg) no-repeat center center;background-size:cover;position:absolute;top:50%;left:-50%;opacity:0;z-index:6;}
@media screen and (min-width:1px) and (max-width: 1279px){#block-technology .common-ttl02 span::after{width:calc(100% + 60px);}}

#block-technology .img > div > div::before{content:"";display:block;width:0;height:1px;background:#fff;position:absolute;left:0;top:0;z-index:5;opacity:0.7;}
#block-technology .img > div > div::after{content:"";display:block;width:1px;height:0;background:#fff;position:absolute;right:0;top:0;z-index:5;opacity:0.7;}
#block-technology .img > div > div > div::before{content:"";display:block;width:0;height:1px;background:#fff;position:absolute;right:0;bottom:0;z-index:5;opacity:0.7;}
#block-technology .img > div > div > div::after{content:"";display:block;width:1px;height:0;background:#fff;position:absolute;left:0;bottom:0;z-index:5;opacity:0.7;}

#block-technology .img.animated{transform:none;transition:.8s ease;}
#block-technology .img.animated > div > div::before{width:100%;transition:.4s;}
#block-technology .img.animated > div > div::after{height:100%;transition:.4s;}
#block-technology .img.animated > div > div > div::before{width:100%;transition:.4s;}
#block-technology .img.animated > div > div > div::after{height:100%;transition:.4s;}
#block-technology .img.animated > div div span{opacity:1;transition:.6s .4s ease;}
#block-technology .img.animated > div::after{opacity:1;left:35px;top:35px;transition:.6s .4s ease;}

/* -------------------------------------------------- */
/* #block-projects */
/* -------------------------------------------------- */
#block-projects-ttl .common-ttl01{z-index:4;position:relative;margin-top:160px;}
#block-projects{background:url(/tech/smart_future_vision/img/back.jpg) no-repeat center center;background-size:cover;position:relative;z-index:3;}
#block-projects .map-wrap{text-align:left;margin-top:50px;}
#block-projects .map-inner{position:relative;display:inline-block;text-align:center;}
#block-projects .map{display:inline-block;position:relative;}
#block-projects .map .back{display:inline-block;pointer-events:none;user-select:none;}
#block-projects .map .list-map > li{position:absolute;color:#fff;font-size:30px;font-style:italic;}
#block-projects .map .list-map > li::before{content:"";display:block;width:8px;height:8px;background:#fff;border-radius:100%;box-shadow:0 0 5px rgba(255,255,255,0.8);}
#block-projects .map .list-map > li span{position:absolute;display:block;text-shadow:0 0 5px rgba(25,28,34);}
#block-projects .map .list-map > li.saitama{right:31.9%;top:46.4%;}
#block-projects .map .list-map > li.saitama span{right:0;bottom:10px;}
#block-projects .map .list-map > li.aichi{right:41.9%;top:50.1%;}
#block-projects .map .list-map > li.aichi span{right:-20px;top:10px;}
#block-projects .map .list-map > li.kanagawa{right:31.9%;top:48.5%;}
#block-projects .map .list-map > li.kanagawa span{left:-35px;top:10px;}
#block-projects .map .singapore{color:#fff;font-size:30px;font-style:italic;position:absolute;bottom:18.5%;left:23%;text-shadow:0 0 5px rgba(25,28,34);}

#block-projects .projects{position:absolute;left:0;top:0;width:100%;height:100%;}
#block-projects .projects .list-projects > li{display:inline-block;position:absolute;}
#block-projects .projects .list-projects > li::before{content:"";display:block;width:0;height:1px;background:#fff;position:absolute;}
#block-projects .projects .list-projects > li .inner{margin-top:15px;padding:0 30px;position:relative;}
#block-projects .projects .list-projects > li .inner::before{content:"";display:block;width:0;height:1px;background:#fff;position:absolute;top:0;left:0;}
#block-projects .projects .list-projects > li .img{padding:0 30px;text-align:center;opacity:0;transform:translateY(50px);}
#block-projects .projects .list-projects > li.pickup .img span{display:inline-block;position:relative;overflow:hidden;}
#block-projects .projects .list-projects > li.pickup .img span::before{content:"PICK UP";position:absolute;color:#fff;background:#cc1c49;font-size:23px;font-family:'Barlow Semi Condensed',"Noto Sans JP","游ゴシック体",YuGothic,"游ゴシック","Yu Gothic",'ヒラギノ角ゴ ProN W3','Hiragino Sans','Hiragino Kaku Gothic ProN','メイリオ',meiryo,"ＭＳ Ｐゴシック", sans-serif;display:flex;align-items:flex-end;justify-content:center;padding:5px;box-sizing:border-box;top:-16px;left:-72px;width:200px;height:80px;transform:rotate(-45deg);}
#block-projects .projects .list-projects > li .ttl{font-size:38px;color:#fff;font-style:italic;text-align:left;line-height:1.1;max-width:250px;margin:auto;opacity:0;transform:translateY(50px);}
#block-projects .projects .list-projects > li .ttl small{font-size:18px;display:inline-block;background:rgba(255,255,255,0.1);line-height:1;padding:3px 8px 4px;font-style:normal;margin-bottom:5px;}
#block-projects .projects .list-projects > li .ttl span{display:block;}
#block-projects .projects .list-projects > li .ttl span img{display:block;margin:10px auto 25px;}
#block-projects .projects .list-projects > li .ttl .ja{font-size:28px;font-weight:bold;font-family:"Noto Sans JP","游ゴシック体",YuGothic,"游ゴシック","Yu Gothic",'ヒラギノ角ゴ ProN W3','Hiragino Sans','Hiragino Kaku Gothic ProN','メイリオ',meiryo,"ＭＳ Ｐゴシック", sans-serif;margin-top:5px;line-height:1.3;white-space:nowrap;}
#block-projects .projects .list-projects > li .btn{opacity:0;transform:translateY(50px);}
#block-projects .projects .list-projects > li .common-btn01{width:100%;min-width:1px;padding:10px 40px 15px 40px;background:none;border:1px solid #fff;}
#block-projects .projects .list-projects > li .common-btn01::after{display:none;}
#block-projects .projects .list-projects > li .common-btn01:hover{border-color:#E6002D;color:#E6002D!important;}
#block-projects .projects .list-projects > li.item-bottom{display:flex;flex-direction:column-reverse;}
#block-projects .projects .list-projects > li.item-bottom .inner{margin-bottom:15px;margin-top:0;padding-bottom:10px;}
#block-projects .projects .list-projects > li.item-bottom .inner::before{top:auto;bottom:0;}

#block-projects .projects .list-projects > li.nagoya{left:24.9%;top:15%;}
#block-projects .projects .list-projects > li.nagoya::before{left:100%;top:175px;transform:rotate(51deg);transform-origin:left top;}
#block-projects .projects .list-projects > li.omiya{right:-13%;top:5%;}
#block-projects .projects .list-projects > li.omiya .inner{}
#block-projects .projects .list-projects > li.omiya .inner::before{left:auto;right:0;}
#block-projects .projects .list-projects > li.omiya::before{right:100%;top:322px;transform:rotate(-35deg);transform-origin:right top;}
#block-projects .projects .list-projects > li.omiya .ttl{text-align:center;}
#block-projects .projects .list-projects > li.changi{left:2%;bottom:0;}
#block-projects .projects .list-projects > li.changi::before{display:none;}
#block-projects .projects .list-projects > li.changi .inner::before{display:none;}
#block-projects .projects .list-projects > li.kawasaki{right:14.5%;bottom:5%;}
#block-projects .projects .list-projects > li.kawasaki::before{left:100%;bottom:175px;transform:rotate(-48deg);transform-origin:left top;}
#block-projects .projects .list-projects > li.kawasaki .ttl{max-width:250px;}
#block-projects .projects .list-projects > li.kawasaki .inner{padding:0 15px 10px;}
#block-projects .projects .list-projects > li.yokohama{right:-13%;bottom:5%;}
#block-projects .projects .list-projects > li.yokohama::before{right:100%;bottom:175px;transform:rotate(47.5deg);transform-origin:right top;}
#block-projects .projects .list-projects > li.yokohama .ttl{max-width:195px;}
#block-projects .projects .list-projects > li.yokohama .inner{padding:0 15px 10px;}

#block-projects .map-wrap.animated .projects .list-projects > li .ttl,
#block-projects .map-wrap.animated .projects .list-projects > li .img,
#block-projects .map-wrap.animated .projects .list-projects > li .btn{opacity:1;transform:none;transition:.6s ease .5s;}
#block-projects .map-wrap.animated .projects .list-projects > li .inner::before{width:100%;transition:.2s ease;}
#block-projects .map-wrap.animated .projects .list-projects > li::before{transition:.4s ease .2s;}
#block-projects .map-wrap.animated .projects .list-projects > li.nagoya::before{width:230px;}
#block-projects .map-wrap.animated .projects .list-projects > li.omiya::before{width:170px;}
#block-projects .map-wrap.animated .projects .list-projects > li.changi::before{width:160px;}
#block-projects .map-wrap.animated .projects .list-projects > li.kawasaki::before{width:55px;}
#block-projects .map-wrap.animated .projects .list-projects > li.yokohama::before{width:390px;}

/* -------------------------------------------------- */
/* #block-contents */
/* -------------------------------------------------- */
#block-contents{text-align:center;position:relative;z-index:1;}
#block-contents::before{content:"";display:block;width:100%;height:100%;position:absolute;top:0;left:0;background:url(/tech/smart_future_vision/img/top/contents_back2.jpg) no-repeat center bottom;background-size:cover;z-index:0;}
#block-contents::after{content:"";display:block;position:absolute;right:0;bottom:0;width:0;height:0;border-style:solid;border-width:0 0 420px 420px;border-color:transparent transparent rgba(230,0,45,0.8) transparent;z-index:1;}
#block-contents .container{position:relative;z-index:2;}
#block-contents .movie{margin:0 auto 30px;}
#block-contents .movie iframe{position:relative;z-index:5;}
#block-contents .common-ttl01{text-align:center;margin-top:-60px;transform:translateX(-100px) scale(2,1);}
#block-contents .common-ttl01 span{transform:none;margin:0;}
#block-contents .common-ttl01.animated{transform:none;}
#block-contents .box{margin-top:40px;background:#fff;box-shadow:0 0 20px rgba(0,0,0,0.1);padding:50px 70px;display:inline-block;letter-spacing:0.05em;opacity:0;transform:scale(1,0);}
#block-contents .box .ttl{font-size:24px;font-weight:bold;}
#block-contents .box.animated{opacity:1;transform:none;transition:.4s ease;}
#block-contents .message{margin:220px auto 220px;opacity:0;}
#block-contents .message .txt{font-size:30px;color:#fff;font-weight:bold;letter-spacing:0.04em;margin-bottom:80px;line-height:1.7;}
#block-contents .message.animated{opacity:1;transition:1.2s ease;}
#block-contents .link{display:block;max-width:660px;margin:auto;}
#block-contents .link .sub-ttl{position:relative;width:100%;color:#fff;letter-spacing:0.04em;overflow:hidden;}
#block-contents .link .sub-ttl span{position:relative;}
#block-contents .link .sub-ttl span::before{content:"";display:block;width:100%;height:1px;background:#fff;position:absolute;top:50%;right:calc(100% + 60px);}
#block-contents .link .sub-ttl span::after{content:"";display:block;width:100%;height:1px;background:#fff;position:absolute;top:50%;left:calc(100% + 60px);}
#block-contents .link .list-link{display:flex;margin-top:30px;}
#block-contents .link .list-link > li{flex:1;}
#block-contents .link .list-link > li + li{margin-left:20px;}
#block-contents .link .list-link > li img{width:320px;}
#block-contents .carrer{margin-top:30px;}
#block-contents .carrer a{white-space:nowrap;padding:0 5px 8px;font-size:24px;font-weight:500;letter-spacing:0.04em;border-bottom:1px solid #fff;color:#fff;transition:.3s ease;}
#block-contents .carrer a::after{content:"";display:inline-block;width:23px;height:23px;background:url(/tech/smart_future_vision/img/icon_external.png) no-repeat;background-size:100% auto;vertical-align:-3px;margin-left:10px;}
#block-contents .carrer a:hover{opacity:0.7;}

/* ======================================================================================================================= */
/* for SP */
/* ======================================================================================================================= */
@media screen and (min-width:1px) and (max-width:959px){
  .fixed-link{right:5px;bottom:100px;max-width:24vw;}

  /* -------------------------------------------------- */
  /* #block-mv */
  /* -------------------------------------------------- */
  #block-mv{height:calc(100vh - 94px);padding:0;min-height:1px;}
  #block-mv::before{z-index:4;}
  #block-mv .movie{right:0;width:100%;}
  #block-mv .movie::before{background:rgba(0,0,0,0.3);}
  #block-mv .movie video{width:100%;height:100%;object-fit:cover;font-family:"object-fit:cover";}
  #block-mv .txt{left:6%;bottom:52vw;display:none!important;}
  #block-mv .txt span{padding:12px 15px 13px;font-size:14px;}
  #block-mv .txt .item > div + div{margin-top:3px;}
  #block-mv .logo{left:6%;width:55%;bottom:60px;}
  #block-mv .logo .logo01{max-width:88%;margin-bottom:18px;}

  /* -------------------------------------------------- */
  /* #block-nav */
  /* -------------------------------------------------- */
  #block-nav{border-width:30px;}
  #block-nav .container{padding-left:5%;padding-right:5%;}
  #block-nav .list-nav{flex-wrap:wrap;margin:-50px auto 0;}
  #block-nav .list-nav > li{width:50%;height:120px;flex:auto;}
  #block-nav .list-nav > li:first-child{width:100%;}
  #block-nav .list-nav > li + li{margin-left:0;}
  #block-nav .list-nav > li a{font-size:24px;}
  #block-nav .list-nav > li a span small{font-size:14px;}
  #block-nav .list-nav > li a span::after{margin:15px auto -15px;height:3px;}

  /* -------------------------------------------------- */
  /* #block-concept */
  /* -------------------------------------------------- */
  #block-concept .common-ttl01{margin-top:50px;}
  #block-concept .inner02{max-width:calc(100% - 12vw);}

  /* -------------------------------------------------- */
  /* #block-spirit */
  /* -------------------------------------------------- */
  #block-spirit{background:#161d25;}
  #block-spirit .common-ttl01{height:0;}
  #block-spirit .common-ttl01 span{margin-top:-100px;}
  #block-spirit .img{height:0;padding-bottom:65vw;}
  #block-spirit .back{background:url(/tech/smart_future_vision/img/top/spirit_back.jpg) no-repeat center center #161d25;background-size:cover;}
  #block-spirit .img .back::before{width:40vw;right:-35vw;}
  #block-spirit .img .back::after{width:40vw;right:-55vw;}
  #block-spirit .inner{text-align:center;}
  #block-spirit .inner02{margin-top:calc(65vw + 100px);}
  #block-spirit .btn{text-align:center;}

  /* -------------------------------------------------- */
  /* #block-technology */
  /* -------------------------------------------------- */
  #block-technology{background-position:center bottom;}
  #block-technology .inner02{max-width:calc(100% - 12vw);}
  #block-technology .common-ttl02{margin-bottom:40px;}
  #block-technology .img{display:none;}

  /* -------------------------------------------------- */
  /* #block-projects */
  /* -------------------------------------------------- */
  #block-projects-ttl .common-ttl01{margin-top:70px;}
  #block-projects .map-wrap{margin-top:0;}
  #block-projects .map .list-map > li::before{width:4px;height:4px;}
  #block-projects .map .list-map > li{font-size:4vw;}
  #block-projects .map .list-map > li.saitama span{right:-4vw;}
  #block-projects .map .list-map > li.aichi span{right:-1vw;}
  #block-projects .map .list-map > li.kanagawa span{left:-3vw;}
  #block-projects .map .singapore{font-size:4vw;left:16%;bottom:16%;}
  #block-projects .projects{position:static;margin-top:10px;}
  #block-projects .projects .list-projects > li{position:static;display:block;display:flex;flex-direction:row!important;}
  #block-projects .projects .list-projects > li + li{margin-top:30px;}
  #block-projects .projects .list-projects > li::before{display:none;}
  #block-projects .projects .list-projects > li .img{padding:0;width:35%;max-width:100px;}
  #block-projects .projects .list-projects > li.pickup .img span::before{font-size:11px;height:40px;left:-88px;top:-8px;}
  #block-projects .projects .list-projects > li .inner{align-self:center;padding:0!important;margin:0 0 0 7%!important;flex:1;text-align:left;}
  #block-projects .projects .list-projects > li .inner::before{display:none;}
  #block-projects .projects .list-projects > li .ttl{font-size:20px;max-width:100%;margin:-15px 0 0;font-style:normal;}
  #block-projects .projects .list-projects > li .ttl small{font-size:16px;margin-bottom:8px;}
  #block-projects .projects .list-projects > li .ttl span img{width:80px;margin:10px 0 20px 5px;}
  #block-projects .projects .list-projects > li .ttl .ja{font-size:18px;white-space:normal;}
  #block-projects .projects .list-projects > li .common-btn01{padding:5px 15px 9px 15px;font-size:24px!important;max-width:200px;margin-top:10px;}
  #block-projects .projects .list-projects > li .common-btn01 small{font-size:12px!important;}
  #block-projects .projects .list-projects > li.omiya .ttl{text-align:left;}

  /* -------------------------------------------------- */
  /* #block-contents */
  /* -------------------------------------------------- */
  #block-contents::before{height:calc(100% + 150vw);top:-150vw;}
  #block-contents::after{border-width:0 0 180px 180px;}
  #block-contents .movie{width:100%;height:0;padding-bottom:56.5%;position:relative;margin-bottom:18vw;}
  #block-contents .movie iframe{width:100%;height:100%;position:absolute;left:0;top:0;}
  #block-contents .common-ttl01{position:static;margin-top:0;}
  #block-contents .box{margin-top:20px;max-width:100%;padding:30px 40px;position:relative;}
  #block-contents .box .ttl{font-size:18px;}
  #block-contents .box .common-btn01{width:100%;min-width:200px;}
  #block-contents .message{margin:150px auto 180px;}
  #block-contents .message .txt{font-size:4vw;margin-bottom:8vw;}
  #block-contents .link .sub-ttl span::before{right:calc(100% + 20px);}
  #block-contents .link .sub-ttl span::after{left:calc(100% + 20px);}
  #block-contents .link .list-link > li + li{margin-left:10px;}
  #block-contents .carrer a{font-size:16px;}
  #block-contents .carrer a::after{width:18px;height:18px;}
}
@media screen and (min-width:1px) and (max-width:599px){
  #block-contents .box{width:100%;}
  #block-contents .box .common-btn01 small{display:block;margin:0 auto!important;}
}

/* ======================================================================================================================= */
/* for IE */
/* ======================================================================================================================= */
@media screen\0 {
  #block-mv .back video{display:none;}
}