#content::-moz-selection{background-color:#3284ba;color:#fff}#content::selection{background-color:#3284ba;color:#fff}.relative{position:relative}.relative__ratio{height:0}.relative__ratio-16x9{padding-top:56.25%}.relative__content{position:absolute;top:0;left:0;width:100%;height:100%}.video{max-width:700px;margin:0 auto}.video iframe{border:none}.roof__title{font-size:1.943rem;color:#3284ba;font-style:normal;text-align:center;font-weight:400}.roof__content{min-width:320px}.roof__content h1,.roof__content h2,.roof__content h3{font-size:1.514rem;color:#3284ba;font-style:normal;text-align:center;font-weight:700}.roof__content br{display:block;content:"";margin-bottom:10px}.roof__content .roof__list{display:flex;flex-wrap:wrap;margin-left:0;margin-right:0;padding-top:40px;padding-bottom:20px;margin-bottom:0;justify-content:center}.roof__content .roof__item{box-sizing:border-box;word-wrap:break-word;margin-left:0;margin-right:0;width:calc(25% - 0px);display:flex;flex-direction:column;align-items:center;text-align:center;padding-bottom:20px}.roof__content .roof__item p{margin:0;font-size:17px;font-weight:700}.roof__content .roof__entry{box-sizing:border-box;word-wrap:break-word;margin-left:0;margin-right:0;width:calc(33.33333% - 0px);display:flex;flex-direction:column;align-items:center;text-align:center;padding-bottom:20px}.roof__content .roof__entry p{margin:0;font-size:17px;font-weight:700}.roof__content .roof__record{box-sizing:border-box;word-wrap:break-word;margin-left:0;margin-right:0;width:calc(50% - 0px);display:flex;flex-direction:column;align-items:center;text-align:center;padding-bottom:20px}.roof__content .roof__record p{margin:0;font-size:17px;font-weight:700}.roof__content .roof__note{box-sizing:border-box;word-wrap:break-word;margin-left:0;margin-right:0;width:calc(16.66667% - 0px);display:flex;flex-direction:column;align-items:center;text-align:center;padding-bottom:20px}.roof__content .roof__note p{margin:0;font-size:17px;margin-left:5px}.roof__content .roof__icon{display:flex;width:110px;height:110px;border-radius:10px;background-color:#3284ba;color:#fff;justify-content:center;align-items:center;margin-bottom:20px}.roof__content .roof__gallery{width:70%;margin:0 auto}.roof__content .roof__gallery--satin{width:80%}.roof__content .roof__link{font-weight:700;transition:all .5s ease-out;font-size:17px}.roof__content .roof__link:hover{color:#3284ba}.roof__content .roof__link:hover .roof__img{border:solid #3284ba 1px}.roof__content .roof__img{border:solid #ddd 1px;padding:3px}.roof__content .roof__master{padding-bottom:0}@media screen and (max-width:1280px){.roof__content .roof__item{width:calc(25% - 0px)}.roof__content .roof__entry{width:calc(33.33333% - 0px)}.roof__content .roof__record{width:calc(50% - 0px)}.roof__content .roof__note{width:calc(33.33333% - 0px)}}@media only screen and (min-device-width:1200px) and (max-width:1280px){.roof__content .roof__gallery{width:100%}}@media only screen and (min-device-width:768px) and (max-width:1199px){.roof__content .roof__gallery{width:100%}.roof__content .roof__item p{font-size:14px}.roof__content .roof__list{padding-top:0}}@media screen and (max-width:960px){.roof__content .roof__item{width:calc(25% - 0px)}.roof__content .roof__entry{width:calc(33.33333% - 0px)}.roof__content .roof__record{width:calc(50% - 0px)}.roof__content .roof__note{width:calc(33.33333% - 0px)}}@media screen and (max-width:767px){.roof__content .roof__item{width:calc(100% - 0px)}.roof__content .roof__entry{width:calc(100% - 0px)}.roof__content .roof__record{width:calc(100% - 0px)}.roof__content .roof__note{width:calc(100% - 0px)}}@media only screen and (max-width:767px){.roof__content .roof__gallery{width:100%}.roof__content .roof__item p{font-size:14px}.roof__content .roof__list{padding-top:0}}@media screen and (max-width:560px){.roof__content .roof__item{width:calc(100% - 0px)}.roof__content .roof__entry{width:calc(100% - 0px)}.roof__content .roof__record{width:calc(100% - 0px)}.roof__content .roof__note{width:calc(100% - 0px)}}