@charset "utf-8";

html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video{margin:0;padding:0;border:0;outline:0;background:transparent;font-family:"游ゴシック",YuGothic,"ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",sans-serif;font-size:100%;vertical-align:baseline;}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section{display:block;}
nav ul{list-style:none;}
blockquote,
q{quotes:none;}
blockquote:before,
blockquote:after,
q:before,
q:after{content:"";content:none;}
a{margin:0;padding:0;background:transparent;font-size:100%;vertical-align:baseline;}
ins{background-color:#ff9;color:#000;text-decoration:none;}
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold;}
del{text-decoration:line-through;}
abbr[title],
dfn[title]{border-bottom:1px dotted;cursor:help;}
table{border-spacing:0;border-collapse:collapse;}
hr{display:block;height:1px;margin:1em 0;padding:0;border:0;border-top:1px solid #ccc;}
input,
select{vertical-align:middle;}
html,
body{/* font-size:10px; */overscroll-behavior:none;-webkit-overflow-scrolling:touch;overflow-scrolling:touch;-webkit-text-size-adjust:100%;}
body{overflow-x:hidden;margin:0;padding:0;font-family:Verdana,"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W6",Osaka,"ＭＳ Ｐゴシック",Arial,sans-serif;}



@media screen and (min-width: 769px){/**/
body{-ms-overflow-style:none;scrollbar-width:none;}
body::-webkit-scrollbar{display:none;}
/**/}
.scroll{position:fixed;bottom:0;left:0;z-index:89;height:calc(100vh - 100px);}



@media screen and (max-width: 768px){/**/
.scroll{position:static;height:auto;}
/**/}
.item{width:100vw;height:100vh;}
.is-menu-open{overflow:hidden;}
a{text-decoration:none;cursor:pointer !important;}
a:hover{opacity:0.7;}
.sp{display:none;}



@media screen and (max-width: 768px){/**/
.sp{display:block;}
/**/}
.pc{display:block;}



@media screen and (max-width: 768px){/**/
.pc{display:none;}
/**/}
.to-top{position:fixed;right:-165px;bottom:25px;z-index:90;transition:all 300ms ease-out 0s;}
.to-top a{display:block;position:relative;width:100px;padding:15px;background:#000;color:#fff;font-size:25px;line-height:1;text-align:center;}
.to-top a:after{content:"";display:block;position:absolute;top:0;left:-35px;z-index:1;width:0;height:0;border:solid 27px transparent;border-right-width:35px;border-right-color:#000;border-left:0;}




@media screen and (min-width: 769px) and (max-width: 768px){/**/
._Index #header{height:auto;}
/**/}



@media screen and (min-width: 769px){/**/
.header_logo{position:fixed;top:0;left:0;z-index:100;width:100%;padding:15px 30px;background:#fff;-webkit-backface-visibility:hidden;backface-visibility:hidden;}
.header_logo h1{width:350px;}
.header_logo a{display:block;}
.header_logo a img{width:100%;height:auto;}
.global-nav{position:fixed;top:50%;left:0;z-index:1000;transform:translateY(-50%);width:350px;margin:auto;padding:60px 60px 30px;box-sizing:border-box !important;background:#354573;}
.global-nav li{margin-bottom:30px;}
.global-nav li a{color:#fff;font-size:22px;}
.global-nav .l-gNav_langs{display:flex;}
.global-nav .l-gNav_langs li{position:relative;margin:0;}
.global-nav .l-gNav_langs li + li{margin-left:5px;padding-left:5px;border-left:1px solid #fff;}
.global-nav .l-gNav_langs li a{display:block;padding:6px 5px 4px;background:#a6a7a7;color:#000;}
.global-nav .l-gNav_langs li.is-active a{background:#000;}
.global-nav .l-gNav_langs li.is-active a{color:#fff;}
.scroll .Content02Pane .pc{display:flex;position:absolute;bottom:10px;left:20px;z-index:1;font-weight:700;font-size:12px;line-height:1.25;white-space:nowrap;}
.scroll .Content02Pane .pc ul{display:flex;list-style-type:none;}
.scroll .Content02Pane .pc ul li{padding-left:5px;}
.scroll .Content02Pane .pc ul li:after{content:"|";margin-right:5px;margin-left:5px;}
.scroll .Content02Pane .pc ul li a{color:#000;}
.scroll .Content02Pane .pc ul li a:hover{text-decoration:underline;}
.scroll-inner > *[class*="Pane"]{display:flex;flex-flow:row nowrap;}
.scroll-inner section.moduleSkin{position:relative;z-index:1;width:100vw;height:calc(100vh - 100px);}
/**/}


@media screen and (min-width: 769px) and (max-width: 768px){/**/
.scroll-inner section{height:100vw;}
/**/}



@media screen and (min-width: 769px){/**/
.scroll-inner section.show h1,
.scroll-inner section.show .section-container{opacity:1;}
.scroll-inner section h1,
.scroll-inner section .section-container{opacity:0;}
.scroll-inner section .section-container{opacity:0;position:absolute;left:-140px;z-index:10;padding:40px;background:rgba(160,160,160,0.9);transition:1.5s;}
.scroll-inner section .section-container h2{color:#fff;font-size:34px;}
.scroll-inner section h1{opacity:0;position:absolute;padding-right:30px;transition:0.6s;}
.scroll-inner section h1 a{display:block;padding:30px 340px 30px  30px;color:#fff;font-size:34px;cursor:pointer;}
.scroll-inner section.is-fixed{background-attachment:fixed !important;}
.scroll-inner section.main-visual{width:calc(100vw + 320px);}
.scroll-inner section.main-visual .image{position:absolute;bottom:0;width:100%;height:100vh;background:url("/Portals/0/images/index/bg_main.jpg") no-repeat left bottom/cover;background-size:cover;}
.scroll-inner section.main-visual h1{position:relative;max-width:100vw;margin:170px 0 30px;padding:0;background:none;color:#fff;font-size:65px;text-align:center;text-shadow:0 0 10px rgba(0,0,0,0.5);transition-property:opacity;}
.scroll-inner section.main-visual ul{display:flex;list-style-type:none;position:relative;max-width:100vw;margin:0;padding:0;align-items:center;justify-content:center;}
.scroll-inner section.main-visual ul li{margin:0 15px 0 0;}
.scroll-inner section.main-visual ul li:last-child{margin-right:0;}
.scroll-inner section.main-visual ul li img{display:block;max-width:230px;}
.scroll-inner section.news .image{position:absolute;top:0;width:100vw;height:calc(100% - 80px);background:url("/Portals/0/images/index/bg_news.jpg") no-repeat left top/cover;background-attachment:fixed;}
.scroll-inner section.news h1{top:0;left:-320px;background:rgba(235,109,118,0.88);}
.scroll-inner section.news h1 a{background:url("/Portals/0/images/index/img-mirai-camera-1.png") no-repeat right center/320px;}
.scroll-inner section.news .section-container{bottom:0;left:-320px;width:800px;}
.scroll-inner section.ir-info .image{position:absolute;bottom:0;left:-30px;z-index:-1;width:calc(100% + 30px);height:calc(100% - 50px);background:url("/Portals/0/images/index/bg_ir.jpg") no-repeat left top/cover;background-attachment:fixed;}
.scroll-inner section.ir-info h1{top:70vh;left:140px;background:rgba(175,192,61,0.88);}
.scroll-inner section.ir-info h1 a{background:url("/Portals/0/images/index/img-mirai-camera-2.png") no-repeat right center/320px;}
.scroll-inner section.ir-info .section-container{top:0;left:-100px;}
.scroll-inner section.company-info .image{position:absolute;top:0;left:-140px;z-index:-2;width:100%;height:calc(100% - 80px);background:url("/Portals/0/images/index/bg_company.jpg") no-repeat left top 100px/cover;background-attachment:fixed;}
.scroll-inner section.company-info h1{top:0;left:-140px;background:rgba(53,69,115,0.88);}
.scroll-inner section.company-info h1 a{background:url("/Portals/0/images/index/img-mirai-camera-3.png") no-repeat right center/320px;}
.scroll-inner section.company-info .section-container{right:0;bottom:0;left:auto;}
.scroll-inner section.company-info .section-container a{color:#fff;}
.scroll-inner section.company-info .section-container h2{margin-bottom:20px;}
.scroll-inner section.company-info .section-container h3{margin-bottom:10px;font-size:25px;}
.scroll-inner section.company-info .section-container .more{display:inline-flex;display:-ms-inline-flexbox;position:relative;position:relative;top:inherit;right:inherit;bottom:inherit;left:inherit;height:38px;margin-right:38px;margin-left:15px;padding:0 0 0 10px;background-color:#000;color:#fff;font-weight:700;font-size:18px;line-height:1.3;text-decoration:none;vertical-align:middle;letter-spacing:0.05em;-ms-grid-row-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;}
.scroll-inner section.company-info .section-container .more:after{content:"";display:block;position:absolute;right:-38px;bottom:0;width:0;height:0;border:solid 38px transparent;border-right:0;border-bottom:0;border-left-color:#000;}
.scroll-inner section.company-info .section-container .logo-list{/* width:560px; *//* padding:20px; *//* background:#fff; */}
.scroll-inner section.company-info .section-container .logo-list ul{display:flex;list-style-type:none;margin:0 0 20px;align-items:stretch;justify-content:center;}
.scroll-inner section.company-info .section-container .logo-list ul:last-child{margin-bottom:0;}
.scroll-inner section.company-info .section-container .logo-list ul li{overflow:hidden;margin:0 15px 0 0;}
.scroll-inner section.company-info .section-container .logo-list ul li.chodai{flex:0 1 230px;}
.scroll-inner section.company-info .section-container .logo-list ul li.kiso{flex:0 1 170px;}
.scroll-inner section.company-info .section-container .logo-list ul li.tech{flex:0 1 190px;}
.scroll-inner section.company-info .section-container .logo-list ul li.junpuro{flex:0 1 140px;}
.scroll-inner section.company-info .section-container .logo-list ul li.effect{flex:0 1 140px;}
.scroll-inner section.company-info .section-container .logo-list ul li:last-child{margin:0;}
.scroll-inner section.company-info .section-container .logo-list ul li a{display:block;display:flex;height:100%;padding:5px 10px;border:1px solid #000;box-sizing:border-box;justify-content:center;align-items:center;}
.scroll-inner section.company-info .section-container .logo-list ul li img{display:block;}
.bg-container{display:none;}
.item-slider{display:flex;list-style-type:none;}
.item-slider li{display:flex;display:block;width:33.33333%;margin:10px;color:#fff;justify-content:center;}
.item-slider li a{color:#fff;}
.item-slider li .slide-img-wrap{margin-bottom:10px;}
.item-slider li .slide-img-wrap:empty:before{content:"";display:block;width:100%;height:140px;background:#fff url(/Portals/0/images/common/ico_noimage.png) center center no-repeat;background-size:70% auto;color:#999;font-weight:700;font-size:200%;}
.item-slider li .slide-img-wrap a{display:flex;height:140px;padding:5px;background-color:#fff;justify-content:center;align-items:center;}
.item-slider li .slide-img-wrap img{display:block;width:auto;height:auto;max-height:100%;margin:0;}
.item-slider li .text-container p{font-size:14px;line-height:1.4;}
.item-slider li .text-container p.date{margin-bottom:5px;font-weight:bold;}
.item-slider li .text-container a{display:block;overflow:auto;max-height:100px;}
.more{display:inline-block;position:absolute;right:90px;bottom:0;}
.more a{display:flex;display:-ms-inline-flexbox;position:relative;height:38px;padding:0 0 0 10px;background-color:#000;color:#fff;font-weight:700;font-size:18px;line-height:1.3;text-decoration:none;letter-spacing:0.05em;-ms-grid-row-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;}
.more a:after{content:"";display:block;position:absolute;bottom:0;left:100%;width:0;height:0;border:solid 38px transparent;border-right:0;border-bottom:0;border-left-color:#000;}
/**/}



@media screen and (max-width: 768px){/**/
.slide-img-wrap img{display:block;width:100%;height:auto;}
header{position:fixed;top:0;left:0;z-index:100;width:calc( 100% - 40px);height:50px;padding:10px 20px;background:#fff;}
header .header_logo{width:210px;}
header .sp-nav-button{display:block;position:fixed;top:0;right:0;z-index:102;width:70px;height:70px;border-bottom:solid 1px #354573;background-color:#354573;cursor:pointer;}
header .sp-nav-button span{position:absolute;top:50%;left:calc(50% - 13px);width:26px;height:1.5px;background-color:#fff;}
header .sp-nav-button span:nth-child(1){margin-top:-9px;}
header .sp-nav-button span:nth-child(2){margin-top:9px;}
main{position:relative;padding-top:56px;}
main .global-nav{display:flex;opacity:0;position:fixed;top:70px;left:0;flex-direction:column;width:calc(100% - 100px);height:calc( 100% - 170px);padding:50px;background:#354573;transition:0.5s;align-items:center;justify-content:center;}
main .global-nav.is-open{opacity:1;z-index:100;}
main .global-nav > ul{width:100%;}
main .global-nav > ul:nth-child(2){display:flex;padding-bottom:15px;border-bottom:solid 1px #231815;}
main .global-nav > ul:nth-child(2) li{margin:0;padding:0;border:none;}
main .global-nav > ul:nth-child(2) li:nth-child(1){margin-right:10px;padding-right:10px;border-right:1px solid #fff;}
main .global-nav > ul li{margin-bottom:20px;padding-bottom:20px;border-bottom:solid 1px #231815;}
main .global-nav > ul li a{color:#fff;font-weight:bold;font-size:26px;}
main section h2{margin-bottom:20px;color:#fff;font-size:31px;text-align:center;}
main section .section-container{position:relative;}
main .main-visual{display:flex;flex-direction:column;height:400px;background:url("/Portals/0/images/index/bg_main.jpg") no-repeat center/cover;justify-content:center;}
main .main-visual h1{position:relative;margin:10px 0 30px;color:#fff;font-size:31px;text-align:center;}
main .main-visual ul{display:flex;list-style-type:none;margin:0 3%;padding:0;align-items:center;justify-content:center;}
main .main-visual ul li{margin:0 15px 0 0;}
main .main-visual ul li:last-child{margin-right:0;}
main .main-visual ul li img{display:block;width:230px;max-width:100%;}
main .news{padding:30px 20px;background:#eb6d76;}
main .news h1{display:none;}
main .news .item-slider{margin:0 auto 20px;}
main .news .item-slider img{display:inline-block;width:auto;}
main .news .item-slider .slide-img-wrap{overflow:hidden;margin-bottom:10px;}
main .news .item-slider .slide-img-wrap a{display:flex;max-width:275px;height:140px;margin:auto;padding:5px;background-color:#fff;align-items:center;justify-content:center;}
main .news .item-slider .slide-img-wrap img{display:block;width:auto;height:auto;max-height:100%;margin:0 auto;}
main .news .item-slider .text-container{width:250px;margin:20px auto;}
main .news .item-slider .text-container p{color:#fff;font-size:15px;line-height:1.4;}
main .news .item-slider .text-container p.date{margin-bottom:5px;font-weight:bold;}
main .news .more a{display:block;width:160px;margin:0 auto;padding:10px;background:#000;color:#fff;font-weight:bold;font-size:17px;text-align:center;}
main .ir-info{margin:10vw 0 20vw 10vw;background:#6a93ac;}
main .ir-info .section-container{padding: 5vw 5vw 40px;}
main .ir-info h1{display:none;}
main .ir-info h2{display:none;position:absolute;top:61vw;right:0;left:0;width:53vw;margin:auto;padding:10px;background:#fff;color:#003067;letter-spacing:2px;}
main .ir-info .item-slider{display:flex;list-style-type:none;flex-wrap:wrap;}
main .ir-info .item-slider .text-container p{/* margin-top:5px; */color:#fff;font-weight:bold;font-size:16px;}
main .ir-info .item-slider li{width:calc(100% - 10vw);margin:0 5vw 5vw;}
main .ir-info .item-slider li:nth-child(1){width:calc(100% - 10vw);}
main .ir-info .item-slider li:nth-child(1):after{content:"I R情報";display:block;margin:1em auto 0;padding:10px 15px;background:#fff;color:#003067;font-weight:700;font-size:28px;text-align:center;letter-spacing:2px;}
main .ir-info .item-slider li:nth-child(2),
main .ir-info .item-slider li:nth-child(3){/* width:calc( 50% - 10vw); */}
main .ir-info .more{position:absolute;right:0;bottom:0;left:0;width:120px;margin:auto;text-align:center;}
main .ir-info .more a{display:block;padding:7px 4px 6px 17px;background:#000;color:#fff;font-weight:bold;font-size:18px;line-height:1.5;}
main .ir-info .more a:after{content:"";display:block;position:absolute;bottom:0;left:100%;width:0;height:0;border:solid 40px transparent;border-right:0;border-bottom:0;border-left-color:#000;}
main .company-info{position:relative;}
main .company-info:before{content:"";display:block;position:absolute;top:-10vw;right:0;z-index:3;width:80vw;height:52vw;background:url("/Portals/0/images/index/img-sp-company.png") no-repeat center right/100%;}
main .company-info h1{display:none;}
main .company-info .company-title-wrapper{position:relative;margin:0 20vw 10vw 0;padding:50vw 10vw 15vw 10vw;background:#0071bc;}
main .company-info .company-title-wrapper h2{text-align:left;}
main .company-info .company-title-wrapper h2 a{color:#fff;}
main .company-info .company-title-wrapper h2 .more{display:block;position:absolute;right:0;bottom:0;left:0;width:110px;margin:auto;padding:7px 0 6px 10px;background:#000;color:#fff;font-weight:bold;font-size:18px;line-height:1.5;text-align:center;}
main .company-info .company-title-wrapper h2 .more:after{content:"";display:block;position:absolute;bottom:0;left:100%;width:0;height:0;border:solid 40px transparent;border-right:0;border-bottom:0;border-left-color:#000;}
main .company-info .company-title-wrapper p{color:#fff;font-size:15px;line-height:1.4;}
main .company-info .company-text-wrapper{padding:10vw 10vw;background:#6a93ac;}
main .company-info .company-text-wrapper h3{margin-bottom:20px;}
main .company-info .company-text-wrapper h3 a{color:#fff;font-weight:bold;font-size:29px;}
main .company-info .company-text-wrapper h3 a .more{display:none;}
main .company-info .company-text-wrapper .logo-list{padding:10px 10px 10px;background:#fff;}
main .company-info .company-text-wrapper .logo-list ul{list-style-type:none;}
main .company-info .company-text-wrapper .logo-list ul li{margin:0 0 10px;background:#fff;}
main .company-info .company-text-wrapper .logo-list ul:last-child li:last-child{margin-bottom:0;}
main .company-info .company-text-wrapper .logo-list ul li a{display:block;margin:0 auto;padding:10px 30px;border:1px solid #000;text-align:center;}
main .company-info .company-text-wrapper .logo-list ul li a img{display:block;max-width:100%;max-height:50px;margin:0 auto;}
footer{padding:60px 20px 20px;}
footer ul{list-style-type:none;}
footer ul li{margin-bottom:10px;}
footer ul li a{color:#000;font-weight:bold;font-size:20px;}
.to-top{position:absolute;right:0;bottom:-80px;width:100px;}
.to-top a{width:70px;padding:10px 10px 10px 10px;}
.to-top a:after{top:-35px;left:0;border:solid 45px transparent;border-top:0;border-bottom-color:#000;border-bottom-width:35px;}
/**/}

/*# sourceMappingURL=style.css.map */












html,
body{height:auto;}

/* megaMenuOverlay
------------------------------ */
.megaMenuOverlay{z-index:90;}

/* scrollIcon
------------------------------ */
._Index .scrollIcon{opacity:1;position:fixed;top:50%;right:20px;z-index:10;transform:translateY(-50%);padding-right:48px;color:#fff;font-size:16px;line-height:1;transition:opacity 0.3s ease-in-out;}
._Index .scrollIcon:after{content:"";display:inline-block;opacity:0.8;width:30px;height:2px;margin:0 0 0 5px;background-color:#fff;vertical-align:middle;}
._Index .scrollIcon.hide{opacity:0;}
._Index .scrollIcon span{content:"";display:block;opacity:1;position:absolute;top:0;right:0;bottom:0;z-index:1;transform:rotate(-135deg);width:0.7em;height:0.7em;margin:auto 0;border-bottom:2px solid #fff;border-left:2px solid #fff;animation:sdb 2s infinite;}
._Index .scrollIcon span:nth-child(1){animation-delay:0.5s;}
._Index .scrollIcon span:nth-child(2){right:9px;animation-delay:0.3s;}
._Index .scrollIcon span:nth-child(3){right:18px;animation-delay:0.2s;}
._Index .scrollIcon span:nth-child(4){right:27px;animation-delay:0.1s;}
._Index .scrollIcon span:nth-child(5){right:36px;animation-delay:0.0s;}

@-webkit-keyframes sdb{/**/
0%{opacity:0;}
50%{opacity:1;}
100%{opacity:0;}
/**/}
@keyframes sdb{/**/
0%{opacity:0;}
50%{opacity:1;}
100%{opacity:0;}
/**/}




@media screen and (max-width: 768px){/**/
._Index #header{overflow:visible;}
._Index #header .headTop{width:100%;padding:0;}
._Index #header .headTop .inner{padding:0 55px 0 3%;}
._Index #header .headBottom{box-sizing:border-box;font-size:16px;}
._Index #header .headBottom > .inner{display:block;font-size:16px;}
._Index #header .headBottom .globalNav{display:block;}
._Index .global-nav{display:none;}

/* main-visual
------------------------------ */
main .main-visual h1 a{display:block !important;width:250px;margin:1rem auto 0;padding:15px 70px 15px 15px;background:url("/Portals/0/images/index/img-main-link-arrow.png") no-repeat 190px center/40px rgba(53,69,115,0.88);color:#fff;font-size:12px;line-height:1.5;}

/* scrollIcon
------------------------------ */
._Index .scrollIcon{display:none;}
.item-slider li .slide-img-wrap:empty:before{content:"";content:"";display:block;display:block;width:100%;max-width:275px;height:140px;margin:0 auto;background:#fff url(/Portals/0/images/common/ico_noimage.png) center center no-repeat;background-size:auto;font-weight:700;font-size:200%;}

/* footer
------------------------------ */
._Index #footer{margin:0;padding:60px 20px 20px;background-color:transparent;}
._Index #footer .inner{display:block;padding:0;}
._Index #footer .pagetop{right:10px;bottom:20px;width:70px;height:70px;}
._Index #footer .pagetop a{width:70px;height:70px;}
._Index #footer .copyright{margin:0;padding:0;}
/**/}

/* editMode
------------------------------ */
.editMode #main section.moduleSkin{overflow:hidden;max-height:500px;}
.editMode .scroll{display:block;position:relative;height:auto;padding:80px 0 0;}
.editMode .scroll-inner > *[class*="Pane"]{display:block;}
.editMode .scroll-inner section h1,
.editMode .scroll-inner section .section-container{opacity:1;}
.editMode .scroll-inner section h1,
.editMode .scroll-inner section .section-container,
.editMode .scroll .Content02Pane .pc{position:relative;top:inherit;right:inherit;bottom:inherit;left:inherit;}
.editMode #footer{display:block;}

@media all and (-ms-high-contrast:none){/**/
.scroll-inner section h1,
.scroll-inner section .section-container,
main .global-nav{opacity:1 !important;}
.to-top{right:0 !important;}
/**/}