@charset "UTF-8";
.hero-img{position:relative;background:url(../img/bg_hero_01.jpg) center top repeat-x;text-align:center}
.hero-img__subtitle{font-weight:700}
.hero-img__subtitle ruby{color:#0b6c6a}
.hero-img__subtitle ruby rt{text-align:center}
.hero-img__title{color:#0b6c6a;font-feature-settings:"palt"}
.hero-img__bg{background:url(../img/bg_hero_02.png) center top/auto 100% repeat-x}
.hero-img__line{position:absolute;left:0;overflow:hidden;display:flex;height:125px;background:url(../img/bg_hero_03.svg) center top repeat-x}
.intro{background-color:#b9d8ef}
.intro-title{position:relative;text-align:center;line-height:1.75}
.intro-title:before{position:absolute;left:0;bottom:.8125em;display:block;width:100%;height:1px;background-color:#333;content:''}
.intro-title span{position:relative;display:inline-block;background-color:#b9d8ef}
.intro-lead{font-weight:700}
.video-block .subheading:before{background-color:#000}
.video-block .subheading span{color:#000;background-color:#b9d8ef}
.video-block-text{font-weight:700;text-align:center;color:#222}
.video{position:relative;max-width:800px;margin:0 auto}
.video__scaler{padding-top:56.25%}
.service{background-color:#b9d8ef}
.service-footer{background-color:#489f9d}
.service-footer p{font-weight:700;text-align:center}
.case{background-color:#d5e6e5}
.case-heading{margin-bottom:40px;text-align:center}
.case-list{display:flex}
.case-item{display:block}
.case-item>a{color:inherit}
.case-item>a:hover{text-decoration:none}
.case-item__img>img{width:100%}
.case-item__name{font-weight:700;text-align:center}
.case-item__name>img{width:1em;margin-right:.25em;vertical-align:-.125em}
.villefeuille-container{background-color:#fffef3;border-top:solid #1d7e7c}
.villefeuille-heading{position:relative;text-align:center}
.villefeuille-heading:before{position:absolute;top:.725em;left:0;display:block;width:100%;height:1px;background-color:#0b6c6a;content:''}
.villefeuille-heading span{position:relative;display:inline-block;line-height:1.57143;background-color:#fffef3;color:#0b6c6a}
.villefeuille-logo{text-align:center}
.villefeuille-lead{padding:0 20px;font-weight:700}
.villefeuille-btn{position:relative;padding:0 20px}
.villefeuille-btn:before{position:absolute;top:50%;left:0;display:block;width:100%;height:1px;background-color:#1d7e7c;content:''}
.villefeuille-btn .btn{margin:0 auto;max-width:480px}
.solution_area .bottom_list .wrapper .grid_list .col .icon_new{position:absolute;width:68px;margin:10px 0 0 10px}
.solution_area .bottom_list .wrapper .grid_list .col .category_label{display:block}
.solution_area .bottom_list .wrapper .grid_list .col .category_label span{display:block}
.info_area{padding:102px 0 0}
.info_area .inner_info_block{border:1px solid #dedede;padding:27px 30px;color:#222}
.info_area .inner_info_block .info_text{line-height:1.8}
.info_area .inner_info_block .info_text span{font-weight:700;color:#1d7e7c;border-bottom:1px solid #1d7e7c}
.info_area .inner_info_block .link_wrap{margin-top:15px}
.info_area .inner_info_block .link_text{position:relative;display:inline-block;padding-left:.75em}
.info_area .inner_info_block .link_text:before{position:absolute;top:calc(50% - 3px);left:0;display:block;width:0;height:0;border-width:3px 6px;border-style:solid;border-color:transparent transparent transparent #1d7e7c;content:''}
.information-content{display:none}
.information-content.current{display:block}
.information-list[data-information*=more]{display:none;border-top:1px dotted #ccc}
.information-item{display:block}
.information-item:not(:first-child){border-top:1px dotted #ccc}
.information-item a{color:inherit}
.information-item__title img{vertical-align:.1em}
.information-item__date:before{position:absolute;display:block;width:0;height:0;border-width:3px 6px;border-style:solid;border-color:transparent transparent transparent #1d7e7c;content:''}
.information-btn-wrap:after{clear:both;display:block;content:''}
.information-btn{display:none;font-size:.875em;line-height:1.57143;vertical-align:top;color:inherit!important}
.information-btn__icon{position:relative;display:inline-block;margin-right:10px;width:22px;height:22px;vertical-align:top;background-color:#1d7e7c}
.information-btn__icon:after,.information-btn__icon:before{position:absolute;top:calc(50% - 1px);left:calc(50% - 6px);display:block;width:12px;height:2px;background-color:#fff;content:''}
.information-btn__icon:after{transform:rotate(90deg)}
.information-btn.current{font-size:0}
.information-btn.current:after{font-size:.875rem;content:'閉じる'}
.information-btn.current .information-btn__icon:after{display:none}
.information-heading{font-weight:700;color:#0b6c6a;border-bottom:1px solid #dadada}
.information-list:not(:empty)+.information-btn-wrap .information-btn{display:block}
.information-more-link{position:relative;display:block;padding-left:12px;font-size:.875em;color:inherit}
.information-more-link:before{position:absolute;top:calc(50% - 3px);left:0;display:block;width:0;height:0;border-width:3px 6px;border-style:solid;border-color:transparent transparent transparent #888;content:''}
.smart-building__banner{background-color:#000;color:#fff}
.smart-building__banner a{padding:53px 0 0;display:block;color:#fff;text-decoration:none}
.smart-building__banner .info-block{position:relative}
.smart-building__banner .info-title{font-size:287.5%;font-weight:700;padding-bottom:21px;line-height:.65em}
.smart-building__banner .info-title .small-text{font-size:70%}
.smart-building__banner .info-text{font-size:112%;line-height:1.68em}
.smart-building__banner.new-release .info-text{width:51.8%;padding-bottom:55px}
.smart-building__banner .info-text .arr-link{position:relative;display:inline-block;padding-left:18px;background:url(../common/img/img_arr.png) no-repeat 0 6px;color:#fff}
.smart-building__banner .info-text .arr-link:after{content:"";display:block;position:absolute;height:1px;width:100%;left:0;bottom:4px;background:#cfcfcf}
.smart-building__banner .info-list{position:relative;padding-top:30px;width:57%;padding-bottom:55px}
.smart-building__banner .info-list dt{border:1px solid #b3b3b3;position:absolute;padding:.04em 1.822em;font-size:87.5%}
.smart-building__banner .info-list dd{padding:.01em 0 .36em 5.5em;font-size:113%;letter-spacing:-.05em}
.smart-building__banner .banner-img{width:42.167%;position:absolute;right:0;bottom:0}
.smart-building__banner .banner-img img{max-width:100%;vertical-align:middle}
@media screen and (min-width:768px){
.hero-img{padding-top:110px}
.hero-img__subtitle{font-size:2.125em}
.hero-img__subtitle ruby rt{font-size:.47059em}
.hero-img__title{margin-top:20px;font-size:3.625em}
.hero-img__bg{margin-top:35px;height:233px}
.hero-img__line{top:370px;width:100%}
.intro{padding-top:25px}
.intro-title{font-size:1.625em}
.intro-title span{padding:0 10px}
.intro-lead{margin-top:10px;font-size:1.125em;text-align:center}
.video-block{margin-top:80px}
.video-block .subheading{margin-bottom:50px}
.video-block-text{margin-bottom:30px;font-size:1.3125em}
.service{padding-top:65px}
.service-footer{padding:40px 0 70px}
.service-footer p{font-size:1.5em}
.case{padding:70px 0 85px}
.case-heading{font-size:2em}
.case-item{width:23.75%}
.case-item:not(:nth-child(4n)){margin-right:1.6666%}
.case-item:nth-child(2){transition-delay:.25s}
.case-item:nth-child(3){transition-delay:.5s}
.case-item:nth-child(4){transition-delay:.75s}
.case-item>a{transition:opacity .3s ease}
.case-item>a:hover{opacity:.7}
.case-item__name{margin-top:12px}
.villefeuille{margin-top:80px}
.villefeuille-container{padding:60px 0 65px;box-shadow:0 0 70px 0 rgba(0,0,0,.1);border-top-width:8px}
.villefeuille-heading{font-size:1.5em}
.villefeuille-heading span{padding:0 10px}
.villefeuille-logo{margin-top:40px}
.villefeuille-lead{margin-top:20px;font-size:1.25em;text-align:center;line-height:1.9}
.villefeuille-btn{margin-top:40px}
.information{margin-top:55px}
.information-tab-list{display:flex;justify-content:center;border-bottom:1px solid #dadada}
.information-tab{display:flex;cursor:pointer;width:100%;height:60px;max-width:450px;font-weight:700;background-color:#e9f2f2;color:inherit;justify-content:center;align-items:center}
.information-tab:before{display:block;margin:6px 5px 0 0;width:0;height:0;border-width:6px 4px;border-style:solid;border-color:#222 transparent transparent;content:''}
.information-tab.current{position:relative;background-color:#a5d9d5}
.information-heading{padding-bottom:10px;font-size:1.25em}
.information-content{margin-top:15px}
.information-item a{display:flex;padding:15px 0}
.information-item__date{position:relative;padding-left:20px;width:190px}
.information-item__date:before{top:calc(50% - 3px);left:5px}
.information-item__title{width:calc(100% - 190px)}
.information-btn{float:left;margin-top:40px}
.information-more-link{float:right;margin-top:40px}
}
@media screen and (max-width:767px){
.hero-img{padding-top:35px;background-size:auto 276px}
.hero-img__subtitle{font-size:.875em}
.hero-img__subtitle ruby rt{font-size:.71429em;transform:scale(.7);transform-origin:center bottom}
.hero-img__title{margin-top:8px;font-size:1.625em;line-height:1.38462}
.hero-img__bg{margin-top:-10px;height:90px}
.hero-img__line{top:156px;width:138.88889%;transform:scale(.72);transform-origin:left top}
.intro{padding-top:20px}
.intro-title span{padding:0 5px}
.intro-lead{margin-top:12px;font-size:.875em}
.video-block{margin-top:50px}
.video-block .subheading{margin-bottom:25px}
.video-block-text{margin-bottom:15px;font-size:.875em}
.service{padding-top:35px}
.service-footer{padding:20px 35px}
.service-footer p{font-size:.875em}
.case{padding:35px 0 40px}
.case-heading{margin-bottom:25px;font-size:1.125em}
.case-list{flex-wrap:wrap}
.case-item{width:48.0597%}
.case-item:nth-child(even){margin-left:3.8806%}
.case-item:nth-child(n+3){margin-top:25px}
.case-item__name{margin-top:8px;font-size:.875em}
.villefeuille{margin-top:95px}
.villefeuille-container{padding:25px 0 30px;box-shadow:0 0 35px 0 rgba(0,0,0,.1);border-top-width:4px}
.villefeuille-heading{font-size:.875em}
.villefeuille-heading span{padding:0 5px}
.villefeuille-logo{position:relative;margin-top:20px;height:151px}
.villefeuille-logo img{position:absolute;top:0;left:50%;max-width:none;transform:translateX(-50%) scale(.5);transform-origin:center top}
.villefeuille-lead{margin-top:15px;font-size:.875em;line-height:1.64286}
.villefeuille-btn{margin-top:20px}
.villefeuille-btn .btn{height:65px}
.info_area{padding:30px 0 0}
.info_area .inner_info_block{padding:20px 25px 25px 25px}
.info_area .inner_info_block .info_date{font-size:75%}
.information{margin-top:40px}
.information-tab-list{display:none}
.information-heading{padding-bottom:5px;font-size:1.125em}
.information-item{padding:10px 0}
.information-item a{position:relative;display:block;padding:0 10px;font-size:.875em;line-height:1.92857}
.information-item__date{display:inline-block;margin-right:1em}
.information-item__date:before{top:calc(.964285em - 3px);left:0}
.information-item__title{display:inline}
.information-btn{margin-top:15px}
.information-more-link{margin-top:30px}
.smart-building__banner a{padding:22px 0 0}
.smart-building__banner .info-title .small-text{font-size:80%}
.smart-building__banner .info-title{font-size:125%;line-height:1.2em;padding-bottom:15px;text-align:center}
.smart-building__banner .info-text{font-size:81.25%;line-height:1.64em}
.smart-building__banner.new-release .info-text{width:100%;padding-bottom:10px}
.smart-building__banner .info-list{width:auto;padding-top:10px;padding-bottom:0}
.smart-building__banner .info-list dt{display:inline-block;position:inherit;font-size:75%;padding:.085em 1.23em}
.smart-building__banner .info-list dd{display:block;padding:6px 0 .4em;font-size:87.5%}
.smart-building__banner .info-text .arr-link{background-position:0 4px}
.smart-building__banner .banner-img{margin-top:20px;text-align:center;width:auto;position:inherit}
}