.contact-bg{width:100%;background:#f3f3f3;background-position:50% 40%;background-repeat:no-repeat;background-size:cover;background-image:url(/-/Media/Ricoh/Sites/co_jp/service/contents-works/img/pc_cv_bg.png);padding:100px 0}.contact-inner{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around}.contact-mail{background-image:url(/-/Media/Ricoh/Sites/co_jp/service/contents-works/img/icon_mail.svg)}.contact-document{background-image:url(/-/Media/Ricoh/Sites/co_jp/service/contents-works/img/icon_document.svg)}.contact-clm{position:relative;text-align:center;display:block;background:#fff;border:1px solid #009ea7;width:100%;height:100%;margin:20px auto 0;border-radius:4px;opacity:1;-webkit-transition:opacity .3s ease-out;-o-transition:opacity .3s ease-out;transition:opacity .3s ease-out}.contact-clm:hover{opacity:.8;text-decoration:none}.contact-clm:before{content:"";position:absolute;width:6px;height:6px;border-color:#009ea7 #009ea7 transparent transparent;border-style:solid;border-width:2px;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.contact-clm p{color:#009ea7;font-weight:700;background-size:25px 25px;background-repeat:no-repeat;background-position:20%}.sct_bg_main{width:100%;background:#f3f3f3;background-position:50% 40%;background-repeat:no-repeat;background-size:cover;background-image:url(/-/Media/Ricoh/Sites/co_jp/service/contents-works/img/img_main.png)}.sct_bg_main .main_max{position:relative;margin:0 auto;padding:60px 8px 0;max-width:1024px;height:500px;-webkit-box-sizing:border-box;box-sizing:border-box}.sct_bg_main .ttl_set .mark,.sct_bg_main .ttl_set .ttl_text{display:table-cell;vertical-align:top}.sct_bg_main .ttl_set .mark{width:45px}.sct_bg_main .ttl_set .ttl_text h1{margin:32px 0 0 16px;font-weight:700;font-size:34px;line-height:1.25}.sct_bg_main .ttl_set.ver{margin-top:80px;padding:0;background:transparent;color:#333}.sct_bg_main .ttl_set.ver .mark{width:auto;padding-right:32px}.sct_bg_main .ttl_set.ver .ttl_text{padding-top:20px}.sct_bg_main .ttl_set.ver .ttl_text .sub{margin-top:4px;font-weight:700;font-size:26px}.sct_bg_main .ttl_set.ver .ttl_text h1{margin:0;font-size:44px;line-height:1.15}.bg-col-01{background:#b8e3e8}.bg-col-02{background:#e9f0f2}.bg-col-03{background:#fdf3dc}.light-blue{color:#66bbcb}.dis-flex{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}@media only screen and (max-width:768px){.contact-bg{background-image:url(/-/Media/Ricoh/Sites/co_jp/service/contents-works/img/sp_cv_bg.png);padding:90px 0 80px}.contact-inner{display:block}.contact-clm:before{top:21px;right:20px}.contact-clm{max-width:295px;padding:15px 0}.sct_bg_main .ttl_set{display:inline-block;padding:24px 32px 24px 24px}.sct_bg_main .ttl_set .mark,.sct_bg_main .ttl_set .ttl_text{display:block}.sct_bg_main .ttl_set .mark,.sct_bg_main .ttl_set.ver .mark{padding-right:0;width:32px}.sct_bg_main .ttl_set .ttl_text h1{margin-top:8px;margin-left:0;font-size:34px}.sct_bg_main .ttl_set.ver{margin-top:40px}.sct_bg_main .ttl_set.ver .ttl_text .sub{font-size:16px}.sct_bg_main .ttl_set.ver .ttl_text h1{margin-top:0;font-size:34px}}@media only screen and (min-width:769px){.contact-clm:before{top:32px;right:40px}.contact-clm{max-width:400px;padding:25px 0}}@media(min-width:1366px){.sct_bg_main{background-size:1366px auto}}@media(max-width:768px){.sct_bg_main .main_max{padding:30px 30px 80px;height:auto}}@media(max-width:640px){.sct_bg_main .main_max{padding:20px 20px 60px}.bd-b-n{border-bottom:1px solid #c9c9c9}.bg-col-01{padding:32px 0}.bg-col-02{padding:32px 0}.bg-col-03{padding:32px 0}.icon-position{background-position:0 -4px}#environment{padding:32px 0}}@media only screen and (max-width:640px){.sct_bg_main .ttl_set{padding:16px}.sct_bg_main .ttl_set .ttl_text h2,.sct_bg_main .ttl_set.ver .ttl_text h2{font-size:23px}.sct_bg_main .ttl_set.ver{margin-top:0}.sct_bg_main .ttl_set.ver .ttl_text{padding-top:0}}@media(min-width:641px){.bd-b-b{border-bottom:1px solid #c9c9c9}.bd-b-n{border-bottom:none!important}.bg-col-01{padding:64px 0}.bg-col-02{padding:64px 0}.bg-col-03{padding:64px 0}.icon-position{background-position:0 -8px}#environment{padding:64px 0}}
