body{background-color:#fff}.top{position:relative;height:calc(100vh - 80px);overflow:hidden;margin-top:80px;background-position:center center;background-repeat:no-repeat;background-size:cover;background:#ddd}.top .container{position:relative;margin:0 auto;display:flex;flex-direction:column;align-items:start;width:100%;height:100%;overflow:hidden}.top .slider{position:relative;z-index:2;width:100%;height:55%}.top .slide-bg-inner{display:inline-block;width:100%;height:100%}.top .slide-bg{height:100%}.top .slide_item1{background:url("/images/top_bg_fv.png");background-repeat:no-repeat;background-position:center center;background-size:cover;background-color:#f8f8f8}.top .title{z-index:2;text-align:left;padding:24px}.top .title__lead{font-size:1.8rem;background-color:#fff;margin-bottom:8px;display:inline-block}.top .title__text{font-size:3.8rem;font-weight:bold;margin-bottom:8px;background-color:#fff;display:inline-block}.top .top__scroll{position:absolute;bottom:24px;right:24px;z-index:3}.top .top__scroll img{display:block;width:64px}@media screen and (min-width: 480px){.top .title__lead{font-size:2.2rem;font-weight:normal}.top .title__text{font-size:4rem}}@media screen and (min-width: 768px){.top .slider{width:75%;height:85%}.top .container{max-width:1108px;margin:0 auto;flex-direction:row-reverse;align-items:center;padding:0 24px}.top .title{position:absolute;left:0}.top .title__lead{letter-spacing:.1em}.top .title__lead{font-size:3rem}.top .title__text{font-size:5rem}.top .title__text{letter-spacing:.1em}.top .top__scroll{right:0}}.about__container{position:relative;margin:64px 0}.about__content{display:flex;flex-direction:column;align-items:center;padding:0 24px}.about__info{margin-bottom:48px}.about__text{font-size:1.6rem}.about__lead{font-size:3rem;font-weight:bold}.about__image{font-size:3rem;font-weight:bold}@media screen and (min-width: 768px){.about__content{flex-direction:row-reverse;padding:0 24px 0 0}.about__image{width:40%}.about__info{padding:0 64px;margin-bottom:0}}.sns a:hover{opacity:.5;transition:.5s}.sns__container{position:relative;margin:64px 0}.sns__content{display:flex;flex-direction:column;padding:0 24px;max-width:1108px;margin:0 auto}.sns__list{width:100%;display:flex;flex-wrap:wrap;justify-content:space-between}.sns__item{position:relative;display:inline-block;width:49%;height:120px;border:1px solid #333;margin-bottom:16px}.sns__item::before{content:"";display:inline-block;position:absolute;width:calc(100% - 46px);height:8px;border-bottom:1px solid #000;border-right:1px solid #000;-webkit-transform:skew(45deg);transform:skew(45deg);bottom:24px;right:24px}.sns__link{position:relative;display:block}.sns__name{font-size:1.6rem;text-decoration:none;color:#333;height:100%;padding:24px}.sns__icon{position:absolute;width:32px;height:32px;top:0;right:0;background-color:#333;background-image:url("/images/top_bg_iconsns.png");background-repeat:no-repeat;background-size:128px 32px}.sns__icon--note{background-position:0}.sns__icon--twitter{background-position:-31px}.sns__icon--facebook{background-position:-63px}.sns__icon--youtube{background-position:-95px}@media screen and (min-width: 768px){.sns__list{flex-wrap:nowrap}.sns__item{width:24%;margin-bottom:0}}.project{background-color:#2d9cdb}.project__container{position:relative;display:flex;flex-direction:column;padding:64px 0;max-width:1108px;margin:0 auto}.project__content{display:flex;flex-direction:column;align-items:center;padding:0 24px}.project__info{margin-bottom:48px;padding:24px;background-color:#fff}.project__text{font-size:1.4rem;margin-bottom:32px}.project__lead{font-size:2.4rem;font-weight:bold;line-height:1.4;margin-bottom:16px}.project__image{font-size:3rem;font-weight:bold}.project__link{display:block;padding:16px;text-align:center;border:1px solid #333;font-size:1.4rem;color:#333}.project .mdl-index{color:#fff}@media screen and (min-width: 768px){.project__container{flex-direction:row}.project__content{width:50%}.project__info{margin-bottom:0}}.collab{background-color:#9ea2a2}.collab__container{padding:64px 24px 24px 24px;display:flex;justify-content:space-between;flex-wrap:wrap;max-width:1108px;margin:0 auto}.collab__content{position:relative;display:flex;width:100%;flex-direction:column;margin-bottom:24px;justify-content:stretch;overflow:hidden}.collab__info{background-color: #fff;}.collab__image{display:block;-webkit-clip-path:polygon(50% 0%, 100% 28%, 100% 100%, 0 100%, 0 27%);clip-path:polygon(50% 0%, 100% 28%, 100% 100%, 0 100%, 0 27%);margin-bottom:16px}.collab__lead{display:block;font-size:2.4rem;padding: 2px 5px;}.collab__button{width:100%;text-align:center;padding:0 24px 48px 24px}.collab__button a:hover{opacity:.5;transition:.5s}.collab__link{display:inline-block;color:#fff;font-weight:bold;border:1px solid #fff;font-size:1.6rem;width:100%;padding:16px 32px;margin:0 auto}.collab .mdl-index{color:#fff}.collab img:hover{-webkit-transform:scale(1.1, 1.1);transform:scale(1.1, 1.1);transition:1s all}@media screen and (min-width: 768px){.collab__container{flex-direction:row}.collab__content{width:30%}.collab__link{width:50%}.collab__info{margin-bottom:0}}.space{margin-bottom:64px}.space__container{position:relative;margin:64px 0;max-width:1108px;margin:0 auto}.space__content{display:flex;flex-direction:column;align-items:center;padding:0 24px}.space__info{margin-bottom:32px}.space__text{font-size:1.6rem}.space__lead{font-size:3rem;font-weight:bold}.space__image{font-size:3rem;font-weight:bold}.space__button{width:100%;text-align:center;padding:24px 0}.space__button a:hover{opacity:.5;transition:.5s}.space__link{display:inline-block;font-weight:bold;border:1px solid #333;font-size:1.6rem;width:100%;padding:16px 32px;margin:0 auto}.space .mdl-index{margin-bottom:48px}@media screen and (min-width: 768px){.space__content{flex-direction:row-reverse;padding:0 24px 0 0}.space__image{width:45%}.space__info{padding:0 64px;margin-bottom:0}}