@charset "UTF-8"; /*@import url("bsl_fontface.css");*/ /* WebFont */ @import url("bsl_globalmenu.css"); /* GlobalMenu */ @import url("bsl_sitemap.css"); /* SiteMap */ /*@import url("bsl_footer.css"); */ /* Footer */ @import url("bsl_page_header.css"); @import url("bsl_page_prevnext.css"); @import url("bsl_index.css"); /* Index */ @import url("bsl_category_about.css"); /* About ブラザー販売について */ @import url("bsl_category_special.css"); /* Special スペシャルコンテンツ */ @import url("bsl_category_work.css"); /* Work 仕事を知る */ @import url("bsl_category_style.css"); /* Style 働き方を知る */ @import url("bsl_category_info.css"); /* Recruit 採用情報関連 */ html,body { width:100%; height:100%; } body { margin:0; background-color:#FFF; } body { font-family:"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"MS Pゴシック","MS PGothic",sans-serif!important; } body { color:#333; font-size:14px; line-height:24px; } .mod-freeHTML a:hover { opacity:1; } .mod-freeHTML a:hover img { opacity:0.7; } h1 { font-weight:normal; margin:0; } h2 { font-size:18px; line-height:1.4em; font-weight:normal; margin:0; } h3 { font-size:18px; line-height:1.4em; font-weight:normal; margin:0; } h4 { font-size:16px; line-height:1.4em; font-weight:normal; margin:0; } h5 { font-size:14px; line-height:1.4em; font-weight:normal; margin:0; } h6 { font-size:14px; line-height:1.4em; font-weight:normal; margin:0; } p { margin:0 0 0.5em 0; } p:last-of-type { margin-bottom:0; } dl,dt,dd,ul,ol,li { margin:0; padding:0; font-weight:normal; } ul,ol,li { list-style:none; } img { border:none; page-break-inside:avoid; max-width:100%!important; } sup { display:inline-block; position:relative; font-size:0.7em; } table { border-collapse: collapse; } th, td { font-weight:normal; text-align:left; } .text-nowrap { white-space:nowrap; } .clearfix:before, .clearfix:after { display:table; content:" "; } .clearfix:after { clear:both; } .float-left { float:left!important; } .float-right { float:right!important; } .btn { display:block; text-align:center; } .btn:hover { opacity:1; } .text-left { text-align:left; } .text-right { text-align:right; } .text-center { text-align:center; } @media (min-width:992px) { .text-lg-right { text-align: right; } } .block-center { margin-left:auto; margin-right:auto; } .block-right { margin-left:auto; margin-right:0; } .bslsy-container { display:block; margin-left:auto; margin-right:auto; padding-left:15px; padding-right:15px; } @media(max-width:767px) { .bslsy-container { }} @media(min-width:768px) { .bslsy-container { width:750px; }} @media(min-width:992px) { .bslsy-container { width:970px; }} @media(min-width:1200px){ .bslsy-container { width:1170px; }} @media(max-width:767px){.bslsy-hidden-xs,.hidden-xs{display:none!important;}} @media(min-width:768px)and(max-width:991px){.bslsy-hidden-sm,.hidden-sm{display:none!important;}} @media(min-width:992px)and(max-width:1199px){.bslsy-hidden-md,.hidden-md{display:none!important;}} @media(min-width:1200px){.bslsy-hidden-lg,.hidden-lg{display:none!important;}} .visible-xs, .visible-sm, .visible-md, .visible-lg { display:none!important; } .visible-xs-block, .visible-xs-inline, .visible-xs-inline-block, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block {display:none!important; } @media(max-width:767px){.visible-xs{display:block!important;}} @media(max-width:767px){.visible-xs-block{display:block!important;}} @media(max-width:767px){.visible-xs-inline{display:inline!important;}} @media(max-width:767px){.visible-xs-inline-block{display:inline-block!important;}} @media(min-width:768px)and(max-width:991px){.visible-sm{display:block!important;}} @media(min-width:768px)and(max-width:991px){.visible-sm-block{display:block!important;}} @media(min-width:768px)and(max-width:991px){.visible-sm-inline{display:inline!important;}} @media(min-width:768px)and(max-width:991px){.visible-sm-inline-block{display:inline-block!important;}} @media(min-width:992px)and(max-width:1199px){.visible-md{display:block!important;}} @media(min-width:992px)and(max-width:1199px){.visible-md-block{display:block!important;}} @media(min-width:992px)and(max-width:1199px){.visible-md-inline{display:inline!important;}} @media(min-width:992px)and(max-width:1199px){.visible-md-inline-block{display:inline-block!important;}} @media(min-width:1200px){.visible-lg{display:block!important;}} @media(min-width:1200px){.visible-lg-block{display:block!important;}} @media(min-width:1200px){.visible-lg-inline{display:inline!important;}} @media(min-width:1200px){.visible-lg-inline-block{display:inline-block!important;}} .bslsy-row { margin-left:-15px; margin-right:-15px; } .bslsy-row.no-gutters { margin-left: 0px; margin-right: 0px } .bslsy-row:before, .bslsy-row:after { display:table; content:" "; } .bslsy-row:after { clear:both; } [class^="bslsy-col-"],[class*=" bslsy-col-"] { float:left; position:relative; min-height:1px; padding-right:15px; padding-left:15px; box-sizing:border-box; } .bslsy-row.no-gutters [class^="bslsy-col-"],.bslsy-row.no-gutters [class*=" bslsy-col-"] { float:left; position:relative; min-height:1px; padding-right:0px; padding-left:0px; box-sizing:border-box; } .table-border [class^="bslsy-col-"], .table-border [class*=" bslsy-col-"] { float:none; } .bslsy-col-12 { width: 100%; } @media(max-width:767px){ .bslsy-col-xs-1 { width:8.333%; } .bslsy-col-xs-2 { width:16.666%; } .bslsy-col-xs-3 { width:25%; } .bslsy-col-xs-4 { width:33.333%; } .bslsy-col-xs-5 { width:41.666%; } .bslsy-col-xs-6 { width:50%; } .bslsy-col-xs-7 { width:58.333%; } .bslsy-col-xs-8 { width:66.666%; } .bslsy-col-xs-9 { width:75%; } .bslsy-col-xs-10 { width:83.333%; } .bslsy-col-xs-11 { width:91.666%; } .bslsy-col-xs-12 { width:100%; } } @media(min-width:768px){ .bslsy-col-sm-1 { width:8.333%; } .bslsy-col-sm-2 { width:16.666%; } .bslsy-col-sm-3 { width:25%; } .bslsy-col-sm-4 { width:33.333%; } .bslsy-col-sm-5 { width:41.666%; } .bslsy-col-sm-6 { width:50%; } .bslsy-col-sm-7 { width:58.333%; } .bslsy-col-sm-8 { width:66.666%; } .bslsy-col-sm-9 { width:75%; } .bslsy-col-sm-10 { width:83.333%; } .bslsy-col-sm-11 { width:91.666%; } .bslsy-col-sm-12 { width:100%; } } @media(min-width:992px){ .bslsy-col-md-1 { width:8.333%; } .bslsy-col-md-2 { width:16.666%; } .bslsy-col-md-3 { width:25%; } .bslsy-col-md-4 { width:33.333%; } .bslsy-col-md-5 { width:41.666%; } .bslsy-col-md-6 { width:50%; } .bslsy-col-md-7 { width:58.333%; } .bslsy-col-md-8 { width:66.666%; } .bslsy-col-md-9 { width:75%; } .bslsy-col-md-10 { width:83.333%; } .bslsy-col-md-11 { width:91.666%; } .bslsy-col-md-12 { width:100%; } } @media(min-width:1200px){ .bslsy-col-lg-1 { width:8.333%; } .bslsy-col-lg-2 { width:16.666%; } .bslsy-col-lg-3 { width:25%; } .bslsy-col-lg-4 { width:33.333%; } .bslsy-col-lg-5 { width:41.666%; } .bslsy-col-lg-6 { width:50%; } .bslsy-col-lg-7 { width:58.333%; } .bslsy-col-lg-8 { width:66.666%; } .bslsy-col-lg-9 { width:75%; } .bslsy-col-lg-10 { width:83.333%; } .bslsy-col-lg-11 { width:91.666%; } .bslsy-col-lg-12 { width:100%; } } /* 特定アイコン */ i[class*=icon],i[class*=fa] { display:inline-block; position:relative; } /* 見出しまわり */ .heading-frame01, .heading-frame02, .heading-frame03, .heading-frame04 { padding:30px; color:#FFF; margin-bottom:20px; } @media (max-width:767px){ .heading-frame01, .heading-frame02, .heading-frame03, .heading-frame04 { padding:14px; margin-bottom:14px; } } .heading-frame03 { background-color:#73ABFF; } .heading-frame04 { background-color:#5280EE; } .heading-type03 { background-color:#73ABFF; color:#FFF; margin-bottom:20px; } @media (max-width:767px){ .heading-type03 { margin-bottom:14px; } } h4.typeA { font-size:30px; line-height:1em; color:#666600; text-align:center; letter-spacing:0.1em; } /* ****************************** */ /* 共通 */ .relative { position:relative; } .borderTopSV { border-top:1px solid #DDD; } .borderBottomSV { border-bottom:1px solid #DDD; } .fcBU { color:#73ABFF; } .fs0 { font-size:0px; line-height:0; } .fs080 { font-size:0.74em !important; } .fs120 { font-size:1.14em; } .fs140 { font-size:1.4em; } .fs010px { font-size:10px; } .fs011px { font-size:11px!important; } .fs012px { font-size:12px!important; } .fs018px { font-size:18px!important; } .lh130 { line-height:1.3em; } .lh140 { line-height:1.4em; } .lh150 { line-height:1.5em; } .lh160 { line-height:1.6em; } .ind-m050 { font-size: 1em; text-indent: -0.5em; } span.ind-m050 { font-size:1em; letter-spacing:-0.5em; } ul.ul-list {} ul.ul-list li { text-indent:-1em; margin-left:1em; } ul.ul-note { font-size:12px; line-height:1.5em; margin-top:0.5em; } ul.ul-note li { text-indent:-1em; margin-left:1em; } .text-top { vertical-align:top!important; } .nowrap { white-space:nowrap; } @media (min-width:1200px){ .text-center-lg { text-align:center; } } @media (min-width:992px) and (max-width:1199px){ .text-center-md { text-align:center; } } .well-profile .name { font-size:18px; line-height: 1.5em; } .well-profile p.profile { font-size:12px; line-height:1.5em; } .pdR050em { padding-right:0.5em; } .pdR100em { padding-right:1em; } .mrL100em { margin-left:1em; } .mrT003 { margin-top:3px; } .mrT0 { margin-top: 0 !important; } .mrT015em { margin-top:0.15em!important; } .mrT050em { margin-top:0.5em; } .mrT100em { margin-top:1em; } .mrB0 { margin-bottom:0 !important; } .mrB025em { margin-bottom: 0.25em; } .mrB050em { margin-bottom:0.5em; } .mrB075em { margin-bottom:0.75em; } .mrB100em { margin-bottom:1em; } .wp050 { width:50%; } .wp100 { width:100%; } @media (min-width:1200px){ .mrB-coercion-0-lg { margin-bottom:0!important; } .mrB-coercion-050-lg { margin-bottom:50px!important; } .mrB-coercion-120-lg { margin-bottom:120px!important; } .mrB-coercion-160-lg { margin-bottom:160px!important; } .mrT-coercion-0-lg { margin-top:0!important; } .mrT-coercion-050-lg { margin-top:50px!important; } } @media (min-width:992px) and (max-width:1199px){ .mrB-coercion-0-md { margin-bottom:0!important; } .mrB-coercion-030-md { margin-bottom:30px!important; } .mrT-coercion-0-md { margin-top:0!important; } } @media (min-width:768px) and (max-width:991px){ .mrB-coercion-0-sm { margin-bottom:0!important; } .mrT-coercion-0-sm { margin-top:0!important; } } @media (max-width:767px){ .mrB-coercion-0-xs { margin-bottom:0!important; } .mrB-coercion-005-xs { margin-bottom:5px; } .mrB-coercion-010-xs { margin-bottom:10px; } .mrB-coercion-025-xs { margin-bottom:25px; } .mrT-coercion-0-xs { margin-top:0!important; } } .column-bitblue .frm-blue { background-color:#003466; padding:0 100px; color:#FFF; box-sizing:border-box!important; } @media(min-width:768px)and(max-width:991px){ .column-bitblue .frm-blue { padding:30px; } } @media(max-width:767px){ .column-bitblue .frm-blue { padding:30px; } } .caption { margin-top:1em; } .caption h5 { margin-bottom:0.25em; } .caption p { font-size:12px; line-height:1.5em; } .image-caption { margin-top:0.5em; font-size:12px; line-height:1.5em; } .blk-table { display:table; } .blk-table-row { display:table-row; } .blk-table-cell { display:table-cell; vertical-align:middle; } .bslsy-row-space000 { margin-right:0; margin-left:0; } .bslsy-row-space000 > [class*=bslsy-col-] { padding-right:0; padding-left:0; } .bslsy-row-space010 { margin-right:-5px; margin-left:-5px; } .bslsy-row-space010 > [class*=bslsy-col-] { padding-right:5px; padding-left:5px; } .bslsy-row-space020 { margin-right:-10px; margin-left:-10px; } .bslsy-row-space020 > [class*=bslsy-col-] { padding-right:10px; padding-left:10px; } .bslsy-row-space050 { margin-right:-25px; margin-left:-25px; } .bslsy-row-space050 > [class*=bslsy-col-] { padding-right:25px; padding-left:25px; } @media(min-width:768px)and(max-width:991px){ .bslsy-row-sm-space030 { margin-right:15px margin-left:15px; } .bslsy-row-sm-space030 > [class*=bslsy-col-] { padding-right:15px; padding-left:15px; } } @media(max-width:767px){ .bslsy-row-xs-space016 { margin-right:-8px; margin-left:-8px; } .bslsy-row-xs-space016 > [class*=bslsy-col-] { padding-right:8px; padding-left:8px; } } h4.p-heading { color:#2C5FC9; margin-bottom:20px; } h5.p-heading { color:#2C5FC9; margin-bottom:15px; } @media (max-width:767px){ h4.p-heading { margin-bottom:15px; } h5.p-heading { margin-bottom:10px; } } #bslsy-gw-content .bslsy-gw-content-item > h3.p-heading { line-height: 1.4; color: #2C5FC9; margin-bottom: 20px; } .float-left.p-img { margin-right:50px; margin-bottom:36px; padding:0; } .float-right.p-img { margin-left:50px; margin-bottom:36px; padding:0; } .float-left.p-img.p-img-030 { margin-right:30px; margin-bottom:20px; padding:0; } .float-right.p-img.p-img-030 { margin-left:30px; margin-bottom:20px; padding:0; } @media(min-width:1200px){ .p-img.col-lg-12{margin-right:0;margin-left:0;} } @media(min-width:992px)and(max-width:1199px){ .p-img.col-md-12{margin-right:0;margin-left:0;} } @media(min-width:768px)and(max-width:991px){ .p-img.col-sm-12{margin-right:0;margin-left:0;} } @media(max-width:767px){ .float-left.p-img { margin-bottom:30px; } .float-right.p-img { margin-bottom:30px; } .p-img.col-xs-12 { margin-right:0; margin-left:0; } } .bslsy-content { padding-bottom:0px; } .content-header { padding-top:46px; } .content-header h3 { font-size:30px; line-height:1.3em; color:#3344AA; } @media(min-width:768px)and(max-width:991px){ .content-header h3 { font-size:24px; line-height:1.3em; } } @media(max-width:767px){ .content-header { padding-top:26px; } .content-header h3 { font-size:18px; line-height:1.3em; } } .blk { display:block; } .blk-mrB-xx { margin-bottom:10px; } .blk-mrB-xs { margin-bottom:20px; } .blk-mrB-ss { margin-bottom:30px; } .blk-mrB-sm { margin-bottom:40px; } .blk-mrB-md { margin-bottom:50px; } .blk-mrB-mm { margin-bottom:60px; } .blk-mrB-ml { margin-bottom:70px; } .blk-mrB-lg { margin-bottom:80px; } .blk-mrT-sm { margin-top:40px; } .blk-mrT-md { margin-top:50px; } .blk-pdT-ss { padding-top:30px; } .blk-pdT-sm { padding-top:40px; } .blk-pdT-md { padding-top: 50px; } .blk-pdB-ss { padding-bottom: 30px; } @media(min-width:768px)and(max-width:991px){ .blk-mrB-xx { margin-bottom:6px; } .blk-mrB-xs { margin-bottom:12px; } .blk-mrB-ss { margin-bottom:18px; } .blk-mrB-sm { margin-bottom:24px; } .blk-mrB-md { margin-bottom:30px; } .blk-mrB-mm { margin-bottom:36px; } .blk-mrB-ml { margin-bottom:42px; } .blk-mrB-lg { margin-bottom:48px; } .blk-mrT-sm { margin-top:24px; } .blk-mrT-md { margin-top:30px; } .blk-pdT-ss { padding-top:18px; } .blk-pdT-sm { padding-top:24px; } .blk-pdB-ss { padding-bottom: 18px; } } @media (max-width:767px){ .blk-mrB-xx { margin-bottom:6px; } .blk-mrB-xs { margin-bottom:12px; } .blk-mrB-ss { margin-bottom:18px; } .blk-mrB-sm { margin-bottom:24px; } .blk-mrB-md { margin-bottom:30px; } .blk-mrB-mm { margin-bottom:36px; } .blk-mrB-ml { margin-bottom:42px; } .blk-mrB-lg { margin-bottom:48px; } .blk-mrT-sm { margin-top:24px; } .blk-mrT-md { margin-top:30px; } .blk-pdT-ss { padding-top:18px; } .blk-pdT-sm { padding-top:24px; } .blk-pdT-md { padding-top: 30px; } .blk-pdB-ss { padding-bottom: 18px; } } .blk-content .p-col-blk { margin:50px 0 40px 0; } @media(min-width:992px)and(max-width:1199px){ .blk-content .p-col-blk { margin:0 0 40px 0; } } @media(min-width:768px)and(max-width:991px){ .blk-content .p-col-blk { margin:40px 0 40px 0; } } @media(max-width:767px){ .blk-content .p-col-blk { margin:40px 0 40px 0; } } .panel-border, .panel-border .panel-heading, .panel-faq, .panel-faq .panel-heading { border-radius:0; -moz-border-radius:0; -webkit-border-radius:0; } .panel-border { border-width:1px 0px; border-style:solid; border-color:#C6E0FF; } .panel-border .panel-heading { background-color:#73ABFF; color:#FFF; border:none; padding:0; } .panel-border .panel-heading .heading { padding:30px; background-color:#2C5FC9; font-size:16px; line-height:1.3em; } .panel-border .panel-heading h4 { padding:30px; } .table-border>tbody>tr>th, .table-border>tbody>tr>td { border-width:1px 0; border-style:solid; border-color:#C6E0FF; padding:15px 0; } @media (min-width:992px) and (max-width:1199px) { .wp070-md { width:70%; } .text-top-md { vertical-align:top; } .blk-table.blk-md, .blk-table-row.blk-md, .blk-table-cell.blk-md { display:block; } } @media (min-width:768px) and (max-width:991px) { .wp100-sm { width:100%; } .text-top-sm { vertical-align:top; } .blk-table.blk-sm, .blk-table-row.blk-sm, .blk-table-cell.blk-sm { display:block; } } @media (max-width:767px) { .wp100-xs { width:100%; } .text-top-xs { vertical-align:top; } .blk-table.blk-xs, .blk-table-row.blk-xs, .blk-table-cell.blk-xs { display:block; } .table-xs>table, .table-xs>table>tbody, .table-xs>table>tbody>tr, .table-xs>table>tbody>tr>th, .table-xs>table>tbody>tr>td { display:block; } .table-border>tbody>tr>th, .table-border>tbody>tr>td { border:none; padding:10px 15px; } .table-border>tbody>tr>th { background-color:#EEE; } .table-border>tbody>tr>td { padding-bottom:20px; } } .img-circle { border-radius:50%; } .well { min-height:20px; padding:19px; margin-bottom:20px; background-color:#f5f5f5; border:1px solid #e3e3e3; border-radius:0px; } .well blockquote { border-color:#ddd; border-color:rgba(0,0,0,.15); } .well-lg { padding:30px; } .well-sm { padding:15px; } @media(max-width:767px){ .well-lg { padding:15px; } } .text-title { border: 1px solid #DDD; padding: 1em 1em 0.8em 1em; line-height: 1.2em; vertical-align: middle; height: 34px; } @media(max-width:768px){ .text-title { height:auto; } } /* 東京オフィスツアー*/ /* #style_tokyoofficetour .list-item [class^="bslsy-col-"], style_tokyoofficetour .list-item [class*=" bslsy-col-"] { background-color: #666; } #style_tokyoofficetour .list-item .bslsy-row img { opacity: 0.5; } */ #style_tokyoofficetour .list-frame { background-color:#F5F5F5; padding:1.25em; } #style_tokyoofficetour .list-item { opacity:0; } #style_tokyoofficetour .list-item .list-item-inner { position: relative; } #style_tokyoofficetour .list-item-head { display: block; margin-bottom: 0.75em; position: relative; } #style_tokyoofficetour .list-item-head > span.theme { display:block; width:90px; height:16px; background-image: url(../images/img_style_tokyo_h3_head.png); background-position: left top; background-repeat:no-repeat; background-size:contain; } #style_tokyoofficetour .list-item-head > span.category { display:flex; height:34px; margin-top:-4px; } #style_tokyoofficetour .list-item-head > span.category .category-title { display:block; height:34px; background-image: url(../images/img_style_tokyo_h3_bg.png); background-repeat: repeat-x; background-position: left top; background-size: contain; padding-left:0; padding-right:30px; } #style_tokyoofficetour .list-item-head > span.category .category-title img { height:34px; width:auto; } #style_tokyoofficetour .list-item-head > span.category > span.addition { display:block; width:16px; height:34px; background-image: url(../images/img_style_tokyo_h3_bg_left.png); background-repeat: no-repeat; background-position: left top; background-size:contain; } #style_tokyoofficetour .list-item .bslsy-flex { display:flex; flex-direction:column; } #style_tokyoofficetour .list-item .bslsy-flex.bslsy-flex-column-reverse { flex-direction:column-reverse!important; } #style_tokyoofficetour .list-item .col-inner { position: static; } #style_tokyoofficetour .list-item .image-main { margin-bottom: 1em; } #style_tokyoofficetour .bslsy-content-scroll { width: 50px; height: 50px; margin-left:auto; margin-right:auto; } @media(min-width:992px){ #style_tokyoofficetour .list-frame { padding:2em 2em 3em 2em; } #style_tokyoofficetour .list-item-head { display: flex; align-items: center; margin-bottom: 1em; } #style_tokyoofficetour .list-item-head.pos-right { flex-direction: row-reverse; } #style_tokyoofficetour .list-item-head > span.theme { width:203px; height:36px; margin-left:0; margin-right: 10px; } #style_tokyoofficetour .list-item-head.pos-right > span.theme { margin-left:10px; margin-right:0; } #style_tokyoofficetour .list-item-head > span.category { height:40px; margin-top:0; } #style_tokyoofficetour .list-item-head.pos-right > span.category { flex-direction: row-reverse; } #style_tokyoofficetour .list-item-head > span.category .category-title { height:40px; padding-right:100px; } #style_tokyoofficetour .list-item-head.pos-right > span.category .category-title { padding-left:100px; padding-right:0; } #style_tokyoofficetour .list-item-head > span.category .category-title img { height:40px; } #style_tokyoofficetour .list-item-head > span.category > span.addition { width:18px; height:40px; } #style_tokyoofficetour .list-item-head.pos-right > span.category > span.addition { background-image: url(../images/img_style_tokyo_h3_bg_right.png); } #style_tokyoofficetour .list-item .bslsy-flex { display:block; } #style_tokyoofficetour .list-item .text-top-align { margin-top:-0.25em; } #style_tokyoofficetour .list-item .col-inner { position: relative; overflow: visible; } #style_tokyoofficetour .list-item .col-inner .image-over { position: relative; } #style_tokyoofficetour .list-item .image-flow-over { position: } #style_tokyoofficetour .list-item .image-main { margin-bottom: 0; } #style_tokyoofficetour .bslsy-content-scroll { width: 60px; height: 60px; } } .box-center { margin-left: auto; margin-right: auto; } @media (min-width:768px) { .box-center-md { margin-left: auto; margin-right: auto; } } .bslsy-d-block { display: block !important; } .bslsy-d-inline { display: inline !important; } @media (min-width:768px) { .bslsy-d-md-block { display: block !important; } .bslsy-d-md-inline { display: inline !important; } } .mrT060rem { margin-top:0.6rem !important; } .mrT080rem { margin-top:0.8rem !important; } .mrT150rem { margin-top:1.5rem !important; } .mrB000rem { margin-bottom:0 !important; } .mrB050rem { margin-bottom:0.5rem !important; } .mrB100rem { margin-bottom:1rem !important; } .mrB150rem { margin-bottom:1.5rem !important; } .mrB350rem { margin-bottom:3.5rem !important; } .mrB015px { margin-bottom: 15px;} .mrB080px { margin-bottom: 80px !important; } .pdT100rem { padding-top: 1rem !important; } .pdB080px { padding-bottom: 80px !important; } @media (min-width:768px) { .mrT060rem-md { margin-top:0.6rem !important; } .mrT080rem-md { margin-top:0.8rem !important; } .mrT150rem-md { margin-top:1.5rem !important; } .mrB000rem-md { margin-bottom:0 !important; } .mrB050rem-md { margin-bottom:0.5rem !important; } .mrB100rem-md { margin-bottom:1rem !important; } .mrB150rem-md { margin-bottom:1.5rem !important; } .mrB350rem-md { margin-bottom:3.5rem !important; } .mrB080px-md { margin-bottom: 80px !important; } .pdB080px-md { padding-bottom: 80px !important; } } @media (min-width:992px) { .mrL-030px-lg { margin-left: 30px !important; } .mrR-030px-lg { margin-right: 30px !important; } .mrB0-lg { margin-bottom: 0 !important; } .mrT-030px-lg { margin-top: 30px !important; } .mrT-n050px-lg { margin-top: -50px !important; } } .w070 { width: 70%; } .w100 { width: 100%; } .h100 { height: 100%; } @media (min-width:768px) { .w070-md { width: 70%; } .w100-md { width: 100%; } .h100-md { height: 100%; } } .bslsy-border-b { border-bottom: 1px solid #DDD; } @media (min-width:768px) { .bslsy-border-md-b { border-bottom: 1px solid #DDD; } } .bslsy-btn-sky { display: flex; flex-direction: row; justify-content: center; align-items: center; font-size: 11px; line-height: 1em; color: #79ACFA; text-align: center; border: 2px solid #79ACFA; border-radius: 100px; padding: 0 6px; height: 15px; margin-left: auto; margin-right: auto; } a:hover .bslsy-btn-sky, .bslsy-btn-sky:hover { animation: 0.3s bslsy-btn-sky-hover both; } @keyframes bslsy-btn-sky-hover { 100% { background-color: #3661C5; border-color: #3661C5; color: #FFF; } } @media (min-width:768px) { .bslsy-flex-row { display: flex; flex-direction: row; justify-content: space-between; align-items: flex-start; } .mrX-n015px-md { margin-left: -15px; margin-right: -15px; } .pdX-015px-md { padding-left: 15px; padding-right: 15px; } } .bslsy-recruitment-main-content { opacity: 0; } .bslsy-profile { position: relative; color: #FFF; background-color: #2C5FC9; margin: 0 15px; padding: 20px 30px 16px 30px; } .bslsy-profile-item1 { display: inline-block; background-color: #73ABFF; padding: 3px 10px; margin: 0 0 12px 0; font-size: 12px; } .bslsy-profile p { line-height: 1.3rem; } @media (min-width:768px) { .bslsy-profile { position: absolute; margin: 0; width: 340px; } .bslsy-profile.type-l { left: 50px; } .bslsy-profile.type-r { right: 50px; } .bslsy-profile-item1 { display: block; position: absolute; top: -32px; padding: 10px 15px; margin: 0; } .bslsy-profile.type-l .bslsy-profile-item1 { right: -60px; } .bslsy-profile.type-r .bslsy-profile-item1 { left: -60px; } } .mx-015px { margin-left: 15px !important; margin-right: 15px !important; } .mr-015px { margin-right: 15px !important; } #bsl_cntlister_space { display: block; height: 70px !important; width: 100% !important; } #bsl_cntlister { background-color: #f2f7ff; font-size: 0 !important; line-height: 0 !important; height: 70px; width: 100%; display: -ms-flexbox !important; display: flex !important; -ms-flex-pack: center !important; justify-content: center !important; -ms-flex-align: center !important; align-items: center !important; position: fixed; left: 0; bottom: 0; z-index: 9999999; } #bsl_cntlister .bslsy-cntli-mk { display: block; width: 20px; height: 20px; background-color: #c0d5ff; margin-left: 3px; margin-right: 3px; cursor: pointer; transition: background-color 0.15s ease-in-out; } #bsl_cntlister .bslsy-cntli-mk:hover { background-color: #94D6F4; } .bslsy-scene-group { display: -ms-flexbox !important; display: flex !important; -ms-flex-pack: center !important; justify-content: center !important; -ms-flex-align: center !important; align-items: center !important; padding-bottom: 30px; } @media (min-width:992px) { .bslsy-scene-group { margin-bottom: 50px; } .bslsy-head .bslsy-scene-group { width: 100%; position: absolute; left: 0; bottom: 120px; margin-bottom: 0; } } .bslsy-scene-group .scene-btn { display: block; width: 80px; border-bottom: 1px solid #000; transition: border-color 0.15s ease-in-out; margin: 0 10px; cursor: pointer; } @media (min-width:992px) { .bslsy-scene-group { display: none !important; } } .bslsy-scene-group .scene-btn:hover { border-color: #0CC; } .bslsy-scene-group .scene-btn .arrow { width: 20px; height: 20px; border-bottom: 1px solid #000; transition: border-color 0.15s ease-in-out; } .bslsy-scene-group .scene-btn:hover .arrow { border-color: #0CC; } .bslsy-scene-group .scene-l .arrow { margin: 0 auto -1px 0; transform-origin: 0 100%; transform: rotate(-30deg); } .bslsy-scene-group .scene-r .arrow { margin: 0 0 -1px auto; transform-origin: 100% 100%; transform: rotate(30deg); } .bslsy-scene-group-pc { width: 100%; display: -ms-flexbox !important; display: flex !important; -ms-flex-pack: center !important; justify-content: center !important; } @media (min-width:992px) { .bslsy-scene-group-pc { position: absolute; left: 0; bottom: 100px; } } .bslsy-scene-group-pc .scene-btn { display: -ms-flexbox !important; display: flex !important; -ms-flex-pack: center !important; justify-content: center !important; -ms-flex-align: center !important; align-items: center !important; width: 34px; height: 34px; background-color: rgba(45,96,201,1); cursor: pointer; transition: background-color 0.15s ease-in-out; margin: 0 6px; } .bslsy-scene-group-pc .scene-btn .arrow { display: block; width: 10px; height: 10px; border-style: solid; border-color: #FFF; } .bslsy-scene-group-pc .scene-btn:hover { background-color: #000; } .bslsy-scene-group-pc .scene-btn.scene-l .arrow { border-width: 3px 0 0 3px; transform: rotate(-45deg); margin-left: 6px; } .bslsy-scene-group-pc .scene-btn.scene-r .arrow { border-width: 3px 3px 0 0; transform: rotate(45deg); margin-right: 6px; }