@charset "UTF-8";
.section{font-size:fs(14);line-height:lh(29,14)}
#content{font-size:14px}
img{vertical-align:top}
sub,sup{top:0;line-height:1}
.italics__add{display:inline-block;-webkit-transform:skewX(-15deg);-moz-transform:skewX(-15deg);-o-transform:skewX(-15deg);transform:skewX(-15deg);-ms-filter:"progid:DXImageTransform.Microsoft.Matrix(M11=1, M12=-0.26794919243112214, M21=0, M22=1, SizingMethod='auto expand')";}
/*! -------------------- 色設定 -------------------- */
.nearly-zeb .company__text-wrap,.nearly-zeb .effect,.nearly-zeb .effect-list__number{background-color:#1b86ca}
.nearly-zeb .company-spec{border-color:#1b86ca}
.nearly-zeb .movie,.nearly-zeb .movie-list__title span{background-color:#E6EDF2}
.zeb-ready .company__text-wrap,.zeb-ready .effect,.zeb-ready .effect-list__number{background-color:#11a180}
.zeb-ready .company-spec{border-color:#11a180}
.zeb-ready .movie,.zeb-ready .movie-list__title span{background-color:#E6EDF2}
.zeb .company__text-wrap,.zeb .effect,.zeb .effect-list__number{background-color:#5a67be}
.zeb .company-spec{border-color:#5a67be}
.zeb .movie,.zeb .movie-list__title span{background-color:#5a67be}
/*! -------------------- 全体 -------------------- */
.italics{font-style:italic;margin-right:.3em}
sup{font-size:.7em;vertical-align:top}
.sp_inline{display:none}
.blank-icon{width:11px;vertical-align:middle;position:relative;top:-2px;left:3px}
.section--anchor{margin-top:-100px;padding-top:100px}
/*! -------------------- 会社様の見出し -------------------- */
.company{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}
.company__text-wrap{color:#fff;width:50%;position:relative}
.company__lead{font-weight:700;font-size:3.166666666666667vw;line-height:1.63;position:absolute;left:11.925042589437819%;top:14%}
.company__lead>span{display:inline-block;border-bottom:2px solid #fff;line-height:1.3}
.company__name{font-weight:700;position:absolute;left:11.925042589437819%;bottom:13.6%;font-size:2.666666666666667vw;margin-top:50px;line-height:1.3}
.company__img{width:50%}
.company__img>img{width:100%}
.text-emphasis{font-weight:700;font-size:1.14286em;line-height:1.75;margin-top:34px}
.text-pdf{margin-top:5px}
.text-pdf a{color:#333;position:relative;display:inline-block;padding-left:23px}
.text-pdf a::before{content:'';display:block;width:16px;height:16px;position:absolute;top:3px;left:0;background-image:url(/zeb/cases/img/icon_pdf.png);background-size:contain;background-repeat:no-repeat}
/*! -------------------- アンカー -------------------- */
.anchor{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;background-color:#f7f7f7;border-top:2px solid #d9d9d9;margin-top:41px;margin-bottom:100px}
.anchor__item{position:relative;text-align:center;font-weight:700;width:25%}
.anchor__item--tri{width:calc(100% / 3)}
.anchor__item--penta{width:auto}
.anchor__item a{display:block;-webkit-box-sizing:border-box;box-sizing:border-box;padding:29px 25px;color:#18587e;font-size:1.28571em}
.anchor__item.anchor__item--penta a{padding:29px 19px 29px 20px}
.anchor__item a span{position:relative;padding-left:28px;display:inline-block}
.anchor__item a span::before{content:'';display:block;width:20px;height:20px;position:absolute;top:5px;left:0;background-image:url(/zeb/cases/img/01/arr_down_navy.png);background-size:contain;background-repeat:no-repeat}
.anchor__item+.anchor__item::before{content:'';display:block;width:1px;height:24px;position:absolute;top:35px;left:0;background-color:#ccc}
.anchor__item.anchor__item__same__width{width: 33.334%}

/*! -------------------- イメージマップ -------------------- */
.image-map{width:100%}
.image-map-link{display:none}
/*! -------------------- 動画 -------------------- */
.movie{padding:83px 0 64px}
.movie-heading{font-weight:700;color:#18587e;text-align:center;font-size:2em;margin-bottom:42px}
.movie-list{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}
.movie-list__item{overflow:hidden;width:30.494037478705281%}
.movie-list__thumb{width:100%;-webkit-box-shadow:0 0 30px 0 rgba(0,0,0,.2);box-shadow:0 0 30px 0 rgba(0,0,0,.2)}
.movie-list__title{font-size:1.42857em;line-height:1.5;text-align:center;color:#18587e;position:relative;max-width:257px;margin:19px auto 0}
.movie-list__title::before{content:'';display:block;width:100%;height:1px;position:absolute;top:.7em;left:0;background-color:#93a7cc}
.movie-list__title--large:before{margin-left:-12.5%;width:125%}
.movie-list__title>span{position:relative;padding:0 10px}
.movie-list__title--large>span{padding:0 3px;font-size:.9em;letter-spacing:-.025em}
/*! ---------- モーダル ---------- */
.modal-window{max-width:1174px;padding-right:13px;padding-left:13px;margin:0 auto;position:relative;font-size:.875em}
.modal-window__plate{background-color:#fff;margin:0 auto;position:relative;text-align:center;padding:74px 0 86px}
.modal-window__inner{max-width:956px;width:90%;margin:0 auto}
.modal-window__sub{font-size:1.14286em}
.modal-window__title{font-weight:700;font-size:1.71429em;font-size:24px;margin:4px auto 19px}
.mfp-close{top:30px!important;right:43px;width:32px;height:32px;opacity:1;text-indent:-9999px}
.mfp-close:after,.mfp-close:before{position:absolute;top:15px;left:-5px;display:inline-block;content:"";width:42px;height:2px;background-color:#000;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}
.mfp-close:after{-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}
.modal-close{padding:38px 0 0;text-align:center}
.modal-close button{position:relative;color:#fff;font-size:1.28571em;overflow:visible;padding:0 0 0 35px;cursor:pointer;border:0;outline:0;background:0 0;-webkit-box-shadow:none;box-shadow:none;-webkit-appearance:none}
.modal-close button:after,.modal-close button:before{position:absolute;top:12px;left:-5px;display:inline-block;content:"";width:32px;height:2px;background-color:#fff;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}
.modal-close button:after{-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}
/*! -------------------- 導入した設備・システム -------------------- */
.grid_wrap{margin-left:-18px;margin-top:-18px;overflow:hidden}
.grid{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}
.grid .item{-webkit-flex-basis:calc(100% / 4 - 18px);-ms-flex-preferred-size:calc(100% / 4 - 18px);flex-basis:calc(100% / 4 - 18px);margin-left:18px;margin-top:18px}
.grid .item.item--col2{-webkit-flex-basis:calc(100% / 2 - 18px);-ms-flex-preferred-size:calc(100% / 2 - 18px);flex-basis:calc(100% / 2 - 18px)}
.grid .item_name{background-color:#11a180;color:#fff;font-weight:700;padding:2px 10px}

.grid .item_img+.item_name{margin-top: 24px}
.grid .item .item-withadjust{display: flex;justify-content: space-between;}
.grid .item .item-withadjust img{width: 50%;}
.grid .item .item-img-adjust{margin-top: 24px;display: flex;justify-content: space-between}
.grid .item .item-img-adjust .under-item{width: 48.478%}
.col2--reverse.col2__small__adj{margin-top: 35px;align-items: center;justify-content: center}
.col2__small__adj .col2__large{width: auto;margin-left: 50px;}
.col2__small__adj .col2__small{width: 530px;}
.col2--reverse.col2__small__adj .text-normal+.text-normal{margin-top: 5px}
.grid_wrap.product__list .item .item_name{background-color: #5a67be;}
.text-comment.mt0{margin-top: 0}
.text-pdf.mt15em{margin-top: 1.5em}
.company__text-adjust .company__lead{font-size: 2.566667vw}
.company__text-adjust .company__name{font-size: 2.333334vw;}

.grid .item_img img{width:100%}
/*! -------------------- テキスト -------------------- */
.col2__wrap{margin-top:40px}
.col3__wrap{overflow:hidden}
.col3__wrap+.col2{margin-top:40px}
.col3{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;margin:40px 0}
.col3 .col_img img{width:100%}
.col3 .col--primary{width:30.41667%}
.col2{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;margin-bottom:5px}
.col2.col2--alignnormal{-webkit-box-align:normal;-webkit-align-items:normal;-ms-flex-align:normal;align-items:normal;margin-top:40px}
.col2--reverse{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}
.col2.col2--center{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.col2-adjust{margin-top: 40px}
.col2-adjust .width-adjust{width: auto;}
.col2-adjust .col2__small{margin-left: 20px}
.col2-adjust+.text-normal-heading{margin-top: 60px}
.col2.mrg-adjust .col+.col {margin-left: 40px}
p+.col2{margin-top:22px}
.col2 p+.col2{margin-top:45px}
.col2+.col2{margin-top:45px}
.col2__large{width:calc(100% - 417px)}
.col2__large .col2 .col{width:47.2%}
.col2__large .col2 .col+.col{margin-left:5.6%}
.col2__small{width:367px}
.col2__img{width:100%;border:1px solid #d9d9d9}
.col_img + .col_img_txt{margin-top:15px;margin-bottom:25px;}
.text-comment{font-size:.85714em;line-height:1.83333;margin-top:25px;padding-left:1em;text-indent:-1em}
.text-comment__noindent{font-size:.85714em;line-height:1.83333;margin-top:25px;}
.text-link{display:block}
.text-link.arr{font-weight:700;color:#333;margin-top:8px}
.text-comment .text-link.arr{padding-left:24px}
.text-normal-heading{font-weight:700;font-size:1.42857em;margin-bottom:20px}
.text-normal-heading.align-center{text-align: center}
.text-normal-heading .icon{margin:-.34em .4em 0 0;width:2.2em;vertical-align:top}
.col2__wrap+.text-normal-heading{margin-top:60px}
.text-normal{line-height:1.857142857142857}
.text-normal+.text-normal{margin-top:26px}
.col2--reverse+.text-normal{margin-top:26px}
.text-emphasis+.text-normal{margin-top:34px}
.text-pdf+.text-normal{margin-top:26px}
.text-caption{line-height:1.571428571428571;text-align:center;margin-top:11px}
.parag .text-normal-heading{font-weight:700;font-size:1.42857em;margin-bottom:20px;text-align:center;}
.parag .parag__img{width:100%;}
.company-spec{-webkit-box-sizing:border-box;box-sizing:border-box;border:13px solid;padding:31px}
.company-spec .text-link.arr{font-size:1em}
.company-spec .text-link.arr::before{top:.55em}
.company-spec__name{font-weight:700;text-align:center;font-size:1.57143em;line-height:41px}
.company-spec__name.line-height__adjust{line-height: 30px;}
.company-spec__name small{display:block;font-size:.81818181818em;line-height:1.5}
.company-spec .company-spec__sub{text-align:center;position:relative;line-height:26px;margin-top:14px}
.company-spec .company-spec__sub::before{content:'';display:block;width:100%;height:1px;position:absolute;top:50%;background-color:#888fa5}
.company-spec .company-spec__sub>span{background-color:#fff;position:relative;padding:0 5px;font-size:1.14286em}
.company-spec__detail{margin-top:2px;margin-bottom:7px;line-height:26px}
.company-spec__detail dd,.company-spec__detail dt{border-top:1px solid #d9d9d9;padding:6px 0 2px}
.company-spec__detail dd:nth-of-type(1),.company-spec__detail dt:nth-of-type(1){border:none}
.company-spec__detail dt{float:left;width:58px}
.company-spec__detail dd{margin-left:58px;padding-left:1em;text-indent:-1em}
.col__authority{margin-top:30px;padding:20px;font-size:1.13em;line-height:1.6;background:#e8e8e8;}
.col__authority p{margin-top:15px;}
.col__authority p:first-child{margin-top:0;}
.text__center{text-align:center;}
.img__noborder{border:none!important;}
/*! -------------------- 導入効果・実績 -------------------- */
.effect{padding:83px 0 100px}
.effect-heading{color:#fff;font-weight:700;text-align:center;font-size:2.57143em;margin-bottom:19px}
.effect-list__item{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;background-color:#fff;padding:30px}
.effect-list__item+.effect-list__item{margin-top:10px}
.effect-list__number{color:#fff;font-weight:700;font-size:1.85714em;text-align:center;width:50px;height:50px;line-height:50px;margin-right:20px}
.effect-list__text{position:relative;width:calc(100% - 70px)}
.effect-list__text--min{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}
.effect-list__text .text-link.arr{position:absolute;right:0;bottom:0;font-size:.85714em}
.effect-list__heading{font-weight:700;font-size:1.57143em;line-height:1.27273}
.effect-list__heading:not(:last-child){margin-bottom:12px}
.effect-list__comment{font-size:.92857em;line-height:1.53846;padding-left:1em;text-indent:-1em}
.effect-list__comment.effect-list__comment--str2{padding-left:2em;text-indent:-2em}
/*! -------------------- 前のページに戻る -------------------- */
.article__button--navy{background-color:#fff}
.button.button--left-arr::after,.button.button--left-arr::before{left:50px}
.button.button--left-arr::after{-webkit-transform:translate(1px,-7px) rotate(-135deg);-ms-transform:translate(1px,-7px) rotate(-135deg);transform:translate(1px,-7px) rotate(-135deg)}
@media only screen and (min-width:768px){.anchor__item a:hover span{text-decoration:underline}
.main-visual.page+#content{padding-top:110px}
#content .section{margin:100px 0}
#content .parag{margin:50px 0}
#content .section--anchor{margin-top:-100px;padding-top:100px}
}
@media only screen and (min-width:1200px){
.company__lead{font-size:2.71429em}
.company__text-adjust .company__lead{font-size: 2.2em}
.company__name{font-size:2.28571em}
.company__text-adjust .company__name{font-size: 2em}
.pc_only{display:block;}
.sp_only{display:none;}
}
@media only screen and (max-width:767px){
.pc_only{display:none;}
.sp_only{display:block;}
.section{margin:40px 0}
.parag{margin:20px 0}
.grid .item{-webkit-flex-basis:calc(100% / 2 - 10px);-ms-flex-preferred-size:calc(100% / 2 - 10px);flex-basis:calc(100% / 2 - 10px);margin-left:10px;margin-top:10px}
.grid .item.item--col2{-webkit-flex-basis:100%;-ms-flex-preferred-size:100%;flex-basis:100%}

.grid .item_img+.item_name{margin-top: 4px}
.grid .item .item-withadjust img{width: 50%}
.grid .item .item-img-adjust .under-item{width: 48.545%}
.grid .item .item-img-adjust{margin-top: 10px}
.col2--reverse.col2__small__adj{margin-top: 22px}
.col2__small__adj .col2__large{width: 100%;margin-left: 0}
.col2__small__adj .col2__small{width: 100%;}
.company__text-adjust .company__lead{font-size: 1.57143em}
.company__text-adjust .company__name{font-size: 1.28571em}
.company__text-adjust .company__lead .text-line{display: inline}

.col2__wrap{margin-top:22px}
.col3__wrap{margin-left:0}
.col3__wrap+.col2{margin-top:0}
.col2 p+.col2{margin-top:22px}
.col2-adjust{margin-top: 22px}
.col2-adjust .col2__small{margin-left: 0}
.col2.mrg-adjust .col+.col {margin-left:0}
.col3{display:block;margin:30px 0 15px}
.col3 .col--primary{width:100%;margin-left:0;margin-top:15px}
.sp_inline{display:inline}
.section--anchor{margin-top:-40px;padding-top:40px}
.company{display:block}
.company__text-wrap{width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;padding:28px 25px}
.company__lead{position:static;font-size:1.57143em;line-height:1.5}
.company__lead>span{border-bottom-width:1px;line-height:1.2}
.company__name{position:static;font-size:1.28571em;margin-top:22px}
.company__img{width:100%}
.text-emphasis{font-size:1em;margin-top:20px}
.text-pdf{margin-top:7px}
.anchor{display:block;margin-top:25px;margin-bottom:40px}
.anchor__item{width:100%;text-align:left}
.anchor__item.anchor__item__same__width{width: 100%}
.anchor__item a{font-size:1em;padding:17px}
.anchor__item a span::before{top:2px}
.anchor__item+.anchor__item::before{width:calc(100% - 34px);height:1px;left:17px;top:0}
.image-map-link{display:block;margin-top:23px}
.image-map-link__item a{background-color:#f08200;display:block;color:#fff;font-weight:700;font-size:1em;padding:10px 15px}
.image-map-link__item a img{width:11px;vertical-align:middle;position:absolute;top:50%;margin-top:-5px;right:0}
.image-map-link__item .image-map-link__inner{position:relative;padding-left:15px;padding-right:15px}
.image-map-link__item .image-map-link__inner::before{content:'';display:inline-block;width:0;height:0;position:absolute;top:50%;left:5px;margin-top:-4px;border-top:3px solid transparent;border-bottom:3px solid transparent;border-left:6px solid transparent;border-left-color:#fff}
.image-map-link__item+.image-map-link__item{margin-top:5px}
.movie{padding:48px 0 54px}
.movie-heading{font-size:1.28571em;margin-bottom:19px}
.movie-list{display:block}
.movie-list__item{width:100%}
.movie-list__item+.movie-list__item{margin-top:29px}
.movie-list__title{font-size:1em;max-width:194px;margin-top:13px}
.modal-window{font-size:1.166666666666667em}
.modal-window__plate{padding:57px 0 49px}
.modal-window__sub{font-size:.85714em}
.modal-window__title{font-size:1.28571em}
.mfp-close{top:15px!important;right:28px;width:22px;height:22px}
.mfp-close:after,.mfp-close:before{top:10px;left:-3px;width:27px}
.modal-close{padding:25px 0 0}
.modal-close button{padding-left:25px;font-size:1em}
.modal-close button:after,.modal-close button:before{top:11px;width:22px}
.col2{display:block;margin-bottom:15px}
.col2>div:last-child{margin-top:32px}
.col2__large{width:100%}
.col2__large .col2 .col{width:100%}
.col2__large .col2 .col+.col{margin-left:0}
.col2__small{width:100%}
.text-normal-heading{font-size:1.14286em;line-height:1.5}
.text-normal{line-height:1.642857142857143}
.text-normal+.text-normal{margin-top:22px}
.col2--reverse+.text-normal{margin-top:22px}
.text-caption{margin-top:8px;font-size:.92857em}
.parag .text-normal-heading{font-size:1.14286em;line-height:1.5}
.parag .parag__img{width:100%;}
.parag img{width:100%;}
.parag .parag__img__row{width:100%;}
.company-spec{border-width:6px;padding:29px}
.company-spec__name{font-size:1.28571em;line-height:34px}
.company-spec__name.line-height__adjust{line-height: 25px}
.company-spec .company-spec__sub{margin-top:8px}
.company-spec .company-spec__sub>span{font-size:1em}
.company-spec__detail{margin-top:5px;line-height:26px}
.company-spec__detail dd,.company-spec__detail dt{padding-top:5px}
.company-spec .text-link.arr{line-height:26px}
.col__authority a{word-break:break-all;}
.effect{padding:46px 0 55px}
.effect-heading{font-size:1.42857em;margin-bottom:14px}
.effect-list__item{padding:15px}
.effect-list__number{font-size:1.28571em;width:35px;height:35px;line-height:35px;margin-right:8px}
.effect-list__text{width:calc(100% - 43px)}
.effect-list__text .text-link.arr{position:relative;left:2em}
.effect-list__heading{font-size:1.07143em;line-height:1.53333}
.effect-list__heading:not(:last-child){margin-bottom:5px}
.effect-list__comment{font-size:.85714em;line-height:1.41667}
.button.button--left-arr{text-align:right;padding-right:27px;padding-left:0}
.button.button--left-arr::after,.button.button--left-arr::before{left:20px}
.button.button--left-arr::after{-webkit-transform:translate(1px,-6px) rotate(-135deg);-ms-transform:translate(1px,-6px) rotate(-135deg);transform:translate(1px,-6px) rotate(-135deg)}
.main-visual.page+#content{padding-top:40px}
}