.main-contents,.main-contents *,.main-contents :after,.main-contents :before{box-sizing:border-box}
.main-contents .container{max-width:1226px}
.main-visual{display:flex;background:#83cff4 no-repeat center center;background-size:auto 100%;color:#0263b2;justify-content:center;align-items:center}
.main-visual .container{margin:0;width:100%}
.main-visual-title{font-weight:500}
.title{font-weight:700}
.title>span{color:#8e0000}
.intro{background-color:#f2f2f2}
.intro>.container:before{position:absolute;display:block;background:url(/building/img/bg_intro.jpg) no-repeat center center;background-size:100% 100%;content:''}
.intro .title>small{display:inline-block;margin:0 -.25em 0 -.75em;vertical-align:middle}
.intro .title>sup{font-size:0.6153em;vertical-align: top;}
.intro-detail{font-weight:700}
.intro-detail sup{font-size:0.625em;vertical-align: top;}
.solution{background-color:#f2f2f2}
.solution-container{background-color:#fff}
.solution-lead{font-weight:700}
.solution-list{display:flex;border-top:1px solid #d6d6d6;border-left:1px solid #d6d6d6;flex-wrap:wrap}
.solution-item{border-right:1px solid #d6d6d6;border-bottom:1px solid #d6d6d6}
.solution-item>a{display:block;height:100%;color:inherit}
.solution-item--blu>a{background-color:#f3f7ff}
.solution-item--yel>a{background-color:#fffff3}
.solution-item--red>a{background-color:#fff6f6}
.solution-item-title{font-weight:700}
.solution-item-img{background-color:#fff;border:1px solid #ccc}
.solution-item-img>img{width:100%;height:auto;vertical-align:top}
.proposal{position:relative;overflow:hidden;background-color:#83cff4}
.proposal-bg{position:absolute;top:0;left:0;width:100%;background:no-repeat center top;background-size:100% auto;pointer-events:none}
.proposal .title{text-align:center}
.proposal-list{display:flex;justify-content:space-between}
.proposal-item{background-color:#fff;border:1px solid #ccc}
.proposal-item>a{height:100%;text-align:center;color:inherit}
.proposal-item-img>img{width:100%;height:auto;vertical-align:top}
.proposal-item-logo>img{width:auto;vertical-align:top}
.proposal-item-title{font-weight:700}
.news{background-color:#fff}
.news .title{text-align:center}
.news-list--more{display:none;border-top:1px solid #e6e6e6}
.news-item:not(:first-child){border-top:1px solid #e6e6e6}
.news-item__text{font-weight:700}
.news-item__text>a{color:inherit}
.news-btn>button{position:relative;display:block;padding:0;font-size:1em;background-color:transparent;border:0}
.news-btn>button>span{position:absolute;top:0;left:0;display:block;background-color:#8e0000;content:''}
.news-btn>button>span:after,.news-btn>button>span:before{position:absolute;display:block;background-color:#fff;content:''}
.news-btn>button>span:before{transform:rotate(90deg);transition:transform .3s}
.news-btn>button.is-opened>span:before{transform:rotate(180deg)}
.important-news{border:1px solid #8e0000}
.important-news-date,.important-news-text{font-weight:700}
.important-news-link>a{font-weight:700;color:inherit}
.important-news-link>a>span{display: inline-block;vertical-align: top;padding-left: 12px;position: relative;}
.important-news-link>a>span::before { content: ""; position: absolute; left: 0px; top: calc(50% - 3px); width: 0; height: 0; border-style: solid; border-width: 3px 0 3px 7px; border-color: transparent transparent transparent #333; }
.pickup{background-color:#f5f5f5;border-top:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6}
.pickup-list{display:flex;justify-content:space-between}
.pickup-item{background-color:#fff;border:1px solid #ccc}
.pickup-item>a{display:block;color:inherit}
.pickup-item__img>img{width:100%;height:auto;vertical-align:top}
.pickup-item__title{font-weight:700}
.recommend-list{display:flex;justify-content:space-between}
.recommend-item>a{display:block;color:inherit}
.recommend-item__img>img{width:100%;height:auto;vertical-align:top}
.recommend-item__title{font-weight:700;text-align:center}
@media only screen and (min-width:768px){
.main-visual{padding-bottom:83px;height:calc(500/1600*100vw);max-height:500px;text-align:right;background-image:url(/building/img/bg_mv.jpg)}
.main-visual-text{display:inline-block;text-align:left}
.main-visual-title{font-size:calc(30/14.08*1em)}
.main-visual-copy{font-size:calc(50/14.08*1em);line-height:calc(74/50)}
.title{margin-bottom:15px;font-size:calc(26/14.08*1em);line-height:calc(42/26)}
.intro{padding:105px 0 55px}
.intro>.container:before{top:70px;right:0;z-index:2;padding-top:calc(450/1226*100%);width:calc(680/1226*100%)}
.intro .title>small{font-size:calc(20/26*1em)}
.intro-text{position:relative;z-index:2;width:calc(640/1200*100%)}
.intro-detail{margin-top:30px;font-size:calc(16/14.08*1em)}
.intro-detail+.intro-detail{margin-top:20px}
.solution-container{position:relative;z-index:1;margin-right:80px;padding:150px 0 120px 80px}
.solution-lead{line-height:calc(24/14.08)}
.solution-list{margin-top:40px}
.solution-item{width:25%}
.solution-item>a{padding:25px;transition:opacity .3s}
.solution-item>a:hover{text-decoration:none;opacity:.5}
.solution-item-img{margin-top:12px;box-shadow:0 0 14px 0 rgba(0,0,0,.1)}
.solution-item-detail{margin-top:15px}
.solution-item-detail sup{font-size:calc(10/14*1em);vertical-align: top;}
.solution-item-detail small{display: block;font-size:calc(12/14*1em);}
.proposal{margin-top:-130px;padding:225px 0 100px}
.proposal-bg{padding-top:calc(1186/1600*100%);background-image:url(/building/img/bg_proposal.jpg)}
.proposal-list{margin-top:50px}
.proposal-item{width:calc(585/1200*100%);box-shadow:0 0 14px 0 rgba(0,0,0,.1)}
.proposal-item>a{display:flex;transition:opacity .3s;flex-direction:row-reverse}
.proposal-item>a:hover{text-decoration:none;opacity:.5}
.proposal-item-img{width:calc(290/585*100%)}
.proposal-item-text{display:flex;padding:30px 10px 0;width:calc(295/585*100%);flex-direction:column;justify-content:center}
.proposal-item-logo>img{height:45px}
.proposal-item-lead{margin-top:15px;font-size:calc(12/14.08*1em)}
.proposal-item-title{font-size:calc(16/14.08*1em)}
.news{padding:60px 0}
.news-list{margin-top:35px}
.news-list--more{margin-top:15px;padding-top:15px}
.news-item{display:flex}
.news-item:not(:first-child){margin-top:15px;padding-top:15px}
.news-item__date{margin-right:15px;width:8.5em}
.news-item__text{width:calc(100% - 15px - 8.5em)}
.news-btn{margin-top:35px}
.news-btn>button{cursor:pointer;padding-left:30px;line-height:calc(22/14.08)}
.news-btn>button>span{width:22px;height:22px}
.news-btn>button>span:after,.news-btn>button>span:before{top:calc(50% - 1px);left:calc(50% - 6px);width:12px;height:2px}
.important-news{margin-bottom:50px;padding:25px 29px}
.important-news-text{margin-top:8px}
.important-news-link{margin-top:15px}
.important-news-link>a:hover>span{text-decoration: underline;}
.pickup{margin-top:60px;padding:95px 0 85px}
.pickup-list{margin:0 auto;max-width:945px}
.pickup-item{width:calc(295/945*100%);box-shadow:0 0 14px 0 rgba(0,0,0,.1)}
.pickup-item>a{transition:opacity .3s}
.pickup-item>a:hover{text-decoration:none;opacity:.5}
.pickup-item__title{padding:15px 20px 12px}
.recommend{padding:100px 0 85px}
.recommend-item{width:calc(276/1200*100%)}
.recommend-item>a{transition:opacity .3s}
.recommend-item>a:hover{text-decoration:none;opacity:.5}
.recommend-item__title{margin-top:15px}
.recommend-item__description{margin-top:8px}
}
@media only screen and (min-width:768px) and (max-width:1226px){
.proposal-item-text{padding-top:calc(25/1226*100vw)}
.proposal-item-logo>img{height:calc(40/1226*100vw)}
.proposal-item-lead{margin-top:calc(10/1226*100vw);font-size:calc(10/14.08*1em)}
.proposal-item-title{font-size:calc(11/14.08*1em)}
}
@media (max-width:767px){
.main-visual{padding-bottom:15px;height:calc(500/750*100vw);background-image:url(/building/img/bg_mv_sp.jpg)}
.main-visual-title{font-size:calc(15/14*1em)}
.main-visual-copy{font-size:calc(25/14*1em);line-height:calc(35/25)}
.title{margin-bottom:10px;font-size:calc(18/14*1em)}
.intro{padding-top:40px}
.intro>.container{padding-bottom:calc(442/750*100vw - 45px)}
.intro>.container:before{bottom:-60px;left:20px;padding-top:calc(442/750*100vw);width:calc(100% - 40px)}
.intro .title{font-size:calc(20/14*1em)}
.intro .title>small{font-size:calc(15/20*1em)}
.intro .title>sup{font-size:0.6em;vertical-align: top;}
.intro-detail{margin-top:20px}
.intro-detail sup{font-size:0.7142em;vertical-align: top;}
.solution-container{margin-top:60px;padding:55px 0 45px}
.solution-lead{line-height:calc(20/14)}
.solution-list{margin-top:35px}
.solution-item{width:50%}
.solution-item>a{padding:20px 15px}
.solution-item-title{font-size:calc(11/14*1em)}
.solution-item-img{margin-top:8px;box-shadow:0 0 7px 0 rgba(0,0,0,.1)}
.solution-item-detail{margin-top:8px;font-size:calc(12/14*1em)}
.solution-item-detail sup{font-size:calc(10/12*1em);vertical-align: top;}
.solution-item-detail small{display: block;font-size:calc(10/12*1em);}
.proposal{padding:50px 0 40px}
.proposal-bg{padding-top:calc(1384/750*100%);background-image:url(/building/img/bg_proposal_sp.jpg)}
.proposal-list{margin-top:35px}
.proposal-item{width:calc(320/670*100%);box-shadow:0 0 7px 0 rgba(0,0,0,.1)}
.proposal-item>a{display:block}
.proposal-item-text{padding:15px 10px}
.proposal-item-logo>img{height:25px}
.proposal-item-lead{margin-top:5px;font-size:calc(10/14*1em)}
.proposal-item-title{margin-top:8px;font-size:calc(11/14*1em);line-height:1.25}
.news{padding:35px 0 45px}
.news-list{margin-top:10px}
.news-item:not(:first-child),.news-list--more{margin-top:15px;padding-top:15px}
.news-item__date{font-size:calc(12/14*1em)}
.news-item__text{margin-top:5px;font-size:calc(12/14*1em)}
.news-btn{margin-top:30px}
.news-btn>button{padding-left:25px;font-size:calc(12/14*1em);line-height:calc(22/14.08)}
.news-btn>button>span{width:18px;height:18px}
.news-btn>button>span:after,.news-btn>button>span:before{top:calc(50% - 1px);left:calc(50% - 5px);width:10px;height:2px}
.important-news{margin-bottom:35px;padding:15px 20px}
.important-news-date,.important-news-link,.important-news-text{font-size:calc(12/14*1em)}
.important-news-text{margin-top:5px}
.important-news-link{margin-top:10px}
.pickup{padding:40px 0}
.pickup-list{flex-wrap:wrap}
.pickup-item{width:calc(320/670*100%);box-shadow:0 0 7px 0 rgba(0,0,0,.1)}
.pickup-item:nth-child(n+3){margin-top:15px}
.pickup-item__title{padding:8px 10px;font-size:calc(12/14*1em)}
.recommend{padding:40px 0 45px}
.recommend-list{flex-wrap:wrap}
.recommend-item{width:calc(320/670*100%)}
.recommend-item:nth-child(n+3){margin-top:25px}
.recommend-item__title{margin-top:10px;font-size:calc(12/14*1em)}
.recommend-item__description{margin-top:8px;font-size:calc(12/14*1em)}
}