@media(min-width: 992px){.col-md-5{width:41.6666666667%}.col-md-offset-7{margin-left:58.3333333333%}}.contents_area h1,.contents_area h2,.contents_area h3,.contents_area h4{line-height:1.5}.contents_area h1,.contents_area h2,.contents_area h3,.contents_area h4,.contents_area p,.contents_area ul,.contents_area li{margin:0;padding:0}.contents_area h2::before{background:none}.contents_area ul,.contents_area li{list-style-type:none}.contents_area p{margin:10px 0}.contents_area .main_header{color:#fff;text-shadow:0 1px 2px #999;background-color:#86c5de;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;align-items:stretch;margin-top:20px;padding:20px 0;border-radius:8px 8px 0 0}.contents_area .main_header h1{line-height:1}.contents_area .main_header [class*=ufs-]{padding:0 30px}.contents_area .main_header [class*=ufs-] img{width:100%}.contents_area .main_header .ufs-title{width:60%}.contents_area .main_header .ufs-logo{width:20%}.contents_area .lead_text{padding:15px;border-radius:0 0 8px 8px;background-color:#fff}.contents_area .main_contents{background:url("https://assets.ubiregi.jp/ubiregi-service-22/ufs/ufs_image.png") no-repeat center top;background-size:contain}.ufs-banner{text-align:right}.ufs-banner img{margin:15% 0 40px}.contents_area .main_contents .sf_logo{margin-top:60px;margin-bottom:60px}.contents_area .main_contents .explanation{background-color:rgba(255,255,255,.8);margin-bottom:40px;padding:20px;border-radius:8px;box-shadow:0 0 2px 0 #999}.contents_area .main_contents .system{margin-bottom:20px;border-radius:8px;box-shadow:0 0 2px 0 #666;background-color:#fff;margin-bottom:40px}.contents_area .main_contents .system .inner{padding:20px}.contents_area .main_contents .system h2{color:#fff;text-shadow:0 1px 2px #999;background-color:#86c5de;padding:10px;text-align:center;border-radius:8px 8px 0 0}.contents_area .main_contents .system .box{min-height:330px;border-radius:4px;border:solid 1px #e2e1e1;display:flex;flex-direction:column;flex-grow:1}.contents_area .main_contents .system .box h3{margin-bottom:20px;padding:10px 10px 10px 60px;border-bottom:solid 1px #86c5de}.contents_area .main_contents .system .box h3 small{display:block;font-size:.8rem}.contents_area .main_contents .system .box .inner{padding:0 20px 20px}.contents_area .main_contents .system .box .inner b{display:block}.contents_area .main_contents .system .box .inner img{margin-bottom:10px;width:90%}.contents_area .main_contents .system .box .inner ul li{list-style-type:disc;list-style-position:inside}.contents_area .main_contents .system .box.shop,.contents_area .main_contents .system .box.cloud{position:relative}.contents_area .main_contents .system .box.shop:after,.contents_area .main_contents .system .box.cloud:after{content:"";position:absolute;width:19px;height:27px;background:url("https://assets.ubiregi.jp/ubiregi-service-22/ufs/ufs_explanation_img_arrow.png") no-repeat left center;background-size:19px 27px;right:-26.5px;bottom:calc(50% - 13.5px);z-index:1}.contents_area .main_contents .system .box.shop h3{background:#f7f5f5 url("https://assets.ubiregi.jp/ubiregi-service-22/ufs/ufs_icon_system_shop.png") no-repeat 10px center;background-size:40px 40px;width:100%}.contents_area .main_contents .system .box.cloud h3{background:#f7f5f5 url("https://assets.ubiregi.jp/ubiregi-service-22/ufs/ufs_icon_system_cloud.png") no-repeat 10px center;background-size:40px 40px;width:100%}.contents_area .main_contents .system .box.building h3{background:#f7f5f5 url("https://assets.ubiregi.jp/ubiregi-service-22/ufs/ufs_icon_system_building.png") no-repeat 10px center;background-size:40px 40px;width:100%}.contents_area .main_contents .feature{margin-bottom:20px;border-radius:8px;box-shadow:0 0 2px 0 #666;background-color:#fff;margin-bottom:40px}.contents_area .main_contents .feature .inner{padding:20px}.contents_area .main_contents .feature h2{color:#fff;text-shadow:0 1px 2px #999;background-color:#86c5de;padding:10px;text-align:center;border-radius:8px 8px 0 0}.contents_area .main_contents .feature .inner ul li{margin-bottom:30px;padding-left:70px}.contents_area .main_contents .feature .inner ul li h3{margin-left:-70px}.contents_area .main_contents .feature .inner ul li h3 .text{color:#86c5de}.contents_area .main_contents .feature .inner ul li h3 .number{display:inline-block;width:60px;height:60px;margin-right:10px;line-height:55px;color:#86c5de;text-align:center;background-color:#fff;border-radius:50%;border:solid 2px #86c5de}.contents_area .main_contents .feature .inner ul li p{padding-left:10px}.contents_area .contact-area{padding:40px;margin-bottom:40px;font-size:18px;text-align:center;background-color:#f7f5f5}.contents_area .contact-area a{margin-bottom:20px}.contents_area .contact-area p{margin-bottom:20px;margin-top:0}.contents_area .case .inner{padding-top:0 !important}.contents_area .case .text h3{margin:10px 0 20px;color:#86c5de}.contents_area .case .text h4{margin:10px 0 20px;font-size:21px;color:#86c5de}.contents_area .case .text img{margin-bottom:20px;box-shadow:0 0 2px 0 #999}.contents_area .case .text p{margin-bottom:40px}.contents_area .case .text .data{border-left:dotted 1px #86c5de;padding-left:30px}.contents_area .case .text .data span{display:inline-block;padding:0 10px;color:#fff;background-color:#86c5de}.contents_area .case .text .data table tr th,.contents_area .case .text .data table tr td{border-top:none}.contents_area .case .text .data p{margin-bottom:20px}.contents_area .attention{margin-bottom:40px}@media screen and (min-width: 1199px){.contents_area .main_contents .system .box h3 small{font-size:.9rem}}@media screen and (min-width: 768px)and (max-width: 991px){.contents_area .main_contents .system .box{min-height:0;margin-bottom:20px;width:100%}.contents_area .main_contents .system .box h3 small{font-size:.8rem;display:inline}.contents_area .main_contents .system .box.shop:after,.contents_area .main_contents .system .box.cloud:after{width:11px;height:17px;right:calc(50% - 8.5px);bottom:-20.5px;background-size:11px 17px;transform:rotate(90deg)}}@media screen and (max-width: 767px){.contents_area h2{font-size:18px}.contents_area h3{font-size:16px}.contents_area h4{font-size:16px !important}.contents_area .main_header{padding:10px 0}.contents_area .main_header h1{line-height:1}.contents_area .main_header [class*=ufs-]{padding:0 10px}.contents_area .main_contents .system>.inner{padding:20px 20px 0}.contents_area .main_contents .system .box{min-height:0;margin-bottom:20px}.contents_area .main_contents .system .box h3 small{display:inline}.contents_area .main_contents .system .box.shop h3,.contents_area .main_contents .system .box.cloud h3,.contents_area .main_contents .system .box.building h3{background-size:30px 30px}.contents_area .main_contents .system .box.shop:after,.contents_area .main_contents .system .box.cloud:after{width:11px;height:17px;right:calc(50% - 8.5px);bottom:-20.5px;background-size:11px 17px;transform:rotate(90deg)}.contents_area .main_contents .system .box .inner{padding:0 10px 10px}.contents_area .main_contents .system .box .inner ul{font-size:.9rem}.contents_area .main_contents .feature .inner ul li{padding-left:0}.contents_area .main_contents .feature .inner ul li h3{margin-left:0}.contents_area .main_contents .feature .inner ul li h3 .number{display:block;width:40px;height:40px;margin:0 0 10px 0;line-height:38px}.contents_area .main_contents .feature .inner ul li p{padding-left:0}.contents_area .case .inner{padding:0 !important}.contents_area .case .bottom-case-study{padding:20px 0 0}.contents_area .case .title h2{margin-left:0;padding-left:20px}.contents_area .case .text h4{margin:10px 0}.contents_area .case .text .data{border-left:none;padding-left:0}.contents_area .contact{padding:20px}.contents_area .contact p{margin-bottom:10px}.contents_area .contact .mail a{width:100%;height:50px}.contents_area .contact .mail a p{width:720px;height:50px;font-size:16px}.contents_area .contact .phone b{margin-bottom:10px;padding-left:30px;font-size:20px}.contents_area .contact .phone small{display:block}}@media screen and (max-width: 767px)and (orientation: landscape){.contents_area .main_header{padding:15px 0}.contents_area .main_header h1{padding:10px 0}}.col-flex{display:flex;gap:30px}@media screen and (max-width: 991px){.col-flex{flex-direction:column}}.col-flex__box{display:flex;flex-direction:column;align-items:center}.col-flex__box .inner{display:flex;flex-direction:column;align-items:center;flex-grow:1}@media(max-width: 1199px){.col-flex__box .inner{flex-direction:row}}.col-xs-4{width:55%;text-align:center}@media(max-width: 1199px){.col-xs-4{width:35%}}@media(max-width: 1199px){.col-md-12{padding-left:5vw}}