@charset "utf-8";.office{margin:0;padding:0;font-size:14px;line-height:1.8;color:#333}.office strong{font-weight:bold}.office .fs{font-size:12px}.office .marginB20{margin-bottom:20px}.office .marginB30{margin-bottom:30px}.office h1{text-align:center;margin-bottom:40px}@media screen and (max-width:768px){.office h1{margin-bottom:24px}}.office h2{margin-bottom:40px}@media screen and (max-width:768px){.office h2{margin-bottom:24px}}.office h3{margin-bottom:20px;font-size:22px}@media screen and (max-width:768px){.office h3{margin-bottom:12px;font-size:16px}}.office .section{max-width:990px;margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px}.office #branding{background-image:url(//cdn2.hubspot.net/hubfs/2684654/obc/assets/images/special/office/v2/common/branding_bg.gif);background-repeat:repeat-x;background-position:50% 100%;background-size:auto 100%;overflow:hidden}.office #branding .section{max-width:990px;padding-top:30px;padding-left:15px;padding-right:15px;position:relative}.office #branding p{margin-bottom:30px;text-align:center;line-height:1.3}.office #branding p#brand_movie_btn{position:relative;bottom:0;padding-left:15px;padding-right:15px;width:100%;max-width:672px;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);margin-bottom:0}.office #about{padding-top:50px;padding-bottom:50px}@media screen and (max-width:768px){.office #about{padding-top:30px;padding-bottom:30px}}.office #about h3{position:relative;text-align:center;padding:15px;line-height:1.2;color:#4cac26;border:5px solid #4cac26}.office #about h3:after{content:"";display:block;position:absolute;bottom:-15px;left:50%;margin-left:-20px;width:40px;height:10px;border-top:12px solid #4cac26;border-right:20px solid transparent;border-left:20px solid transparent}.office #about h3 span{font-size:30px;font-weight:bold;color:#060}@media screen and (max-width:768px){.office #about h3{padding:10px 18px}.office #about h3 span{font-size:20px}}@media screen and (max-width:640px){.office #about h3{padding:10px 18px}.office #about h3 span{display:block}}.office #case h3{padding:15px 30px;color:#fff;background-color:#060}@media screen and (max-width:768px){.office #case h3{padding:10px 18px}}.office #case{background-color:#9c6;padding-top:50px;margin-bottom:50px}@media screen and (max-width:768px){.office #case{padding-top:30px;margin-bottom:30px}}.office #case #case_list{padding-right:20px;padding-left:20px;padding-bottom:50px}@media screen and (max-width:640px){.office #case #case_list{padding-right:0;padding-left:0;padding-bottom:30px}}.office #case_list p.left{float:left;width:35%}@media screen and (max-width:640px){.office #case_list p.left{text-align:center;width:100%}}.office #case_list p.right{float:right;width:62%;margin-bottom:20px}@media screen and (max-width:640px){.office #case_list p.right{text-align:center;width:100%;margin-bottom:12px}}.office .case_example{display:table;clear:both;overflow:hidden;margin:0px;padding:20px;width:100%;border-radius:6px;background-color:#eef8ed;box-shadow:0px -5px 6px -5px rgba(0,0,0,.6) inset,0px 4px 6px -2px rgba(0,0,0,.5);-moz-box-shadow:0px -5px 6px -5px rgba(0,0,0,.6) inset,0px 4px 6px -2px rgba(0,0,0,.5);-webkit-box-shadow:0px -5px 6px -5px rgba(0,0,0,.6) inset,0px 4px 6px -2px rgba(0,0,0,.5)}@media screen and (max-width:640px){.office .case_example{padding:12px}}.office .case_example p{display:table-cell;vertical-align:top;width:168px;padding-right:20px}@media screen and (max-width:640px){.office .case_example p{display:block;text-align:center;width:100%;padding-right:0;margin-bottom:12px}}.office .case_example ul{display:table-cell;vertical-align:top}@media screen and (max-width:640px){.office .case_example ul{display:block}}.office .case_example ul li{border-bottom-width:1px;border-bottom-style:dotted;border-bottom-color:#333;list-style-type:none;margin-bottom:10px;padding-left:1.5em;text-indent:-1.5em}.office .case_example ul li.none{border-top-style:none;border-right-style:none;border-bottom-style:none;border-left-style:none}.office #use h3{padding:15px 30px;color:#fff;background-color:#4dac26}@media screen and (max-width:768px){.office #use h3{padding:10px 18px}}.office .use_list{padding-right:20px;padding-left:20px;margin-bottom:50px}@media screen and (max-width:640px){.office .use_list{padding-right:0;padding-left:0}}.office .use_example{display:table;width:100%;padding-left:30px;padding-top:20px;padding-bottom:20px;padding-right:20px;border:4px solid #4dac26;margin-bottom:20px;overflow:hidden}@media screen and (max-width:640px){.office .use_example{display:block;padding:12px}}.office .use_example p.left{display:table-cell;vertical-align:top;width:133px;padding-right:30px;border-right-width:1px;border-right-style:dashed;border-right-color:#4cac26}@media screen and (max-width:640px){.office .use_example p.left{display:block;text-align:center;width:100%;padding-right:0;padding-bottom:12px;border:0;border-bottom-width:1px;border-bottom-style:dashed;border-bottom-color:#4cac26}.office .use_example p.left img{width:91px}}.office .use_example p.right{text-align:left;padding-left:30px}@media screen and (max-width:640px){.office .use_example p.right{padding-top:12px;padding-left:0}}.office ul.use_point{margin-top:20px}.office ul.use_point li.tit{margin:0px;padding:0px}.office .use_point li.tx{border:4px solid #060;font-weight:bold;padding-top:10px;padding-right:15px;padding-bottom:10px;padding-left:15px}.office #btn{margin-bottom:60px}@media screen and (max-width:768px){.office #btn{margin-bottom:36px}}.office #btn dl{overflow:hidden}.office #btn #btn01{margin-bottom:50px;padding-bottom:50px;border-bottom-width:1px;border-bottom-style:dotted;border-bottom-color:#090}@media screen and (max-width:640px){.office #btn #btn01{margin-bottom:30px;padding-bottom:30px}}.office #btn dl dt{float:left;width:calc(100% - 350px)}@media screen and (max-width:640px){.office #btn dl dt{float:none;width:100%;margin-bottom:20px}}.office #btn #btn02 dt{font-family:"游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;font-size:18px}@media screen and (max-width:640px){.office #btn #btn02 dt{font-size:16px}}.office #btn dl dd{float:right}@media screen and (max-width:640px){.office #btn dl dd{float:none;text-align:center}}.office .light:hover{filter:alpha(opacity="80");opacity:.8;-moz-opacity:.80}.office #light-movie:hover{filter:alpha(opacity="80");opacity:.8;-moz-opacity:.80}.office .is_pc{display:block}.office .is_sp{display:none}@media screen and (max-width:640px){.office .is_pc{display:none}.office .is_sp{display:inline-block}}.office #menu_office{padding:15px}.office #menu_office p.menu_tit{font-size:32px;font-weight:bold;color:#090;margin-bottom:20px}.office #menu_office #menu_left{float:left;width:40%}.office #menu_office #menu_center{float:left;width:20%}.office #menu_office #menu_right{float:right;width:30%}.office #menu_office ul{margin-bottom:50px}.office #menu_office ul li.tit{font-size:large;font-weight:bold}.office #menu_office ul li{margin-bottom:0px}.office #menu_office p.comment{clear:both;margin-bottom:5px}.office #close{text-align:center;margin-bottom:20px}@media screen and (max-width:640px){.office #menu_office p.menu_tit{font-size:22px;margin-bottom:12px}}@media screen and (max-width:640px){.office #menu_office #menu_left{float:none;width:100%}.office #menu_office #menu_center{float:none;width:100%}.office #menu_office #menu_right{float:none;width:100%}.office #menu_office ul{margin-bottom:30px}}