@charset "UTF-8"; /* ------------------------------------------------------------------------- Web font ------------------------------------------------------------------------- */ @import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css); @import url(https://fonts.googleapis.com/css?family=Lato:400,700i); /* ------------------------------------------------------------------------- Foundation ------------------------------------------------------------------------- */ /* Variable */ /* brakepoints */ /* base color */ /* $color_sub : ; */ /* text color */ /* background color */ /* base font size */ /* $basic_font_size : 13, 81.25%; */ /* $basic_font_size : 15, 93.75%; */ /* $basic_font_size : 16, 100%; */ /* font family */ /* width */ /* Function */ /* フォントサイズをパーセントに変換して返す関数 ```sass .heading_lv1{ font-size:fs(30); } ``` 指定が2重になる場合は、第2引数に親要素で指定したサイズを入れる ```sass .heading_lv1{ font-size:fs(30); span{ font-size:fs(14,30); } } ``` */ /* パーセントを返す関数 ```sass .section{ margin-bottom:per(30px, 960px); } ``` */ /* Mixin */ /* clear */ /* メディアクエリ ブレークポイント定義 ```sass $breakpoints:( tablet: 959px, sp: 679px ); ``` ● max-widthで指定する ```sass @include mq(sp) { height:40px; } ``` ```output css @media screen and (max-width: 679px) { height: 40px; } ``` ● 範囲指定する場合は、引数に2つ入れる ```sass @include mq(sp tablet) { height:40px; } ``` ```output css @media screen and (min-width: 680px) and (max-width: 959px) { height: 40px; } ``` ● min-widthで指定する場合は第2引数をtrueにする ```sass @include mq(tablet, true) { height:40px; } ``` ```output css @media screen and (min-width: 960px) { height: 40px; } ``` */ /* ブレイクポイントごとのキーワードとマージンの組み合わせを作る ```sass @include create_margins( ( default:( l:50px, m:40px, s:30px, xs:20px ), tablet:( l:40px, m:30px, s:25px ), sp:( l:30px, m:25px, s:20px, xs:15px ) ) ) ``` それぞれのキーワードに対する上下左右のマージン用クラスを ブレークポイントの数だけ出力します ```output css .rmb_l { margin-bottom: 50px !important; } .rmt_l { margin-top: 50px !important; } .rmr_l { margin-right: 50px !important; } .rml_l { margin-left: 50px !important; } ～略～ @media screen and (max-width: 959px) { .rmb_l { margin-bottom: 40px !important; } .rmt_l { margin-top: 40px !important; } .rmr_l { margin-right: 40px !important; } .rml_l { margin-left: 40px !important; } ～略～ } @media screen and (max-width: 679px) { .rmb_l { margin-bottom: 30px !important; } .rmt_l { margin-top: 30px !important; } .rmr_l { margin-right: 30px !important; } .rml_l { margin-left: 30px !important; } ～略～ } ``` */ /* 章番号用mixin (IE8以上) キャプションに章番号をつける場合 ```sass $counterName: oreoreCounter; .parent-section { @include resetCounter($counterName); h2 { @include addCounter($counterName, '第', '章'); } } ``` 入れ子になってるリストに通し番号(1-1-1など）を付ける場合 ```sass $counterName: listCounter; ol { @include resetCounter($counterName); li { @include addCounters($counterName, '-'); } } ``` */ /* グリッドレイアウト用mixin (IE8以上) 引数で分割数を指定して呼び出す ```sass @include grid_system(12); ``` ```html
← このdivへの幅指定はNG
┐
├ 子要素は合計が分割数になるようにクラス名を付ける
┘
``` グリッドの間隔は「gutter--N」で指定する 通常はパーセントですが、「gutter--Npx」にするとピクセルになります。 ブレークポイントで変える場合は、「tablet_」「sp_」など、$breakpointsで定義したキーの接頭辞を付ける ```html
``` */ /* sp heighlight */ /* Base */ /* html5doctor.com Reset Stylesheet v1.6.1 Last Updated: 2010-09-17 Author: Richard Clark - http://richclarkdesign.com Twitter: @rich_clark */ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video, main { margin: 0; padding: 0; vertical-align: baseline; font-size: 100%; font-weight: normal; border: 0; outline: 0; background: transparent; } body { line-height: 1; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main { display: block; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none; } a { margin: 0; padding: 0; vertical-align: baseline; font-size: 100%; background: transparent; } /* change colours to suit your needs */ ins { text-decoration: none; color: #000; background-color: #ff9; } /* change colours to suit your needs */ mark { font-weight: bold; font-style: italic; color: #000; background-color: #ff9; } del { text-decoration: line-through; } abbr[title], dfn[title] { cursor: help; border-bottom: 1px dotted; } table { border-spacing: 0; border-collapse: collapse; } /* change border colour to suit your needs */ hr { display: block; height: 1px; margin: 1em 0; padding: 0; border: 0; border-top: 1px solid #ccc; } input, select { vertical-align: middle; } input, textarea { margin: 0; padding: 0; } small { font-size: smaller; } sup { vertical-align: super; font-size: .7em; } sub { vertical-align: baseline; font-size: .7em; } /* YUI 3.9.1 (build 5852) Copyright 2013 Yahoo! Inc. http://yuilibrary.com/license/ */ /** Percents could work for IE, but for backCompat purposes, we are using keywords. x-small is for IE6/7 quirks mode. */ body { font: 87.5%/1.231 arial, sans-serif; *font-size: small; /* for IE */ *font: x-small; /* for IE in quirks mode */ } /** Nudge down to get to 13px equivalent for these form elements */ select, input, button, textarea { font: 99% arial,sans-serif; font-family: "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif; } /** To help tables remember to inherit */ table { font: 100%; font-size: inherit; } /** Bump up IE to get to 13px equivalent for these fixed-width elements */ pre, code, kbd, samp, tt { font-family: monospace; line-height: 100%; *font-size: 108%; } /* YUI CSS Detection Stamp */ #yui3-css-stamp.cssfonts { display: none; } input[type="submit"], input[type="button"], button { -webkit-box-sizing: content-box; -webkit-box-sizing: border-box; box-sizing: border-box; border: none; -webkit-appearance: button; -moz-appearance: button; appearance: button; } input[type="submit"]::-webkit-search-decoration, input[type="button"]::-webkit-search-decoration, button::-webkit-search-decoration { display: none; } input[type="submit"]::focus, input[type="button"]::focus, button::focus { outline-offset: -2px; } /* プロジェクトにおける基本的なスタイル （ページ全体の背景や、基本的なタイポグラフィ） ※ クラスは使わない */ @font-face { font-family: YuGothicM; font-weight: normal; src: local("YuGothic-Medium"), local("Yu Gothic Medium"), local("YuGothic-Regular"); /* Windows8.1ではMediumがないのでRegularを指定 */ } @font-face { font-family: YuGothicM; font-weight: bold; src: local("YuGothic-Bold"), local("Yu Gothic Bold"); /* Chrome用 */ } html * { -webkit-box-sizing: border-box; box-sizing: border-box; } body { font-family: YuGothicM, YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif; word-wrap: break-word; -webkit-text-size-adjust: 100%; } @media all and (-ms-high-contrast: none) { body { font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro",sans-serif; } } img { vertical-align: bottom; } @media screen and (max-width: 1200px) { img { max-width: 100%; height: auto; } } a { -webkit-transition-duration: .3s; transition-duration: .3s; text-decoration: none; color: #000; } a img { -webkit-transition-duration: .3s; transition-duration: .3s; background-color: rgba(255, 255, 255, 0.01); } @media screen and (min-width: 768px) { a img:hover { opacity: .7; } } figure { max-width: 100%; line-height: 1; } figure img { display: inline-block; } /* ------------------------------------------------------------------------- Layout ------------------------------------------------------------------------- */ @media screen and (max-width: 1024px) { .aside { position: absolute; z-index: 5; top: -25px; left: 0; display: none; padding: 10px 10px 22px; border-top: 1px solid #fff; background-color: #f7f7f7; } } .aside-title { margin-bottom: 9px; padding: 0 0 20px 10px; font-size: 114%; border-bottom: 2px solid #e8e8e8; } @media screen and (max-width: 1024px) { .aside-title { padding-top: 10px; } } @media screen and (max-width: 767px) { .aside-title { display: none; margin-bottom: 0; padding-bottom: 10px; } } .aside-list { margin-bottom: 25px; } .aside-list a { text-decoration: none; color: #000; } .aside-list > li { display: block; line-height: 1.714; border-bottom: 1px solid #e8e8e8; } @media screen and (max-width: 767px) { .aside-list > li { font-size: 93%; } } .aside-list > li span { cursor: pointer; -webkit-transition-duration: .3s; transition-duration: .3s; } .aside-list > li span i { position: absolute; top: 50%; right: 13px; display: inline-block; margin-top: -9px; font-size: 100%; color: #ccc; } @media screen and (max-width: 767px) { .aside-list > li span i { font-size: 93%; } } .aside-list > li.is-current > span { color: #fff; background-color: #aaa; } .aside-list > li.is-current > a { background-color: #f7f7f7; } .aside-list > li.is-current ul { display: block; } .aside-list > li > span, .aside-list > li > a { position: relative; display: block; padding: 14px 30px 11px 10px; } @media screen and (max-width: 767px) { .aside-list > li > span, .aside-list > li > a { padding: 13px 12px 10px; } } @media screen and (min-width: 768px) { .aside-list > li > span:hover, .aside-list > li > a:hover { color: #fff; background-color: #aaa; } } .aside-list > li ul { display: none; padding-left: 20px; border-top: 1px solid #e8e8e8; } @media screen and (max-width: 767px) { .aside-list > li ul { padding-left: 18px; } } .aside-list > li ul li { display: block; border-bottom: 1px solid #e8e8e8; } .aside-list > li ul li:last-child { border-bottom: none; } .aside-list > li ul li > a { display: block; padding: 14px 6px 11px; } @media screen and (max-width: 767px) { .aside-list > li ul li > a { padding: 13px 7px 10px; } } @media screen and (min-width: 768px) { .aside-list > li ul li > a:hover { background-color: #f7f7f7; } } .aside-list > li ul li > span { position: relative; display: block; padding: 14px 6px 11px; } @media screen and (max-width: 767px) { .aside-list > li ul li > span { padding: 13px 7px 10px; } } .aside-list > li ul li.is-current > a, .aside-list > li ul li.is-current > span { background-color: #f7f7f7; } .aside-list-slim { display: none; padding: 10px 0 10px 22px !important; } .aside-list-slim li { padding: 3px 0 2px !important; border-bottom: 1px dotted #d5d5d5 !important; } .aside-list-slim li:last-child { border-bottom: none !important; } .aside-list-slim li a { padding: 0 !important; } @media screen and (min-width: 768px) { .aside-list-slim li a:hover { color: #0059af !important; } } .aside-list-slim li.is-current a { color: #0059af; background: none !important; } .is-current-dark > span, .is-current-dark > a { color: #fff; background-color: #aaa !important; } .aside-btn-list { margin-bottom: -10px; } .aside-btn-list li { margin-bottom: 10px; } @media screen and (max-width: 767px) { .aside-btn-list .c-btn { height: 38px; } } .breadcrumbs { max-width: 1200px; margin: 0 auto; padding: 0 3px; } @media screen and (max-width: 767px) { .breadcrumbs { width: 100%; min-height: 60px; padding: 10px; } } .breadcrumbs ul { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 20px; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media screen and (max-width: 767px) { .breadcrumbs ul { display: block; overflow: hidden; margin: 0; } } .breadcrumbs li { font-family: "Noto Sans Japanese"; font-size: 86%; color: #666; } @media screen and (max-width: 767px) { .breadcrumbs li { float: left; font-size: 79%; line-height: 1.818; } } .breadcrumbs li + li:before { display: inline-block; content: "/"; padding: 0 4px; } @media screen and (max-width: 767px) { .breadcrumbs li + li:before { padding: 0 3px; } } .breadcrumbs a { text-decoration: none; color: #666; } @media screen and (min-width: 768px) { .breadcrumbs a:hover { text-decoration: underline; } } .contents { overflow: hidden; padding-bottom: 140px; } @media screen and (max-width: 1024px) { .contents { padding-bottom: 30px; } } .contents-header, .contents-in { position: relative; max-width: 1220px; margin: 0 auto; padding: 0 10px; } @media screen and (max-width: 767px) { .contents-header, .contents-in { width: 100%; } } .contents-header { position: relative; margin: 60px auto 80px; } @media screen and (max-width: 767px) { .contents-header { min-height: 80px; margin: 0; padding: 0 65px 0 10px; background-color: #f7f7f7; } } .contents-header span { font-size: 114%; } @media screen and (max-width: 767px) { .contents-header span { display: inline-block; padding-top: 16px; font-size: 100%; } } @media screen and (max-width: 767px) { .contents-header .c-heading-lv1 { margin-top: 0; padding-bottom: 10px; line-height: 1.5; } } .contents-header-blue { width: 100%; max-width: none; height: 260px; margin: 0; padding: 95px 0 0; color: #fff; background: url("/img/ja/bg_contents_header_01.png") center/cover; } @media screen and (max-width: 767px) { .contents-header-blue { height: auto; min-height: 80px; padding: 16px 10px; } } .contents-header-blue span { padding-top: 0; font-size: 286%; } @media screen and (max-width: 767px) { .contents-header-blue span { font-size: 257%; } } .contents-header-blue .c-heading-lv1 { margin-top: 10px; padding-bottom: 0; letter-spacing: .05em; font-size: 129%; font-weight: normal; } @media screen and (max-width: 767px) { .contents-header-blue .c-heading-lv1 { font-size: 114%; } } @media screen and (min-width: 768px) { .contents-header-blue + .breadcrumbs { margin-bottom: 60px; } } .contents-header-img { position: relative; width: 100%; max-width: none; height: 650px; margin: 20px 0 0; color: #fff; background: center/cover; } @media screen and (max-width: 767px) { .contents-header-img { height: auto; min-height: 80px; margin-top: 0; padding: 16px 10px; } } .technology .contents-header-img { background-image: url("/img/ja/company/dev/hero_technology_01.jpg"); } .contents-header-img .contents-header-in { position: relative; top: 215px; width: 600px; height: 220px; margin: 0 auto; padding-top: 70px; background: rgba(0, 0, 0, 0.5); } @media screen and (max-width: 767px) { .contents-header-img .contents-header-in { top: 0; width: 300px; height: auto; padding: 20px 10px; text-align: center; } } .contents-header-img .contents-header-in span { font-size: 286%; } @media screen and (max-width: 767px) { .contents-header-img .contents-header-in span { padding-top: 0; font-size: 257%; } } .contents-header-img .contents-header-in .c-heading-lv1 { margin-top: 10px; padding-bottom: 0; letter-spacing: .05em; font-size: 129%; font-weight: normal; } @media screen and (max-width: 767px) { .contents-header-img .contents-header-in .c-heading-lv1 { font-size: 114%; } } .contents-info { float: left; width: 700px; } @media screen and (max-width: 1200px) { .contents-info { width: 58.3333%; } } @media screen and (max-width: 767px) { .contents-info { float: none; width: 100%; } } .contents-products { float: right; width: 450px; } @media screen and (max-width: 1200px) { .contents-products { width: 37.5%; } } @media screen and (max-width: 767px) { .contents-products { float: none; width: 100%; } } .main { float: left; width: 800px; } @media screen and (max-width: 1200px) { .main { width: 66.6666%; } } @media screen and (max-width: 1024px) { .main { float: none; width: 100%; margin-top: 25px; } } .main p, .main li { line-height: 1.714; } .aside { float: right; width: 325px; } @media screen and (max-width: 1200px) { .aside { width: 27%; } } @media screen and (max-width: 1024px) { .aside { float: none; width: 100%; } } .footer { position: relative; } @media screen and (max-width: 1024px) { .footer { padding-top: 30px; } } .footer-nav { background: #3a3a3a; } @media screen and (max-width: 1024px) { .footer-nav { display: none; } } .footer-nav-in { display: -webkit-box; display: -ms-flexbox; display: flex; max-width: 1200px; margin: 0 auto; padding: 50px 20px 40px; } .footer-nav-list { width: 240px; padding-left: 25px; border-right: 1px solid #6b6b6b; } @media screen and (max-width: 1200px) { .footer-nav-list { padding: 0 2.08%; } } .footer-nav-list:last-child { border-right: none; } .footer-nav-list a { text-decoration: none; color: #fff; } .footer-nav-list a:hover { text-decoration: underline; } .footer-nav-list > li { font-weight: bold; line-height: 1.571; } .footer-nav-list > li + li { margin-top: 18px; } .footer-nav-list > li ul { margin-top: 7px; } .footer-nav-list > li li { padding-left: 9px; font-size: 86%; font-weight: normal; line-height: 2; } .footer-sub-nav { display: -webkit-box; display: -ms-flexbox; display: flex; height: 66px; padding-top: 25px; justify-content: center; -ms-flex-pack: center; border-bottom: 1px solid #e8e8e8; -webkit-box-pack: center; } @media screen and (max-width: 1024px) { .footer-sub-nav { display: none; } } .footer-sub-nav li { height: 1.5em; padding: 0 16px; font-size: 86%; border-right: 1px solid #e8e8e8; } .footer-sub-nav li:last-child { border: none; } .footer-sub-nav li a { display: block; padding-top: 2px; text-decoration: none; color: #3a3a3a; } .footer-sub-nav li a:hover { text-decoration: underline; } @media screen and (max-width: 767px) { .footer-sub-nav li a:hover { text-decoration: none; } } .footer-bottom { height: 48px; } @media screen and (max-width: 767px) { .footer-bottom { height: auto; } } .footer-bottom-in { overflow: hidden; max-width: 1200px; margin: 0 auto; padding: 0 10px; font-size: 86%; } @media screen and (max-width: 1024px) { .footer-bottom-in { width: 100%; padding: 0; } } .footer-bottom-list { display: -webkit-box; display: -ms-flexbox; display: flex; float: right; padding: 14px 7px 0 0; justify-content: right; -ms-flex-pack: right; -webkit-box-pack: right; } @media screen and (max-width: 1024px) { .footer-bottom-list { display: block; float: none; padding: 0; text-align: center; border-top: 1px solid #e8e8e8; } } .footer-bottom-list li { padding: 0 18px; line-height: 1.666; border-right: 1px solid #e8e8e8; } @media screen and (max-width: 1024px) { .footer-bottom-list li { padding: 0; line-height: 1; border-right: none; border-bottom: 1px solid #e8e8e8; } } .footer-bottom-list li:last-child { border-right: none; } .footer-bottom-list a { text-decoration: none; color: #000; } @media screen and (max-width: 1024px) { .footer-bottom-list a { display: block; height: 65px; padding-top: 28px; } } @media screen and (min-width: 768px) { .footer-bottom-list a:hover { opacity: .7; } } .footer-bottom .footer-copyright { padding: 18px 0 0 0; font-family: "Lato", sans-serif; color: #3a3a3a; text-align: center; } @media screen and (max-width: 1024px) { .footer-bottom .footer-copyright { height: 65px; padding: 26px 0 0; line-height: 1; } } /* PAGETOP ---------------------------------------------------------- */ .pagetop { position: absolute; top: -36px; left: 50%; margin-left: 540px; } @media screen and (max-width: 1200px) { .pagetop { right: 10px; left: auto; margin-left: 0; } } @media screen and (max-width: 1024px) { .pagetop { position: relative; top: 0; left: 0; margin: 0 0 30px; } } .pagetop a { position: relative; display: block; width: 64px; height: 64px; border-radius: 32px; background-color: #0059af; } @media screen and (max-width: 1024px) { .pagetop a { margin: 0 auto; } } .is-mouse-device .pagetop a:hover { opacity: .7; } .is-touch-device .pagetop a:hover { opacity: 1; } .pagetop span { position: absolute; top: 30px; left: 32px; display: block; height: 10px; } .pagetop span:before, .pagetop span:after { position: absolute; display: block; content: ""; width: 13px; height: 2px; background-color: #fff; } .pagetop span:before { right: -2px; -webkit-transform: rotateZ(-45deg); -ms-transform: rotate(-45deg); transform: rotateZ(-45deg); } .pagetop span:after { left: -2px; -webkit-transform: rotateZ(45deg); -ms-transform: rotate(45deg); transform: rotateZ(45deg); } .nav-global-list { display: -webkit-box; display: -ms-flexbox; display: flex; max-width: 1200px; margin: 0 auto; padding: 98px 0 0; } @media screen and (max-width: 1024px) { .nav-global-list { display: none; } } .nav-global-list li { text-align: center; -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; } .nav-global-list li:first-child span { border-left: 1px solid #e8e8e8; } .nav-global-list li.is-current a:after { position: absolute; bottom: 0; left: 0; content: ""; width: 100%; height: 3px; background-color: #0059af; } .nav-global-list a { position: relative; display: block; padding-bottom: 17px; text-decoration: none; color: #000; } .nav-global-list a:after { position: absolute; bottom: 0; left: 0; content: ""; width: 0; height: 3px; -webkit-transition-duration: .3s; transition-duration: .3s; background-color: #0059af; } @media screen and (min-width: 768px) { .nav-global-list a:hover:after { width: 100%; } } .nav-global-list span { display: block; height: 20px; padding-top: 3px; line-height: 1; border-right: 1px solid #e8e8e8; } .nav-global-sp { display: none; height: 0; } .nav-global-sp.is-fixed { position: fixed; z-index: 20; top: 61px; left: 0; width: 100%; height: auto; padding: 10px; background-color: rgba(247, 247, 247, 0.9); } .nav-global-sp.is-fixed .nav-global-sp-list { margin-bottom: 15px; } .nav-global-sp.is-fixed .nav-global-sp-list > li { border-bottom: 1px solid #e8e8e8; } .nav-global-sp.is-fixed .nav-global-sp-list > li.is-current > a, .nav-global-sp.is-fixed .nav-global-sp-list > li.is-current > span { color: #fff; background-color: #0059af; } .nav-global-sp.is-fixed .nav-global-sp-list > li.is-current > ul { display: block; } .nav-global-sp.is-fixed .nav-global-sp-list > li > a, .nav-global-sp.is-fixed .nav-global-sp-list > li > span { position: relative; display: block; padding: 13px 10px 10px; } .nav-global-sp.is-fixed .nav-global-sp-list > li > a i, .nav-global-sp.is-fixed .nav-global-sp-list > li > span i { position: absolute; right: 13px; color: #b6b6b8; } .nav-global-sp.is-fixed .nav-global-sp-list > li > a.btn-toggle, .nav-global-sp.is-fixed .nav-global-sp-list > li > span.btn-toggle { padding-right: 40px; } .nav-global-sp.is-fixed .nav-global-sp-list > li > ul { display: none; } .nav-global-sp.is-fixed .nav-global-sp-list > li > ul > li > a, .nav-global-sp.is-fixed .nav-global-sp-list > li > ul > li > span { display: block; padding: 13px 10px 10px 24px; border-top: 1px solid #e8e8e8; } .nav-global-sp.is-fixed .nav-global-sp-list > li > ul > li.is-current:first-child > * { border-top: none; } @media screen and (max-width: 1024px) { .nav-global-sp { position: fixed; z-index: 10; top: 61px; left: 0; overflow-x: auto; width: 100%; height: auto; max-height: calc(100vh - 61px); padding: 10px; background-color: rgba(247, 247, 247, 0.9); } .nav-global-sp-list { margin-bottom: 15px; } .nav-global-sp-list > li { border-bottom: 1px solid #e8e8e8; } .nav-global-sp-list > li.is-current > a, .nav-global-sp-list > li.is-current > span { color: #fff; background-color: #0059af; } .nav-global-sp-list > li.is-current > ul { display: block; } .nav-global-sp-list > li > a, .nav-global-sp-list > li > span { position: relative; display: block; padding: 13px 10px 10px; } .nav-global-sp-list > li > a i, .nav-global-sp-list > li > span i { position: absolute; right: 13px; color: #b6b6b8; } .nav-global-sp-list > li > a.btn-toggle, .nav-global-sp-list > li > span.btn-toggle { padding-right: 40px; } .nav-global-sp-list > li > ul { display: none; } .nav-global-sp-list > li > ul > li > a, .nav-global-sp-list > li > ul > li > span { display: block; padding: 13px 10px 10px 24px; border-top: 1px solid #e8e8e8; } .nav-global-sp-list > li > ul > li.is-current:first-child > * { border-top: none; } } @media screen and (max-width: 767px) { .nav-global-sp { background-color: #f7f7f7; } } .nav-global-sp .btn-inquiry-sp { margin-bottom: 12px; } .nav-global-sp .btn-inquiry-sp .ico-mail { margin: 0 18px 0 0; } .nav-global-sp .btn-inquiry-sp .ico-arrow { font-size: 93%; } .header-in { position: relative; max-width: 1366px; margin: 0 auto; } @media screen and (max-width: 1024px) { .header-in { position: fixed; z-index: 10; top: 0; width: 100%; height: 61px; border-bottom: 1px solid #e8e8e8; background-color: #fff; } } @media screen and (max-width: 767px) { .header-in { padding: 0; } } .header-id { position: absolute; top: 23px; left: 87px; width: 128px; } @media screen and (max-width: 1366px) { .header-id { left: 6.3689604685%; width: 128px; } } @media screen and (max-width: 1024px) { .header-id { top: 16px; left: 12px; width: 90px; } } .header-id img { width: 100%; } @media screen and (min-width: 1025px) { .logo_noritake { position: absolute; top: 5px; right: 230px; width: 73px; z-index: 100; } } @media screen and (max-width: 1024px) { .logo_noritake { position: absolute; top: 20px; right: 70px; width: 100px; } } .logo_noritake img { width: 100%; } @media screen and (min-width: 768px) { .header-id a:hover { opacity: .7; } } .header-link { position: absolute; /* top: 36px; right: 20px; */ top: 0; right: 0; padding: 36px 208px 0 0; display: -webkit-box; display: -ms-flexbox; display: flex; justify-content: right; -ms-flex-pack: right; -webkit-box-pack: right; } @media screen and (max-width: 1024px) { .header-link { display: none; } } .header-link > li { padding: 0 24px; font-size: 86%; border-left: 1px solid #e8e8e8; } @media screen and (max-width: 1200px) { .header-link > li { padding: 0 12px; } } .header-link > li:first-child { padding-left: 0; border-left: none; } .header-link a { display: block; text-decoration: none; line-height: 20px; color: #000; } @media screen and (min-width: 768px) { .header-link a:hover { opacity: .7; } } .header-link a.btn-language { position: relative; } @media screen and (max-width: 1024px) { .header-link a.btn-language { position: inherit; } } .header-link-search { position: absolute; z-index: 5; top: 23px; right: 400px; display: none; width: 80%; padding: 10px 30px 10px 10px; background-color: #f7f7f7; } @media screen and (max-width: 1024px) { .header-link-search { top: 100%; left: 0; width: 100vw; padding-right: 10px; } } .header-link-search .gsc-control-cse { padding: 0; border: none; background: none; } .header-link-search .gsc-search-box { margin-bottom: 0; padding: 0; } .header-link-search .gsc-input-box { height: 38px; } @media screen and (max-width: 767px) { .header-link-search .gsc-input-box .gsib_a { padding-top: 0; } } .header-link-search .gsc-input-box .gsib_a .gsc-input { height: 20px !important; } .header-link-search .gsc-search-button { -webkit-transition-duration: .3s; transition-duration: .3s; border: none; } @media screen and (min-width: 768px) { .header-link-search .gsc-search-button:hover { opacity: .7; } } .header-link-search .gsc-search-button .gsc-search-button { margin: 0; background-color: #0059af; background-image: none; } .header-link-search .gsc-clear-button { display: none; } .header-link-search .btn-search-close { position: absolute; top: 50%; right: 10px; cursor: pointer; -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-transform: translateY(-50%) rotateZ(45deg); -ms-transform: translateY(-50%) rotate(45deg); transform: translateY(-50%) rotateZ(45deg); color: #b6b6b8; } @media screen and (min-width: 768px) { .header-link-search .btn-search-close:hover { opacity: .7; } } .header-link-language { position: absolute; z-index: 5; top: 100%; display: none; margin-top: 4px; background-color: #0059af; } @media screen and (max-width: 1024px) { .header-link-language { left: 0; width: 100vw; margin-top: 0; } } .header-link-language a { padding: 4px 18px; color: #fff; } @media screen and (max-width: 1024px) { .header-link-language a { padding: 4px; text-align: center; color: #fff; } } .header-link .ico-mail, .header-link .ico-search, .header-link .ico-triangle { padding-right: 7px; color: #0059af; } .header-link .ico-mail { font-size: 142%; } .header-link .ico-mail:before { position: relative; top: 2px; } .header-link .ico-search:before { display: inline-block; -webkit-transform: scale(-1, 1); -ms-transform: scale(-1, 1); transform: scale(-1, 1); } .header-link .ico-triangle { padding-right: 4px; } .header-link .header-link-mate { position: absolute; top: 0; right: 100px; width: 108px; padding: 0; border-left: none; } .header-link .header-link-mate a { display: block; height: 60px; padding-top: 14px; background-color: #f5f5f5; line-height: 1; text-align: center; } .header-link .header-link-mate img { display: inline-block; margin-bottom: 6px; } .header-link .header-link-login { position: absolute; top: 0; right: 0; width: 100px; padding: 0; border-left: none; } .header-link .header-link-login a { display: block; background-color: #0059af; color: #fff; line-height: 60px; text-align: center; } .header-link-sp { display: none; } @media screen and (max-width: 1024px) { .header-link-sp { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 61px; padding: 10px 20px; border-bottom: 1px solid #e8e8e8; } .header-link-sp > li { width: 50%; text-align: center; font-size: 71%; line-height: 2; } .header-link-sp > li:first-child { border-right: 1px solid #e8e8e8; } .header-link-sp > li > a { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; height: 20px; justify-content: center; -ms-flex-pack: center; text-decoration: none; color: #000; -webkit-box-pack: center; } .header-link-sp .ico-search, .header-link-sp .ico-triangle { font-size: 120%; color: #0059af; } .header-link-sp .ico-search { padding-right: 5px; } .header-link-sp .ico-search:before { display: inline-block; -webkit-transform: scale(-1, 1); -ms-transform: scale(-1, 1); transform: scale(-1, 1); } .header-link-sp .ico-triangle { padding-right: 5px; } .header-link-sp .header-link-language { left: 0; width: 100%; margin-top: 0; } .header-link-sp .header-link-language a { display: block; text-align: center; font-size: 140%; color: #fff; } } .header.is-fixed .header-in { position: fixed; z-index: 100; top: 0; width: 100%; max-width: none; height: 61px; border-bottom: 1px solid #e8e8e8; background-color: #fff; } .header.is-fixed .header-inner { position: relative; max-width: 1200px; margin: 0 auto; } .header.is-fixed .header-id { top: 16px; left: 12px; width: 128px; } .header.is-fixed .header-link { display: none; } .ja .header.is-fixed .header-link { display: flex; top: 24px; padding: 0; } .ja .header.is-fixed .header-link-global { display: none; } .ja .header.is-fixed .header-link-cmn span { display: none; } .ja .header.is-fixed .header-link-search { right: 20px; } .header-link-local { display: none; } .ja .header.is-fixed .header-link-local { display: block; position: relative; } .ja .header.is-fixed .header-link-local.is-current a:after { position: absolute; bottom: -15px; left: 0; content: ""; width: 100%; height: 3px; background-color: #0059af; } @media screen and (max-width: 1024px) { .ja .header.is-fixed .header-link { display: none; } } .header.is-fixed .header-link-sp { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 61px; padding: 10px 20px; border-bottom: 1px solid #e8e8e8; } .header.is-fixed .header-link-sp > li { width: 50%; text-align: center; font-size: 71%; line-height: 2; } .header.is-fixed .header-link-sp > li:first-child { border-right: 1px solid #e8e8e8; } .header.is-fixed .header-link-sp > li > a { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; height: 20px; justify-content: center; -ms-flex-pack: center; text-decoration: none; color: #000; -webkit-box-pack: center; } .nav-local { width: 100%; background-color: #f7f7f7; -webkit-box-shadow: inset 1px 2px 3px rgba(56, 56, 56, 0.25); box-shadow: inset 1px 2px 3px rgba(56, 56, 56, 0.25); } @media screen and (max-width: 1024px) { .nav-local { display: none; } } .nav-local-list { overflow: hidden; max-width: 1200px; margin: 0 auto; padding: 3px 8px 16px; } .nav-local-list li { float: left; margin-top: 19px; padding: 0 15px; font-size: 86%; border-left: 1px solid #cbcbcb; } @media screen and (max-width: 1200px) { .nav-local-list li { padding: 0 1.416%; white-space: nowrap; } } .nav-local-list li:first-child { padding-left: 0; border-left: none; } .nav-local-list li:first-child span { font-weight: bold; } .nav-local-list li.is-current a:after { position: absolute; bottom: -2px; left: 0; content: ""; width: 100%; height: 2px; background-color: #0059af; } .nav-local-list a { position: relative; display: block; height: 20px; padding-top: 3px; text-decoration: none; line-height: 1; color: #000; } .nav-local-list a:after { position: absolute; bottom: -2px; left: 0; content: ""; width: 0; height: 2px; -webkit-transition-duration: .3s; transition-duration: .3s; background-color: #0059af; } @media screen and (min-width: 768px) { .nav-local-list a:hover:after { width: 100%; } } /* ------------------------------------------------------------------------- Object ------------------------------------------------------------------------- */ /* Component */ .c-box-border { padding: 30px 40px; border: 1px solid #d5d5d5; } @media screen and (max-width: 767px) { .c-box-border { padding: 16px; } } .c-box-reader { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 90px; padding: 20px; -ms-flex-align: center; align-items: center; line-height: 1.714; border: 1px solid #d5d5d5; -webkit-box-align: center; } @media screen and (max-width: 767px) { .c-box-reader { display: block; padding: 20px 16px 25px; } } @media screen and (min-width: 768px) { .c-box-reader a:hover { opacity: .7; } } .c-box-reader .bnr { margin-right: 16px; -ms-flex-negative: 0; flex-shrink: 0; } @media screen and (max-width: 767px) { .c-box-reader .bnr { margin: 20px 0 0; text-align: center; } } .c-box-important { display: table; width: 100%; margin-top: 45px; } @media screen and (max-width: 767px) { .c-box-important { display: block; margin-top: 10px; } } .c-box-important > * { display: table-cell; vertical-align: middle; } @media screen and (max-width: 767px) { .c-box-important > * { display: block; } } .c-box-important .title { width: 200px; height: 60px; text-align: center; font-size: 129%; font-weight: bold; line-height: 30px; color: #fff; background-color: #094c8c; } @media screen and (max-width: 767px) { .c-box-important .title { width: 100%; padding: 13px 0 0 10px; text-align: left; } } .c-box-important .title i { display: inline-block; margin-right: 10px; font-size: 139%; } .c-box-important .title i:before { top: 3px; } .c-box-important div { padding: 0 15px 0 35px; background-color: #f5f5f5; } @media screen and (max-width: 767px) { .c-box-important div { padding: 15px 10px; } } .c-box-important div p { display: inline-block; } @media screen and (max-width: 767px) { .c-box-important div p { display: block; margin-top: 12px; line-height: 1.714; } } .c-box-important div .float_r { margin-left: 25px; } @media screen and (max-width: 767px) { .c-box-important div .float_r { float: none; margin-top: 25px; text-align: right; } } .c-box-important div .date { margin-right: 25px; } .c-box-important div a { text-decoration: none; color: #000; } @media screen and (max-width: 767px) { .c-box-important div a { color: #3a3a3a; } } @media screen and (min-width: 768px) { .c-box-important div a:hover { opacity: .7; } } .c-box-important div i { color: #b6b6b8; } .c-box-lead { width: 700px; margin: 20px auto 0; } @media screen and (max-width: 767px) { .c-box-lead { width: 100%; margin-top: 30px; padding: 0 10px; } } .c-box-lead-heading { margin-bottom: 30px; text-align: center; font-size: 171%; } .c-box-lead p { line-height: 1.714; } .c-box-new { display: inline-block; min-width: 300px; padding: 10px 15px 15px; font-family: "Noto Sans Japanese"; border: 1px solid #d5d5d5; } .c-box-new-title { padding-left: 20px; font-size: 86%; color: #666; } .c-box-new-title span { padding-right: 8px; font-size: 133%; font-weight: bold; color: #f75060; } .c-box-new-link { margin-top: 5px; } .c-box-new-link a { color: #666; } @media screen and (min-width: 768px) { .c-box-new-link a:hover { text-decoration: underline; } } .c-box-new-link .ico-arrow { color: #b6b6b8; } .c-box-toggle { border: 1px solid #e8e8e8; } .c-box-toggle .btn-toggle { position: relative; padding: 10px 12px; cursor: pointer; -webkit-transition-duration: .3s; transition-duration: .3s; font-size: 114%; font-weight: bold; color: #333; background-color: #f7f7f7; } .c-box-toggle .btn-toggle i { position: absolute; top: 12px; right: 14px; font-size: 88%; color: #ccc; } .is-mouse-device .c-box-toggle .btn-toggle:hover { opacity: .7; } .is-touch-device .c-box-toggle .btn-toggle:hover { opacity: 1; } .tab-contents .c-box-toggle .btn-toggle { margin: 0 -24px; } @media screen and (max-width: 767px) { .tab-contents .c-box-toggle .btn-toggle { margin: 0 -12px; } } .tab-contents .c-box-toggle { padding: 0 24px; } @media screen and (max-width: 767px) { .tab-contents .c-box-toggle { padding: 0 12px; } } .c-box-border-journal { padding: 20px 30px; } @media screen and (max-width: 767px) { .c-box-border-journal_s .clear_fix .c-fig-l, .c-box-border-journal_s .grid--12 .c-fig-l { width: 30%; margin: 0 auto; } } @media screen and (max-width: 767px) { .c-box-border-journal .c-btn-gray-wrap { max-width: 100%; } } .c-box-journal { display: -webkit-box; display: -ms-flexbox; display: flex; flex-direction: column; height: 100%; padding: 0; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; } .c-box-journal .c-fig { padding: 18px 0; border-bottom: 1px solid #d5d5d5; } @media screen and (max-width: 767px) { .c-box-journal .c-fig { width: 60%; margin: 0 auto; } } .c-box-journal_bottom { display: -webkit-box; display: -ms-flexbox; display: flex; flex-direction: column; padding: 15px 10px; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; } @media screen and (max-width: 767px) { .c-box-journal_bottom { margin-top: 0 !important; } } .c-box-journal_bottom .journal_bottom_text { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .c-box-journal_bottom .journal_bottom_text .c-heading-lv6 { margin: 0; } @media screen and (max-width: 767px) { .c-box-journal_bottom .c-btn-gray-wrap { max-width: 100%; } } .c-box-csrecovol { width: 525px; margin: 0 auto; padding: 20px 30px; border-color: #0059af; } @media screen and (max-width: 767px) { .c-box-csrecovol { max-width: 100%; padding: 10px; } } .c-btn { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; height: 40px; min-height: 40px; padding: 0 10px 0 18px; cursor: pointer; -ms-flex-align: center; align-items: center; -webkit-transition-duration: .3s; transition-duration: .3s; text-decoration: none; font-family: "Noto Sans Japanese"; line-height: 1.4285; color: #fff; border-radius: 3px; background-color: #0059af; -webkit-box-align: center; } @media screen and (max-width: 767px) { .c-btn { display: table; width: 100%; min-height: 50px; padding: 0 10px 0 15px; } .c-btn > * { display: table-cell; vertical-align: middle; } .grid__col--8 .c-btn { min-height: 60px; } } .is-mouse-device .c-btn:hover { opacity: .7; } .is-touch-device .c-btn:hover { opacity: 1; } .c-btn-wrap-c { margin: 0 auto; } .c-btn-wrap-w200 { width: 200px; } @media screen and (max-width: 767px) { .c-btn-wrap-w200 { width: 100%; } } .c-btn-wrap-w300 { width: 300px; } @media screen and (max-width: 767px) { .c-btn-wrap-w300 { width: 100%; } } .c-btn-wrap-w400 { width: 400px; margin: 0 auto; } @media screen and (max-width: 767px) { .c-btn-wrap-w400 { width: 100%; } } .submit-wrap .c-btn { display: block; width: 100%; padding: 0 20px; text-align: center; border: none; } .c-btn span { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .c-btn [class^="ico-"] { width: 28px; margin-left: -4px; font-size: 157%; -ms-flex-negative: 0; flex-shrink: 0; } @media screen and (max-width: 767px) { .c-btn [class^="ico-"] { width: 40px; margin: 0 16px 0 -3px; font-size: 243%; } } .c-btn .ico-tech { font-size: 143%; } @media screen and (max-width: 767px) { .c-btn .ico-tech { font-size: 214%; } } .c-btn .ico-base { font-size: 143%; } @media screen and (max-width: 767px) { .c-btn .ico-base { font-size: 214%; } } .c-btn .ico-gear { font-size: 129%; } @media screen and (max-width: 767px) { .c-btn .ico-gear { font-size: 193%; } } .c-btn .ico-search { font-size: 121%; } @media screen and (max-width: 767px) { .c-btn .ico-search { font-size: 186%; } } .c-btn .ico-book:before { top: 1px; } .c-btn .ico-mail:before { top: 1px; } .c-btn .ico-arrow { width: auto; margin-left: 5px; font-size: 129%; } @media screen and (max-width: 767px) { .c-btn .ico-arrow { width: 18px; } } .c-btn .ico-arrow-anchor { -webkit-transform: rotateZ(90deg); -ms-transform: rotate(90deg); transform: rotateZ(90deg); } .aside .c-btn .ico-arrow { right: 8px; font-size: 100%; } .c-btn-h60 { height: 60px; } .c-btn-l a { justify-content: center; -ms-flex-pack: center; -webkit-box-pack: center; } .c-btn-l .txt { text-align: center; font-size: 143%; } .c-btn-l .txt .ico-arrow { position: relative; display: inline; width: 0; font-size: 70%; } .c-btn-l .txt .ico-arrow:before { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .c-btn-xl { height: 65px; } .c-btn-xl .ico-arrow { margin-right: 5px; margin-left: 0; font-size: 100%; color: #b6b6b8; } @media screen and (max-width: 767px) { .c-btn-xl .ico-arrow { padding-right: 10px; } } .c-btn-xl p { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; padding-right: 20px; -ms-flex-align: center; align-items: center; line-height: 1; -webkit-box-align: center; } @media screen and (max-width: 1024px) { .c-btn-xl p { display: table-cell; padding-right: 0; } } @media screen and (max-width: 1024px) { .c-btn-xl p span { display: block; } } @media screen and (max-width: 1024px) { .c-btn-xl p span + span { margin-top: 10px; } } .c-btn-xl .txt { padding-right: 10px; font-size: 114%; -ms-flex-negative: 0; flex-shrink: 0; } .c-btn-xl .txt + span { font-size: 100%; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; } .c-btn-square { border-radius: 0; } .c-btn-download { padding: 0 15px; font-family: YuGothicM, YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif; } .aside .c-btn-download { height: 60px; } @media screen and (min-width: 768px) and (max-width: 1024px) { .aside .c-btn-download { padding: 0 1.25vw; } } .c-btn-download .txt { padding-right: 15px; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .c-btn-download .size { text-align: right; } .c-btn-download .ico-pdf { margin-right: 10px; font-size: 100%; } @media screen and (min-width: 768px) and (max-width: 1024px) { .c-btn-download .ico-pdf { margin-right: .833vw; } } .c-heading-lv2 + .c-btn-download-wrap { position: absolute; z-index: 1; top: -4px; right: 0; width: 240px; } @media screen and (max-width: 1024px) { .c-heading-lv2 + .c-btn-download-wrap { position: relative; top: 0; margin-bottom: 20px; } } .c-btn-gray { background-color: #aaa; } .c-btn-gray-wrap { max-width: 235px; margin-top: 20px; } .c-btn-gray-wrap .c-btn { padding: 0 9px; } .c-btn-gray-wrap .c-btn .ico-arrow { margin: 0 6px 0 0; font-size: 114%; } .c-btn-gray-wrap .c-btn .ico-pdf { font-size: 114%; } .c-btn-gray-wrap .c-btn .ico-pdf:before { top: 1px; } .c-btn-map { display: block; width: 50px; text-align: center; font-size: 86%; line-height: 1; color: #0059af; } @media screen and (min-width: 768px) { .c-btn-map:hover { opacity: .7; } } .c-btn-map .ico-pin { display: block; margin-bottom: 5px; font-size: 250%; } .c-btn-white { width: 300px; padding: 0 5px; color: #333; border: 1px solid #d5d5d5; background-color: #fff; } .c-btn-white .ico-arrow { color: #d5d5d5; } .c-btn-white-box { display: -webkit-box; display: -ms-flexbox; display: flex; flex-direction: column; height: 100%; padding: 10px; -ms-flex-align: baseline; align-items: baseline; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; -webkit-box-align: baseline; } .c-btn-white-box .new { padding-right: 5px; padding-left: 20px; vertical-align: middle; } .c-btn-white-box div + div { margin-top: 3px; } .c-btn-white-box div + div .ico-arrow { vertical-align: middle; } .btn-gnavi-sp { position: absolute; top: 0; right: 0; display: none; width: 60px; height: 60px; padding: 15px 15px 0; text-align: center; background-color: #f7f7f7; } .eng .is-fixed .btn-gnavi-sp, .china .is-fixed .btn-gnavi-sp, .nca .is-fixed .btn-gnavi-sp, .tcf .is-fixed .btn-gnavi-sp { display: block; } @media screen and (max-width: 1024px) { .ja .is-fixed .btn-gnavi-sp { display: block; } .btn-gnavi-sp { display: block; } } .btn-gnavi-sp span { position: absolute; left: 15px; display: block; width: 30px; height: 3px; -webkit-transition: all .3s; transition: all .3s; background-color: #0059af; } .btn-gnavi-sp span:nth-last-of-type(1) { top: 15px; } .btn-gnavi-sp span:nth-last-of-type(2) { top: 23px; } .btn-gnavi-sp span:nth-last-of-type(3) { top: 31px; } .btn-gnavi-sp em { position: absolute; top: 40px; display: block; -webkit-transition: all .3s; transition: all .3s; letter-spacing: -.05em; font-size: 64%; font-weight: bold; font-style: normal; line-height: 1; color: #0059af; } .btn-gnavi-sp.is-active span:nth-last-of-type(1) { -webkit-transform: translateY(14px) rotate(-45deg); -ms-transform: translateY(14px) rotate(-45deg); transform: translateY(14px) rotate(-45deg); } .btn-gnavi-sp.is-active span:nth-last-of-type(2) { opacity: 0; } .btn-gnavi-sp.is-active span:nth-last-of-type(3) { -webkit-transform: translateY(-2px) rotate(45deg); -ms-transform: translateY(-2px) rotate(45deg); transform: translateY(-2px) rotate(45deg); } .btn-gnavi-sp.is-active em { display: none; } .btn-sub-sp { display: none; } @media screen and (max-width: 1024px) { .btn-sub-sp { position: absolute; top: 0; right: 0; display: block; width: 65px; height: 100%; } .btn-sub-sp:before { position: absolute; top: 50%; left: 50%; content: ""; width: 21px; height: 12px; margin: -4px 0 0 -10px; background: url("../../img/ja/common/btn_gnavi_01_sp.png"); background-size: cover; } .btn-sub-sp.is-active:before { -webkit-transform: rotateZ(180deg); -ms-transform: rotate(180deg); transform: rotateZ(180deg); } .contents-header-blue .btn-sub-sp:before { top: auto; bottom: 20px; background: url("/img/ja/btn_gnavi_01_w_sp.png"); background-size: cover; } } .btn-aside-link { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; color: #fff; background-color: #0186d0; -webkit-box-align: center; } @media screen and (min-width: 768px) { .btn-aside-link:hover { opacity: .7; } } .btn-aside-link figure { -ms-flex-negative: 0; flex-shrink: 0; } .btn-aside-link p { text-align: center; font-size: 143%; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-font-feature-settings: "palt"; font-feature-settings: "palt"; } .btn-aside-link p .ico-arrow { font-size: 70%; } .btn-aside-link p .ico-arrow:before { top: -2px; left: 8px; } .top-products-btn { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 75px; justify-content: center; -ms-flex-pack: center; text-align: center; -webkit-box-pack: center; } @media screen and (max-width: 767px) { .top-products-btn { display: block; overflow: hidden; margin-top: 32px; } } .top-products-btn li { width: 194px; } @media screen and (max-width: 767px) { .top-products-btn li { float: left; width: 50%; margin: 20px 0; } } .top-products-btn a { display: inline-block; text-decoration: none; color: #000; } .top-products-btn a span { color: #494949; } @media screen and (min-width: 768px) { .top-products-btn a:hover { opacity: .7; } } .top-products-btn span { position: relative; display: block; width: 120px; height: 120px; margin: 0 auto; border-radius: 60px; background-color: #fff; } .top-products-btn i { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -43%); -ms-transform: translate(-50%, -43%); transform: translate(-50%, -43%); font-size: 429%; } .top-products-btn p { margin-top: 8px; } .submit-wrap { width: 240px; margin: 0 auto; } @media screen and (max-width: 767px) { .submit-wrap { width: 100%; } } @media screen and (max-width: 767px) { .c-fig { width: 100%; } } .c-fig img { display: block; max-width: 100%; height: auto; margin: 0 auto; } @media screen and (max-width: 767px) { .c-fig img { width: 100%; height: auto; } } .c-fig-l { float: left; margin-right: 30px; } @media screen and (max-width: 767px) { .c-fig-l { float: none; margin-right: 0; } } .c-fig-l-catalog { float: left; margin-right: 30px; } @media screen and (max-width: 767px) { .c-fig-l-catalog { width: 40vw; margin-right: 16px; } } .c-fig-r { float: right; margin-left: 30px; } @media screen and (max-width: 767px) { .c-fig-r { float: none; margin-left: 0; } } .c-fig + div { overflow: hidden; } @media screen and (max-width: 767px) { .c-fig + div { margin-top: 25px; } } .c-fig_w330 { width: 330px; } .c-fig_w300 { width: 300px; } .c-fig figcaption { margin-top: 8px; font-size: 86%; line-height: 1.5; } p + .c-fig { margin-top: 25px; } @media screen and (max-width: 767px) { p + .c-fig { margin-top: 20px; } } .c-fig-border { border: 1px solid #e8e8e8; } .c-select { position: relative; z-index: 1; width: 100%; height: 40px; padding: 0 45px; vertical-align: middle; color: #fff; border: none; background: none transparent; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .c-select-wrap { position: relative; display: inline-block; min-width: 165px; cursor: pointer; -webkit-transition-duration: .3s; transition-duration: .3s; border-radius: 3px; background-color: #0059af; } @media screen and (max-width: 767px) { .c-select-wrap { width: 100%; } } @media screen and (min-width: 768px) { .c-select-wrap:hover { opacity: .7; } } .c-select-wrap:after { position: absolute; top: 12px; right: 15px; content: "\e900"; -webkit-transform: rotateZ(90deg); -ms-transform: rotate(90deg); transform: rotateZ(90deg); font-family: "icomoon"; font-size: 114%; color: #fff; } .c-select option { color: #000; } .c-select::-ms-expand { display: none; } .c-select:-moz-focusring { color: transparent; text-shadow: 0 0 0 #0059af; } .c-form-radio label { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -webkit-box-align: center; } .c-form-radio label span { padding-left: 5px; } .c-form-list { display: -webkit-box; display: -ms-flexbox; display: flex; margin: -15px -15px 0 0; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; } @media screen and (max-width: 767px) { .c-form-list { display: block; overflow: hidden; } } .c-form-list + .c-form-list { margin-top: 0; } .c-form-list li { margin: 15px 15px 0 0; } @media screen and (max-width: 767px) { .c-form-list li { float: left; } .c-form-list li.clear { float: left; clear: left; } } .c-form-list-unit { margin: -5px 0 0 5px; } .c-form-list-unit li { margin-top: 5px; } @media screen and (max-width: 767px) { .sp_pt6 { padding-top: 6px !important; } } @media screen and (max-width: 767px) { .sp_pt12 { padding-top: 12px !important; } } @media screen and (max-width: 767px) { .sp_pl22 { padding-left: 22px !important; } } /* line */ .c-line { border-bottom: 1px solid #d5d5d5; } hr.c-line { margin: 40px 0; border-color: #d5d5d5; border-bottom: none; } @media screen and (max-width: 767px) { hr.c-line { margin: 20px 0; } } hr.c-line-darkgrey { border-color: #999; } .c-link { text-decoration: underline; color: #0059af; } @media screen and (min-width: 768px) { .c-link:hover { text-decoration: none; } } .c-link + i { position: relative; top: 1px; left: 5px; display: inline-block; width: 15px; height: 15px; color: #999; } .c-list-basic { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media screen and (max-width: 767px) { .c-list-basic { display: block; margin-bottom: -10px; } } .c-list-basic a { display: block; height: 100%; text-align: left; text-decoration: none; color: #000; background-color: #fff; } @media screen and (min-width: 768px) { .c-list-basic a:hover { opacity: .7; } } @media screen and (max-width: 767px) { .c-list-basic figure { background: none; } } .c-list-basic figure img { width: 100%; height: auto; } .c-list-basic figcaption { position: relative; display: inline-block; min-height: 45px; padding: 13px; text-align: left; line-height: 1.428; } @media screen and (max-width: 767px) { .c-list-basic figcaption { height: auto; margin-bottom: 10px; padding: 10px 0 0 5px; } } .c-list-basic figcaption .ico-arrow { position: relative; display: inline; width: 0; color: #b6b6b8; background-color: rgba(255, 255, 255, 0.01); } @media screen and (max-width: 767px) { .c-list-basic figcaption .ico-arrow { display: none; } } .c-list-basic figcaption .ico-arrow:before { position: absolute; left: 3px; font-size: 129%; } .c-list-basic figcaption span { display: block; font-size: 79%; line-height: 1; } .c-list-basic > li { position: relative; } .c-list-basic > li.grid__col--2 figcaption { padding: 10px 8px; } .c-list-basic > li > ul { position: absolute; z-index: 10; top: 237px; display: none; padding: 15px 26px; background: #0059af; } @media screen and (max-width: 767px) { .c-list-basic > li > ul { top: calc(50vw + 24px); } } .c-list-basic > li > ul li { background: none; } .c-list-basic > li > ul a { position: relative; width: 160px; padding-right: 20px; line-height: 2; color: #fff; background: none; } .c-list-basic > li > ul a:after { position: absolute; right: 0; content: ">"; } .c-list-basic-l figcaption { padding-left: 0; font-size: 114%; } .c-list-basic-l figcaption .ico-arrow:before { padding-top: 2px; font-size: 114%; } .c-list-basic-heading { display: block; height: 100%; padding: 20px 15px; border: 1px solid #d5d5d5; } @media screen and (max-width: 1024px) { .c-list-basic-heading { padding: 10px; } } .c-list-basic-heading p { text-align: center; font-size: 171%; line-height: 1.333; } @media screen and (max-width: 1024px) { .c-list-basic-heading p { font-size: 114%; } } .c-list-dot > li { margin-left: 1em; text-indent: -1em; } .c-list-dot > li:before { content: "・"; } .c-list-dot > li > * { text-indent: 0; } .c-list-dot-gray > li { position: relative; margin-left: 0; padding-left: 10px; text-indent: 0; line-height: 1.428; } .c-list-dot-gray > li:before { position: absolute; top: 8px; left: 0; content: ""; width: 6px; height: 6px; border-radius: 3px; background-color: #999; } .c-list-square > li { margin-left: 1em; text-indent: -1em; } .c-list-square > li:before { content: "■"; } .c-list-square > li > * { text-indent: 0; } .c-list-circle > li { margin-left: 1em; text-indent: -1em; } .c-list-circle > li:before { content: "●"; } .c-list-circle > li > * { text-indent: 0; } .c-list-decimal > li { margin-left: 1.6em; counter-increment: decimal_01; text-indent: -1.6em; } .c-list-decimal > li:before { content: counter(decimal_01) "."; padding-right: .4em; } .c-list-decimal > li > * { text-indent: 0; } .c-list-decimal_02 > li { margin-left: 1.6em; counter-increment: decimal_02; text-indent: -1.6em; } .c-list-decimal_02 > li:before { content: counter(decimal_02) ")"; padding-right: .4em; } .c-list-decimal_02 > li > * { text-indent: 0; } .c-list-decimal_03 > li { margin-left: 1.6em; counter-increment: decimal_03; text-indent: -1.6em; } .c-list-decimal_03 > li:before { content: "(" counter(decimal_03) ")"; padding-right: .4em; } .c-list-decimal_03 > li > * { text-indent: 0; } .c-list-link { padding: 10px 16px; border: 1px solid #e8e8e8; background-color: #fff; } .c-list-link > li { position: relative; padding: 7px 0 6px 28px; } .c-list-link > li:last-child ul { margin-bottom: 22px; } .c-list-link > li > ul { margin: 17px 15px 35px 0; border-top: 1px solid #e8e8e8; } .c-list-link > li > ul li { position: relative; padding: 5px 4px 3px 36px; border-bottom: 1px solid #e8e8e8; } .c-list-link > li > ul li .ico-arrow { top: 6px; left: 12px; } .c-list-link .ico-arrow { position: absolute; top: 8px; left: 0; color: #ababad; } .c-list-link a { text-decoration: none; color: #000; } @media screen and (min-width: 768px) { .c-list-link a:hover { text-decoration: underline; } } .c-list-link-l > li { padding: 6px 0 5px 28px; } .c-list-link-l > li > ul li a { font-size: 100%; } .c-list-link-l a { font-size: 114%; } .c-list-link-l .ico-arrow { top: 9px; } .c-list-link-inline { overflow: hidden; padding: 10px 0; } .c-list-link-inline li { float: left; margin: 0 34px 0 16px; padding: 7px 0 6px 20px; } .c-list-link-anchor { padding-left: 13px; } .c-list-link-anchor li { margin: 0 29px 0 0; padding: 7px 20px 6px 0; } .c-list-link-anchor li .ico-arrow { top: 7px; right: 0; left: auto; -webkit-transform: rotateZ(90deg); -ms-transform: rotate(90deg); transform: rotateZ(90deg); } .c-list-border { border: 1px solid #e8e8e8; border-bottom: none; } .c-list-border li { display: block; border-bottom: 1px solid #e8e8e8; } .c-list-border li.is-active a { background-color: #f7f7f7; } .c-list-border a { display: block; padding: 17px; text-decoration: none; color: #666; } @media screen and (min-width: 768px) { .c-list-border a:hover { opacity: .3; } } .c-list-border .ico-arrow { display: inline-block; width: 28px; color: #ababad; } .c-list-border .ico-arrow:before { top: 1px; } .c-list-border-pdf a { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 7px 17px; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; color: #333; -webkit-box-align: center; } @media screen and (max-width: 767px) { .c-list-border-pdf a { display: block; overflow: hidden; padding: 7px 12px; } } .c-list-border-pdf a + a { padding-top: 0; padding-left: 40px; } @media screen and (max-width: 767px) { .c-list-border-pdf a + a { padding-left: 12px; } } @media screen and (max-width: 767px) { .c-list-border-pdf .ico-arrow { width: 20px; } } .c-list-border-pdf .tag { display: inline-block; width: 155px; margin: 10px 27px 10px 0; padding: 5px 0 4px; text-align: center; line-height: 1; color: #fff; background-color: #999; -ms-flex-negative: 0; flex-shrink: 0; } @media screen and (max-width: 767px) { .c-list-border-pdf .tag { margin-bottom: 10px; } } @media screen and (max-width: 767px) { .c-list-border-pdf .tag + .txt { padding-left: 20px; } } .c-list-border-pdf .txt { padding: 10px 0; } @media screen and (max-width: 767px) { .c-list-border-pdf .txt { display: block; } } .c-list-border-pdf .pdf { margin-left: 27px; padding: 10px 0; text-align: right; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } @media screen and (max-width: 767px) { .c-list-border-pdf .pdf { display: block; padding-top: 0; } } .c-list-border-pdf .ico-pdf { padding-right: 12px; color: #999; } .c-list-border-pdf p { padding: 0 17px 7px 45px; line-height: 2.142; } @media screen and (max-width: 767px) { .c-list-border-pdf p { padding-left: 32px; } } @media screen and (max-width: 767px) { .c-list-border-pdf-s a { display: -webkit-box; display: -ms-flexbox; display: flex; } } @media screen and (max-width: 767px) { .c-list-border-pdf-s .pdf { padding-top: 10px; } } .c-list-anchor { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 -7px; justify-content: center; -ms-flex-align: end; align-items: flex-end; -ms-flex-pack: center; -webkit-box-pack: center; -webkit-box-align: end; } @media screen and (max-width: 767px) { .c-list-anchor { display: block; } } .c-list-anchor li { position: relative; display: block; padding: 0 7px; text-align: center; font-size: 114%; -webkit-box-flex: 1; -ms-flex: 1 1 0; flex: 1 1 0; } .c-list-anchor a { display: block; padding: 0 20px 8px; text-decoration: none; opacity: .7; color: #000; border-bottom: 2px solid #ccc; } @media screen and (max-width: 767px) { .c-list-anchor a { padding: 12px 20px; } } .c-list-anchor a:hover { opacity: 1; } .c-list-anchor .ico-arrow { position: absolute; right: 10px; bottom: 8px; -webkit-transform: rotateZ(90deg); -ms-transform: rotate(90deg); transform: rotateZ(90deg); font-size: 113%; color: #ccc; } @media screen and (max-width: 767px) { .c-list-anchor .ico-arrow { top: 10px; } } .c-list-anchor .ico-arrow-normal { -webkit-transform: none; -ms-transform: none; transform: none; } @media screen and (max-width: 767px) { .c-list-anchor .ico-arrow-normal { top: 12px; right: 6px; } } .c-list-anchor-l { max-width: 960px; margin: -30px auto 0; } @media screen and (max-width: 767px) { .c-list-anchor-l { width: 100%; margin-top: 0; } } .c-list-anchor-l li { margin-top: 30px; } @media screen and (max-width: 767px) { .c-list-anchor-l li { margin-top: 0; padding: 0; } } .c-list-update li { display: -webkit-box; display: -ms-flexbox; display: flex; height: 60px; min-height: 60px; padding: 2px 30px; -ms-flex-align: center; align-items: center; border-bottom: 1px solid #e8e8e8; -webkit-box-align: center; } @media screen and (max-width: 1024px) { .c-list-update li { padding: 2px 4.28%; } } @media screen and (max-width: 767px) { .c-list-update li { display: list-item; height: auto; min-height: 0; padding: 25px 15px; } } .c-list-update .date { width: 165px; -ms-flex-negative: 0; flex-shrink: 0; } .c-list-update .date-s { width: 140px; } @media screen and (max-width: 1024px) { .c-list-update .date { width: auto; padding-right: 15px; } } @media screen and (max-width: 767px) { .c-list-update .date { display: inline-block; margin-bottom: 5px; padding-right: 0; } } .c-list-update .tag { display: block; width: 90px; margin-right: 22px; text-align: center; font-size: 79%; line-height: 2; color: #fff; -ms-flex-negative: 0; flex-shrink: 0; } @media screen and (max-width: 767px) { .c-list-update .tag { display: inline-block; } } .c-list-update .tag-news { background-color: #fa786e; } .c-list-update .tag-ir { background-color: #999; } .c-list-update .tag-product { background-color: #0186d0; } .c-list-update .tag-other { width: 155px; padding: 5px 0 4px; font-size: 100%; line-height: 1; background-color: #999; } .c-list-update a { text-decoration: none; color: #000; } @media screen and (min-width: 768px) { .c-list-update a:hover { text-decoration: underline; } } @media screen and (max-width: 767px) { .c-list-update a { line-height: 2.142; } } .c-list-update-tag .date { width: 136px; } @media screen and (max-width: 1024px) { .c-list-update-tag .date { width: auto; padding-right: 14px; } } @media screen and (max-width: 767px) { .c-list-update-tag p { margin-top: 10px; } } .c-list-update-link { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 13px; justify-content: flex-end; -ms-flex-pack: end; -webkit-box-pack: end; } @media screen and (max-width: 767px) { .c-list-update-link { margin-top: 22px; } } .c-list-update-link li { line-height: 1.5; } .c-list-update-link li + li { margin-left: 18px; padding-left: 18px; border-left: 1px solid #e8e8e8; } .c-list-update-link .ico-rss { margin-right: 7px; font-size: 93%; } .c-list-update-link .ico-arrow { margin-left: 7px; font-size: 71%; color: #b6b6b8; } .c-list-update-link .ico-arrow:before { top: -1px; } .c-list-update-link a { text-decoration: none; color: #000; } @media screen and (min-width: 768px) { .c-list-update-link a:hover { text-decoration: underline; } } .c-list-products { position: relative; } @media screen and (max-width: 767px) { .c-list-products { display: block; } } .c-list-products > li { -webkit-transition-duration: .3s; transition-duration: .3s; } .c-list-products-title { margin-bottom: 30px; padding: 35px 0 0 10px; } @media screen and (max-width: 767px) { .c-list-products-title { padding-left: 0; } } .c-list-products .clear_fix, .c-list-products .grid--12 { height: 100%; padding: 20px; background-color: #fff; } .c-list-products .c-fig-r { margin-left: 20px; } @media screen and (max-width: 767px) { .c-list-products .c-fig-r { margin-left: 0; } } .c-list-products .c-fig-l { margin-right: 20px; } @media screen and (max-width: 767px) { .c-list-products .c-fig-l { margin-right: 0; } } @media screen and (max-width: 1024px) { .c-list-products .grid__col--6 .c-fig-r { float: none; width: 100%; margin: 0 0 30px; } } @media screen and (max-width: 1024px) { .c-list-products .grid__col--6 .c-fig-l { float: none; width: 100%; margin: 0 0 30px; } } .c-list-products .grid__row--half .clear_fix, .c-list-products .grid__row--half .grid--12 { height: calc(50% - 20px); } @media screen and (max-width: 767px) { .c-list-products .grid__row--half .clear_fix, .c-list-products .grid__row--half .grid--12 { height: auto; } } .c-list-products .grid__row--half .clear_fix + .clear_fix, .c-list-products .grid__row--half .grid--12 + .clear_fix, .c-list-products .grid__row--half .clear_fix + .grid--12, .c-list-products .grid__row--half .grid--12 + .grid--12 { margin-top: 40px; } @media screen and (max-width: 767px) { .c-list-products .grid__row--half .clear_fix + .clear_fix, .c-list-products .grid__row--half .grid--12 + .clear_fix, .c-list-products .grid__row--half .clear_fix + .grid--12, .c-list-products .grid__row--half .grid--12 + .grid--12 { margin-top: 20px; } } .c-list-products .grid__col--12 .txt-summary-w570 { width: 570px; } @media screen and (max-width: 1024px) { .c-list-products .grid__col--12 .txt-summary-w570 { width: 47.5%; } } @media screen and (max-width: 767px) { .c-list-products .grid__col--12 .txt-summary-w570 { width: 100%; } } .c-list-products .heading-products { margin-bottom: 15px; font-size: 114%; font-weight: bold; } .c-list-products .heading-products .ico-arrow { width: 0; color: #b6b6b8; } .c-list-products .heading-products .ico-arrow:before { top: 1px; left: 5px; } .c-list-products .heading-products a { text-decoration: none; color: #000; } @media screen and (min-width: 768px) { .c-list-products .heading-products a:hover { opacity: .3; } } .c-list-products .txt-summary { min-height: 3.428em; line-height: 1.714; } .c-list-link-narrow { position: relative; margin-top: 12px; border-top: 1px solid #e8e8e8; } .c-list-link-narrow li { position: relative; border-bottom: 1px solid #e8e8e8; } .c-list-link-narrow li ul { display: none; } .c-list-link-narrow li li { margin-left: 15px; border-top: 1px solid #e8e8e8; border-bottom: none; } .c-list-link-narrow a, .c-list-link-narrow span { display: block; padding: 8px 24px 6px 0; text-decoration: none; color: #000; } @media screen and (min-width: 768px) { .c-list-link-narrow a:hover, .c-list-link-narrow span:hover { opacity: .3; } } .c-list-link-narrow .ico-arrow, .c-list-link-narrow .ico-plus, .c-list-link-narrow .ico-minus { position: absolute; top: 9px; right: 4px; color: #b6b6b8; } .c-list-link-narrow-w340 { width: 340px; } @media screen and (max-width: 1024px) { .c-list-link-narrow-w340.float_l { float: none; width: 100%; } .c-list-link-narrow-w340.float_l + ul { margin-top: 0; border-top: none; } } .c-list-link-narrow-w570 { width: 570px; } @media screen and (max-width: 1024px) { .c-list-link-narrow-w570 { width: auto; max-width: 570px; } } .c-list-link-line li { position: relative; border-bottom: 1px solid #e8e8e8; } .c-list-link-line a { display: block; padding: 15px 20px 14px 12px; text-decoration: none; color: #000; } @media screen and (min-width: 768px) { .c-list-link-line a:hover { opacity: .3; } } .c-list-link-line .ico-arrow { position: absolute; top: 16px; right: 10px; color: #b6b6b8; } .c-list-archive dt, .c-list-archive dd { padding: 12px 0 12px 12px; line-height: 1.714; border-bottom: 1px solid #e8e8e8; } .c-list-archive dt { padding-bottom: 16px; } @media screen and (max-width: 767px) { .c-list-archive dd { padding-right: 12px; } } .c-list-archive a { text-decoration: none; color: #000; } @media screen and (min-width: 768px) { .c-list-archive a:hover { opacity: .7; } } .c-list-toggle { display: -webkit-box; display: -ms-flexbox; display: flex; width: 1012px; margin: 0 auto -8px; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media screen and (max-width: 1024px) { .c-list-toggle { width: 100%; } } @media screen and (max-width: 767px) { .c-list-toggle { display: block; } } .c-list-toggle > li { position: relative; width: 245px; margin: 0 4px 8px; border: 1px solid #d5d5d5; } @media screen and (max-width: 1024px) { .c-list-toggle > li { width: calc(50% - 8px); } } @media screen and (max-width: 767px) { .c-list-toggle > li { width: 100%; margin: 0 0 8px; } } .c-list-toggle > li > ul { position: absolute; z-index: 10; top: 100%; left: -1px; display: none; } .c-list-toggle > li > ul li { white-space: nowrap; } @media screen and (max-width: 767px) { .c-list-toggle > li > ul li { white-space: normal; } } .c-list-toggle > li > ul li a { display: block; } .c-list-toggle .btn-toggle { position: relative; display: block; padding: 14px 36px 13px 9px; cursor: pointer; -webkit-transition-duration: .3s; transition-duration: .3s; } @media screen and (min-width: 768px) { .c-list-toggle .btn-toggle:hover { opacity: .7; } } .c-list-toggle .btn-toggle i { position: absolute; top: 50%; right: 11px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); color: #ccc; } @media screen and (max-width: 767px) { .c-list-toggle .btn-toggle i { top: 15px; -webkit-transform: none; -ms-transform: none; transform: none; } } .c-list-local { margin-bottom: -15px; } .c-list-local li { margin-bottom: 15px; } .c-list-local a { display: block; padding: 22px 10px 21px 24px; font-size: 114%; color: #fff; background-color: #0059af; } @media screen and (min-width: 768px) { .c-list-local a:hover { opacity: .7; } } .c-list-local a .ico-arrow { margin-left: 6px; font-size: 88%; color: #b6b6b8; } .c-list-local p { padding: 5px; } .c-list-base { display: none; padding: 24px 24px 10px; } .c-list-base.is-active { display: block; } .c-list-base li { overflow: hidden; padding: 0 0 24px 6px; } .c-list-base li + li { padding-top: 25px; border-top: 1px solid #e8e8e8; } .c-list-base .map { float: right; } .c-list-base-title { margin-bottom: 10px; font-size: 114%; font-weight: bold; } .c-list-base .txt { line-height: 1.714; } .tab-contents .c-list-base { margin-bottom: -24px; padding: 0; } .c-list-sns { overflow: hidden; margin: 20px 0 30px; } .c-list-sns li { float: left; margin-right: 20px; line-height: 1; } .c-list-example figcaption { padding-bottom: 20px; } .c-list-btn-inline { display: -webkit-box; display: -ms-flexbox; display: flex; justify-content: center; -ms-flex-pack: center; -webkit-box-pack: center; } @media screen and (max-width: 767px) { .c-list-btn-inline { display: block; } } .c-list-btn-inline li { height: 80px; padding: 0 10px; } @media screen and (max-width: 767px) { .c-list-btn-inline li + li { margin-top: 10px; } } .c-list-btn-inline a { width: 325px; height: 100%; } @media screen and (max-width: 767px) { .c-list-btn-inline a { width: 100%; } } .c-list-banner li { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; line-height: 1.714; -webkit-box-align: center; } @media screen and (max-width: 767px) { .c-list-banner li { display: block; } } .c-list-banner li + li { margin-top: 30px; } @media screen and (max-width: 767px) { .c-list-banner li + li { margin-top: 50px; } } .c-list-banner .c-fig { width: 190px; margin-right: 40px; -ms-flex-negative: 0; flex-shrink: 0; } @media screen and (max-width: 767px) { .c-list-banner .c-fig { width: 100%; margin-right: 0; } } @media screen and (max-width: 767px) { .c-list-banner .c-fig img { width: auto; max-width: 100% !important; } } .c-list-banner p > a { text-decoration: underline; } .is-mouse-device .c-list-banner p > a:hover { text-decoration: none; } .c-list-ethics li { position: relative; padding-left: 2em; line-height: 2.142; } .c-list-ethics li:before { position: absolute; left: 0; content: "一、"; } .c-list-catalog li > div { height: 100%; border: 1px solid #e8e8e8; } .c-list-catalog li > div > div { padding: 10px; } @media screen and (max-width: 767px) { .c-list-catalog li > div > div { margin-top: 0; } } .c-list-catalog li .c-fig { padding: 20px 0; border-bottom: 1px solid #e8e8e8; } @media screen and (max-width: 767px) { .c-list-catalog li .c-fig { padding: 20px; } } .c-list-catalog li .link { overflow: hidden; margin-bottom: 5px; } .c-list-catalog li .link a { display: inline; margin-right: 10px; } .c-list-catalog li .link span { display: inline-block; } .c-list-catalog li .link .ico-pdf { margin-right: 3px; color: #b6b6b8; } .c-list-catalog_journal li > div { position: relative; padding-bottom: 55px; } .c-list-catalog_journal li > div .c-btn-gray-wrap { position: absolute; bottom: 15px; left: 50%; width: 90%; max-width: 100%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } @media screen and (max-width: 767px) { .c-list-catalog_journal li > div .c-btn-gray-wrap > a { min-height: 40px; } } .c-list-catalog_check li > div { position: relative; padding-bottom: 55px; } .c-list-catalog_check li > div .c-fig { border-bottom: none; } .c-list-catalog_check li > div label.flex { -ms-flex-align: center; align-items: center; -webkit-box-align: center; } .c-list-catalog_check li > div label input { border: none; border-radius: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .c-list-catalog_check li > div label input[type=checkbox] { position: relative; width: 30px; height: 30px; background: #eee; } .c-list-catalog_check li > div label input[type=checkbox]:checked:after { position: relative; top: 50%; left: 50%; display: inline-block; content: "\ea10"; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); font-family: "icomoon"; font-size: 171%; } .c-list-catalog_check li > div > div + div { border-top: 1px solid #e8e8e8; } .c-dl-basic dt { margin-bottom: 15px; font-size: 114%; font-weight: bold; } .c-dl-basic dd { margin-bottom: 20px; padding-bottom: 20px; line-height: 1.714; border-bottom: 1px solid #d5d5d5; } .c-dl-basic dd:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: none; } .c-dl-spec dt { margin-top: 45px; font-weight: bold; } .c-dl-spec dt:first-child { margin-top: 35px; } .c-dl-spec dd { margin-top: 12px; line-height: 1.714; } .wysiwyg-area ul > li { margin-left: 1em; text-indent: -1em; } .wysiwyg-area ul > li:before { content: "・"; } .wysiwyg-area ul > li > * { text-indent: 0; } .wysiwyg-area ol > li { margin-left: 1.6em; counter-increment: decimal_01; text-indent: -1.6em; } .wysiwyg-area ol > li:before { content: counter(decimal_01) "."; padding-right: .4em; } .wysiwyg-area ol > li > * { text-indent: 0; } /* 注釈 (IE8以上) */ /* ---- ※（注釈） ---- */ .notes { margin-left: 1.3em !important; text-indent: -1.3em !important; } .notes:before { content: "※ "; } .notes > * { text-indent: 0; } /* ---- ※n （番号付き注釈）---- */ .notes_num { margin-left: 1.9em !important; counter-increment: decimal_notes; text-indent: -1.9em !important; } .notes_num:before { content: "※" counter(decimal_notes) " "; } .notes_num > * { text-indent: 0; } .tab-contents > div { display: none; } .tab-contents > div:first-child { display: block; } .tab-btns-square-group > li.is-active, .tab-btns-square-group > li a:hover { color: #fff; background-color: #0059af; } .tab-btns-square-group > li a { display: block; padding: 16px 0; } .c-table th, .c-table td { padding: 0 5px; text-align: center; vertical-align: middle; font-size: 86%; line-height: 1.714; border: 1px solid #d5d5d5; } .c-table th { background-color: #f7f7f7; } .c-table-spec { width: 100%; } .c-table-spec th, .c-table-spec td { padding: 0; } .c-table-spec thead th, .c-table-spec thead td { padding: 8px 0; font-weight: bold; line-height: 1.333; border-bottom: 2px solid #d5d5d5; } .c-table-spec tbody th { font-weight: bold; } .c-table-spec tbody td { width: 36px; padding: 4px 0; color: #333; } .c-table-scroll { position: relative; } .c-table-scroll::-webkit-scrollbar { height: 5px; } .c-table-scroll::-webkit-scrollbar-track { background: #e8e8e8; } .c-table-scroll::-webkit-scrollbar-thumb { background: #ababad; } .c-table-scroll-note { display: none; } @media screen and (max-width: 480px) { .c-table-scroll-w480 { overflow-x: auto; white-space: nowrap; } .c-table-scroll-w480 table { width: 480px; margin-bottom: 12px; } } .c-table-scroll-w480 thead th, .c-table-scroll-w480 thead td { height: 28px; } .c-table-scroll-w480 tbody th, .c-table-scroll-w480 tbody td { height: 30px; } .c-table-scroll-w480 th, .c-table-scroll-w480 td { width: 160px; } @media screen and (max-width: 480px) { .c-table-scroll-w480 + .c-table-scroll-note { display: block; margin-top: 6px; font-size: 71%; } } .c-table-scroll-w600 { overflow-x: auto; } @media screen and (max-width: 767px) { .c-table-scroll-w600 table { width: 600px; margin: 0 auto 12px; white-space: nowrap; } } @media screen and (max-width: 767px) { .c-table-scroll-w600 + .c-table-scroll-note { display: block; margin-top: 10px; } } .c-table-scroll-w800 { overflow-x: auto; } @media screen and (max-width: 767px) { .c-table-scroll-w800 table { width: 800px; margin-bottom: 12px; white-space: nowrap; } } @media screen and (max-width: 767px) { .c-table-scroll-w800 + .c-table-scroll-note { display: block; margin-top: 10px; } } .c-table-history { width: 100%; border-top: 1px solid #d5d5d5; } .c-table-history th, .c-table-history td { padding: 6px 10px 5px; line-height: 2.14; border-bottom: 1px solid #d5d5d5; } @media screen and (max-width: 767px) { .c-table-history th, .c-table-history td { display: block; } } .c-table-history th { width: 25.5%; text-align: left; } @media screen and (max-width: 767px) { .c-table-history th { width: 100%; font-weight: bold; } } .c-table-history .ico-grey { color: #999; } .c-table-basic th, .c-table-basic td { padding: 14px 15px; text-align: left; vertical-align: top; font-size: 100%; line-height: 2.142; word-break: break-all; } @media screen and (max-width: 767px) { .c-table-basic th, .c-table-basic td { padding: 7px 8px; } } .c-table-basic th { width: 157px; } @media screen and (max-width: 767px) { .c-table-basic th { width: 33.3%; } } .c-table-basic .c-link { text-decoration: none; color: #0186d0; } .is-mouse-device .c-table-basic .c-link:hover { text-decoration: underline; } .c-table-support th, .c-table-support td { padding: 7px 18px; text-align: left; vertical-align: top; font-size: 100%; line-height: 2.142; word-break: break-all; } @media screen and (max-width: 767px) { .c-table-support th, .c-table-support td { padding: 3px 9px; } } .c-table-support th { width: 33.3%; text-align: center; } .c-table-ircalendar { width: 100%; border-top: 1px solid #d5d5d5; } .c-table-ircalendar th, .c-table-ircalendar td { padding: 6px 10px 5px; line-height: 2.14; border-bottom: 1px solid #d5d5d5; } @media screen and (max-width: 767px) { .c-table-ircalendar th, .c-table-ircalendar td { padding-left: 0; } } .c-table-ircalendar th { width: 15%; text-align: left; } @media screen and (max-width: 767px) { .c-table-ircalendar th { width: 25%; font-weight: bold; } } .c-table-ircalendar .time { color: #999; } @media screen and (max-width: 767px) { .c-table-ircalendar .time { width: 25%; } } .c-table-form { width: 100%; border-top: 1px solid #e8e8e8; } @media screen and (max-width: 767px) { .c-table-form { display: block; } } .c-table-form th, .c-table-form td { text-align: left; color: #333; border-bottom: 1px solid #e8e8e8; } .c-table-form th { width: 246px; padding-top: 32px; vertical-align: top; font-weight: bold; } @media screen and (max-width: 767px) { .c-table-form th { display: block; width: 100%; padding-top: 20px; border-bottom: none; } } .c-table-form th span { font-weight: bold; } .c-table-form td { padding: 20px 0; } @media screen and (max-width: 767px) { .c-table-form td { display: block; width: 100%; } } .c-table-form thead th { padding-bottom: 16px; } @media screen and (max-width: 767px) { .c-table-form thead th { padding-bottom: 10px; } } @media screen and (max-width: 767px) { .c-table-form tbody { display: block; } } @media screen and (max-width: 767px) { .c-table-form tr { display: block; } } .c-table-form-th-s th { width: 100px; } @media screen and (max-width: 767px) { .c-table-form-th-s th { width: 100%; } } .c-table-form-th-m th { width: 180px; } @media screen and (max-width: 767px) { .c-table-form-th-m th { width: 100%; } } .c-table-form-sp { margin-top: 30px; } @media screen and (max-width: 767px) { .c-table-form-sp { display: table !important; } } @media screen and (max-width: 767px) { .c-table-form-sp th, .c-table-form-sp td { display: table-cell; width: auto; } } @media screen and (max-width: 767px) { .c-table-form-sp tr { display: table-row; } } .c-table-form-sp tbody { display: table-row-group; } .c-table-form-sp tbody th { border-bottom: 1px solid #e8e8e8; } .c-table-form input[type=text], .c-table-form input[type=email], .c-table-form input[type=checkbox], .c-table-form select, .c-table-form textarea { border: none; border-radius: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .c-table-form input[type=radio] { position: relative; top: -2px; } .is-mouse-device .c-table-form input[type=radio]:hover { cursor: pointer; } .c-table-form .select-wrap { position: relative; display: inline-block; width: 100%; -webkit-transition-duration: .3s; transition-duration: .3s; background-color: #eee; } .c-table-form .select-wrap:after { position: absolute; top: 12px; right: 15px; content: "\e900"; -webkit-transform: rotateZ(90deg); -ms-transform: rotate(90deg); transform: rotateZ(90deg); font-family: "icomoon"; font-size: 114%; } .c-table-form select { position: relative; z-index: 1; width: 100%; padding: 11px 12px 10px; cursor: pointer; vertical-align: middle; background: none transparent; } .c-table-form select::-ms-expand { display: none; } .c-table-form input[type=text], .c-table-form input[type=email] { padding: 11px 12px 10px; background: #eee; } .c-table-form input[type=text].wfull, .c-table-form input[type=email].wfull { width: 100%; } .c-table-form input[type=text].w40, .c-table-form input[type=email].w40 { width: 40px; padding: 11px 6px 10px; } .c-table-form input[type=text].w60, .c-table-form input[type=email].w60 { width: 60px; } .c-table-form input[type=text].w80, .c-table-form input[type=email].w80 { width: 80px; } @media screen and (max-width: 767px) { .c-table-form input[type=text].w80, .c-table-form input[type=email].w80 { width: 60px; } } .c-table-form input[type=text].w120, .c-table-form input[type=email].w120 { width: 120px; } @media screen and (max-width: 767px) { .c-table-form input[type=text].w120, .c-table-form input[type=email].w120 { width: 90px; } } .c-table-form input[type=text].w150, .c-table-form input[type=email].w150 { width: 150px; } @media screen and (max-width: 767px) { .c-table-form input[type=text].w150, .c-table-form input[type=email].w150 { width: 120px; } } .c-table-form input[type=text].w240, .c-table-form input[type=email].w240 { width: 240px; } @media screen and (max-width: 767px) { .c-table-form input[type=text].w240, .c-table-form input[type=email].w240 { width: 180px; } } .c-table-form input[type=text].grow, .c-table-form input[type=email].grow { width: calc(100% - 25px); } .c-table-form input[type=text]:focus, .c-table-form input[type=text].is-typed, .c-table-form input[type=email]:focus, .c-table-form input[type=email].is-typed { padding: 10px 11px 9px; border: 1px solid #e8e8e8; background: #fff; } .c-table-form textarea { width: 100%; height: 180px; padding: 10px 12px; resize: none; background: #eee; } .c-table-form textarea:focus, .c-table-form textarea.is-typed { border: 1px solid #e8e8e8; background: #fff; } .c-table-form input[type=checkbox] { position: relative; width: 30px; height: 30px; background: #eee; } .c-table-form input[type=checkbox]:checked:after { position: relative; top: 50%; left: 50%; display: inline-block; content: "\ea10"; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); font-family: "icomoon"; font-size: 171%; } .c-table-form .c-btn-gray { width: auto; height: 36px; padding: 0 20px; } @media screen and (max-width: 767px) { .c-table-form .c-btn-gray { min-height: 0; padding: 0 10px; } } .c-table-form .flex { -ms-flex-align: center; align-items: center; -webkit-box-align: center; } .c-table-line { width: 100%; border-top: 1px solid #e8e8e8; } @media screen and (max-width: 767px) { .c-table-line { display: block; } } .c-table-line th, .c-table-line td { padding: 15px 0; text-align: left; border-bottom: 1px solid #e8e8e8; } @media screen and (max-width: 767px) { .c-table-line th, .c-table-line td { display: block; padding-bottom: 0; border-bottom: none; } } .c-table-line td:last-child { padding-bottom: 15px; border-bottom: 1px solid #e8e8e8; } .c-table-line_management { width: 100%; font-size: 16px; border-top: 1px solid #e8e8e8; } @media screen and (max-width: 767px) { .c-table-line_management { font-size: 14px; } } .c-table-line_management th, .c-table-line_management td { padding: 15px 0; text-align: left; font-weight: bold; border-bottom: 1px solid #e8e8e8; } .c-table-line_management th { width: 270px; } @media screen and (max-width: 767px) { .c-table-line_management th { width: 40%; } } .c-table-line_management td { padding: 15px; } .c-table-privacy tr, .c-table-privacy td { text-align: left; } @media screen and (max-width: 767px) { .c-table-privacy tr, .c-table-privacy td { display: block; border: none; } } .c-table-privacy td { padding: 10px; } @media screen and (max-width: 767px) { .c-table-privacy td { padding: 5px; } } .c-table-wfull { width: 100% !important; } .c-table-profile { width: 100%; } .c-table-profile th { width: 30%; } .c-table-mini { width: 100%; } .c-table-mini th, .c-table-mini td { padding: 3px 15px; } .c-table-mini td { padding-left: 30px; } .c-table-ircalendar th { width: 85px; text-align: right; } @media screen and (max-width: 767px) { .c-table-ircalendar th { width: 24%; text-align: left; } } .c-table-ircalendar .time { padding-left: 15px; } @media screen and (max-width: 767px) { .c-table-ircalendar .time { padding-left: 0; } } .wysiwyg-area table th, .wysiwyg-area table td { padding: 0 5px; text-align: center; vertical-align: middle; font-size: 86%; line-height: 1.714; border: 1px solid #d5d5d5; } .wysiwyg-area table th { background-color: #f7f7f7; } .static-th { position: relative; overflow: hidden; padding-bottom: 10px; } .static-th span { float: left; width: 33.3%; } .static-th:before { position: absolute; left: 33%; content: "＋"; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); font-size: 114%; font-weight: bold; } .static-th:after { position: absolute; left: 66%; content: "＝"; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); font-size: 114%; font-weight: bold; } /* Project */ .carousel a { display: table; padding: 0 0 0 15px; border-bottom: 1px solid #e8e8e8; } @media screen and (max-width: 767px) { .carousel a { padding: 0; } } .carousel a > .c-fig, .carousel a > div { display: table-cell; height: 170px; vertical-align: middle; } .carousel a > div { padding-left: 24px; } .is-mouse-device .carousel a:hover { opacity: .7; } .is-touch-device .carousel a:hover { opacity: 1; } .carousel .c-fig { width: 150px; } @media screen and (max-width: 767px) { .carousel .c-fig { width: 45%; } } .carousel .c-fig img { display: block; } .carousel .tag { display: inline-block; padding: 3px 10px; font-size: 86%; color: #666; background-color: #e8e8e8; } .carousel .txt { display: block; margin-top: 8px; padding-right: 15px; line-height: 1.571; color: #666; } @media screen and (max-width: 767px) { .carousel .txt { padding-right: 0; } } .carousel-wrap .bx-pager { position: absolute; z-index: 5; bottom: -30px; left: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; justify-content: center; -ms-flex-pack: center; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); -webkit-box-pack: center; } @media screen and (max-width: 767px) { .carousel-wrap .bx-pager { bottom: -15px; } } .carousel-wrap .bx-pager-item { line-height: 1px; } .carousel-wrap .bx-pager-item a { position: relative; display: inline-block; overflow: hidden; width: 10px; height: 10px; margin: 0 10px; text-indent: -9999px; border-radius: 5px; background-color: #aaa; } @media screen and (max-width: 767px) { .carousel-wrap .bx-pager-item a { width: 5px; height: 5px; margin: 0 5px; border-radius: 5px; } } .carousel-wrap .bx-pager-item a.active { border: 1px solid #aaa; background: #fff; } .is-mouse-device .carousel-wrap .bx-pager-item a:hover { opacity: .7; } .is-touch-device .carousel-wrap .bx-pager-item a:hover { opacity: 1; } /* font-family */ .ff_gothic { font-family: YuGothicM, YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif; } .ff_noto { font-family: "Noto Sans Japanese"; } .ff_lato { font-family: "Lato", sans-serif; } .ff_mincho { font-family: "Yu Mincho", serif; } /* 12分割グリッド */ .grid--12 { width: auto !important; } .grid--12.gutter--0 { margin-top: 0; margin-left: 0; } .grid--12.gutter--0 > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 0; padding-left: 0; } .grid--12.gutter--1 { margin-top: -1%; margin-left: -1%; } .grid--12.gutter--1 > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 1%; padding-left: 1%; } .grid--12.gutter--2 { margin-top: -2%; margin-left: -2%; } .grid--12.gutter--2 > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 2%; padding-left: 2%; } .grid--12.gutter--3 { margin-top: -3%; margin-left: -3%; } .grid--12.gutter--3 > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 3%; padding-left: 3%; } .grid--12.gutter--4 { margin-top: -4%; margin-left: -4%; } .grid--12.gutter--4 > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 4%; padding-left: 4%; } .grid--12.gutter--5 { margin-top: -5%; margin-left: -5%; } .grid--12.gutter--5 > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 5%; padding-left: 5%; } .grid--12.gutter--6 { margin-top: -6%; margin-left: -6%; } .grid--12.gutter--6 > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 6%; padding-left: 6%; } .grid--12.gutter--7 { margin-top: -7%; margin-left: -7%; } .grid--12.gutter--7 > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 7%; padding-left: 7%; } .grid--12.gutter--8 { margin-top: -8%; margin-left: -8%; } .grid--12.gutter--8 > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 8%; padding-left: 8%; } .grid--12.gutter--9 { margin-top: -9%; margin-left: -9%; } .grid--12.gutter--9 > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 9%; padding-left: 9%; } .grid--12.gutter--10 { margin-top: -10%; margin-left: -10%; } .grid--12.gutter--10 > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 10%; padding-left: 10%; } .grid--12.gutter--11 { margin-top: -11%; margin-left: -11%; } .grid--12.gutter--11 > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 11%; padding-left: 11%; } .grid--12.gutter--12 { margin-top: -12%; margin-left: -12%; } .grid--12.gutter--12 > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 12%; padding-left: 12%; } .grid--12.gutter--13 { margin-top: -13%; margin-left: -13%; } .grid--12.gutter--13 > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 13%; padding-left: 13%; } .grid--12.gutter--14 { margin-top: -14%; margin-left: -14%; } .grid--12.gutter--14 > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 14%; padding-left: 14%; } .grid--12.gutter--15 { margin-top: -15%; margin-left: -15%; } .grid--12.gutter--15 > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 15%; padding-left: 15%; } .grid--12.gutter--16 { margin-top: -16%; margin-left: -16%; } .grid--12.gutter--16 > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 16%; padding-left: 16%; } .grid--12.gutter--17 { margin-top: -17%; margin-left: -17%; } .grid--12.gutter--17 > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 17%; padding-left: 17%; } .grid--12.gutter--18 { margin-top: -18%; margin-left: -18%; } .grid--12.gutter--18 > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 18%; padding-left: 18%; } .grid--12.gutter--19 { margin-top: -19%; margin-left: -19%; } .grid--12.gutter--19 > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 19%; padding-left: 19%; } .grid--12.gutter--20 { margin-top: -20%; margin-left: -20%; } .grid--12.gutter--20 > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 20%; padding-left: 20%; } .grid--12.gutter--0px { margin-top: 0; margin-left: 0; } .grid--12.gutter--0px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 0; padding-left: 0; } .grid--12.gutter--1px { margin-top: -1px; margin-left: -1px; } .grid--12.gutter--1px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 1px; padding-left: 1px; } .grid--12.gutter--2px { margin-top: -2px; margin-left: -2px; } .grid--12.gutter--2px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 2px; padding-left: 2px; } .grid--12.gutter--3px { margin-top: -3px; margin-left: -3px; } .grid--12.gutter--3px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 3px; padding-left: 3px; } .grid--12.gutter--4px { margin-top: -4px; margin-left: -4px; } .grid--12.gutter--4px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 4px; padding-left: 4px; } .grid--12.gutter--5px { margin-top: -5px; margin-left: -5px; } .grid--12.gutter--5px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 5px; padding-left: 5px; } .grid--12.gutter--6px { margin-top: -6px; margin-left: -6px; } .grid--12.gutter--6px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 6px; padding-left: 6px; } .grid--12.gutter--7px { margin-top: -7px; margin-left: -7px; } .grid--12.gutter--7px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 7px; padding-left: 7px; } .grid--12.gutter--8px { margin-top: -8px; margin-left: -8px; } .grid--12.gutter--8px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 8px; padding-left: 8px; } .grid--12.gutter--9px { margin-top: -9px; margin-left: -9px; } .grid--12.gutter--9px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 9px; padding-left: 9px; } .grid--12.gutter--10px { margin-top: -10px; margin-left: -10px; } .grid--12.gutter--10px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 10px; padding-left: 10px; } .grid--12.gutter--11px { margin-top: -11px; margin-left: -11px; } .grid--12.gutter--11px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 11px; padding-left: 11px; } .grid--12.gutter--12px { margin-top: -12px; margin-left: -12px; } .grid--12.gutter--12px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 12px; padding-left: 12px; } .grid--12.gutter--13px { margin-top: -13px; margin-left: -13px; } .grid--12.gutter--13px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 13px; padding-left: 13px; } .grid--12.gutter--14px { margin-top: -14px; margin-left: -14px; } .grid--12.gutter--14px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 14px; padding-left: 14px; } .grid--12.gutter--15px { margin-top: -15px; margin-left: -15px; } .grid--12.gutter--15px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 15px; padding-left: 15px; } .grid--12.gutter--16px { margin-top: -16px; margin-left: -16px; } .grid--12.gutter--16px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 16px; padding-left: 16px; } .grid--12.gutter--17px { margin-top: -17px; margin-left: -17px; } .grid--12.gutter--17px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 17px; padding-left: 17px; } .grid--12.gutter--18px { margin-top: -18px; margin-left: -18px; } .grid--12.gutter--18px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 18px; padding-left: 18px; } .grid--12.gutter--19px { margin-top: -19px; margin-left: -19px; } .grid--12.gutter--19px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 19px; padding-left: 19px; } .grid--12.gutter--20px { margin-top: -20px; margin-left: -20px; } .grid--12.gutter--20px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 20px; padding-left: 20px; } .grid--12.gutter--21px { margin-top: -21px; margin-left: -21px; } .grid--12.gutter--21px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 21px; padding-left: 21px; } .grid--12.gutter--22px { margin-top: -22px; margin-left: -22px; } .grid--12.gutter--22px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 22px; padding-left: 22px; } .grid--12.gutter--23px { margin-top: -23px; margin-left: -23px; } .grid--12.gutter--23px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 23px; padding-left: 23px; } .grid--12.gutter--24px { margin-top: -24px; margin-left: -24px; } .grid--12.gutter--24px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 24px; padding-left: 24px; } .grid--12.gutter--25px { margin-top: -25px; margin-left: -25px; } .grid--12.gutter--25px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 25px; padding-left: 25px; } .grid--12.gutter--26px { margin-top: -26px; margin-left: -26px; } .grid--12.gutter--26px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 26px; padding-left: 26px; } .grid--12.gutter--27px { margin-top: -27px; margin-left: -27px; } .grid--12.gutter--27px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 27px; padding-left: 27px; } .grid--12.gutter--28px { margin-top: -28px; margin-left: -28px; } .grid--12.gutter--28px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 28px; padding-left: 28px; } .grid--12.gutter--29px { margin-top: -29px; margin-left: -29px; } .grid--12.gutter--29px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 29px; padding-left: 29px; } .grid--12.gutter--30px { margin-top: -30px; margin-left: -30px; } .grid--12.gutter--30px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 30px; padding-left: 30px; } .grid--12.gutter--31px { margin-top: -31px; margin-left: -31px; } .grid--12.gutter--31px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 31px; padding-left: 31px; } .grid--12.gutter--32px { margin-top: -32px; margin-left: -32px; } .grid--12.gutter--32px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 32px; padding-left: 32px; } .grid--12.gutter--33px { margin-top: -33px; margin-left: -33px; } .grid--12.gutter--33px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 33px; padding-left: 33px; } .grid--12.gutter--34px { margin-top: -34px; margin-left: -34px; } .grid--12.gutter--34px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 34px; padding-left: 34px; } .grid--12.gutter--35px { margin-top: -35px; margin-left: -35px; } .grid--12.gutter--35px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 35px; padding-left: 35px; } .grid--12.gutter--36px { margin-top: -36px; margin-left: -36px; } .grid--12.gutter--36px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 36px; padding-left: 36px; } .grid--12.gutter--37px { margin-top: -37px; margin-left: -37px; } .grid--12.gutter--37px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 37px; padding-left: 37px; } .grid--12.gutter--38px { margin-top: -38px; margin-left: -38px; } .grid--12.gutter--38px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 38px; padding-left: 38px; } .grid--12.gutter--39px { margin-top: -39px; margin-left: -39px; } .grid--12.gutter--39px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 39px; padding-left: 39px; } .grid--12.gutter--40px { margin-top: -40px; margin-left: -40px; } .grid--12.gutter--40px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 40px; padding-left: 40px; } .grid--12.gutter--41px { margin-top: -41px; margin-left: -41px; } .grid--12.gutter--41px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 41px; padding-left: 41px; } .grid--12.gutter--42px { margin-top: -42px; margin-left: -42px; } .grid--12.gutter--42px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 42px; padding-left: 42px; } .grid--12.gutter--43px { margin-top: -43px; margin-left: -43px; } .grid--12.gutter--43px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 43px; padding-left: 43px; } .grid--12.gutter--44px { margin-top: -44px; margin-left: -44px; } .grid--12.gutter--44px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 44px; padding-left: 44px; } .grid--12.gutter--45px { margin-top: -45px; margin-left: -45px; } .grid--12.gutter--45px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 45px; padding-left: 45px; } .grid--12.gutter--46px { margin-top: -46px; margin-left: -46px; } .grid--12.gutter--46px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 46px; padding-left: 46px; } .grid--12.gutter--47px { margin-top: -47px; margin-left: -47px; } .grid--12.gutter--47px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 47px; padding-left: 47px; } .grid--12.gutter--48px { margin-top: -48px; margin-left: -48px; } .grid--12.gutter--48px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 48px; padding-left: 48px; } .grid--12.gutter--49px { margin-top: -49px; margin-left: -49px; } .grid--12.gutter--49px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 49px; padding-left: 49px; } .grid--12.gutter--50px { margin-top: -50px; margin-left: -50px; } .grid--12.gutter--50px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 50px; padding-left: 50px; } .grid--12.gutter--51px { margin-top: -51px; margin-left: -51px; } .grid--12.gutter--51px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 51px; padding-left: 51px; } .grid--12.gutter--52px { margin-top: -52px; margin-left: -52px; } .grid--12.gutter--52px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 52px; padding-left: 52px; } .grid--12.gutter--53px { margin-top: -53px; margin-left: -53px; } .grid--12.gutter--53px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 53px; padding-left: 53px; } .grid--12.gutter--54px { margin-top: -54px; margin-left: -54px; } .grid--12.gutter--54px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 54px; padding-left: 54px; } .grid--12.gutter--55px { margin-top: -55px; margin-left: -55px; } .grid--12.gutter--55px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 55px; padding-left: 55px; } .grid--12.gutter--56px { margin-top: -56px; margin-left: -56px; } .grid--12.gutter--56px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 56px; padding-left: 56px; } .grid--12.gutter--57px { margin-top: -57px; margin-left: -57px; } .grid--12.gutter--57px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 57px; padding-left: 57px; } .grid--12.gutter--58px { margin-top: -58px; margin-left: -58px; } .grid--12.gutter--58px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 58px; padding-left: 58px; } .grid--12.gutter--59px { margin-top: -59px; margin-left: -59px; } .grid--12.gutter--59px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 59px; padding-left: 59px; } .grid--12.gutter--60px { margin-top: -60px; margin-left: -60px; } .grid--12.gutter--60px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 60px; padding-left: 60px; } @media screen and (max-width: 1200px) { .grid--12.liquid_gutter--0 { margin-top: 0; margin-left: 0; } .grid--12.liquid_gutter--0 > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 0; padding-left: 0; } .grid--12.liquid_gutter--1 { margin-top: -1%; margin-left: -1%; } .grid--12.liquid_gutter--1 > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 1%; padding-left: 1%; } .grid--12.liquid_gutter--2 { margin-top: -2%; margin-left: -2%; } .grid--12.liquid_gutter--2 > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 2%; padding-left: 2%; } .grid--12.liquid_gutter--3 { margin-top: -3%; margin-left: -3%; } .grid--12.liquid_gutter--3 > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 3%; padding-left: 3%; } .grid--12.liquid_gutter--4 { margin-top: -4%; margin-left: -4%; } .grid--12.liquid_gutter--4 > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 4%; padding-left: 4%; } .grid--12.liquid_gutter--5 { margin-top: -5%; margin-left: -5%; } .grid--12.liquid_gutter--5 > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 5%; padding-left: 5%; } .grid--12.liquid_gutter--6 { margin-top: -6%; margin-left: -6%; } .grid--12.liquid_gutter--6 > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 6%; padding-left: 6%; } .grid--12.liquid_gutter--7 { margin-top: -7%; margin-left: -7%; } .grid--12.liquid_gutter--7 > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 7%; padding-left: 7%; } .grid--12.liquid_gutter--8 { margin-top: -8%; margin-left: -8%; } .grid--12.liquid_gutter--8 > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 8%; padding-left: 8%; } .grid--12.liquid_gutter--9 { margin-top: -9%; margin-left: -9%; } .grid--12.liquid_gutter--9 > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 9%; padding-left: 9%; } .grid--12.liquid_gutter--10 { margin-top: -10%; margin-left: -10%; } .grid--12.liquid_gutter--10 > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 10%; padding-left: 10%; } .grid--12.liquid_gutter--11 { margin-top: -11%; margin-left: -11%; } .grid--12.liquid_gutter--11 > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 11%; padding-left: 11%; } .grid--12.liquid_gutter--12 { margin-top: -12%; margin-left: -12%; } .grid--12.liquid_gutter--12 > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 12%; padding-left: 12%; } .grid--12.liquid_gutter--13 { margin-top: -13%; margin-left: -13%; } .grid--12.liquid_gutter--13 > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 13%; padding-left: 13%; } .grid--12.liquid_gutter--14 { margin-top: -14%; margin-left: -14%; } .grid--12.liquid_gutter--14 > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 14%; padding-left: 14%; } .grid--12.liquid_gutter--15 { margin-top: -15%; margin-left: -15%; } .grid--12.liquid_gutter--15 > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 15%; padding-left: 15%; } .grid--12.liquid_gutter--16 { margin-top: -16%; margin-left: -16%; } .grid--12.liquid_gutter--16 > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 16%; padding-left: 16%; } .grid--12.liquid_gutter--17 { margin-top: -17%; margin-left: -17%; } .grid--12.liquid_gutter--17 > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 17%; padding-left: 17%; } .grid--12.liquid_gutter--18 { margin-top: -18%; margin-left: -18%; } .grid--12.liquid_gutter--18 > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 18%; padding-left: 18%; } .grid--12.liquid_gutter--19 { margin-top: -19%; margin-left: -19%; } .grid--12.liquid_gutter--19 > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 19%; padding-left: 19%; } .grid--12.liquid_gutter--20 { margin-top: -20%; margin-left: -20%; } .grid--12.liquid_gutter--20 > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 20%; padding-left: 20%; } .grid--12.liquid_gutter--0px { margin-top: 0; margin-left: 0; } .grid--12.liquid_gutter--0px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 0; padding-left: 0; } .grid--12.liquid_gutter--1px { margin-top: -1px; margin-left: -1px; } .grid--12.liquid_gutter--1px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 1px; padding-left: 1px; } .grid--12.liquid_gutter--2px { margin-top: -2px; margin-left: -2px; } .grid--12.liquid_gutter--2px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 2px; padding-left: 2px; } .grid--12.liquid_gutter--3px { margin-top: -3px; margin-left: -3px; } .grid--12.liquid_gutter--3px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 3px; padding-left: 3px; } .grid--12.liquid_gutter--4px { margin-top: -4px; margin-left: -4px; } .grid--12.liquid_gutter--4px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 4px; padding-left: 4px; } .grid--12.liquid_gutter--5px { margin-top: -5px; margin-left: -5px; } .grid--12.liquid_gutter--5px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 5px; padding-left: 5px; } .grid--12.liquid_gutter--6px { margin-top: -6px; margin-left: -6px; } .grid--12.liquid_gutter--6px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 6px; padding-left: 6px; } .grid--12.liquid_gutter--7px { margin-top: -7px; margin-left: -7px; } .grid--12.liquid_gutter--7px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 7px; padding-left: 7px; } .grid--12.liquid_gutter--8px { margin-top: -8px; margin-left: -8px; } .grid--12.liquid_gutter--8px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 8px; padding-left: 8px; } .grid--12.liquid_gutter--9px { margin-top: -9px; margin-left: -9px; } .grid--12.liquid_gutter--9px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 9px; padding-left: 9px; } .grid--12.liquid_gutter--10px { margin-top: -10px; margin-left: -10px; } .grid--12.liquid_gutter--10px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 10px; padding-left: 10px; } .grid--12.liquid_gutter--11px { margin-top: -11px; margin-left: -11px; } .grid--12.liquid_gutter--11px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 11px; padding-left: 11px; } .grid--12.liquid_gutter--12px { margin-top: -12px; margin-left: -12px; } .grid--12.liquid_gutter--12px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 12px; padding-left: 12px; } .grid--12.liquid_gutter--13px { margin-top: -13px; margin-left: -13px; } .grid--12.liquid_gutter--13px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 13px; padding-left: 13px; } .grid--12.liquid_gutter--14px { margin-top: -14px; margin-left: -14px; } .grid--12.liquid_gutter--14px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 14px; padding-left: 14px; } .grid--12.liquid_gutter--15px { margin-top: -15px; margin-left: -15px; } .grid--12.liquid_gutter--15px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 15px; padding-left: 15px; } .grid--12.liquid_gutter--16px { margin-top: -16px; margin-left: -16px; } .grid--12.liquid_gutter--16px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 16px; padding-left: 16px; } .grid--12.liquid_gutter--17px { margin-top: -17px; margin-left: -17px; } .grid--12.liquid_gutter--17px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 17px; padding-left: 17px; } .grid--12.liquid_gutter--18px { margin-top: -18px; margin-left: -18px; } .grid--12.liquid_gutter--18px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 18px; padding-left: 18px; } .grid--12.liquid_gutter--19px { margin-top: -19px; margin-left: -19px; } .grid--12.liquid_gutter--19px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 19px; padding-left: 19px; } .grid--12.liquid_gutter--20px { margin-top: -20px; margin-left: -20px; } .grid--12.liquid_gutter--20px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 20px; padding-left: 20px; } .grid--12.liquid_gutter--21px { margin-top: -21px; margin-left: -21px; } .grid--12.liquid_gutter--21px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 21px; padding-left: 21px; } .grid--12.liquid_gutter--22px { margin-top: -22px; margin-left: -22px; } .grid--12.liquid_gutter--22px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 22px; padding-left: 22px; } .grid--12.liquid_gutter--23px { margin-top: -23px; margin-left: -23px; } .grid--12.liquid_gutter--23px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 23px; padding-left: 23px; } .grid--12.liquid_gutter--24px { margin-top: -24px; margin-left: -24px; } .grid--12.liquid_gutter--24px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 24px; padding-left: 24px; } .grid--12.liquid_gutter--25px { margin-top: -25px; margin-left: -25px; } .grid--12.liquid_gutter--25px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 25px; padding-left: 25px; } .grid--12.liquid_gutter--26px { margin-top: -26px; margin-left: -26px; } .grid--12.liquid_gutter--26px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 26px; padding-left: 26px; } .grid--12.liquid_gutter--27px { margin-top: -27px; margin-left: -27px; } .grid--12.liquid_gutter--27px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 27px; padding-left: 27px; } .grid--12.liquid_gutter--28px { margin-top: -28px; margin-left: -28px; } .grid--12.liquid_gutter--28px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 28px; padding-left: 28px; } .grid--12.liquid_gutter--29px { margin-top: -29px; margin-left: -29px; } .grid--12.liquid_gutter--29px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 29px; padding-left: 29px; } .grid--12.liquid_gutter--30px { margin-top: -30px; margin-left: -30px; } .grid--12.liquid_gutter--30px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 30px; padding-left: 30px; } .grid--12.liquid_gutter--31px { margin-top: -31px; margin-left: -31px; } .grid--12.liquid_gutter--31px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 31px; padding-left: 31px; } .grid--12.liquid_gutter--32px { margin-top: -32px; margin-left: -32px; } .grid--12.liquid_gutter--32px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 32px; padding-left: 32px; } .grid--12.liquid_gutter--33px { margin-top: -33px; margin-left: -33px; } .grid--12.liquid_gutter--33px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 33px; padding-left: 33px; } .grid--12.liquid_gutter--34px { margin-top: -34px; margin-left: -34px; } .grid--12.liquid_gutter--34px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 34px; padding-left: 34px; } .grid--12.liquid_gutter--35px { margin-top: -35px; margin-left: -35px; } .grid--12.liquid_gutter--35px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 35px; padding-left: 35px; } .grid--12.liquid_gutter--36px { margin-top: -36px; margin-left: -36px; } .grid--12.liquid_gutter--36px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 36px; padding-left: 36px; } .grid--12.liquid_gutter--37px { margin-top: -37px; margin-left: -37px; } .grid--12.liquid_gutter--37px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 37px; padding-left: 37px; } .grid--12.liquid_gutter--38px { margin-top: -38px; margin-left: -38px; } .grid--12.liquid_gutter--38px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 38px; padding-left: 38px; } .grid--12.liquid_gutter--39px { margin-top: -39px; margin-left: -39px; } .grid--12.liquid_gutter--39px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 39px; padding-left: 39px; } .grid--12.liquid_gutter--40px { margin-top: -40px; margin-left: -40px; } .grid--12.liquid_gutter--40px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 40px; padding-left: 40px; } .grid--12.liquid_gutter--41px { margin-top: -41px; margin-left: -41px; } .grid--12.liquid_gutter--41px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 41px; padding-left: 41px; } .grid--12.liquid_gutter--42px { margin-top: -42px; margin-left: -42px; } .grid--12.liquid_gutter--42px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 42px; padding-left: 42px; } .grid--12.liquid_gutter--43px { margin-top: -43px; margin-left: -43px; } .grid--12.liquid_gutter--43px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 43px; padding-left: 43px; } .grid--12.liquid_gutter--44px { margin-top: -44px; margin-left: -44px; } .grid--12.liquid_gutter--44px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 44px; padding-left: 44px; } .grid--12.liquid_gutter--45px { margin-top: -45px; margin-left: -45px; } .grid--12.liquid_gutter--45px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 45px; padding-left: 45px; } .grid--12.liquid_gutter--46px { margin-top: -46px; margin-left: -46px; } .grid--12.liquid_gutter--46px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 46px; padding-left: 46px; } .grid--12.liquid_gutter--47px { margin-top: -47px; margin-left: -47px; } .grid--12.liquid_gutter--47px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 47px; padding-left: 47px; } .grid--12.liquid_gutter--48px { margin-top: -48px; margin-left: -48px; } .grid--12.liquid_gutter--48px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 48px; padding-left: 48px; } .grid--12.liquid_gutter--49px { margin-top: -49px; margin-left: -49px; } .grid--12.liquid_gutter--49px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 49px; padding-left: 49px; } .grid--12.liquid_gutter--50px { margin-top: -50px; margin-left: -50px; } .grid--12.liquid_gutter--50px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 50px; padding-left: 50px; } .grid--12.liquid_gutter--51px { margin-top: -51px; margin-left: -51px; } .grid--12.liquid_gutter--51px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 51px; padding-left: 51px; } .grid--12.liquid_gutter--52px { margin-top: -52px; margin-left: -52px; } .grid--12.liquid_gutter--52px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 52px; padding-left: 52px; } .grid--12.liquid_gutter--53px { margin-top: -53px; margin-left: -53px; } .grid--12.liquid_gutter--53px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 53px; padding-left: 53px; } .grid--12.liquid_gutter--54px { margin-top: -54px; margin-left: -54px; } .grid--12.liquid_gutter--54px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 54px; padding-left: 54px; } .grid--12.liquid_gutter--55px { margin-top: -55px; margin-left: -55px; } .grid--12.liquid_gutter--55px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 55px; padding-left: 55px; } .grid--12.liquid_gutter--56px { margin-top: -56px; margin-left: -56px; } .grid--12.liquid_gutter--56px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 56px; padding-left: 56px; } .grid--12.liquid_gutter--57px { margin-top: -57px; margin-left: -57px; } .grid--12.liquid_gutter--57px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 57px; padding-left: 57px; } .grid--12.liquid_gutter--58px { margin-top: -58px; margin-left: -58px; } .grid--12.liquid_gutter--58px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 58px; padding-left: 58px; } .grid--12.liquid_gutter--59px { margin-top: -59px; margin-left: -59px; } .grid--12.liquid_gutter--59px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 59px; padding-left: 59px; } .grid--12.liquid_gutter--60px { margin-top: -60px; margin-left: -60px; } .grid--12.liquid_gutter--60px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 60px; padding-left: 60px; } } @media screen and (max-width: 1024px) { .grid--12.tb_gutter--0 { margin-top: 0; margin-left: 0; } .grid--12.tb_gutter--0 > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 0; padding-left: 0; } .grid--12.tb_gutter--1 { margin-top: -1%; margin-left: -1%; } .grid--12.tb_gutter--1 > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 1%; padding-left: 1%; } .grid--12.tb_gutter--2 { margin-top: -2%; margin-left: -2%; } .grid--12.tb_gutter--2 > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 2%; padding-left: 2%; } .grid--12.tb_gutter--3 { margin-top: -3%; margin-left: -3%; } .grid--12.tb_gutter--3 > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 3%; padding-left: 3%; } .grid--12.tb_gutter--4 { margin-top: -4%; margin-left: -4%; } .grid--12.tb_gutter--4 > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 4%; padding-left: 4%; } .grid--12.tb_gutter--5 { margin-top: -5%; margin-left: -5%; } .grid--12.tb_gutter--5 > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 5%; padding-left: 5%; } .grid--12.tb_gutter--6 { margin-top: -6%; margin-left: -6%; } .grid--12.tb_gutter--6 > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 6%; padding-left: 6%; } .grid--12.tb_gutter--7 { margin-top: -7%; margin-left: -7%; } .grid--12.tb_gutter--7 > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 7%; padding-left: 7%; } .grid--12.tb_gutter--8 { margin-top: -8%; margin-left: -8%; } .grid--12.tb_gutter--8 > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 8%; padding-left: 8%; } .grid--12.tb_gutter--9 { margin-top: -9%; margin-left: -9%; } .grid--12.tb_gutter--9 > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 9%; padding-left: 9%; } .grid--12.tb_gutter--10 { margin-top: -10%; margin-left: -10%; } .grid--12.tb_gutter--10 > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 10%; padding-left: 10%; } .grid--12.tb_gutter--11 { margin-top: -11%; margin-left: -11%; } .grid--12.tb_gutter--11 > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 11%; padding-left: 11%; } .grid--12.tb_gutter--12 { margin-top: -12%; margin-left: -12%; } .grid--12.tb_gutter--12 > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 12%; padding-left: 12%; } .grid--12.tb_gutter--13 { margin-top: -13%; margin-left: -13%; } .grid--12.tb_gutter--13 > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 13%; padding-left: 13%; } .grid--12.tb_gutter--14 { margin-top: -14%; margin-left: -14%; } .grid--12.tb_gutter--14 > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 14%; padding-left: 14%; } .grid--12.tb_gutter--15 { margin-top: -15%; margin-left: -15%; } .grid--12.tb_gutter--15 > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 15%; padding-left: 15%; } .grid--12.tb_gutter--16 { margin-top: -16%; margin-left: -16%; } .grid--12.tb_gutter--16 > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 16%; padding-left: 16%; } .grid--12.tb_gutter--17 { margin-top: -17%; margin-left: -17%; } .grid--12.tb_gutter--17 > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 17%; padding-left: 17%; } .grid--12.tb_gutter--18 { margin-top: -18%; margin-left: -18%; } .grid--12.tb_gutter--18 > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 18%; padding-left: 18%; } .grid--12.tb_gutter--19 { margin-top: -19%; margin-left: -19%; } .grid--12.tb_gutter--19 > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 19%; padding-left: 19%; } .grid--12.tb_gutter--20 { margin-top: -20%; margin-left: -20%; } .grid--12.tb_gutter--20 > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 20%; padding-left: 20%; } .grid--12.tb_gutter--0px { margin-top: 0; margin-left: 0; } .grid--12.tb_gutter--0px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 0; padding-left: 0; } .grid--12.tb_gutter--1px { margin-top: -1px; margin-left: -1px; } .grid--12.tb_gutter--1px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 1px; padding-left: 1px; } .grid--12.tb_gutter--2px { margin-top: -2px; margin-left: -2px; } .grid--12.tb_gutter--2px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 2px; padding-left: 2px; } .grid--12.tb_gutter--3px { margin-top: -3px; margin-left: -3px; } .grid--12.tb_gutter--3px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 3px; padding-left: 3px; } .grid--12.tb_gutter--4px { margin-top: -4px; margin-left: -4px; } .grid--12.tb_gutter--4px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 4px; padding-left: 4px; } .grid--12.tb_gutter--5px { margin-top: -5px; margin-left: -5px; } .grid--12.tb_gutter--5px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 5px; padding-left: 5px; } .grid--12.tb_gutter--6px { margin-top: -6px; margin-left: -6px; } .grid--12.tb_gutter--6px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 6px; padding-left: 6px; } .grid--12.tb_gutter--7px { margin-top: -7px; margin-left: -7px; } .grid--12.tb_gutter--7px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 7px; padding-left: 7px; } .grid--12.tb_gutter--8px { margin-top: -8px; margin-left: -8px; } .grid--12.tb_gutter--8px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 8px; padding-left: 8px; } .grid--12.tb_gutter--9px { margin-top: -9px; margin-left: -9px; } .grid--12.tb_gutter--9px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 9px; padding-left: 9px; } .grid--12.tb_gutter--10px { margin-top: -10px; margin-left: -10px; } .grid--12.tb_gutter--10px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 10px; padding-left: 10px; } .grid--12.tb_gutter--11px { margin-top: -11px; margin-left: -11px; } .grid--12.tb_gutter--11px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 11px; padding-left: 11px; } .grid--12.tb_gutter--12px { margin-top: -12px; margin-left: -12px; } .grid--12.tb_gutter--12px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 12px; padding-left: 12px; } .grid--12.tb_gutter--13px { margin-top: -13px; margin-left: -13px; } .grid--12.tb_gutter--13px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 13px; padding-left: 13px; } .grid--12.tb_gutter--14px { margin-top: -14px; margin-left: -14px; } .grid--12.tb_gutter--14px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 14px; padding-left: 14px; } .grid--12.tb_gutter--15px { margin-top: -15px; margin-left: -15px; } .grid--12.tb_gutter--15px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 15px; padding-left: 15px; } .grid--12.tb_gutter--16px { margin-top: -16px; margin-left: -16px; } .grid--12.tb_gutter--16px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 16px; padding-left: 16px; } .grid--12.tb_gutter--17px { margin-top: -17px; margin-left: -17px; } .grid--12.tb_gutter--17px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 17px; padding-left: 17px; } .grid--12.tb_gutter--18px { margin-top: -18px; margin-left: -18px; } .grid--12.tb_gutter--18px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 18px; padding-left: 18px; } .grid--12.tb_gutter--19px { margin-top: -19px; margin-left: -19px; } .grid--12.tb_gutter--19px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 19px; padding-left: 19px; } .grid--12.tb_gutter--20px { margin-top: -20px; margin-left: -20px; } .grid--12.tb_gutter--20px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 20px; padding-left: 20px; } .grid--12.tb_gutter--21px { margin-top: -21px; margin-left: -21px; } .grid--12.tb_gutter--21px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 21px; padding-left: 21px; } .grid--12.tb_gutter--22px { margin-top: -22px; margin-left: -22px; } .grid--12.tb_gutter--22px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 22px; padding-left: 22px; } .grid--12.tb_gutter--23px { margin-top: -23px; margin-left: -23px; } .grid--12.tb_gutter--23px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 23px; padding-left: 23px; } .grid--12.tb_gutter--24px { margin-top: -24px; margin-left: -24px; } .grid--12.tb_gutter--24px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 24px; padding-left: 24px; } .grid--12.tb_gutter--25px { margin-top: -25px; margin-left: -25px; } .grid--12.tb_gutter--25px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 25px; padding-left: 25px; } .grid--12.tb_gutter--26px { margin-top: -26px; margin-left: -26px; } .grid--12.tb_gutter--26px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 26px; padding-left: 26px; } .grid--12.tb_gutter--27px { margin-top: -27px; margin-left: -27px; } .grid--12.tb_gutter--27px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 27px; padding-left: 27px; } .grid--12.tb_gutter--28px { margin-top: -28px; margin-left: -28px; } .grid--12.tb_gutter--28px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 28px; padding-left: 28px; } .grid--12.tb_gutter--29px { margin-top: -29px; margin-left: -29px; } .grid--12.tb_gutter--29px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 29px; padding-left: 29px; } .grid--12.tb_gutter--30px { margin-top: -30px; margin-left: -30px; } .grid--12.tb_gutter--30px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 30px; padding-left: 30px; } .grid--12.tb_gutter--31px { margin-top: -31px; margin-left: -31px; } .grid--12.tb_gutter--31px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 31px; padding-left: 31px; } .grid--12.tb_gutter--32px { margin-top: -32px; margin-left: -32px; } .grid--12.tb_gutter--32px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 32px; padding-left: 32px; } .grid--12.tb_gutter--33px { margin-top: -33px; margin-left: -33px; } .grid--12.tb_gutter--33px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 33px; padding-left: 33px; } .grid--12.tb_gutter--34px { margin-top: -34px; margin-left: -34px; } .grid--12.tb_gutter--34px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 34px; padding-left: 34px; } .grid--12.tb_gutter--35px { margin-top: -35px; margin-left: -35px; } .grid--12.tb_gutter--35px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 35px; padding-left: 35px; } .grid--12.tb_gutter--36px { margin-top: -36px; margin-left: -36px; } .grid--12.tb_gutter--36px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 36px; padding-left: 36px; } .grid--12.tb_gutter--37px { margin-top: -37px; margin-left: -37px; } .grid--12.tb_gutter--37px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 37px; padding-left: 37px; } .grid--12.tb_gutter--38px { margin-top: -38px; margin-left: -38px; } .grid--12.tb_gutter--38px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 38px; padding-left: 38px; } .grid--12.tb_gutter--39px { margin-top: -39px; margin-left: -39px; } .grid--12.tb_gutter--39px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 39px; padding-left: 39px; } .grid--12.tb_gutter--40px { margin-top: -40px; margin-left: -40px; } .grid--12.tb_gutter--40px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 40px; padding-left: 40px; } .grid--12.tb_gutter--41px { margin-top: -41px; margin-left: -41px; } .grid--12.tb_gutter--41px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 41px; padding-left: 41px; } .grid--12.tb_gutter--42px { margin-top: -42px; margin-left: -42px; } .grid--12.tb_gutter--42px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 42px; padding-left: 42px; } .grid--12.tb_gutter--43px { margin-top: -43px; margin-left: -43px; } .grid--12.tb_gutter--43px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 43px; padding-left: 43px; } .grid--12.tb_gutter--44px { margin-top: -44px; margin-left: -44px; } .grid--12.tb_gutter--44px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 44px; padding-left: 44px; } .grid--12.tb_gutter--45px { margin-top: -45px; margin-left: -45px; } .grid--12.tb_gutter--45px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 45px; padding-left: 45px; } .grid--12.tb_gutter--46px { margin-top: -46px; margin-left: -46px; } .grid--12.tb_gutter--46px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 46px; padding-left: 46px; } .grid--12.tb_gutter--47px { margin-top: -47px; margin-left: -47px; } .grid--12.tb_gutter--47px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 47px; padding-left: 47px; } .grid--12.tb_gutter--48px { margin-top: -48px; margin-left: -48px; } .grid--12.tb_gutter--48px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 48px; padding-left: 48px; } .grid--12.tb_gutter--49px { margin-top: -49px; margin-left: -49px; } .grid--12.tb_gutter--49px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 49px; padding-left: 49px; } .grid--12.tb_gutter--50px { margin-top: -50px; margin-left: -50px; } .grid--12.tb_gutter--50px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 50px; padding-left: 50px; } .grid--12.tb_gutter--51px { margin-top: -51px; margin-left: -51px; } .grid--12.tb_gutter--51px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 51px; padding-left: 51px; } .grid--12.tb_gutter--52px { margin-top: -52px; margin-left: -52px; } .grid--12.tb_gutter--52px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 52px; padding-left: 52px; } .grid--12.tb_gutter--53px { margin-top: -53px; margin-left: -53px; } .grid--12.tb_gutter--53px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 53px; padding-left: 53px; } .grid--12.tb_gutter--54px { margin-top: -54px; margin-left: -54px; } .grid--12.tb_gutter--54px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 54px; padding-left: 54px; } .grid--12.tb_gutter--55px { margin-top: -55px; margin-left: -55px; } .grid--12.tb_gutter--55px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 55px; padding-left: 55px; } .grid--12.tb_gutter--56px { margin-top: -56px; margin-left: -56px; } .grid--12.tb_gutter--56px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 56px; padding-left: 56px; } .grid--12.tb_gutter--57px { margin-top: -57px; margin-left: -57px; } .grid--12.tb_gutter--57px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 57px; padding-left: 57px; } .grid--12.tb_gutter--58px { margin-top: -58px; margin-left: -58px; } .grid--12.tb_gutter--58px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 58px; padding-left: 58px; } .grid--12.tb_gutter--59px { margin-top: -59px; margin-left: -59px; } .grid--12.tb_gutter--59px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 59px; padding-left: 59px; } .grid--12.tb_gutter--60px { margin-top: -60px; margin-left: -60px; } .grid--12.tb_gutter--60px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 60px; padding-left: 60px; } } @media screen and (max-width: 767px) { .grid--12.sp_gutter--0 { margin-top: 0; margin-left: 0; } .grid--12.sp_gutter--0 > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 0; padding-left: 0; } .grid--12.sp_gutter--1 { margin-top: -1%; margin-left: -1%; } .grid--12.sp_gutter--1 > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 1%; padding-left: 1%; } .grid--12.sp_gutter--2 { margin-top: -2%; margin-left: -2%; } .grid--12.sp_gutter--2 > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 2%; padding-left: 2%; } .grid--12.sp_gutter--3 { margin-top: -3%; margin-left: -3%; } .grid--12.sp_gutter--3 > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 3%; padding-left: 3%; } .grid--12.sp_gutter--4 { margin-top: -4%; margin-left: -4%; } .grid--12.sp_gutter--4 > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 4%; padding-left: 4%; } .grid--12.sp_gutter--5 { margin-top: -5%; margin-left: -5%; } .grid--12.sp_gutter--5 > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 5%; padding-left: 5%; } .grid--12.sp_gutter--6 { margin-top: -6%; margin-left: -6%; } .grid--12.sp_gutter--6 > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 6%; padding-left: 6%; } .grid--12.sp_gutter--7 { margin-top: -7%; margin-left: -7%; } .grid--12.sp_gutter--7 > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 7%; padding-left: 7%; } .grid--12.sp_gutter--8 { margin-top: -8%; margin-left: -8%; } .grid--12.sp_gutter--8 > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 8%; padding-left: 8%; } .grid--12.sp_gutter--9 { margin-top: -9%; margin-left: -9%; } .grid--12.sp_gutter--9 > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 9%; padding-left: 9%; } .grid--12.sp_gutter--10 { margin-top: -10%; margin-left: -10%; } .grid--12.sp_gutter--10 > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 10%; padding-left: 10%; } .grid--12.sp_gutter--11 { margin-top: -11%; margin-left: -11%; } .grid--12.sp_gutter--11 > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 11%; padding-left: 11%; } .grid--12.sp_gutter--12 { margin-top: -12%; margin-left: -12%; } .grid--12.sp_gutter--12 > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 12%; padding-left: 12%; } .grid--12.sp_gutter--13 { margin-top: -13%; margin-left: -13%; } .grid--12.sp_gutter--13 > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 13%; padding-left: 13%; } .grid--12.sp_gutter--14 { margin-top: -14%; margin-left: -14%; } .grid--12.sp_gutter--14 > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 14%; padding-left: 14%; } .grid--12.sp_gutter--15 { margin-top: -15%; margin-left: -15%; } .grid--12.sp_gutter--15 > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 15%; padding-left: 15%; } .grid--12.sp_gutter--16 { margin-top: -16%; margin-left: -16%; } .grid--12.sp_gutter--16 > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 16%; padding-left: 16%; } .grid--12.sp_gutter--17 { margin-top: -17%; margin-left: -17%; } .grid--12.sp_gutter--17 > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 17%; padding-left: 17%; } .grid--12.sp_gutter--18 { margin-top: -18%; margin-left: -18%; } .grid--12.sp_gutter--18 > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 18%; padding-left: 18%; } .grid--12.sp_gutter--19 { margin-top: -19%; margin-left: -19%; } .grid--12.sp_gutter--19 > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 19%; padding-left: 19%; } .grid--12.sp_gutter--20 { margin-top: -20%; margin-left: -20%; } .grid--12.sp_gutter--20 > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 20%; padding-left: 20%; } .grid--12.sp_gutter--0px { margin-top: 0; margin-left: 0; } .grid--12.sp_gutter--0px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 0; padding-left: 0; } .grid--12.sp_gutter--1px { margin-top: -1px; margin-left: -1px; } .grid--12.sp_gutter--1px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 1px; padding-left: 1px; } .grid--12.sp_gutter--2px { margin-top: -2px; margin-left: -2px; } .grid--12.sp_gutter--2px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 2px; padding-left: 2px; } .grid--12.sp_gutter--3px { margin-top: -3px; margin-left: -3px; } .grid--12.sp_gutter--3px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 3px; padding-left: 3px; } .grid--12.sp_gutter--4px { margin-top: -4px; margin-left: -4px; } .grid--12.sp_gutter--4px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 4px; padding-left: 4px; } .grid--12.sp_gutter--5px { margin-top: -5px; margin-left: -5px; } .grid--12.sp_gutter--5px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 5px; padding-left: 5px; } .grid--12.sp_gutter--6px { margin-top: -6px; margin-left: -6px; } .grid--12.sp_gutter--6px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 6px; padding-left: 6px; } .grid--12.sp_gutter--7px { margin-top: -7px; margin-left: -7px; } .grid--12.sp_gutter--7px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 7px; padding-left: 7px; } .grid--12.sp_gutter--8px { margin-top: -8px; margin-left: -8px; } .grid--12.sp_gutter--8px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 8px; padding-left: 8px; } .grid--12.sp_gutter--9px { margin-top: -9px; margin-left: -9px; } .grid--12.sp_gutter--9px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 9px; padding-left: 9px; } .grid--12.sp_gutter--10px { margin-top: -10px; margin-left: -10px; } .grid--12.sp_gutter--10px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 10px; padding-left: 10px; } .grid--12.sp_gutter--11px { margin-top: -11px; margin-left: -11px; } .grid--12.sp_gutter--11px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 11px; padding-left: 11px; } .grid--12.sp_gutter--12px { margin-top: -12px; margin-left: -12px; } .grid--12.sp_gutter--12px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 12px; padding-left: 12px; } .grid--12.sp_gutter--13px { margin-top: -13px; margin-left: -13px; } .grid--12.sp_gutter--13px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 13px; padding-left: 13px; } .grid--12.sp_gutter--14px { margin-top: -14px; margin-left: -14px; } .grid--12.sp_gutter--14px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 14px; padding-left: 14px; } .grid--12.sp_gutter--15px { margin-top: -15px; margin-left: -15px; } .grid--12.sp_gutter--15px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 15px; padding-left: 15px; } .grid--12.sp_gutter--16px { margin-top: -16px; margin-left: -16px; } .grid--12.sp_gutter--16px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 16px; padding-left: 16px; } .grid--12.sp_gutter--17px { margin-top: -17px; margin-left: -17px; } .grid--12.sp_gutter--17px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 17px; padding-left: 17px; } .grid--12.sp_gutter--18px { margin-top: -18px; margin-left: -18px; } .grid--12.sp_gutter--18px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 18px; padding-left: 18px; } .grid--12.sp_gutter--19px { margin-top: -19px; margin-left: -19px; } .grid--12.sp_gutter--19px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 19px; padding-left: 19px; } .grid--12.sp_gutter--20px { margin-top: -20px; margin-left: -20px; } .grid--12.sp_gutter--20px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 20px; padding-left: 20px; } .grid--12.sp_gutter--21px { margin-top: -21px; margin-left: -21px; } .grid--12.sp_gutter--21px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 21px; padding-left: 21px; } .grid--12.sp_gutter--22px { margin-top: -22px; margin-left: -22px; } .grid--12.sp_gutter--22px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 22px; padding-left: 22px; } .grid--12.sp_gutter--23px { margin-top: -23px; margin-left: -23px; } .grid--12.sp_gutter--23px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 23px; padding-left: 23px; } .grid--12.sp_gutter--24px { margin-top: -24px; margin-left: -24px; } .grid--12.sp_gutter--24px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 24px; padding-left: 24px; } .grid--12.sp_gutter--25px { margin-top: -25px; margin-left: -25px; } .grid--12.sp_gutter--25px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 25px; padding-left: 25px; } .grid--12.sp_gutter--26px { margin-top: -26px; margin-left: -26px; } .grid--12.sp_gutter--26px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 26px; padding-left: 26px; } .grid--12.sp_gutter--27px { margin-top: -27px; margin-left: -27px; } .grid--12.sp_gutter--27px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 27px; padding-left: 27px; } .grid--12.sp_gutter--28px { margin-top: -28px; margin-left: -28px; } .grid--12.sp_gutter--28px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 28px; padding-left: 28px; } .grid--12.sp_gutter--29px { margin-top: -29px; margin-left: -29px; } .grid--12.sp_gutter--29px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 29px; padding-left: 29px; } .grid--12.sp_gutter--30px { margin-top: -30px; margin-left: -30px; } .grid--12.sp_gutter--30px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 30px; padding-left: 30px; } .grid--12.sp_gutter--31px { margin-top: -31px; margin-left: -31px; } .grid--12.sp_gutter--31px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 31px; padding-left: 31px; } .grid--12.sp_gutter--32px { margin-top: -32px; margin-left: -32px; } .grid--12.sp_gutter--32px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 32px; padding-left: 32px; } .grid--12.sp_gutter--33px { margin-top: -33px; margin-left: -33px; } .grid--12.sp_gutter--33px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 33px; padding-left: 33px; } .grid--12.sp_gutter--34px { margin-top: -34px; margin-left: -34px; } .grid--12.sp_gutter--34px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 34px; padding-left: 34px; } .grid--12.sp_gutter--35px { margin-top: -35px; margin-left: -35px; } .grid--12.sp_gutter--35px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 35px; padding-left: 35px; } .grid--12.sp_gutter--36px { margin-top: -36px; margin-left: -36px; } .grid--12.sp_gutter--36px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 36px; padding-left: 36px; } .grid--12.sp_gutter--37px { margin-top: -37px; margin-left: -37px; } .grid--12.sp_gutter--37px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 37px; padding-left: 37px; } .grid--12.sp_gutter--38px { margin-top: -38px; margin-left: -38px; } .grid--12.sp_gutter--38px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 38px; padding-left: 38px; } .grid--12.sp_gutter--39px { margin-top: -39px; margin-left: -39px; } .grid--12.sp_gutter--39px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 39px; padding-left: 39px; } .grid--12.sp_gutter--40px { margin-top: -40px; margin-left: -40px; } .grid--12.sp_gutter--40px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 40px; padding-left: 40px; } .grid--12.sp_gutter--41px { margin-top: -41px; margin-left: -41px; } .grid--12.sp_gutter--41px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 41px; padding-left: 41px; } .grid--12.sp_gutter--42px { margin-top: -42px; margin-left: -42px; } .grid--12.sp_gutter--42px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 42px; padding-left: 42px; } .grid--12.sp_gutter--43px { margin-top: -43px; margin-left: -43px; } .grid--12.sp_gutter--43px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 43px; padding-left: 43px; } .grid--12.sp_gutter--44px { margin-top: -44px; margin-left: -44px; } .grid--12.sp_gutter--44px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 44px; padding-left: 44px; } .grid--12.sp_gutter--45px { margin-top: -45px; margin-left: -45px; } .grid--12.sp_gutter--45px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 45px; padding-left: 45px; } .grid--12.sp_gutter--46px { margin-top: -46px; margin-left: -46px; } .grid--12.sp_gutter--46px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 46px; padding-left: 46px; } .grid--12.sp_gutter--47px { margin-top: -47px; margin-left: -47px; } .grid--12.sp_gutter--47px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 47px; padding-left: 47px; } .grid--12.sp_gutter--48px { margin-top: -48px; margin-left: -48px; } .grid--12.sp_gutter--48px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 48px; padding-left: 48px; } .grid--12.sp_gutter--49px { margin-top: -49px; margin-left: -49px; } .grid--12.sp_gutter--49px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 49px; padding-left: 49px; } .grid--12.sp_gutter--50px { margin-top: -50px; margin-left: -50px; } .grid--12.sp_gutter--50px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 50px; padding-left: 50px; } .grid--12.sp_gutter--51px { margin-top: -51px; margin-left: -51px; } .grid--12.sp_gutter--51px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 51px; padding-left: 51px; } .grid--12.sp_gutter--52px { margin-top: -52px; margin-left: -52px; } .grid--12.sp_gutter--52px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 52px; padding-left: 52px; } .grid--12.sp_gutter--53px { margin-top: -53px; margin-left: -53px; } .grid--12.sp_gutter--53px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 53px; padding-left: 53px; } .grid--12.sp_gutter--54px { margin-top: -54px; margin-left: -54px; } .grid--12.sp_gutter--54px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 54px; padding-left: 54px; } .grid--12.sp_gutter--55px { margin-top: -55px; margin-left: -55px; } .grid--12.sp_gutter--55px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 55px; padding-left: 55px; } .grid--12.sp_gutter--56px { margin-top: -56px; margin-left: -56px; } .grid--12.sp_gutter--56px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 56px; padding-left: 56px; } .grid--12.sp_gutter--57px { margin-top: -57px; margin-left: -57px; } .grid--12.sp_gutter--57px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 57px; padding-left: 57px; } .grid--12.sp_gutter--58px { margin-top: -58px; margin-left: -58px; } .grid--12.sp_gutter--58px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 58px; padding-left: 58px; } .grid--12.sp_gutter--59px { margin-top: -59px; margin-left: -59px; } .grid--12.sp_gutter--59px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 59px; padding-left: 59px; } .grid--12.sp_gutter--60px { margin-top: -60px; margin-left: -60px; } .grid--12.sp_gutter--60px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 60px; padding-left: 60px; } } @media screen and (max-width: 1150px) { .grid--12.hl_gutter--0 { margin-top: 0; margin-left: 0; } .grid--12.hl_gutter--0 > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 0; padding-left: 0; } .grid--12.hl_gutter--1 { margin-top: -1%; margin-left: -1%; } .grid--12.hl_gutter--1 > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 1%; padding-left: 1%; } .grid--12.hl_gutter--2 { margin-top: -2%; margin-left: -2%; } .grid--12.hl_gutter--2 > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 2%; padding-left: 2%; } .grid--12.hl_gutter--3 { margin-top: -3%; margin-left: -3%; } .grid--12.hl_gutter--3 > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 3%; padding-left: 3%; } .grid--12.hl_gutter--4 { margin-top: -4%; margin-left: -4%; } .grid--12.hl_gutter--4 > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 4%; padding-left: 4%; } .grid--12.hl_gutter--5 { margin-top: -5%; margin-left: -5%; } .grid--12.hl_gutter--5 > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 5%; padding-left: 5%; } .grid--12.hl_gutter--6 { margin-top: -6%; margin-left: -6%; } .grid--12.hl_gutter--6 > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 6%; padding-left: 6%; } .grid--12.hl_gutter--7 { margin-top: -7%; margin-left: -7%; } .grid--12.hl_gutter--7 > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 7%; padding-left: 7%; } .grid--12.hl_gutter--8 { margin-top: -8%; margin-left: -8%; } .grid--12.hl_gutter--8 > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 8%; padding-left: 8%; } .grid--12.hl_gutter--9 { margin-top: -9%; margin-left: -9%; } .grid--12.hl_gutter--9 > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 9%; padding-left: 9%; } .grid--12.hl_gutter--10 { margin-top: -10%; margin-left: -10%; } .grid--12.hl_gutter--10 > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 10%; padding-left: 10%; } .grid--12.hl_gutter--11 { margin-top: -11%; margin-left: -11%; } .grid--12.hl_gutter--11 > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 11%; padding-left: 11%; } .grid--12.hl_gutter--12 { margin-top: -12%; margin-left: -12%; } .grid--12.hl_gutter--12 > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 12%; padding-left: 12%; } .grid--12.hl_gutter--13 { margin-top: -13%; margin-left: -13%; } .grid--12.hl_gutter--13 > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 13%; padding-left: 13%; } .grid--12.hl_gutter--14 { margin-top: -14%; margin-left: -14%; } .grid--12.hl_gutter--14 > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 14%; padding-left: 14%; } .grid--12.hl_gutter--15 { margin-top: -15%; margin-left: -15%; } .grid--12.hl_gutter--15 > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 15%; padding-left: 15%; } .grid--12.hl_gutter--16 { margin-top: -16%; margin-left: -16%; } .grid--12.hl_gutter--16 > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 16%; padding-left: 16%; } .grid--12.hl_gutter--17 { margin-top: -17%; margin-left: -17%; } .grid--12.hl_gutter--17 > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 17%; padding-left: 17%; } .grid--12.hl_gutter--18 { margin-top: -18%; margin-left: -18%; } .grid--12.hl_gutter--18 > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 18%; padding-left: 18%; } .grid--12.hl_gutter--19 { margin-top: -19%; margin-left: -19%; } .grid--12.hl_gutter--19 > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 19%; padding-left: 19%; } .grid--12.hl_gutter--20 { margin-top: -20%; margin-left: -20%; } .grid--12.hl_gutter--20 > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 20%; padding-left: 20%; } .grid--12.hl_gutter--0px { margin-top: 0; margin-left: 0; } .grid--12.hl_gutter--0px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 0; padding-left: 0; } .grid--12.hl_gutter--1px { margin-top: -1px; margin-left: -1px; } .grid--12.hl_gutter--1px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 1px; padding-left: 1px; } .grid--12.hl_gutter--2px { margin-top: -2px; margin-left: -2px; } .grid--12.hl_gutter--2px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 2px; padding-left: 2px; } .grid--12.hl_gutter--3px { margin-top: -3px; margin-left: -3px; } .grid--12.hl_gutter--3px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 3px; padding-left: 3px; } .grid--12.hl_gutter--4px { margin-top: -4px; margin-left: -4px; } .grid--12.hl_gutter--4px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 4px; padding-left: 4px; } .grid--12.hl_gutter--5px { margin-top: -5px; margin-left: -5px; } .grid--12.hl_gutter--5px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 5px; padding-left: 5px; } .grid--12.hl_gutter--6px { margin-top: -6px; margin-left: -6px; } .grid--12.hl_gutter--6px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 6px; padding-left: 6px; } .grid--12.hl_gutter--7px { margin-top: -7px; margin-left: -7px; } .grid--12.hl_gutter--7px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 7px; padding-left: 7px; } .grid--12.hl_gutter--8px { margin-top: -8px; margin-left: -8px; } .grid--12.hl_gutter--8px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 8px; padding-left: 8px; } .grid--12.hl_gutter--9px { margin-top: -9px; margin-left: -9px; } .grid--12.hl_gutter--9px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 9px; padding-left: 9px; } .grid--12.hl_gutter--10px { margin-top: -10px; margin-left: -10px; } .grid--12.hl_gutter--10px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 10px; padding-left: 10px; } .grid--12.hl_gutter--11px { margin-top: -11px; margin-left: -11px; } .grid--12.hl_gutter--11px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 11px; padding-left: 11px; } .grid--12.hl_gutter--12px { margin-top: -12px; margin-left: -12px; } .grid--12.hl_gutter--12px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 12px; padding-left: 12px; } .grid--12.hl_gutter--13px { margin-top: -13px; margin-left: -13px; } .grid--12.hl_gutter--13px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 13px; padding-left: 13px; } .grid--12.hl_gutter--14px { margin-top: -14px; margin-left: -14px; } .grid--12.hl_gutter--14px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 14px; padding-left: 14px; } .grid--12.hl_gutter--15px { margin-top: -15px; margin-left: -15px; } .grid--12.hl_gutter--15px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 15px; padding-left: 15px; } .grid--12.hl_gutter--16px { margin-top: -16px; margin-left: -16px; } .grid--12.hl_gutter--16px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 16px; padding-left: 16px; } .grid--12.hl_gutter--17px { margin-top: -17px; margin-left: -17px; } .grid--12.hl_gutter--17px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 17px; padding-left: 17px; } .grid--12.hl_gutter--18px { margin-top: -18px; margin-left: -18px; } .grid--12.hl_gutter--18px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 18px; padding-left: 18px; } .grid--12.hl_gutter--19px { margin-top: -19px; margin-left: -19px; } .grid--12.hl_gutter--19px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 19px; padding-left: 19px; } .grid--12.hl_gutter--20px { margin-top: -20px; margin-left: -20px; } .grid--12.hl_gutter--20px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 20px; padding-left: 20px; } .grid--12.hl_gutter--21px { margin-top: -21px; margin-left: -21px; } .grid--12.hl_gutter--21px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 21px; padding-left: 21px; } .grid--12.hl_gutter--22px { margin-top: -22px; margin-left: -22px; } .grid--12.hl_gutter--22px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 22px; padding-left: 22px; } .grid--12.hl_gutter--23px { margin-top: -23px; margin-left: -23px; } .grid--12.hl_gutter--23px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 23px; padding-left: 23px; } .grid--12.hl_gutter--24px { margin-top: -24px; margin-left: -24px; } .grid--12.hl_gutter--24px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 24px; padding-left: 24px; } .grid--12.hl_gutter--25px { margin-top: -25px; margin-left: -25px; } .grid--12.hl_gutter--25px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 25px; padding-left: 25px; } .grid--12.hl_gutter--26px { margin-top: -26px; margin-left: -26px; } .grid--12.hl_gutter--26px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 26px; padding-left: 26px; } .grid--12.hl_gutter--27px { margin-top: -27px; margin-left: -27px; } .grid--12.hl_gutter--27px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 27px; padding-left: 27px; } .grid--12.hl_gutter--28px { margin-top: -28px; margin-left: -28px; } .grid--12.hl_gutter--28px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 28px; padding-left: 28px; } .grid--12.hl_gutter--29px { margin-top: -29px; margin-left: -29px; } .grid--12.hl_gutter--29px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 29px; padding-left: 29px; } .grid--12.hl_gutter--30px { margin-top: -30px; margin-left: -30px; } .grid--12.hl_gutter--30px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 30px; padding-left: 30px; } .grid--12.hl_gutter--31px { margin-top: -31px; margin-left: -31px; } .grid--12.hl_gutter--31px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 31px; padding-left: 31px; } .grid--12.hl_gutter--32px { margin-top: -32px; margin-left: -32px; } .grid--12.hl_gutter--32px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 32px; padding-left: 32px; } .grid--12.hl_gutter--33px { margin-top: -33px; margin-left: -33px; } .grid--12.hl_gutter--33px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 33px; padding-left: 33px; } .grid--12.hl_gutter--34px { margin-top: -34px; margin-left: -34px; } .grid--12.hl_gutter--34px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 34px; padding-left: 34px; } .grid--12.hl_gutter--35px { margin-top: -35px; margin-left: -35px; } .grid--12.hl_gutter--35px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 35px; padding-left: 35px; } .grid--12.hl_gutter--36px { margin-top: -36px; margin-left: -36px; } .grid--12.hl_gutter--36px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 36px; padding-left: 36px; } .grid--12.hl_gutter--37px { margin-top: -37px; margin-left: -37px; } .grid--12.hl_gutter--37px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 37px; padding-left: 37px; } .grid--12.hl_gutter--38px { margin-top: -38px; margin-left: -38px; } .grid--12.hl_gutter--38px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 38px; padding-left: 38px; } .grid--12.hl_gutter--39px { margin-top: -39px; margin-left: -39px; } .grid--12.hl_gutter--39px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 39px; padding-left: 39px; } .grid--12.hl_gutter--40px { margin-top: -40px; margin-left: -40px; } .grid--12.hl_gutter--40px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 40px; padding-left: 40px; } .grid--12.hl_gutter--41px { margin-top: -41px; margin-left: -41px; } .grid--12.hl_gutter--41px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 41px; padding-left: 41px; } .grid--12.hl_gutter--42px { margin-top: -42px; margin-left: -42px; } .grid--12.hl_gutter--42px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 42px; padding-left: 42px; } .grid--12.hl_gutter--43px { margin-top: -43px; margin-left: -43px; } .grid--12.hl_gutter--43px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 43px; padding-left: 43px; } .grid--12.hl_gutter--44px { margin-top: -44px; margin-left: -44px; } .grid--12.hl_gutter--44px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 44px; padding-left: 44px; } .grid--12.hl_gutter--45px { margin-top: -45px; margin-left: -45px; } .grid--12.hl_gutter--45px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 45px; padding-left: 45px; } .grid--12.hl_gutter--46px { margin-top: -46px; margin-left: -46px; } .grid--12.hl_gutter--46px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 46px; padding-left: 46px; } .grid--12.hl_gutter--47px { margin-top: -47px; margin-left: -47px; } .grid--12.hl_gutter--47px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 47px; padding-left: 47px; } .grid--12.hl_gutter--48px { margin-top: -48px; margin-left: -48px; } .grid--12.hl_gutter--48px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 48px; padding-left: 48px; } .grid--12.hl_gutter--49px { margin-top: -49px; margin-left: -49px; } .grid--12.hl_gutter--49px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 49px; padding-left: 49px; } .grid--12.hl_gutter--50px { margin-top: -50px; margin-left: -50px; } .grid--12.hl_gutter--50px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 50px; padding-left: 50px; } .grid--12.hl_gutter--51px { margin-top: -51px; margin-left: -51px; } .grid--12.hl_gutter--51px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 51px; padding-left: 51px; } .grid--12.hl_gutter--52px { margin-top: -52px; margin-left: -52px; } .grid--12.hl_gutter--52px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 52px; padding-left: 52px; } .grid--12.hl_gutter--53px { margin-top: -53px; margin-left: -53px; } .grid--12.hl_gutter--53px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 53px; padding-left: 53px; } .grid--12.hl_gutter--54px { margin-top: -54px; margin-left: -54px; } .grid--12.hl_gutter--54px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 54px; padding-left: 54px; } .grid--12.hl_gutter--55px { margin-top: -55px; margin-left: -55px; } .grid--12.hl_gutter--55px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 55px; padding-left: 55px; } .grid--12.hl_gutter--56px { margin-top: -56px; margin-left: -56px; } .grid--12.hl_gutter--56px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 56px; padding-left: 56px; } .grid--12.hl_gutter--57px { margin-top: -57px; margin-left: -57px; } .grid--12.hl_gutter--57px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 57px; padding-left: 57px; } .grid--12.hl_gutter--58px { margin-top: -58px; margin-left: -58px; } .grid--12.hl_gutter--58px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 58px; padding-left: 58px; } .grid--12.hl_gutter--59px { margin-top: -59px; margin-left: -59px; } .grid--12.hl_gutter--59px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 59px; padding-left: 59px; } .grid--12.hl_gutter--60px { margin-top: -60px; margin-left: -60px; } .grid--12.hl_gutter--60px > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 60px; padding-left: 60px; } } .grid__col--1 { float: left; width: 8.33333%; } .grid__col--2 { float: left; width: 16.66667%; } .grid__col--3 { float: left; width: 25%; } .grid__col--4 { float: left; width: 33.33333%; } .grid__col--5 { float: left; width: 41.66667%; } .grid__col--6 { float: left; width: 50%; } .grid__col--7 { float: left; width: 58.33333%; } .grid__col--8 { float: left; width: 70.66667%; } .grid__col--9 { float: left; width: 75%; } .grid__col--10 { float: left; width: 83.33333%; } .grid__col--11 { float: left; width: 91.66667%; } .grid__col--12 { float: left; width: 100%; } @media screen and (max-width: 1200px) { .liquid_grid__col--1 { float: left; width: 8.33333%; } .liquid_grid__col--2 { float: left; width: 16.66667%; } .liquid_grid__col--3 { float: left; width: 25%; } .liquid_grid__col--4 { float: left; width: 33.33333%; } .liquid_grid__col--5 { float: left; width: 41.66667%; } .liquid_grid__col--6 { float: left; width: 50%; } .liquid_grid__col--7 { float: left; width: 58.33333%; } .liquid_grid__col--8 { float: left; width: 66.66667%; } .liquid_grid__col--9 { float: left; width: 75%; } .liquid_grid__col--10 { float: left; width: 83.33333%; } .liquid_grid__col--11 { float: left; width: 91.66667%; } .liquid_grid__col--12 { float: left; width: 100%; } } @media screen and (max-width: 1024px) { .tb_grid__col--1 { float: left; width: 8.33333%; } .tb_grid__col--2 { float: left; width: 16.66667%; } .tb_grid__col--3 { float: left; width: 25%; } .tb_grid__col--4 { float: left; width: 33.33333%; } .tb_grid__col--5 { float: left; width: 41.66667%; } .tb_grid__col--6 { float: left; width: 50%; } .tb_grid__col--7 { float: left; width: 58.33333%; } .tb_grid__col--8 { float: left; width: 66.66667%; } .tb_grid__col--9 { float: left; width: 75%; } .tb_grid__col--10 { float: left; width: 83.33333%; } .tb_grid__col--11 { float: left; width: 91.66667%; } .tb_grid__col--12 { float: left; width: 100%; } } @media screen and (max-width: 767px) { .sp_grid__col--1 { float: left; width: 8.33333%; } .sp_grid__col--2 { float: left; width: 16.66667%; } .sp_grid__col--3 { float: left; width: 25%; } .sp_grid__col--4 { float: left; width: 33.33333%; } .sp_grid__col--5 { float: left; width: 41.66667%; } .sp_grid__col--6 { float: left; width: 50%; } .sp_grid__col--7 { float: left; width: 58.33333%; } .sp_grid__col--8 { float: left; width: 66.66667%; } .sp_grid__col--9 { float: left; width: 75%; } .sp_grid__col--10 { float: left; width: 83.33333%; } .sp_grid__col--11 { float: left; width: 91.66667%; } .sp_grid__col--12 { float: left; width: 100%; } } @media screen and (max-width: 1150px) { .hl_grid__col--1 { float: left; width: 8.33333%; } .hl_grid__col--2 { float: left; width: 16.66667%; } .hl_grid__col--3 { float: left; width: 25%; } .hl_grid__col--4 { float: left; width: 33.33333%; } .hl_grid__col--5 { float: left; width: 41.66667%; } .hl_grid__col--6 { float: left; width: 50%; } .hl_grid__col--7 { float: left; width: 58.33333%; } .hl_grid__col--8 { float: left; width: 66.66667%; } .hl_grid__col--9 { float: left; width: 75%; } .hl_grid__col--10 { float: left; width: 83.33333%; } .hl_grid__col--11 { float: left; width: 91.66667%; } .hl_grid__col--12 { float: left; width: 100%; } } p + .grid--12 { padding-top: 30px; } @media screen and (max-width: 767px) { p + .grid--12 { padding-top: 20px; } } .c-heading-lv1, .c-heading-lv2 { font-family: "Noto Sans Japanese"; } .c-heading-lv1 { margin-top: 10px; letter-spacing: .05em; font-size: 171%; line-height: 1; } .c-heading-lv2 { margin: 50px 0 20px; font-size: 171%; line-height: 1.3636; } @media screen and (max-width: 767px) { .c-heading-lv2 { font-size: 157%; } } .c-heading-lv2 a { display: inline-block; } @media screen and (min-width: 768px) { .c-heading-lv2 a:hover { opacity: .7; } } .c-heading-lv2 .ico-arrow { font-size: 67%; color: #b6b6b8; } .c-heading-lv2 .ico-arrow:before { top: -2px; left: 7px; } .c-heading-lv2-line { margin-bottom: 10px; padding: 0 0 10px 10px; border-bottom: 2px solid #e8e8e8; } .c-heading-lv3 { margin: 40px 0 20px; font-size: 129%; font-weight: bold; } @media screen and (max-width: 767px) { .c-heading-lv3 { margin: 20px 0; font-size: 107%; } } .c-heading-lv3 .ico-arrow { font-size: 89%; color: #b6b6b8; } .c-heading-lv3 .ico-arrow:before { left: 4px; } .c-heading-lv4 { margin: 60px 0 20px; padding: 12px 0 12px 5px; font-size: 114%; font-weight: bold; color: #0059af; border-bottom: 1px solid #d5d5d5; } @media screen and (max-width: 767px) { .c-heading-lv4 { margin: 30px 0 20px; padding: 0; font-size: 100%; font-weight: normal; border: none; } } @media screen and (max-width: 767px) { .tab-contents .c-heading-lv4 { padding-bottom: 12px; font-size: 114%; font-weight: bold; border-bottom: 1px solid #d5d5d5; } } .c-heading-lv5 { margin: 60px 0 20px; padding: 12px 0 12px 5px; font-size: 114%; font-weight: bold; border-bottom: 1px solid #d5d5d5; } @media screen and (max-width: 767px) { .c-heading-lv5 { margin: 30px 0 20px; padding: 0; font-size: 100%; font-weight: normal; border: none; } } .c-heading-lv6 { margin: 40px 0 20px; font-weight: bold; } @media screen and (max-width: 767px) { .c-heading-lv6 { margin: 20px 0; font-size: 86%; } } .c-heading-basic { margin-bottom: 15px; font-size: 114%; font-weight: bold; } .c-heading-basic .ico-arrow { position: relative; width: 5px; color: #b6b6b8; } .c-heading-basic .ico-arrow:before { position: absolute; z-index: 1; top: 50%; left: 3px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .c-heading-basic a { display: inline-block; } @media screen and (min-width: 768px) { .c-heading-basic a:hover { opacity: .7; } } .c-heading-title { margin-bottom: 12px; padding: 0 0 6px 10px; font-size: 114%; line-height: 1.714; border-bottom: 2px solid #e8e8e8; } @media screen and (max-width: 767px) { .c-heading-title { margin-top: 30px; } } @font-face { font-family: "icomoon"; font-weight: normal; font-style: normal; src: url("../../font/icomoon.eot"); src: url("../../font/icomoon.eot") format("embedded-opentype"), url("../../font/icomoon.ttf") format("truetype"), url("../../font/icomoon.woff") format("woff"), url("../../font/icomoon.svg?pjz8l#icomoon") format("svg"); } [class^="ico-"]:before, [class*=" ico-"] { /* use !important to prevent issues with browser extensions that change fonts */ position: relative; font-family: "icomoon" !important; font-weight: normal; font-style: normal; font-variant: normal; line-height: 1; text-transform: none; speak: none; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .ico-arrow:before { content: "\e900"; } .ico-minus:before { content: "\e901"; } .ico-plus:before { content: "\e902"; } .ico-triangle:before { content: "\e903"; } .ico-blank:before { content: "\e904"; } .ico-pdf:before { content: "\e905"; } .ico-mail:before { content: "\e906"; } .ico-attention:before { content: "\e907"; } .ico-base:before { content: "\e908"; } .ico-book:before { content: "\e909"; } .ico-rss:before { content: "\e90a"; } .ico-search:before { content: "\e90b"; } .ico-gear:before { content: "\e90c"; } .ico-tech:before { content: "\e90d"; } .ico-pin:before { content: "\e90e"; } .ico-phone:before { content: "\e90f"; } .ico-checkmark:before { content: "\ea10"; } .ico-document:before { content: url("../../img/ja/common/i_document.png"); } .ico-forest, .ico-dish { position: relative; display: inline-block; } .ico-forest:before, .ico-dish:before { position: absolute; top: 50%; left: 0; display: inline-block; content: ""; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); background: center/cover; } .ico-forest { padding-left: 26px; } .ico-forest:before { width: 17px; height: 17px; background-image: url("/img/ja/icon/ico_forest_01.svg"); } .ico-dish { padding-left: 22px; } .ico-dish:before { width: 16px; height: 11px; background-image: url("/img/ja/icon/ico_dish_01.png"); } .rmb_l { margin-bottom: 50px !important; } .rmt_l { margin-top: 50px !important; } .rmr_l { margin-right: 50px !important; } .rml_l { margin-left: 50px !important; } .rmb_m { margin-bottom: 40px !important; } .rmt_m { margin-top: 40px !important; } .rmr_m { margin-right: 40px !important; } .rml_m { margin-left: 40px !important; } .rmb_s { margin-bottom: 30px !important; } .rmt_s { margin-top: 30px !important; } .rmr_s { margin-right: 30px !important; } .rml_s { margin-left: 30px !important; } .rmb_xs { margin-bottom: 20px !important; } .rmt_xs { margin-top: 20px !important; } .rmr_xs { margin-right: 20px !important; } .rml_xs { margin-left: 20px !important; } @media screen and (max-width: tablet) { .rmb_l { margin-bottom: 40px !important; } .rmt_l { margin-top: 40px !important; } .rmr_l { margin-right: 40px !important; } .rml_l { margin-left: 40px !important; } .rmb_m { margin-bottom: 30px !important; } .rmt_m { margin-top: 30px !important; } .rmr_m { margin-right: 30px !important; } .rml_m { margin-left: 30px !important; } .rmb_s { margin-bottom: 25px !important; } .rmt_s { margin-top: 25px !important; } .rmr_s { margin-right: 25px !important; } .rml_s { margin-left: 25px !important; } } @media screen and (max-width: 767px) { .rmb_l { margin-bottom: 30px !important; } .rmt_l { margin-top: 30px !important; } .rmr_l { margin-right: 30px !important; } .rml_l { margin-left: 30px !important; } .rmb_m { margin-bottom: 25px !important; } .rmt_m { margin-top: 25px !important; } .rmr_m { margin-right: 25px !important; } .rml_m { margin-left: 25px !important; } .rmb_s { margin-bottom: 20px !important; } .rmt_s { margin-top: 20px !important; } .rmr_s { margin-right: 20px !important; } .rml_s { margin-left: 20px !important; } .rmb_xs { margin-bottom: 15px !important; } .rmt_xs { margin-top: 15px !important; } .rmr_xs { margin-right: 15px !important; } .rml_xs { margin-left: 15px !important; } } .margin_example { margin-bottom: 5%; } .panel__item { padding: 20px; border: 1px solid #ccc; border-radius: 3px; background-color: #eee; } .search-tile { width: 1006px; margin: 0 auto; } @media screen and (max-width: 1024px) { .search-tile { width: 100%; padding: 0 4px; } } .search-tile a { display: block; height: 100%; text-align: center; border: 1px solid #d5d5d5; background-color: #fff; } @media screen and (max-width: 767px) { .search-tile a { padding: 10px; } } @media screen and (min-width: 768px) { .search-tile a:hover { opacity: .7; } } .search-tile figure { height: 90px; text-align: center; } .search-tile figure img { position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .search-tile p { padding: 5px 5px 5px 0; } .search-tile .ico-arrow { position: relative; display: inline; color: #b6b6b8; } .search-tile .ico-arrow:before { position: absolute; top: 50%; left: 3px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .search-syllabary-btn { overflow: hidden; margin: -20px 0 0 -54px; } @media screen and (max-width: 767px) { .search-syllabary-btn { margin: 0; } } .search-syllabary-btn > li { float: left; margin-left: 54px; } @media screen and (max-width: 767px) { .search-syllabary-btn > li { float: none; margin-left: 0; } } .search-syllabary-btn > li > ul { overflow: hidden; margin-left: -20px; } @media screen and (max-width: 767px) { .search-syllabary-btn > li > ul { display: -webkit-box; display: -ms-flexbox; display: flex; justify-content: center; -ms-flex-pack: center; -webkit-box-pack: center; } } .search-syllabary-btn > li > ul li { display: block; float: left; width: 40px; height: 40px; margin: 20px 0 0 20px; text-align: center; font-size: 157%; } @media screen and (max-width: 767px) { .search-syllabary-btn > li > ul li { float: none; } } .search-syllabary-btn > li > ul a, .search-syllabary-btn > li > ul span { display: block; height: 100%; padding-top: 7px; } .search-syllabary-btn > li > ul a { background: #eee; } @media screen and (min-width: 768px) { .search-syllabary-btn > li > ul a:hover { opacity: .7; } } .search-syllabary-btn-wrap { width: 948px; margin: 0 auto; } @media screen and (max-width: 1024px) { .search-syllabary-btn-wrap { width: 614px; } } @media screen and (max-width: 767px) { .search-syllabary-btn-wrap { width: 100%; } } .search-syllabary-main { margin-top: 30px; padding: 40px 0; } @media screen and (max-width: 767px) { .search-syllabary-main { margin-top: 15px; padding: 20px 0; } } .search-syllabary-main > li { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 30px; padding: 24px 48px 24px 24px; background-color: #fff; } @media screen and (max-width: 767px) { .search-syllabary-main > li { display: block; margin-top: 15px; padding: 15px; } } .search-syllabary-main > li:first-child { margin-top: 0; } .search-syllabary-main > li > ul { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; margin-bottom: -15px; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media screen and (max-width: 767px) { .search-syllabary-main > li > ul { display: block; } } .search-syllabary-main > li > ul > li { width: 33.3%; margin-bottom: 15px; } @media screen and (max-width: 767px) { .search-syllabary-main > li > ul > li { width: 100%; } } .search-syllabary-main p { width: 94px; font-size: 171%; line-height: 1; -ms-flex-negative: 0; flex-shrink: 0; } @media screen and (max-width: 767px) { .search-syllabary-main p { width: 100%; margin-bottom: 15px; } } @media screen and (min-width: 768px) { .search-syllabary-main a:hover { text-decoration: underline; } } .search-keyword-in { width: 510px; margin: 0 auto 60px; } @media screen and (max-width: 767px) { .search-keyword-in { width: calc(100% - 20px); padding: 0 10px; } } .search-keyword form { display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; justify-content: center; width: 100%; } .search-keyword form p { padding-right: 20px; color: #0059af; font-size: 128.5714285714%; font-weight: bold; } .search-keyword form div { display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; justify-content: center; border-bottom: 1px solid #ccc; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .search-keyword input[type="text"] { height: 40px; padding: 5px; font-size: 100%; border: none; vertical-align: middle; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .search-keyword input[type="button"] { width: 18px; height: 18px; -webkit-transition-duration: .3s; transition-duration: .3s; color: #fff; border: none; background: url("../../img/ja/common/i_search.png") center/cover; -ms-flex-negative: 0; flex-shrink: 0; } @media screen and (min-width: 768px) { .search-keyword input[type="button"]:hover { opacity: .7; } } .section { position: relative; } .section-in { max-width: 1220px; margin: 0 auto; padding: 0 10px; } @media screen and (max-width: 767px) { .section-in { width: 100%; padding: 0 10px; } } .section-in-w920 { max-width: 940px; margin: 0 auto; padding: 0 10px; } @media screen and (max-width: 767px) { .section-in-w920 { width: 100%; } } .section-in-w800 { max-width: 820px; margin: 0 auto; padding: 0 10px; } @media screen and (max-width: 767px) { .section-in-w800 { width: 100%; } } .section-in-w760 { max-width: 780px; margin: 0 auto; padding: 0 10px; } @media screen and (max-width: 767px) { .section-in-w760 { width: 100%; } } .section-in-w700 { max-width: 720px; margin: 0 auto; padding: 0 10px; } @media screen and (max-width: 767px) { .section-in-w700 { width: 100%; } } .section-in-w650 { max-width: 670px; margin: 0 auto; padding: 0 10px; } @media screen and (max-width: 767px) { .section-in-w650 { width: 100%; } } .section-in-w490 { max-width: 490px; margin: 0 auto; } @media screen and (max-width: 767px) { .section-in-w490 { width: 100%; } } .section-in-w390 { max-width: 390px; margin: 0 auto; } @media screen and (max-width: 767px) { .section-in-w390 { width: 100%; } } .sec-basic { padding: 56px 0 90px; } @media screen and (max-width: 767px) { .sec-basic { padding: 45px 0 35px; } } .sec-basic .section-in { padding: 0 10px; } @media screen and (max-width: 767px) { .sec-basic .section-in { padding: 0 8px; } } .sec-basic-header { padding: 0 10px; text-align: center; } .sec-basic-title { font-family: "Lato", sans-serif; font-size: 243%; font-weight: 700; font-style: italic; line-height: 1; } @media screen and (max-width: 767px) { .sec-basic-title { font-size: 264%; } } .sec-basic-title span { display: block; margin: 10px 0 52px; font-family: "Noto Sans Japanese"; font-size: 41%; font-weight: 400; font-style: normal; color: #0059af; } @media screen and (max-width: 767px) { .sec-basic-title span { margin: 6px 0 50px; font-size: 38%; } } .sec-basic-title + ul { padding-top: 0; } .sec-link { padding: 90px 0; } @media screen and (max-width: 767px) { .sec-link { padding: 45px 0; } } .sec-link li { margin-top: 5px; } @media screen and (max-width: 767px) { .sec-link li { margin-top: 0; } } .sec-link .grid--12 p { float: none; margin: 0 auto; } .tab-btns { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 10px; cursor: pointer; justify-content: center; -ms-flex-pack: center; -webkit-box-pack: center; } @media screen and (max-width: 767px) { .tab-btns { display: block; overflow: hidden; border-top: 1px solid #e8e8e8; border-left: 1px solid #e8e8e8; } } .tab-btns-wfull > li { width: auto; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .tab-btns > li { width: 245px; margin: 0 4px; padding-bottom: 6px; -webkit-transition-duration: .3s; transition-duration: .3s; text-align: center; font-size: 114%; opacity: .7; border-bottom: 2px solid #ccc; } @media screen and (max-width: 1024px) { .tab-btns > li { font-size: 100%; -webkit-font-feature-settings: "palt"; font-feature-settings: "palt"; } } @media screen and (max-width: 767px) { .tab-btns > li { position: relative; display: block; float: left; width: 50%; height: 49px; margin: 0; padding: 0; opacity: 1; border-right: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8; background-color: #fff; -webkit-font-feature-settings: normal; font-feature-settings: normal; } } .tab-btns > li:hover { opacity: 1; border-color: #000; } .tab-btns > li.is-active { position: relative; opacity: 1; border-color: #000; } @media screen and (max-width: 767px) { .tab-btns > li.is-active { color: #fff; border-color: #e8e8e8; background-color: #0059af; } } .tab-btns > li.is-active:after { position: absolute; top: calc(100% + 2px); left: 50%; content: ""; width: 0; height: 0; margin-left: -6px; border-width: 6px 6px 0 6px; border-style: solid; border-color: #000 transparent transparent transparent; } @media screen and (max-width: 767px) { .tab-btns > li.is-active:after { display: none; } } @media screen and (max-width: 767px) { .tab-btns > li.is-active a { color: #fff; } } @media screen and (max-width: 767px) { .tab-btns > li span { position: absolute; top: 50%; display: block; width: 100%; padding: 0 5px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } } .tab-btns-square { width: 100%; margin-bottom: 0; border: 1px solid #e8e8e8; } @media screen and (max-width: 767px) { .tab-btns-square { display: block; } } .tab-btns-square > li { margin: 0; padding: 16px 0; text-align: center; font-size: 100%; opacity: 1; border-bottom: none; background-color: #f7f7f7; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } @media screen and (max-width: 767px) { .tab-btns-square > li { display: block; width: 100%; } } .tab-btns-square > li.is-active, .tab-btns-square > li:hover { color: #fff; background-color: #0059af; } .tab-btns-square > li:after { display: none; } @media screen and (max-width: 767px) { .tab-btns-spfull > li { width: 100%; } } @media screen and (max-width: 767px) { .section > .tab { padding: 0 10px; } } .toggle:last-of-type, .accordion:last-of-type { border-bottom: 1px solid #d5d5d5; } .toggle-title, .accordion-title { display: block; padding: 10px 0; cursor: pointer; border-top: 1px solid #d5d5d5; } .toggle-title:hover, .accordion-title:hover { background-color: #f1f1f1; } .toggle-title:before, .accordion-title:before { display: inline-block; content: "+"; width: 18px; text-align: center; } .toggle__content, .accordion__content { padding: 15px; } .toggle.selected .title:before, .accordion.selected .title:before { content: "-"; } /* Scope */ .csr .color_csrconduct { color: #1995dc; } @media screen and (max-width: 767px) { .csr .c-fig-r_csrconduct { width: 30%; margin: 0 auto; } } .dev-detail .c-heading-lv2 { margin-top: 85px; } @media screen and (max-width: 767px) { .dev-detail .c-heading-lv2 { margin-top: 50px; } } .dev-detail .c-heading-lv6 { margin-top: 80px; } @media screen and (max-width: 767px) { .dev-detail .c-heading-lv6 { margin-top: 40px; font-size: 100%; } } .dev-detail .c-list-circle { margin-top: 25px; } .company.ir .message-hero { position: relative; max-width: 960px; } .company.ir .message-hero .c-fig { width: 100%; height: 420px; text-align: center; background: url("/img/ja/company/ir/img_message_01.jpg") no-repeat center/cover; } @media screen and (max-width: 767px) { .company.ir .message-hero .c-fig { height: 300px; background-position-x: 80%; } } .company.ir .message-hero-text { position: absolute; top: 45%; left: 5%; padding: 3%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); color: #fff; background-color: #095fb0; } .company.ir .message-hero-text p { font-size: 20px; } @media screen and (max-width: 1024px) { .company.ir .message-hero-text p { font-size: 16px; } } @media screen and (max-width: 767px) { .company.ir .message-hero-text { position: static; } } .company.jigyou .c-list-anchor { max-width: 1200px; margin: 60px auto 45px; padding: 0 60px; } @media screen and (max-width: 767px) { .company.jigyou .c-list-anchor { margin: 30px 0 20px; padding: 0 10px; } } .company.jigyou .sec-jigyou .section-in { display: table; width: 100%; padding: 40px 10px; } @media screen and (max-width: 767px) { .company.jigyou .sec-jigyou .section-in { display: block; padding: 20px 10px; } } .company.jigyou .sec-jigyou .section-in > div { display: table-cell; vertical-align: middle; } .company.jigyou .sec-jigyou .jigyou-text { width: 390px; } @media screen and (max-width: 767px) { .company.jigyou .sec-jigyou .jigyou-text { width: 100%; padding: 0; } } .company.jigyou .sec-jigyou .c-heading-lv2 { margin-top: 0; } .company.jigyou .sec-jigyou figure.sp_none { display: table-cell; width: 654px; vertical-align: middle; } @media screen and (max-width: 1200px) { .company.jigyou .sec-jigyou figure.sp_none { width: 54.5vw; } } @media screen and (max-width: 767px) { .company.jigyou .sec-jigyou figure.sp_none { width: 100%; padding: 0 10px; } } .company.jigyou .sec-jigyou.u-bg-gray .section-in { justify-content: flex-start; -ms-flex-pack: start; -webkit-box-pack: start; } .company.jigyou .sec-jigyou.u-bg-gray .c-fig { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } .company.jigyou .sec-jigyou.sec-jigyou-01 .sp_mt0 { padding-left: 30px; } @media screen and (max-width: 767px) { .company.jigyou .sec-jigyou.sec-jigyou-01 .sp_mt0 { padding-left: 0; } } .company.jigyou .sec-jigyou.sec-jigyou-01 figure.sp_none { padding-left: 40px; } @media screen and (max-width: 1200px) { .company.jigyou .sec-jigyou.sec-jigyou-01 figure.sp_none img { width: 45vw; } } .company.jigyou .sec-jigyou.sec-jigyou-02 .sp_mt0 { padding: 0 30px 0 100px; } @media screen and (max-width: 1200px) { .company.jigyou .sec-jigyou.sec-jigyou-02 .sp_mt0 { padding: 0 2.5vw 0 8.333vw; } } @media screen and (max-width: 767px) { .company.jigyou .sec-jigyou.sec-jigyou-02 .sp_mt0 { padding: 0; } } @media screen and (max-width: 1200px) { .company.jigyou .sec-jigyou.sec-jigyou-02 figure.sp_none img { width: 48.33vw; } } .company.jigyou .sec-jigyou.sec-jigyou-03 .sp_mt0 { padding-left: 30px; } @media screen and (max-width: 767px) { .company.jigyou .sec-jigyou.sec-jigyou-03 .sp_mt0 { padding-left: 0; } } @media screen and (max-width: 1200px) { .company.jigyou .sec-jigyou.sec-jigyou-03 figure.sp_none img { width: 50.16vw; } } .company.jigyou .sec-jigyou.sec-jigyou-04 .sp_mt0 { padding: 0 30px 0 100px; } @media screen and (max-width: 1200px) { .company.jigyou .sec-jigyou.sec-jigyou-04 .sp_mt0 { padding: 0 2.5vw 0 8.333vw; } } @media screen and (max-width: 767px) { .company.jigyou .sec-jigyou.sec-jigyou-04 .sp_mt0 { padding: 0; } } .company.jigyou .sec-jigyou.sec-jigyou-04 figure.sp_none img { padding-right: 100px; } @media screen and (max-width: 1200px) { .company.jigyou .sec-jigyou.sec-jigyou-04 figure.sp_none img { width: 36.58vw; padding-right: 8.33vw; } } .company.jigyou .c-list-border a { color: #333; } .company.jigyou .hero { height: 650px; margin-top: 25px; background: center/cover; } @media screen and (max-width: 767px) { .company.jigyou .hero { height: 0; margin-top: 0; padding-bottom: 47.5%; } } .company.jigyou .hero-txt { position: absolute; top: 85px; left: 50%; width: 570px; margin-left: -580px; padding: 30px; letter-spacing: .05em; line-height: 1.571; color: #fff; background: rgba(0, 0, 0, 0.5); } @media screen and (max-width: 1200px) { .company.jigyou .hero-txt { left: 20px; margin-left: 0; } } @media screen and (max-width: 767px) { .company.jigyou .hero-txt { position: relative; top: 0; left: 0; width: 100%; margin: 0; padding: 15px 10px; background: #000; } } .company.jigyou .hero-title { font-size: 243%; } @media screen and (max-width: 767px) { .company.jigyou .hero-title { font-size: 171%; } } .company.jigyou .hero-title-sub { margin-top: 20px; font-size: 171%; line-height: 1.458; } @media screen and (max-width: 767px) { .company.jigyou .hero-title-sub { font-size: 129%; } } .company.jigyou .hero-title-sub + p { margin-top: 20px; } .company.jigyou .hero-industrial { background-image: url("/img/ja/company/jigyou/industrial/hero_01.jpg"); } .company.jigyou .hero-ceramic_material { background: right center/cover; background-image: url("/img/ja/company/jigyou/ceramic_material/hero_01.jpg"); } .company.jigyou .hero-engineering { background-image: url("/img/ja/company/jigyou/engineering/hero_01.jpg"); } .company.jigyou .hero-tableware { background-image: url("/img/ja/company/jigyou/tableware/hero_01.jpg"); } .contact .c-fig.c-fig-l { margin-right: 20px; } .contact .grid--12 .c-line { height: 100%; } .contact .grid--12 .c-line.clear_fix, .contact .grid--12 .c-line.grid--12 { padding-bottom: 30px; } .contact .grid--12 .c-heading-basic { padding-right: 5px; } .contact .pdf-download { margin-bottom: -65px; } .contact .pdf-download li { margin-bottom: 65px; } @media screen and (max-width: 767px) { .contact .pdf-download li { margin-bottom: 30px; } } .contact .pdf-download .c-fig { min-height: 283px; } @media screen and (max-width: 767px) { .contact .pdf-download .c-fig { width: 50%; min-height: 0; margin: 0 auto; } } .contact .pdf-download .c-heading-basic { margin-top: 15px; } .nca .header-id { top: 15px; left: 1px; } @media screen and (max-width: 1024px) { .nca .header-id { top: 14px; left: 12px; width: 221px; } } .nca .header-link { right: 226px; } .nca .header-link > li:first-child { padding-left: 24px; border-left: 1px solid #d5d5d5; } .nca .header-company { position: absolute; top: 19px; right: 1px; width: 203px; } @media screen and (max-width: 1024px) { .nca .header-company { display: none; } } .nca .header-company img { width: 100%; height: auto; } .nca .header.is-fixed .header-id { top: 14px; left: 12px; width: 221px; } .nca .header.is-fixed .header-id img { width: 100%; height: auto; } .nca .header.is-fixed .header-link { display: none; } .nca .header.is-fixed .header-company { display: none; } .nca .nav-global-list li { width: 20%; } .nca .footer-nav-list { padding-bottom: 30px; } .nca .fig-hero { width: 100%; height: 520px; background: url("/img/ja/nca/top/hero_01.jpg") center/cover; } @media screen and (max-width: 767px) { .nca .fig-hero { height: 240px; } } .nca .top-recruit { padding: 65px 0 90px; } @media screen and (max-width: 767px) { .nca .top-recruit { padding: 20px 0 !important; } } .nca.water-proof .th-01 { background: #f7faff; } .nca.water-proof .th-02 { background-color: #fcf5f8; } .nca.water-proof .th-03 { background-color: #fbfde1; } .nca .txt-spec-01 { margin: 12px 15px; font-size: 86%; } .nca .company-menu a { background-color: transparent; } .nca .company-menu figcaption { padding-left: 3px; font-size: 114%; } .news .contents { padding-bottom: 40px; } .news .main { float: none; width: 760px; margin: 0 auto; } @media screen and (max-width: 780px) { .news .main { width: 100%; padding: 0 10px; } } @media screen and (max-width: 767px) { .news .main { width: 100%; margin-top: 25px; padding: 0; } } .news .c-list-update { border-top: 1px solid #d5d5d5; } .news .c-list-update li { border-bottom: 1px solid #d5d5d5; } .news.detail .contents { padding-bottom: 76px; } @media screen and (max-width: 767px) { .news.detail .contents { padding-bottom: 40px; } } .news.detail .entry-date { margin-bottom: 5px; text-align: right; letter-spacing: .05em; line-height: 1.85; } .news.detail .entry-title { padding: 36px 5px; border-top: 1px solid #d5d5d5; border-bottom: 1px solid #d5d5d5; } .news.detail .entry-title h2 { font-size: 171%; font-weight: bold; } .news.detail .entry-body .c-heading-lv3 { margin-top: 40px; } .news.detail .entry-body .c-box-border { padding: 20px; } .news.detail .entry-body .c-box-border .c-heading-lv3 { margin-top: 0; } .news.detail .entry-body .c-box-border p:first-child { margin-top: 0; } .news.detail .entry-body .c-box-border p:last-child { margin-bottom: 0; } .news.detail .entry-body p { margin: 20px 0; } .news.detail .entry-body .clear_fix, .news.detail .entry-body .grid--12 { margin: 30px 0; } .news.detail .entry-body .clear_fix p:first-child, .news.detail .entry-body .grid--12 p:first-child { margin-top: 0; } .news.detail .entry-body .clear_fix p:last-child, .news.detail .entry-body .grid--12 p:last-child { margin-bottom: 0; } .news.detail .entry-btn { margin-top: 54px; padding: 0 72px; } @media screen and (max-width: 767px) { .news.detail .entry-btn { margin-top: 27px; padding: 0 36px; } } /* ================================= 製品情報（CMS） ================================= */ .products.layer-2 .c-list-products-wrap { padding-bottom: 70px; } @media screen and (max-width: 767px) { .products.layer-2 .c-list-products-wrap { padding-bottom: 35px; } } .products .contents-products .bx-pager { display: -webkit-box; display: -ms-flexbox; display: flex; padding-top: 17px; justify-content: center; -ms-flex-pack: center; -webkit-box-pack: center; } .products .contents-products .bx-pager-item { overflow: hidden; height: 10px; } .products .contents-products .bx-pager-item a { position: relative; display: inline-block; width: 10px; height: 10px; margin: 0 10px; text-indent: -9999px; border-radius: 5px; background-color: #aaa; } .products .contents-products .bx-pager-item a.active { border: 1px solid #aaa; background-color: #fff; } @media screen and (min-width: 768px) { .products .contents-products .bx-pager-item a:hover { opacity: .7; } } .products .slider .link-product { display: -webkit-box; display: -ms-flexbox; display: flex; height: 150px; min-height: 150px; padding: 10px 0 10px 30px; -ms-flex-align: center; align-items: center; text-decoration: none; color: #666; border-bottom: 1px solid #e8e8e8; -webkit-box-align: center; } @media screen and (max-width: 1024px) { .products .slider .link-product { padding-left: 2.5%; } } @media screen and (max-width: 767px) { .products .slider .link-product { height: auto; padding-left: 0; } } @media screen and (min-width: 768px) { .products .slider .link-product:hover { opacity: .7; } } .products .slider .link-product p:first-child { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; } .products .slider .link-product p:first-child .tag { display: inline-block; margin-right: 7px; padding: 0 13px; font-size: 86%; line-height: 1.6666; background-color: #e8e8e8; } .products .slider .link-product p:first-child .txt-new { font-size: 114%; font-weight: bold; color: #f75060; } .products .slider .link-product p:last-child { margin-top: 10px; } .products .slider .c-fig { width: 170px; margin-right: 15px; } @media screen and (max-width: 1024px) { .products .slider .c-fig { width: 30%; } } @media screen and (max-width: 767px) { .products .slider .c-fig { width: 37.7777%; } } .products .slider .c-fig + div { -webkit-box-flex: 1; -ms-flex: 1 1 0; flex: 1 1 0; } @media screen and (max-width: 767px) { .products .slider .c-fig + div { margin-top: 0; } } .products .c-link-journal { text-decoration: underline; color: #0059af; } .products .t-note { font-size: 18px; } @media screen and (max-width: 767px) { .products .t-note { font-size: 14px; } } .tcf .header-id { top: 15px; left: 1px; } @media screen and (max-width: 1024px) { .tcf .header-id { top: 14px; left: 12px; width: 221px; } } .tcf .header-link { right: 226px; } .tcf .header-link > li:first-child { padding-left: 24px; border-left: 1px solid #d5d5d5; } .tcf .header-company { position: absolute; top: 19px; right: 1px; width: 203px; } @media screen and (max-width: 1024px) { .tcf .header-company { display: none; } } .tcf .header-company img { width: 100%; height: auto; } .tcf .header.is-fixed .header-id { top: 14px; left: 12px; width: 221px; } .tcf .header.is-fixed .header-id img { width: 100%; height: auto; } .tcf .header.is-fixed .header-link { display: none; } .tcf .header.is-fixed .header-company { display: none; } .tcf .fig-hero { width: 100%; height: 520px; background: url("/img/ja/tcf/top/hero_01.jpg") no-repeat center/cover; } @media screen and (max-width: 1024px) { .tcf .fig-hero { height: 0; padding-bottom: 38%; } } .tcf.top_content .banners .grid--12 { display: -webkit-box; display: -ms-flexbox; display: flex; justify-content: center; -ms-flex-pack: center; -webkit-box-pack: center; } @media screen and (max-width: 767px) { .tcf.top_content .banners .grid--12 { display: block; } } .tcf.top_content .contents-header_tcf { text-align: center; } @media screen and (max-width: 767px) { .tcf.top_content .contents-header_tcf { text-align: left; } } .tcf.top_content .section_tcftop .c-fig { width: 50%; } @media screen and (max-width: 767px) { .tcf.top_content .section_tcftop .c-fig { width: 100%; } } .tcf.top_content .c-box-border { width: 800px; margin: 0 auto; } @media screen and (max-width: 1024px) { .tcf.top_content .c-box-border { width: 100%; } } .tcf.top_content .c-box-border .flex { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -webkit-box-align: center; } @media screen and (max-width: 767px) { .tcf.top_content .c-box-border .flex { flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; } } .tcf.top_content .c-box-border .flex .c-fig { -ms-flex-negative: 0; flex-shrink: 0; } @media screen and (max-width: 767px) { .tcf.top_content .c-box-border .flex .c-fig { width: 100px; } } .tcf .company-menu a { background-color: transparent; } /* top page */ .top_content .sec-basic-title { font-size: 286%; } .top_content .sec-basic-title span { font-size: 35%; } .top_content .top-slider video { width: 100%; height: auto; } .top_content .top-slider-btn { position: fixed; z-index: 10; top: 200px; right: 0; } @media screen and (max-width: 767px) { .top_content .top-slider-btn { display: none; } } .top_content .top-slider-btn li { width: 80px; border-bottom: 1px solid #337abf; } .top_content .top-slider-btn li:last-child { border-bottom: none; } .top_content .top-slider-btn a { display: block; padding: 12px 0 10px; text-align: center; text-decoration: none; line-height: 1.1; color: #fff; background-color: #0059af; } .top_content .top-slider-btn a:hover { opacity: .7; } .top_content .top-slider-btn i { font-size: 229%; } .top_content .top-slider-btn p { margin-top: 8px; font-size: 86%; } .top_content .top-information { padding-bottom: 40px; } .top_content .top-information .tab-btns { margin-bottom: 10px; } .top_content .top-information-list { clear: both; padding-top: 12px; } @media screen and (max-width: 767px) { .top_content .top-information-list { display: table; width: 1428px !important; margin-top: 45px; padding-top: 0; } } @media screen and (max-width: 767px) { .top_content .top-information-list li { display: table-cell; float: none; width: 204px; vertical-align: top; } } @media screen and (max-width: 767px) { .top_content .top-information-list figure { position: relative; overflow: hidden; width: 100%; height: 0; padding-bottom: 57.47%; } .top_content .top-information-list figure img { position: absolute; top: 50%; width: 100%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } } .top_content .top-information-list p { display: inline-block; min-height: 45px; padding: 13px 0; text-align: left; font-size: 114%; line-height: 1.428; } @media screen and (max-width: 767px) { .top_content .top-information-list p { line-height: 1.25; } } .top_content .top-information-list .ico-arrow { color: #b6b6b8; } @media screen and (max-width: 767px) { .top_content .top-information-list .ico-arrow { display: inline; } } @media screen and (max-width: 767px) { .top_content .top-information-list-wrap { overflow: auto; } } @media screen and (max-width: 767px) { .top_content .top-information .aside .c-heading-title { font-size: 179%; } } @media screen and (max-width: 767px) { .top_content .top-information .aside { position: relative; top: 0; display: block; margin-top: 15px; padding: 0; background: none; } } .top_content .top-products { padding-bottom: 75px; } @media screen and (max-width: 767px) { .top_content .top-products { padding-bottom: 35px; } } .top_content .top-dna { padding: 67px 0 50px; background: #3a3a3a url(/img/ja/top/bg_dna_01.jpg) no-repeat center; background-size: cover; } @media screen and (max-width: 767px) { .top_content .top-dna { padding: 40px 0; background: none; } } .top_content .top-dna h2 + p { margin: 25px 0 45px; color: #fff; } @media screen and (max-width: 767px) { .top_content .top-dna h2 + p { margin: 23px 0 40px; padding: 0 20px; font-size: 86%; line-height: 1.6666; color: #000; } } .top_content .top-dna li a { padding-bottom: 35px; } @media screen and (min-width: 768px) { .top_content .top-dna li a:hover { opacity: .85; } } .top_content .top-dna li p, .top_content .top-dna li ul { margin: 0 24px; } @media screen and (max-width: 767px) { .top_content .top-dna li p, .top_content .top-dna li ul { margin: 0 10px; } } .top_content .top-dna li ul { margin-top: 12px; } .top_content .top-dna li .txt-date { margin-top: 15px; font-size: 86%; } .top_content .top-dna figure + p { line-height: 1.714; } .top_content .top-dna figcaption { margin-top: 0; padding: 22px 24px 12px; font-size: 129%; line-height: 1.3333; } @media screen and (max-width: 767px) { .top_content .top-dna figcaption { padding: 12px 10px; font-size: 129%; } } .top_content .top-dna .tag { display: inline-block; padding: 3px 6px; font-size: 86%; background-color: #e9e9e9; } @media screen and (max-width: 767px) { .top_content .top-dna .ico-arrow { display: inline-block; } } .top_content .top-dna-btn { width: 500px; margin: 50px auto 0; text-align: center; } @media screen and (max-width: 767px) { .top_content .top-dna-btn { width: 100%; } } .top_content .top-dna-btn a { height: 70px; padding-left: 40px; } @media screen and (max-width: 767px) { .top_content .top-dna-btn a { height: 50px; padding-left: 30px; } } @media screen and (max-width: 767px) { .top_content .top-dna-btn .ico-arrow { display: table-cell; } } .top_content .top-research { padding: 60px 0; background-color: #3a3a3a; } @media screen and (max-width: 767px) { .top_content .top-research { padding: 25px 0 20px; } } .top_content .top-research a { position: relative; display: block; } @media screen and (max-width: 767px) { .top_content .top-research a { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -webkit-box-align: center; } } .top_content .top-research .c-fig { width: 250px; } @media screen and (max-width: 1200px) { .top_content .top-research .c-fig { width: 43%; } } @media screen and (max-width: 767px) { .top_content .top-research .c-fig { width: 125px; -ms-flex-negative: 0; flex-shrink: 0; } } .top_content .top-research p { position: absolute; bottom: 25px; left: 280px; font-size: 186%; } @media screen and (max-width: 1200px) { .top_content .top-research p { left: 48.19%; font-size: 2.16vw; line-height: 1.15; } } @media screen and (max-width: 767px) { .top_content .top-research p { position: relative; bottom: 0; left: 0; padding: 0 8px 0 12px; font-size: 143%; } } .top_content .top-research p span { display: block; margin-bottom: 8px; letter-spacing: .05em; font-size: 62%; color: #0059af; } @media screen and (max-width: 767px) { .top_content .top-research p span { margin-bottom: 4px; font-size: 50%; } } .top_content .top-research .ico-arrow { position: relative; width: 0; color: #b6b6b8; } @media screen and (max-width: 767px) { .top_content .top-research .ico-arrow { font-size: 60%; } } .top_content .top-research .ico-arrow:before { position: absolute; top: 0; left: 7px; } @media screen and (max-width: 767px) { .top_content .top-research .ico-arrow:before { left: 2px; } } .top_content .top-about { padding-bottom: 52px; } .top_content .top-recruit { padding: 60px 0 50px; } @media screen and (max-width: 767px) { .top_content .top-recruit { padding: 30px 0 0; } } .top_content .top-recruit .c-fig { text-align: center; } .top_content .top-recruit a { display: inline-block; } @media screen and (min-width: 768px) { .top_content .top-recruit a:hover { opacity: .7; } } @page { size: A4; } @media print { .header, .top-slider-btn, .nav-global, .nav-global-sp, .nav-local, .aside, .sec-basic.pickup, .footer { display: none; } .main { width: 100% !important; } body { width: 200mm; margin: 0 auto; } .section-in { max-width: unset !important; } .breadcrumbs { margin-bottom: 30px; } .search-tile, .search-syllabary-btn-wrap { width: 100% !important; } .top_content .aside { display: block; width: 100% !important; } .top-products { page-break-before: always !important; } .top-information-list-wrap { clear: both; } .top_content .top-research .c-fig { width: 50% !important; } .top_content .top-research p { bottom: 10px !important; left: 52% !important; } .top-recruit img { width: 100% !important; } .c-list-products .c-fig-r { width: 30%; } .c-list-link-narrow.float_l { float: none !important; } .company.jigyou .sec-jigyou figure.sp_none { width: 40% !important; } .company.jigyou .sec-jigyou figure.sp_none img { width: 100%; height: auto; } .company.jigyou .hero-txt { left: 0 !important; margin-left: 0 !important; } .carousel a > .c-fig { width: 40% !important; } .contact .grid__col--3 .c-fig-l { float: none !important; margin-bottom: 20px !important; } .products.layer-2 .contents-info, .products.layer-2 .contents-products { width: 100% !important; } .grid--12 { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } [class^="grid__col--"] { height: auto !important; } } /* Utility */ .align_l { text-align: left !important; } .align_r { text-align: right !important; } .align_c { text-align: center !important; } .valign_m { vertical-align: middle !important; } .valign_t { vertical-align: top; } .valign_b { vertical-align: bottom; } .bt_n { border-top: none !important; } .br_n { border-right: none !important; } .bb_n { border-bottom: none !important; } .bl_n { border-left: none !important; } /*for modern browser*/ .clear_fix:after, .grid--12:after { display: block; content: "."; visibility: hidden; clear: both; height: 0; font-size: 0; line-height: 0; } /*for IE 5.5-7*/ .clear_fix, .grid--12 { zoom: 1; } .clear_both { clear: both; height: 1px; text-align: center; font-size: 1px; line-height: 0; } .clear { clear: both; } .u-color-main { color: #0059af; } .u-color-red { color: #f00; } .u-color-form-gray { color: #888; } .u-bg-gray { background-color: #f5f5f5 !important; } .u-color-red-dark, .u-color-textred { color: #bf342c; } .u-color-darkgrey { color: #999; } /* display用クラス PC向け .none .block .inline_block .inline .table .table_cell タブレット向け .tablet_none .tablet_block .tablet_inline_block .tablet_inline .tablet_table .tablet_table_cell スマホ向け .sp_none .sp_block .sp_inline_block .sp_inline .sp_table .sp_table_cell */ .none { display: none !important; } .block { display: block !important; } .inline_block { display: inline-block !important; } .inline { display: inline !important; } .table { display: table !important; } .table_cell { display: table-cell !important; } .flex { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } @media screen and (max-width: 1200px) { .liquid_none { display: none !important; } } @media screen and (max-width: 1024px) { .tb_none { display: none !important; } } @media screen and (max-width: 767px) { .sp_none { display: none !important; } } @media screen and (max-width: 1150px) { .hl_none { display: none !important; } } @media screen and (max-width: 1200px) { .liquid_block { display: block !important; } .liquid_inline_block { display: inline-block !important; } .liquid_inline { display: inline !important; } .liquid_table { display: table !important; } .liquid_cell { display: table-cell !important; } .liquid_flex { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } } @media screen and (max-width: 1024px) { .tb_block { display: block !important; } .tb_inline_block { display: inline-block !important; } .tb_inline { display: inline !important; } .tb_table { display: table !important; } .tb_cell { display: table-cell !important; } .tb_flex { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } } @media screen and (max-width: 767px) { .sp_block { display: block !important; } .sp_inline_block { display: inline-block !important; } .sp_inline { display: inline !important; } .sp_table { display: table !important; } .sp_cell { display: table-cell !important; } .sp_flex { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } } @media screen and (max-width: 1150px) { .hl_block { display: block !important; } .hl_inline_block { display: inline-block !important; } .hl_inline { display: inline !important; } .hl_table { display: table !important; } .hl_cell { display: table-cell !important; } .hl_flex { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } } .grid-center { display: -webkit-box; display: -ms-flexbox; display: flex; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: center; -webkit-box-pack: center; } @media screen and (max-width: 767px) { .grid-center { display: block; justify-content: flex-start; -ms-flex-pack: start; -webkit-box-pack: start; } } .float_r { float: right; } .float_l { float: left; } .overflow_h { overflow: hidden; } @media screen and (max-width: 767px) { .sp_img_wauto { width: auto !important; } .sp_img_mw25per { max-width: 25% !important; } .sp_img_mw33per { max-width: 33.33% !important; } .sp_img_mw50per { max-width: 50% !important; } .sp_img_mw66per { max-width: 66.66% !important; } .sp_img_mw77per { max-width: 77.77% !important; } .sp_img_mwfull { max-width: 100% !important; } } @media screen and (min-width: 768px) { .pc_img_wauto { width: auto !important; } .pc_img_w25per { width: 25% !important; } .pc_img_w33per { width: 33.33% !important; } .pc_img_w50per { width: 50% !important; } .pc_img_w66per { width: 66.66% !important; } .pc_img_w77per { width: 77.77% !important; } .pc_img_wfull { width: 100% !important; } } /* justify layout ```html ``` */ .just_layout { display: block; zoom: 1; text-align: justify; text-justify: distribute-all-lines; line-height: 0; } .just_layout:after { display: inline-block; content: ""; visibility: hidden; width: 100%; line-height: 0; } .just_layout__item { display: inline-block; text-align: left; vertical-align: top; line-height: normal; } * html .just_layout .just_layout__item { display: inline; zoom: 1; } *:first-child + html .just_layout .just_layout__item { display: inline; zoom: 1; } /* margin and padding 5刻みで上下左右のマージンとパディングのクラスを定義 $start_value x 5の値から、$end_value x 5 までを設定 ```class .mb-5 .mt-5 .mr-5 .ml-5 .mb0 .mt0 .mr0 .ml0 .mb5 .mt5 .mr5 .ml5 .mb10 .mt10 .mr10 .ml10 .pb-5 .pt-5 .pr-5 .pl-5 .pb0 .pt0 .pr0 .pl0 .pb5 .pt5 .pr5 .pl5 .pb10 .pt10 .pr10 .pl10 ``` レスポンシブ用に$breakpointsのキーを接頭辞にしたクラスも書き出します。 ```class .tablet_mb10 .sp_mb10 ``` */ .mb-100 { margin-bottom: -100px !important; } .mt-100 { margin-top: -100px !important; } .mr-100 { margin-right: -100px !important; } .ml-100 { margin-left: -100px !important; } .mb-95 { margin-bottom: -95px !important; } .mt-95 { margin-top: -95px !important; } .mr-95 { margin-right: -95px !important; } .ml-95 { margin-left: -95px !important; } .mb-90 { margin-bottom: -90px !important; } .mt-90 { margin-top: -90px !important; } .mr-90 { margin-right: -90px !important; } .ml-90 { margin-left: -90px !important; } .mb-85 { margin-bottom: -85px !important; } .mt-85 { margin-top: -85px !important; } .mr-85 { margin-right: -85px !important; } .ml-85 { margin-left: -85px !important; } .mb-80 { margin-bottom: -80px !important; } .mt-80 { margin-top: -80px !important; } .mr-80 { margin-right: -80px !important; } .ml-80 { margin-left: -80px !important; } .mb-75 { margin-bottom: -75px !important; } .mt-75 { margin-top: -75px !important; } .mr-75 { margin-right: -75px !important; } .ml-75 { margin-left: -75px !important; } .mb-70 { margin-bottom: -70px !important; } .mt-70 { margin-top: -70px !important; } .mr-70 { margin-right: -70px !important; } .ml-70 { margin-left: -70px !important; } .mb-65 { margin-bottom: -65px !important; } .mt-65 { margin-top: -65px !important; } .mr-65 { margin-right: -65px !important; } .ml-65 { margin-left: -65px !important; } .mb-60 { margin-bottom: -60px !important; } .mt-60 { margin-top: -60px !important; } .mr-60 { margin-right: -60px !important; } .ml-60 { margin-left: -60px !important; } .mb-55 { margin-bottom: -55px !important; } .mt-55 { margin-top: -55px !important; } .mr-55 { margin-right: -55px !important; } .ml-55 { margin-left: -55px !important; } .mb-50 { margin-bottom: -50px !important; } .mt-50 { margin-top: -50px !important; } .mr-50 { margin-right: -50px !important; } .ml-50 { margin-left: -50px !important; } .mb-45 { margin-bottom: -45px !important; } .mt-45 { margin-top: -45px !important; } .mr-45 { margin-right: -45px !important; } .ml-45 { margin-left: -45px !important; } .mb-40 { margin-bottom: -40px !important; } .mt-40 { margin-top: -40px !important; } .mr-40 { margin-right: -40px !important; } .ml-40 { margin-left: -40px !important; } .mb-35 { margin-bottom: -35px !important; } .mt-35 { margin-top: -35px !important; } .mr-35 { margin-right: -35px !important; } .ml-35 { margin-left: -35px !important; } .mb-30 { margin-bottom: -30px !important; } .mt-30 { margin-top: -30px !important; } .mr-30 { margin-right: -30px !important; } .ml-30 { margin-left: -30px !important; } .mb-25 { margin-bottom: -25px !important; } .mt-25 { margin-top: -25px !important; } .mr-25 { margin-right: -25px !important; } .ml-25 { margin-left: -25px !important; } .mb-20 { margin-bottom: -20px !important; } .mt-20 { margin-top: -20px !important; } .mr-20 { margin-right: -20px !important; } .ml-20 { margin-left: -20px !important; } .mb-15 { margin-bottom: -15px !important; } .mt-15 { margin-top: -15px !important; } .mr-15 { margin-right: -15px !important; } .ml-15 { margin-left: -15px !important; } .mb-10 { margin-bottom: -10px !important; } .mt-10 { margin-top: -10px !important; } .mr-10 { margin-right: -10px !important; } .ml-10 { margin-left: -10px !important; } .mb-5 { margin-bottom: -5px !important; } .mt-5 { margin-top: -5px !important; } .mr-5 { margin-right: -5px !important; } .ml-5 { margin-left: -5px !important; } .mb0 { margin-bottom: 0 !important; } .mt0 { margin-top: 0 !important; } .mr0 { margin-right: 0 !important; } .ml0 { margin-left: 0 !important; } .mb5 { margin-bottom: 5px !important; } .mt5 { margin-top: 5px !important; } .mr5 { margin-right: 5px !important; } .ml5 { margin-left: 5px !important; } .mb10 { margin-bottom: 10px !important; } .mt10 { margin-top: 10px !important; } .mr10 { margin-right: 10px !important; } .ml10 { margin-left: 10px !important; } .mb15 { margin-bottom: 15px !important; } .mt15 { margin-top: 15px !important; } .mr15 { margin-right: 15px !important; } .ml15 { margin-left: 15px !important; } .mb20 { margin-bottom: 20px !important; } .mt20 { margin-top: 20px !important; } .mr20 { margin-right: 20px !important; } .ml20 { margin-left: 20px !important; } .mb25 { margin-bottom: 25px !important; } .mt25 { margin-top: 25px !important; } .mr25 { margin-right: 25px !important; } .ml25 { margin-left: 25px !important; } .mb30 { margin-bottom: 30px !important; } .mt30 { margin-top: 30px !important; } .mr30 { margin-right: 30px !important; } .ml30 { margin-left: 30px !important; } .mb35 { margin-bottom: 35px !important; } .mt35 { margin-top: 35px !important; } .mr35 { margin-right: 35px !important; } .ml35 { margin-left: 35px !important; } .mb40 { margin-bottom: 40px !important; } .mt40 { margin-top: 40px !important; } .mr40 { margin-right: 40px !important; } .ml40 { margin-left: 40px !important; } .mb45 { margin-bottom: 45px !important; } .mt45 { margin-top: 45px !important; } .mr45 { margin-right: 45px !important; } .ml45 { margin-left: 45px !important; } .mb50 { margin-bottom: 50px !important; } .mt50 { margin-top: 50px !important; } .mr50 { margin-right: 50px !important; } .ml50 { margin-left: 50px !important; } .mb55 { margin-bottom: 55px !important; } .mt55 { margin-top: 55px !important; } .mr55 { margin-right: 55px !important; } .ml55 { margin-left: 55px !important; } .mb60 { margin-bottom: 60px !important; } .mt60 { margin-top: 60px !important; } .mr60 { margin-right: 60px !important; } .ml60 { margin-left: 60px !important; } .mb65 { margin-bottom: 65px !important; } .mt65 { margin-top: 65px !important; } .mr65 { margin-right: 65px !important; } .ml65 { margin-left: 65px !important; } .mb70 { margin-bottom: 70px !important; } .mt70 { margin-top: 70px !important; } .mr70 { margin-right: 70px !important; } .ml70 { margin-left: 70px !important; } .mb75 { margin-bottom: 75px !important; } .mt75 { margin-top: 75px !important; } .mr75 { margin-right: 75px !important; } .ml75 { margin-left: 75px !important; } .mb80 { margin-bottom: 80px !important; } .mt80 { margin-top: 80px !important; } .mr80 { margin-right: 80px !important; } .ml80 { margin-left: 80px !important; } .mb85 { margin-bottom: 85px !important; } .mt85 { margin-top: 85px !important; } .mr85 { margin-right: 85px !important; } .ml85 { margin-left: 85px !important; } .mb90 { margin-bottom: 90px !important; } .mt90 { margin-top: 90px !important; } .mr90 { margin-right: 90px !important; } .ml90 { margin-left: 90px !important; } .mb95 { margin-bottom: 95px !important; } .mt95 { margin-top: 95px !important; } .mr95 { margin-right: 95px !important; } .ml95 { margin-left: 95px !important; } .mb100 { margin-bottom: 100px !important; } .mt100 { margin-top: 100px !important; } .mr100 { margin-right: 100px !important; } .ml100 { margin-left: 100px !important; } .mb105 { margin-bottom: 105px !important; } .mt105 { margin-top: 105px !important; } .mr105 { margin-right: 105px !important; } .ml105 { margin-left: 105px !important; } .mb110 { margin-bottom: 110px !important; } .mt110 { margin-top: 110px !important; } .mr110 { margin-right: 110px !important; } .ml110 { margin-left: 110px !important; } .mb115 { margin-bottom: 115px !important; } .mt115 { margin-top: 115px !important; } .mr115 { margin-right: 115px !important; } .ml115 { margin-left: 115px !important; } .mb120 { margin-bottom: 120px !important; } .mt120 { margin-top: 120px !important; } .mr120 { margin-right: 120px !important; } .ml120 { margin-left: 120px !important; } .mb125 { margin-bottom: 125px !important; } .mt125 { margin-top: 125px !important; } .mr125 { margin-right: 125px !important; } .ml125 { margin-left: 125px !important; } .mb130 { margin-bottom: 130px !important; } .mt130 { margin-top: 130px !important; } .mr130 { margin-right: 130px !important; } .ml130 { margin-left: 130px !important; } .mb135 { margin-bottom: 135px !important; } .mt135 { margin-top: 135px !important; } .mr135 { margin-right: 135px !important; } .ml135 { margin-left: 135px !important; } .mb140 { margin-bottom: 140px !important; } .mt140 { margin-top: 140px !important; } .mr140 { margin-right: 140px !important; } .ml140 { margin-left: 140px !important; } .mb145 { margin-bottom: 145px !important; } .mt145 { margin-top: 145px !important; } .mr145 { margin-right: 145px !important; } .ml145 { margin-left: 145px !important; } .mb150 { margin-bottom: 150px !important; } .mt150 { margin-top: 150px !important; } .mr150 { margin-right: 150px !important; } .ml150 { margin-left: 150px !important; } @media screen and (max-width: 1200px) { .liquid_mb-100 { margin-bottom: -100px !important; } .liquid_mt-100 { margin-top: -100px !important; } .liquid_mr-100 { margin-right: -100px !important; } .liquid_ml-100 { margin-left: -100px !important; } .liquid_mb-95 { margin-bottom: -95px !important; } .liquid_mt-95 { margin-top: -95px !important; } .liquid_mr-95 { margin-right: -95px !important; } .liquid_ml-95 { margin-left: -95px !important; } .liquid_mb-90 { margin-bottom: -90px !important; } .liquid_mt-90 { margin-top: -90px !important; } .liquid_mr-90 { margin-right: -90px !important; } .liquid_ml-90 { margin-left: -90px !important; } .liquid_mb-85 { margin-bottom: -85px !important; } .liquid_mt-85 { margin-top: -85px !important; } .liquid_mr-85 { margin-right: -85px !important; } .liquid_ml-85 { margin-left: -85px !important; } .liquid_mb-80 { margin-bottom: -80px !important; } .liquid_mt-80 { margin-top: -80px !important; } .liquid_mr-80 { margin-right: -80px !important; } .liquid_ml-80 { margin-left: -80px !important; } .liquid_mb-75 { margin-bottom: -75px !important; } .liquid_mt-75 { margin-top: -75px !important; } .liquid_mr-75 { margin-right: -75px !important; } .liquid_ml-75 { margin-left: -75px !important; } .liquid_mb-70 { margin-bottom: -70px !important; } .liquid_mt-70 { margin-top: -70px !important; } .liquid_mr-70 { margin-right: -70px !important; } .liquid_ml-70 { margin-left: -70px !important; } .liquid_mb-65 { margin-bottom: -65px !important; } .liquid_mt-65 { margin-top: -65px !important; } .liquid_mr-65 { margin-right: -65px !important; } .liquid_ml-65 { margin-left: -65px !important; } .liquid_mb-60 { margin-bottom: -60px !important; } .liquid_mt-60 { margin-top: -60px !important; } .liquid_mr-60 { margin-right: -60px !important; } .liquid_ml-60 { margin-left: -60px !important; } .liquid_mb-55 { margin-bottom: -55px !important; } .liquid_mt-55 { margin-top: -55px !important; } .liquid_mr-55 { margin-right: -55px !important; } .liquid_ml-55 { margin-left: -55px !important; } .liquid_mb-50 { margin-bottom: -50px !important; } .liquid_mt-50 { margin-top: -50px !important; } .liquid_mr-50 { margin-right: -50px !important; } .liquid_ml-50 { margin-left: -50px !important; } .liquid_mb-45 { margin-bottom: -45px !important; } .liquid_mt-45 { margin-top: -45px !important; } .liquid_mr-45 { margin-right: -45px !important; } .liquid_ml-45 { margin-left: -45px !important; } .liquid_mb-40 { margin-bottom: -40px !important; } .liquid_mt-40 { margin-top: -40px !important; } .liquid_mr-40 { margin-right: -40px !important; } .liquid_ml-40 { margin-left: -40px !important; } .liquid_mb-35 { margin-bottom: -35px !important; } .liquid_mt-35 { margin-top: -35px !important; } .liquid_mr-35 { margin-right: -35px !important; } .liquid_ml-35 { margin-left: -35px !important; } .liquid_mb-30 { margin-bottom: -30px !important; } .liquid_mt-30 { margin-top: -30px !important; } .liquid_mr-30 { margin-right: -30px !important; } .liquid_ml-30 { margin-left: -30px !important; } .liquid_mb-25 { margin-bottom: -25px !important; } .liquid_mt-25 { margin-top: -25px !important; } .liquid_mr-25 { margin-right: -25px !important; } .liquid_ml-25 { margin-left: -25px !important; } .liquid_mb-20 { margin-bottom: -20px !important; } .liquid_mt-20 { margin-top: -20px !important; } .liquid_mr-20 { margin-right: -20px !important; } .liquid_ml-20 { margin-left: -20px !important; } .liquid_mb-15 { margin-bottom: -15px !important; } .liquid_mt-15 { margin-top: -15px !important; } .liquid_mr-15 { margin-right: -15px !important; } .liquid_ml-15 { margin-left: -15px !important; } .liquid_mb-10 { margin-bottom: -10px !important; } .liquid_mt-10 { margin-top: -10px !important; } .liquid_mr-10 { margin-right: -10px !important; } .liquid_ml-10 { margin-left: -10px !important; } .liquid_mb-5 { margin-bottom: -5px !important; } .liquid_mt-5 { margin-top: -5px !important; } .liquid_mr-5 { margin-right: -5px !important; } .liquid_ml-5 { margin-left: -5px !important; } .liquid_mb0 { margin-bottom: 0 !important; } .liquid_mt0 { margin-top: 0 !important; } .liquid_mr0 { margin-right: 0 !important; } .liquid_ml0 { margin-left: 0 !important; } .liquid_mb5 { margin-bottom: 5px !important; } .liquid_mt5 { margin-top: 5px !important; } .liquid_mr5 { margin-right: 5px !important; } .liquid_ml5 { margin-left: 5px !important; } .liquid_mb10 { margin-bottom: 10px !important; } .liquid_mt10 { margin-top: 10px !important; } .liquid_mr10 { margin-right: 10px !important; } .liquid_ml10 { margin-left: 10px !important; } .liquid_mb15 { margin-bottom: 15px !important; } .liquid_mt15 { margin-top: 15px !important; } .liquid_mr15 { margin-right: 15px !important; } .liquid_ml15 { margin-left: 15px !important; } .liquid_mb20 { margin-bottom: 20px !important; } .liquid_mt20 { margin-top: 20px !important; } .liquid_mr20 { margin-right: 20px !important; } .liquid_ml20 { margin-left: 20px !important; } .liquid_mb25 { margin-bottom: 25px !important; } .liquid_mt25 { margin-top: 25px !important; } .liquid_mr25 { margin-right: 25px !important; } .liquid_ml25 { margin-left: 25px !important; } .liquid_mb30 { margin-bottom: 30px !important; } .liquid_mt30 { margin-top: 30px !important; } .liquid_mr30 { margin-right: 30px !important; } .liquid_ml30 { margin-left: 30px !important; } .liquid_mb35 { margin-bottom: 35px !important; } .liquid_mt35 { margin-top: 35px !important; } .liquid_mr35 { margin-right: 35px !important; } .liquid_ml35 { margin-left: 35px !important; } .liquid_mb40 { margin-bottom: 40px !important; } .liquid_mt40 { margin-top: 40px !important; } .liquid_mr40 { margin-right: 40px !important; } .liquid_ml40 { margin-left: 40px !important; } .liquid_mb45 { margin-bottom: 45px !important; } .liquid_mt45 { margin-top: 45px !important; } .liquid_mr45 { margin-right: 45px !important; } .liquid_ml45 { margin-left: 45px !important; } .liquid_mb50 { margin-bottom: 50px !important; } .liquid_mt50 { margin-top: 50px !important; } .liquid_mr50 { margin-right: 50px !important; } .liquid_ml50 { margin-left: 50px !important; } .liquid_mb55 { margin-bottom: 55px !important; } .liquid_mt55 { margin-top: 55px !important; } .liquid_mr55 { margin-right: 55px !important; } .liquid_ml55 { margin-left: 55px !important; } .liquid_mb60 { margin-bottom: 60px !important; } .liquid_mt60 { margin-top: 60px !important; } .liquid_mr60 { margin-right: 60px !important; } .liquid_ml60 { margin-left: 60px !important; } .liquid_mb65 { margin-bottom: 65px !important; } .liquid_mt65 { margin-top: 65px !important; } .liquid_mr65 { margin-right: 65px !important; } .liquid_ml65 { margin-left: 65px !important; } .liquid_mb70 { margin-bottom: 70px !important; } .liquid_mt70 { margin-top: 70px !important; } .liquid_mr70 { margin-right: 70px !important; } .liquid_ml70 { margin-left: 70px !important; } .liquid_mb75 { margin-bottom: 75px !important; } .liquid_mt75 { margin-top: 75px !important; } .liquid_mr75 { margin-right: 75px !important; } .liquid_ml75 { margin-left: 75px !important; } .liquid_mb80 { margin-bottom: 80px !important; } .liquid_mt80 { margin-top: 80px !important; } .liquid_mr80 { margin-right: 80px !important; } .liquid_ml80 { margin-left: 80px !important; } .liquid_mb85 { margin-bottom: 85px !important; } .liquid_mt85 { margin-top: 85px !important; } .liquid_mr85 { margin-right: 85px !important; } .liquid_ml85 { margin-left: 85px !important; } .liquid_mb90 { margin-bottom: 90px !important; } .liquid_mt90 { margin-top: 90px !important; } .liquid_mr90 { margin-right: 90px !important; } .liquid_ml90 { margin-left: 90px !important; } .liquid_mb95 { margin-bottom: 95px !important; } .liquid_mt95 { margin-top: 95px !important; } .liquid_mr95 { margin-right: 95px !important; } .liquid_ml95 { margin-left: 95px !important; } .liquid_mb100 { margin-bottom: 100px !important; } .liquid_mt100 { margin-top: 100px !important; } .liquid_mr100 { margin-right: 100px !important; } .liquid_ml100 { margin-left: 100px !important; } .liquid_mb105 { margin-bottom: 105px !important; } .liquid_mt105 { margin-top: 105px !important; } .liquid_mr105 { margin-right: 105px !important; } .liquid_ml105 { margin-left: 105px !important; } .liquid_mb110 { margin-bottom: 110px !important; } .liquid_mt110 { margin-top: 110px !important; } .liquid_mr110 { margin-right: 110px !important; } .liquid_ml110 { margin-left: 110px !important; } .liquid_mb115 { margin-bottom: 115px !important; } .liquid_mt115 { margin-top: 115px !important; } .liquid_mr115 { margin-right: 115px !important; } .liquid_ml115 { margin-left: 115px !important; } .liquid_mb120 { margin-bottom: 120px !important; } .liquid_mt120 { margin-top: 120px !important; } .liquid_mr120 { margin-right: 120px !important; } .liquid_ml120 { margin-left: 120px !important; } .liquid_mb125 { margin-bottom: 125px !important; } .liquid_mt125 { margin-top: 125px !important; } .liquid_mr125 { margin-right: 125px !important; } .liquid_ml125 { margin-left: 125px !important; } .liquid_mb130 { margin-bottom: 130px !important; } .liquid_mt130 { margin-top: 130px !important; } .liquid_mr130 { margin-right: 130px !important; } .liquid_ml130 { margin-left: 130px !important; } .liquid_mb135 { margin-bottom: 135px !important; } .liquid_mt135 { margin-top: 135px !important; } .liquid_mr135 { margin-right: 135px !important; } .liquid_ml135 { margin-left: 135px !important; } .liquid_mb140 { margin-bottom: 140px !important; } .liquid_mt140 { margin-top: 140px !important; } .liquid_mr140 { margin-right: 140px !important; } .liquid_ml140 { margin-left: 140px !important; } .liquid_mb145 { margin-bottom: 145px !important; } .liquid_mt145 { margin-top: 145px !important; } .liquid_mr145 { margin-right: 145px !important; } .liquid_ml145 { margin-left: 145px !important; } .liquid_mb150 { margin-bottom: 150px !important; } .liquid_mt150 { margin-top: 150px !important; } .liquid_mr150 { margin-right: 150px !important; } .liquid_ml150 { margin-left: 150px !important; } } @media screen and (max-width: 1024px) { .tb_mb-100 { margin-bottom: -100px !important; } .tb_mt-100 { margin-top: -100px !important; } .tb_mr-100 { margin-right: -100px !important; } .tb_ml-100 { margin-left: -100px !important; } .tb_mb-95 { margin-bottom: -95px !important; } .tb_mt-95 { margin-top: -95px !important; } .tb_mr-95 { margin-right: -95px !important; } .tb_ml-95 { margin-left: -95px !important; } .tb_mb-90 { margin-bottom: -90px !important; } .tb_mt-90 { margin-top: -90px !important; } .tb_mr-90 { margin-right: -90px !important; } .tb_ml-90 { margin-left: -90px !important; } .tb_mb-85 { margin-bottom: -85px !important; } .tb_mt-85 { margin-top: -85px !important; } .tb_mr-85 { margin-right: -85px !important; } .tb_ml-85 { margin-left: -85px !important; } .tb_mb-80 { margin-bottom: -80px !important; } .tb_mt-80 { margin-top: -80px !important; } .tb_mr-80 { margin-right: -80px !important; } .tb_ml-80 { margin-left: -80px !important; } .tb_mb-75 { margin-bottom: -75px !important; } .tb_mt-75 { margin-top: -75px !important; } .tb_mr-75 { margin-right: -75px !important; } .tb_ml-75 { margin-left: -75px !important; } .tb_mb-70 { margin-bottom: -70px !important; } .tb_mt-70 { margin-top: -70px !important; } .tb_mr-70 { margin-right: -70px !important; } .tb_ml-70 { margin-left: -70px !important; } .tb_mb-65 { margin-bottom: -65px !important; } .tb_mt-65 { margin-top: -65px !important; } .tb_mr-65 { margin-right: -65px !important; } .tb_ml-65 { margin-left: -65px !important; } .tb_mb-60 { margin-bottom: -60px !important; } .tb_mt-60 { margin-top: -60px !important; } .tb_mr-60 { margin-right: -60px !important; } .tb_ml-60 { margin-left: -60px !important; } .tb_mb-55 { margin-bottom: -55px !important; } .tb_mt-55 { margin-top: -55px !important; } .tb_mr-55 { margin-right: -55px !important; } .tb_ml-55 { margin-left: -55px !important; } .tb_mb-50 { margin-bottom: -50px !important; } .tb_mt-50 { margin-top: -50px !important; } .tb_mr-50 { margin-right: -50px !important; } .tb_ml-50 { margin-left: -50px !important; } .tb_mb-45 { margin-bottom: -45px !important; } .tb_mt-45 { margin-top: -45px !important; } .tb_mr-45 { margin-right: -45px !important; } .tb_ml-45 { margin-left: -45px !important; } .tb_mb-40 { margin-bottom: -40px !important; } .tb_mt-40 { margin-top: -40px !important; } .tb_mr-40 { margin-right: -40px !important; } .tb_ml-40 { margin-left: -40px !important; } .tb_mb-35 { margin-bottom: -35px !important; } .tb_mt-35 { margin-top: -35px !important; } .tb_mr-35 { margin-right: -35px !important; } .tb_ml-35 { margin-left: -35px !important; } .tb_mb-30 { margin-bottom: -30px !important; } .tb_mt-30 { margin-top: -30px !important; } .tb_mr-30 { margin-right: -30px !important; } .tb_ml-30 { margin-left: -30px !important; } .tb_mb-25 { margin-bottom: -25px !important; } .tb_mt-25 { margin-top: -25px !important; } .tb_mr-25 { margin-right: -25px !important; } .tb_ml-25 { margin-left: -25px !important; } .tb_mb-20 { margin-bottom: -20px !important; } .tb_mt-20 { margin-top: -20px !important; } .tb_mr-20 { margin-right: -20px !important; } .tb_ml-20 { margin-left: -20px !important; } .tb_mb-15 { margin-bottom: -15px !important; } .tb_mt-15 { margin-top: -15px !important; } .tb_mr-15 { margin-right: -15px !important; } .tb_ml-15 { margin-left: -15px !important; } .tb_mb-10 { margin-bottom: -10px !important; } .tb_mt-10 { margin-top: -10px !important; } .tb_mr-10 { margin-right: -10px !important; } .tb_ml-10 { margin-left: -10px !important; } .tb_mb-5 { margin-bottom: -5px !important; } .tb_mt-5 { margin-top: -5px !important; } .tb_mr-5 { margin-right: -5px !important; } .tb_ml-5 { margin-left: -5px !important; } .tb_mb0 { margin-bottom: 0 !important; } .tb_mt0 { margin-top: 0 !important; } .tb_mr0 { margin-right: 0 !important; } .tb_ml0 { margin-left: 0 !important; } .tb_mb5 { margin-bottom: 5px !important; } .tb_mt5 { margin-top: 5px !important; } .tb_mr5 { margin-right: 5px !important; } .tb_ml5 { margin-left: 5px !important; } .tb_mb10 { margin-bottom: 10px !important; } .tb_mt10 { margin-top: 10px !important; } .tb_mr10 { margin-right: 10px !important; } .tb_ml10 { margin-left: 10px !important; } .tb_mb15 { margin-bottom: 15px !important; } .tb_mt15 { margin-top: 15px !important; } .tb_mr15 { margin-right: 15px !important; } .tb_ml15 { margin-left: 15px !important; } .tb_mb20 { margin-bottom: 20px !important; } .tb_mt20 { margin-top: 20px !important; } .tb_mr20 { margin-right: 20px !important; } .tb_ml20 { margin-left: 20px !important; } .tb_mb25 { margin-bottom: 25px !important; } .tb_mt25 { margin-top: 25px !important; } .tb_mr25 { margin-right: 25px !important; } .tb_ml25 { margin-left: 25px !important; } .tb_mb30 { margin-bottom: 30px !important; } .tb_mt30 { margin-top: 30px !important; } .tb_mr30 { margin-right: 30px !important; } .tb_ml30 { margin-left: 30px !important; } .tb_mb35 { margin-bottom: 35px !important; } .tb_mt35 { margin-top: 35px !important; } .tb_mr35 { margin-right: 35px !important; } .tb_ml35 { margin-left: 35px !important; } .tb_mb40 { margin-bottom: 40px !important; } .tb_mt40 { margin-top: 40px !important; } .tb_mr40 { margin-right: 40px !important; } .tb_ml40 { margin-left: 40px !important; } .tb_mb45 { margin-bottom: 45px !important; } .tb_mt45 { margin-top: 45px !important; } .tb_mr45 { margin-right: 45px !important; } .tb_ml45 { margin-left: 45px !important; } .tb_mb50 { margin-bottom: 50px !important; } .tb_mt50 { margin-top: 50px !important; } .tb_mr50 { margin-right: 50px !important; } .tb_ml50 { margin-left: 50px !important; } .tb_mb55 { margin-bottom: 55px !important; } .tb_mt55 { margin-top: 55px !important; } .tb_mr55 { margin-right: 55px !important; } .tb_ml55 { margin-left: 55px !important; } .tb_mb60 { margin-bottom: 60px !important; } .tb_mt60 { margin-top: 60px !important; } .tb_mr60 { margin-right: 60px !important; } .tb_ml60 { margin-left: 60px !important; } .tb_mb65 { margin-bottom: 65px !important; } .tb_mt65 { margin-top: 65px !important; } .tb_mr65 { margin-right: 65px !important; } .tb_ml65 { margin-left: 65px !important; } .tb_mb70 { margin-bottom: 70px !important; } .tb_mt70 { margin-top: 70px !important; } .tb_mr70 { margin-right: 70px !important; } .tb_ml70 { margin-left: 70px !important; } .tb_mb75 { margin-bottom: 75px !important; } .tb_mt75 { margin-top: 75px !important; } .tb_mr75 { margin-right: 75px !important; } .tb_ml75 { margin-left: 75px !important; } .tb_mb80 { margin-bottom: 80px !important; } .tb_mt80 { margin-top: 80px !important; } .tb_mr80 { margin-right: 80px !important; } .tb_ml80 { margin-left: 80px !important; } .tb_mb85 { margin-bottom: 85px !important; } .tb_mt85 { margin-top: 85px !important; } .tb_mr85 { margin-right: 85px !important; } .tb_ml85 { margin-left: 85px !important; } .tb_mb90 { margin-bottom: 90px !important; } .tb_mt90 { margin-top: 90px !important; } .tb_mr90 { margin-right: 90px !important; } .tb_ml90 { margin-left: 90px !important; } .tb_mb95 { margin-bottom: 95px !important; } .tb_mt95 { margin-top: 95px !important; } .tb_mr95 { margin-right: 95px !important; } .tb_ml95 { margin-left: 95px !important; } .tb_mb100 { margin-bottom: 100px !important; } .tb_mt100 { margin-top: 100px !important; } .tb_mr100 { margin-right: 100px !important; } .tb_ml100 { margin-left: 100px !important; } .tb_mb105 { margin-bottom: 105px !important; } .tb_mt105 { margin-top: 105px !important; } .tb_mr105 { margin-right: 105px !important; } .tb_ml105 { margin-left: 105px !important; } .tb_mb110 { margin-bottom: 110px !important; } .tb_mt110 { margin-top: 110px !important; } .tb_mr110 { margin-right: 110px !important; } .tb_ml110 { margin-left: 110px !important; } .tb_mb115 { margin-bottom: 115px !important; } .tb_mt115 { margin-top: 115px !important; } .tb_mr115 { margin-right: 115px !important; } .tb_ml115 { margin-left: 115px !important; } .tb_mb120 { margin-bottom: 120px !important; } .tb_mt120 { margin-top: 120px !important; } .tb_mr120 { margin-right: 120px !important; } .tb_ml120 { margin-left: 120px !important; } .tb_mb125 { margin-bottom: 125px !important; } .tb_mt125 { margin-top: 125px !important; } .tb_mr125 { margin-right: 125px !important; } .tb_ml125 { margin-left: 125px !important; } .tb_mb130 { margin-bottom: 130px !important; } .tb_mt130 { margin-top: 130px !important; } .tb_mr130 { margin-right: 130px !important; } .tb_ml130 { margin-left: 130px !important; } .tb_mb135 { margin-bottom: 135px !important; } .tb_mt135 { margin-top: 135px !important; } .tb_mr135 { margin-right: 135px !important; } .tb_ml135 { margin-left: 135px !important; } .tb_mb140 { margin-bottom: 140px !important; } .tb_mt140 { margin-top: 140px !important; } .tb_mr140 { margin-right: 140px !important; } .tb_ml140 { margin-left: 140px !important; } .tb_mb145 { margin-bottom: 145px !important; } .tb_mt145 { margin-top: 145px !important; } .tb_mr145 { margin-right: 145px !important; } .tb_ml145 { margin-left: 145px !important; } .tb_mb150 { margin-bottom: 150px !important; } .tb_mt150 { margin-top: 150px !important; } .tb_mr150 { margin-right: 150px !important; } .tb_ml150 { margin-left: 150px !important; } } @media screen and (max-width: 767px) { .sp_mb-100 { margin-bottom: -100px !important; } .sp_mt-100 { margin-top: -100px !important; } .sp_mr-100 { margin-right: -100px !important; } .sp_ml-100 { margin-left: -100px !important; } .sp_mb-95 { margin-bottom: -95px !important; } .sp_mt-95 { margin-top: -95px !important; } .sp_mr-95 { margin-right: -95px !important; } .sp_ml-95 { margin-left: -95px !important; } .sp_mb-90 { margin-bottom: -90px !important; } .sp_mt-90 { margin-top: -90px !important; } .sp_mr-90 { margin-right: -90px !important; } .sp_ml-90 { margin-left: -90px !important; } .sp_mb-85 { margin-bottom: -85px !important; } .sp_mt-85 { margin-top: -85px !important; } .sp_mr-85 { margin-right: -85px !important; } .sp_ml-85 { margin-left: -85px !important; } .sp_mb-80 { margin-bottom: -80px !important; } .sp_mt-80 { margin-top: -80px !important; } .sp_mr-80 { margin-right: -80px !important; } .sp_ml-80 { margin-left: -80px !important; } .sp_mb-75 { margin-bottom: -75px !important; } .sp_mt-75 { margin-top: -75px !important; } .sp_mr-75 { margin-right: -75px !important; } .sp_ml-75 { margin-left: -75px !important; } .sp_mb-70 { margin-bottom: -70px !important; } .sp_mt-70 { margin-top: -70px !important; } .sp_mr-70 { margin-right: -70px !important; } .sp_ml-70 { margin-left: -70px !important; } .sp_mb-65 { margin-bottom: -65px !important; } .sp_mt-65 { margin-top: -65px !important; } .sp_mr-65 { margin-right: -65px !important; } .sp_ml-65 { margin-left: -65px !important; } .sp_mb-60 { margin-bottom: -60px !important; } .sp_mt-60 { margin-top: -60px !important; } .sp_mr-60 { margin-right: -60px !important; } .sp_ml-60 { margin-left: -60px !important; } .sp_mb-55 { margin-bottom: -55px !important; } .sp_mt-55 { margin-top: -55px !important; } .sp_mr-55 { margin-right: -55px !important; } .sp_ml-55 { margin-left: -55px !important; } .sp_mb-50 { margin-bottom: -50px !important; } .sp_mt-50 { margin-top: -50px !important; } .sp_mr-50 { margin-right: -50px !important; } .sp_ml-50 { margin-left: -50px !important; } .sp_mb-45 { margin-bottom: -45px !important; } .sp_mt-45 { margin-top: -45px !important; } .sp_mr-45 { margin-right: -45px !important; } .sp_ml-45 { margin-left: -45px !important; } .sp_mb-40 { margin-bottom: -40px !important; } .sp_mt-40 { margin-top: -40px !important; } .sp_mr-40 { margin-right: -40px !important; } .sp_ml-40 { margin-left: -40px !important; } .sp_mb-35 { margin-bottom: -35px !important; } .sp_mt-35 { margin-top: -35px !important; } .sp_mr-35 { margin-right: -35px !important; } .sp_ml-35 { margin-left: -35px !important; } .sp_mb-30 { margin-bottom: -30px !important; } .sp_mt-30 { margin-top: -30px !important; } .sp_mr-30 { margin-right: -30px !important; } .sp_ml-30 { margin-left: -30px !important; } .sp_mb-25 { margin-bottom: -25px !important; } .sp_mt-25 { margin-top: -25px !important; } .sp_mr-25 { margin-right: -25px !important; } .sp_ml-25 { margin-left: -25px !important; } .sp_mb-20 { margin-bottom: -20px !important; } .sp_mt-20 { margin-top: -20px !important; } .sp_mr-20 { margin-right: -20px !important; } .sp_ml-20 { margin-left: -20px !important; } .sp_mb-15 { margin-bottom: -15px !important; } .sp_mt-15 { margin-top: -15px !important; } .sp_mr-15 { margin-right: -15px !important; } .sp_ml-15 { margin-left: -15px !important; } .sp_mb-10 { margin-bottom: -10px !important; } .sp_mt-10 { margin-top: -10px !important; } .sp_mr-10 { margin-right: -10px !important; } .sp_ml-10 { margin-left: -10px !important; } .sp_mb-5 { margin-bottom: -5px !important; } .sp_mt-5 { margin-top: -5px !important; } .sp_mr-5 { margin-right: -5px !important; } .sp_ml-5 { margin-left: -5px !important; } .sp_mb0 { margin-bottom: 0 !important; } .sp_mt0 { margin-top: 0 !important; } .sp_mr0 { margin-right: 0 !important; } .sp_ml0 { margin-left: 0 !important; } .sp_mb5 { margin-bottom: 5px !important; } .sp_mt5 { margin-top: 5px !important; } .sp_mr5 { margin-right: 5px !important; } .sp_ml5 { margin-left: 5px !important; } .sp_mb10 { margin-bottom: 10px !important; } .sp_mt10 { margin-top: 10px !important; } .sp_mr10 { margin-right: 10px !important; } .sp_ml10 { margin-left: 10px !important; } .sp_mb15 { margin-bottom: 15px !important; } .sp_mt15 { margin-top: 15px !important; } .sp_mr15 { margin-right: 15px !important; } .sp_ml15 { margin-left: 15px !important; } .sp_mb20 { margin-bottom: 20px !important; } .sp_mt20 { margin-top: 20px !important; } .sp_mr20 { margin-right: 20px !important; } .sp_ml20 { margin-left: 20px !important; } .sp_mb25 { margin-bottom: 25px !important; } .sp_mt25 { margin-top: 25px !important; } .sp_mr25 { margin-right: 25px !important; } .sp_ml25 { margin-left: 25px !important; } .sp_mb30 { margin-bottom: 30px !important; } .sp_mt30 { margin-top: 30px !important; } .sp_mr30 { margin-right: 30px !important; } .sp_ml30 { margin-left: 30px !important; } .sp_mb35 { margin-bottom: 35px !important; } .sp_mt35 { margin-top: 35px !important; } .sp_mr35 { margin-right: 35px !important; } .sp_ml35 { margin-left: 35px !important; } .sp_mb40 { margin-bottom: 40px !important; } .sp_mt40 { margin-top: 40px !important; } .sp_mr40 { margin-right: 40px !important; } .sp_ml40 { margin-left: 40px !important; } .sp_mb45 { margin-bottom: 45px !important; } .sp_mt45 { margin-top: 45px !important; } .sp_mr45 { margin-right: 45px !important; } .sp_ml45 { margin-left: 45px !important; } .sp_mb50 { margin-bottom: 50px !important; } .sp_mt50 { margin-top: 50px !important; } .sp_mr50 { margin-right: 50px !important; } .sp_ml50 { margin-left: 50px !important; } .sp_mb55 { margin-bottom: 55px !important; } .sp_mt55 { margin-top: 55px !important; } .sp_mr55 { margin-right: 55px !important; } .sp_ml55 { margin-left: 55px !important; } .sp_mb60 { margin-bottom: 60px !important; } .sp_mt60 { margin-top: 60px !important; } .sp_mr60 { margin-right: 60px !important; } .sp_ml60 { margin-left: 60px !important; } .sp_mb65 { margin-bottom: 65px !important; } .sp_mt65 { margin-top: 65px !important; } .sp_mr65 { margin-right: 65px !important; } .sp_ml65 { margin-left: 65px !important; } .sp_mb70 { margin-bottom: 70px !important; } .sp_mt70 { margin-top: 70px !important; } .sp_mr70 { margin-right: 70px !important; } .sp_ml70 { margin-left: 70px !important; } .sp_mb75 { margin-bottom: 75px !important; } .sp_mt75 { margin-top: 75px !important; } .sp_mr75 { margin-right: 75px !important; } .sp_ml75 { margin-left: 75px !important; } .sp_mb80 { margin-bottom: 80px !important; } .sp_mt80 { margin-top: 80px !important; } .sp_mr80 { margin-right: 80px !important; } .sp_ml80 { margin-left: 80px !important; } .sp_mb85 { margin-bottom: 85px !important; } .sp_mt85 { margin-top: 85px !important; } .sp_mr85 { margin-right: 85px !important; } .sp_ml85 { margin-left: 85px !important; } .sp_mb90 { margin-bottom: 90px !important; } .sp_mt90 { margin-top: 90px !important; } .sp_mr90 { margin-right: 90px !important; } .sp_ml90 { margin-left: 90px !important; } .sp_mb95 { margin-bottom: 95px !important; } .sp_mt95 { margin-top: 95px !important; } .sp_mr95 { margin-right: 95px !important; } .sp_ml95 { margin-left: 95px !important; } .sp_mb100 { margin-bottom: 100px !important; } .sp_mt100 { margin-top: 100px !important; } .sp_mr100 { margin-right: 100px !important; } .sp_ml100 { margin-left: 100px !important; } .sp_mb105 { margin-bottom: 105px !important; } .sp_mt105 { margin-top: 105px !important; } .sp_mr105 { margin-right: 105px !important; } .sp_ml105 { margin-left: 105px !important; } .sp_mb110 { margin-bottom: 110px !important; } .sp_mt110 { margin-top: 110px !important; } .sp_mr110 { margin-right: 110px !important; } .sp_ml110 { margin-left: 110px !important; } .sp_mb115 { margin-bottom: 115px !important; } .sp_mt115 { margin-top: 115px !important; } .sp_mr115 { margin-right: 115px !important; } .sp_ml115 { margin-left: 115px !important; } .sp_mb120 { margin-bottom: 120px !important; } .sp_mt120 { margin-top: 120px !important; } .sp_mr120 { margin-right: 120px !important; } .sp_ml120 { margin-left: 120px !important; } .sp_mb125 { margin-bottom: 125px !important; } .sp_mt125 { margin-top: 125px !important; } .sp_mr125 { margin-right: 125px !important; } .sp_ml125 { margin-left: 125px !important; } .sp_mb130 { margin-bottom: 130px !important; } .sp_mt130 { margin-top: 130px !important; } .sp_mr130 { margin-right: 130px !important; } .sp_ml130 { margin-left: 130px !important; } .sp_mb135 { margin-bottom: 135px !important; } .sp_mt135 { margin-top: 135px !important; } .sp_mr135 { margin-right: 135px !important; } .sp_ml135 { margin-left: 135px !important; } .sp_mb140 { margin-bottom: 140px !important; } .sp_mt140 { margin-top: 140px !important; } .sp_mr140 { margin-right: 140px !important; } .sp_ml140 { margin-left: 140px !important; } .sp_mb145 { margin-bottom: 145px !important; } .sp_mt145 { margin-top: 145px !important; } .sp_mr145 { margin-right: 145px !important; } .sp_ml145 { margin-left: 145px !important; } .sp_mb150 { margin-bottom: 150px !important; } .sp_mt150 { margin-top: 150px !important; } .sp_mr150 { margin-right: 150px !important; } .sp_ml150 { margin-left: 150px !important; } } @media screen and (max-width: 1150px) { .hl_mb-100 { margin-bottom: -100px !important; } .hl_mt-100 { margin-top: -100px !important; } .hl_mr-100 { margin-right: -100px !important; } .hl_ml-100 { margin-left: -100px !important; } .hl_mb-95 { margin-bottom: -95px !important; } .hl_mt-95 { margin-top: -95px !important; } .hl_mr-95 { margin-right: -95px !important; } .hl_ml-95 { margin-left: -95px !important; } .hl_mb-90 { margin-bottom: -90px !important; } .hl_mt-90 { margin-top: -90px !important; } .hl_mr-90 { margin-right: -90px !important; } .hl_ml-90 { margin-left: -90px !important; } .hl_mb-85 { margin-bottom: -85px !important; } .hl_mt-85 { margin-top: -85px !important; } .hl_mr-85 { margin-right: -85px !important; } .hl_ml-85 { margin-left: -85px !important; } .hl_mb-80 { margin-bottom: -80px !important; } .hl_mt-80 { margin-top: -80px !important; } .hl_mr-80 { margin-right: -80px !important; } .hl_ml-80 { margin-left: -80px !important; } .hl_mb-75 { margin-bottom: -75px !important; } .hl_mt-75 { margin-top: -75px !important; } .hl_mr-75 { margin-right: -75px !important; } .hl_ml-75 { margin-left: -75px !important; } .hl_mb-70 { margin-bottom: -70px !important; } .hl_mt-70 { margin-top: -70px !important; } .hl_mr-70 { margin-right: -70px !important; } .hl_ml-70 { margin-left: -70px !important; } .hl_mb-65 { margin-bottom: -65px !important; } .hl_mt-65 { margin-top: -65px !important; } .hl_mr-65 { margin-right: -65px !important; } .hl_ml-65 { margin-left: -65px !important; } .hl_mb-60 { margin-bottom: -60px !important; } .hl_mt-60 { margin-top: -60px !important; } .hl_mr-60 { margin-right: -60px !important; } .hl_ml-60 { margin-left: -60px !important; } .hl_mb-55 { margin-bottom: -55px !important; } .hl_mt-55 { margin-top: -55px !important; } .hl_mr-55 { margin-right: -55px !important; } .hl_ml-55 { margin-left: -55px !important; } .hl_mb-50 { margin-bottom: -50px !important; } .hl_mt-50 { margin-top: -50px !important; } .hl_mr-50 { margin-right: -50px !important; } .hl_ml-50 { margin-left: -50px !important; } .hl_mb-45 { margin-bottom: -45px !important; } .hl_mt-45 { margin-top: -45px !important; } .hl_mr-45 { margin-right: -45px !important; } .hl_ml-45 { margin-left: -45px !important; } .hl_mb-40 { margin-bottom: -40px !important; } .hl_mt-40 { margin-top: -40px !important; } .hl_mr-40 { margin-right: -40px !important; } .hl_ml-40 { margin-left: -40px !important; } .hl_mb-35 { margin-bottom: -35px !important; } .hl_mt-35 { margin-top: -35px !important; } .hl_mr-35 { margin-right: -35px !important; } .hl_ml-35 { margin-left: -35px !important; } .hl_mb-30 { margin-bottom: -30px !important; } .hl_mt-30 { margin-top: -30px !important; } .hl_mr-30 { margin-right: -30px !important; } .hl_ml-30 { margin-left: -30px !important; } .hl_mb-25 { margin-bottom: -25px !important; } .hl_mt-25 { margin-top: -25px !important; } .hl_mr-25 { margin-right: -25px !important; } .hl_ml-25 { margin-left: -25px !important; } .hl_mb-20 { margin-bottom: -20px !important; } .hl_mt-20 { margin-top: -20px !important; } .hl_mr-20 { margin-right: -20px !important; } .hl_ml-20 { margin-left: -20px !important; } .hl_mb-15 { margin-bottom: -15px !important; } .hl_mt-15 { margin-top: -15px !important; } .hl_mr-15 { margin-right: -15px !important; } .hl_ml-15 { margin-left: -15px !important; } .hl_mb-10 { margin-bottom: -10px !important; } .hl_mt-10 { margin-top: -10px !important; } .hl_mr-10 { margin-right: -10px !important; } .hl_ml-10 { margin-left: -10px !important; } .hl_mb-5 { margin-bottom: -5px !important; } .hl_mt-5 { margin-top: -5px !important; } .hl_mr-5 { margin-right: -5px !important; } .hl_ml-5 { margin-left: -5px !important; } .hl_mb0 { margin-bottom: 0 !important; } .hl_mt0 { margin-top: 0 !important; } .hl_mr0 { margin-right: 0 !important; } .hl_ml0 { margin-left: 0 !important; } .hl_mb5 { margin-bottom: 5px !important; } .hl_mt5 { margin-top: 5px !important; } .hl_mr5 { margin-right: 5px !important; } .hl_ml5 { margin-left: 5px !important; } .hl_mb10 { margin-bottom: 10px !important; } .hl_mt10 { margin-top: 10px !important; } .hl_mr10 { margin-right: 10px !important; } .hl_ml10 { margin-left: 10px !important; } .hl_mb15 { margin-bottom: 15px !important; } .hl_mt15 { margin-top: 15px !important; } .hl_mr15 { margin-right: 15px !important; } .hl_ml15 { margin-left: 15px !important; } .hl_mb20 { margin-bottom: 20px !important; } .hl_mt20 { margin-top: 20px !important; } .hl_mr20 { margin-right: 20px !important; } .hl_ml20 { margin-left: 20px !important; } .hl_mb25 { margin-bottom: 25px !important; } .hl_mt25 { margin-top: 25px !important; } .hl_mr25 { margin-right: 25px !important; } .hl_ml25 { margin-left: 25px !important; } .hl_mb30 { margin-bottom: 30px !important; } .hl_mt30 { margin-top: 30px !important; } .hl_mr30 { margin-right: 30px !important; } .hl_ml30 { margin-left: 30px !important; } .hl_mb35 { margin-bottom: 35px !important; } .hl_mt35 { margin-top: 35px !important; } .hl_mr35 { margin-right: 35px !important; } .hl_ml35 { margin-left: 35px !important; } .hl_mb40 { margin-bottom: 40px !important; } .hl_mt40 { margin-top: 40px !important; } .hl_mr40 { margin-right: 40px !important; } .hl_ml40 { margin-left: 40px !important; } .hl_mb45 { margin-bottom: 45px !important; } .hl_mt45 { margin-top: 45px !important; } .hl_mr45 { margin-right: 45px !important; } .hl_ml45 { margin-left: 45px !important; } .hl_mb50 { margin-bottom: 50px !important; } .hl_mt50 { margin-top: 50px !important; } .hl_mr50 { margin-right: 50px !important; } .hl_ml50 { margin-left: 50px !important; } .hl_mb55 { margin-bottom: 55px !important; } .hl_mt55 { margin-top: 55px !important; } .hl_mr55 { margin-right: 55px !important; } .hl_ml55 { margin-left: 55px !important; } .hl_mb60 { margin-bottom: 60px !important; } .hl_mt60 { margin-top: 60px !important; } .hl_mr60 { margin-right: 60px !important; } .hl_ml60 { margin-left: 60px !important; } .hl_mb65 { margin-bottom: 65px !important; } .hl_mt65 { margin-top: 65px !important; } .hl_mr65 { margin-right: 65px !important; } .hl_ml65 { margin-left: 65px !important; } .hl_mb70 { margin-bottom: 70px !important; } .hl_mt70 { margin-top: 70px !important; } .hl_mr70 { margin-right: 70px !important; } .hl_ml70 { margin-left: 70px !important; } .hl_mb75 { margin-bottom: 75px !important; } .hl_mt75 { margin-top: 75px !important; } .hl_mr75 { margin-right: 75px !important; } .hl_ml75 { margin-left: 75px !important; } .hl_mb80 { margin-bottom: 80px !important; } .hl_mt80 { margin-top: 80px !important; } .hl_mr80 { margin-right: 80px !important; } .hl_ml80 { margin-left: 80px !important; } .hl_mb85 { margin-bottom: 85px !important; } .hl_mt85 { margin-top: 85px !important; } .hl_mr85 { margin-right: 85px !important; } .hl_ml85 { margin-left: 85px !important; } .hl_mb90 { margin-bottom: 90px !important; } .hl_mt90 { margin-top: 90px !important; } .hl_mr90 { margin-right: 90px !important; } .hl_ml90 { margin-left: 90px !important; } .hl_mb95 { margin-bottom: 95px !important; } .hl_mt95 { margin-top: 95px !important; } .hl_mr95 { margin-right: 95px !important; } .hl_ml95 { margin-left: 95px !important; } .hl_mb100 { margin-bottom: 100px !important; } .hl_mt100 { margin-top: 100px !important; } .hl_mr100 { margin-right: 100px !important; } .hl_ml100 { margin-left: 100px !important; } .hl_mb105 { margin-bottom: 105px !important; } .hl_mt105 { margin-top: 105px !important; } .hl_mr105 { margin-right: 105px !important; } .hl_ml105 { margin-left: 105px !important; } .hl_mb110 { margin-bottom: 110px !important; } .hl_mt110 { margin-top: 110px !important; } .hl_mr110 { margin-right: 110px !important; } .hl_ml110 { margin-left: 110px !important; } .hl_mb115 { margin-bottom: 115px !important; } .hl_mt115 { margin-top: 115px !important; } .hl_mr115 { margin-right: 115px !important; } .hl_ml115 { margin-left: 115px !important; } .hl_mb120 { margin-bottom: 120px !important; } .hl_mt120 { margin-top: 120px !important; } .hl_mr120 { margin-right: 120px !important; } .hl_ml120 { margin-left: 120px !important; } .hl_mb125 { margin-bottom: 125px !important; } .hl_mt125 { margin-top: 125px !important; } .hl_mr125 { margin-right: 125px !important; } .hl_ml125 { margin-left: 125px !important; } .hl_mb130 { margin-bottom: 130px !important; } .hl_mt130 { margin-top: 130px !important; } .hl_mr130 { margin-right: 130px !important; } .hl_ml130 { margin-left: 130px !important; } .hl_mb135 { margin-bottom: 135px !important; } .hl_mt135 { margin-top: 135px !important; } .hl_mr135 { margin-right: 135px !important; } .hl_ml135 { margin-left: 135px !important; } .hl_mb140 { margin-bottom: 140px !important; } .hl_mt140 { margin-top: 140px !important; } .hl_mr140 { margin-right: 140px !important; } .hl_ml140 { margin-left: 140px !important; } .hl_mb145 { margin-bottom: 145px !important; } .hl_mt145 { margin-top: 145px !important; } .hl_mr145 { margin-right: 145px !important; } .hl_ml145 { margin-left: 145px !important; } .hl_mb150 { margin-bottom: 150px !important; } .hl_mt150 { margin-top: 150px !important; } .hl_mr150 { margin-right: 150px !important; } .hl_ml150 { margin-left: 150px !important; } } .pb0 { padding-bottom: 0 !important; } .pt0 { padding-top: 0 !important; } .pr0 { padding-right: 0 !important; } .pl0 { padding-left: 0 !important; } .pb5 { padding-bottom: 5px !important; } .pt5 { padding-top: 5px !important; } .pr5 { padding-right: 5px !important; } .pl5 { padding-left: 5px !important; } .pb10 { padding-bottom: 10px !important; } .pt10 { padding-top: 10px !important; } .pr10 { padding-right: 10px !important; } .pl10 { padding-left: 10px !important; } .pb15 { padding-bottom: 15px !important; } .pt15 { padding-top: 15px !important; } .pr15 { padding-right: 15px !important; } .pl15 { padding-left: 15px !important; } .pb20 { padding-bottom: 20px !important; } .pt20 { padding-top: 20px !important; } .pr20 { padding-right: 20px !important; } .pl20 { padding-left: 20px !important; } .pb25 { padding-bottom: 25px !important; } .pt25 { padding-top: 25px !important; } .pr25 { padding-right: 25px !important; } .pl25 { padding-left: 25px !important; } .pb30 { padding-bottom: 30px !important; } .pt30 { padding-top: 30px !important; } .pr30 { padding-right: 30px !important; } .pl30 { padding-left: 30px !important; } .pb35 { padding-bottom: 35px !important; } .pt35 { padding-top: 35px !important; } .pr35 { padding-right: 35px !important; } .pl35 { padding-left: 35px !important; } .pb40 { padding-bottom: 40px !important; } .pt40 { padding-top: 40px !important; } .pr40 { padding-right: 40px !important; } .pl40 { padding-left: 40px !important; } .pb45 { padding-bottom: 45px !important; } .pt45 { padding-top: 45px !important; } .pr45 { padding-right: 45px !important; } .pl45 { padding-left: 45px !important; } .pb50 { padding-bottom: 50px !important; } .pt50 { padding-top: 50px !important; } .pr50 { padding-right: 50px !important; } .pl50 { padding-left: 50px !important; } .pb55 { padding-bottom: 55px !important; } .pt55 { padding-top: 55px !important; } .pr55 { padding-right: 55px !important; } .pl55 { padding-left: 55px !important; } .pb60 { padding-bottom: 60px !important; } .pt60 { padding-top: 60px !important; } .pr60 { padding-right: 60px !important; } .pl60 { padding-left: 60px !important; } .pb65 { padding-bottom: 65px !important; } .pt65 { padding-top: 65px !important; } .pr65 { padding-right: 65px !important; } .pl65 { padding-left: 65px !important; } .pb70 { padding-bottom: 70px !important; } .pt70 { padding-top: 70px !important; } .pr70 { padding-right: 70px !important; } .pl70 { padding-left: 70px !important; } .pb75 { padding-bottom: 75px !important; } .pt75 { padding-top: 75px !important; } .pr75 { padding-right: 75px !important; } .pl75 { padding-left: 75px !important; } .pb80 { padding-bottom: 80px !important; } .pt80 { padding-top: 80px !important; } .pr80 { padding-right: 80px !important; } .pl80 { padding-left: 80px !important; } .pb85 { padding-bottom: 85px !important; } .pt85 { padding-top: 85px !important; } .pr85 { padding-right: 85px !important; } .pl85 { padding-left: 85px !important; } .pb90 { padding-bottom: 90px !important; } .pt90 { padding-top: 90px !important; } .pr90 { padding-right: 90px !important; } .pl90 { padding-left: 90px !important; } .pb95 { padding-bottom: 95px !important; } .pt95 { padding-top: 95px !important; } .pr95 { padding-right: 95px !important; } .pl95 { padding-left: 95px !important; } .pb100 { padding-bottom: 100px !important; } .pt100 { padding-top: 100px !important; } .pr100 { padding-right: 100px !important; } .pl100 { padding-left: 100px !important; } .pb105 { padding-bottom: 105px !important; } .pt105 { padding-top: 105px !important; } .pr105 { padding-right: 105px !important; } .pl105 { padding-left: 105px !important; } .pb110 { padding-bottom: 110px !important; } .pt110 { padding-top: 110px !important; } .pr110 { padding-right: 110px !important; } .pl110 { padding-left: 110px !important; } .pb115 { padding-bottom: 115px !important; } .pt115 { padding-top: 115px !important; } .pr115 { padding-right: 115px !important; } .pl115 { padding-left: 115px !important; } .pb120 { padding-bottom: 120px !important; } .pt120 { padding-top: 120px !important; } .pr120 { padding-right: 120px !important; } .pl120 { padding-left: 120px !important; } .pb125 { padding-bottom: 125px !important; } .pt125 { padding-top: 125px !important; } .pr125 { padding-right: 125px !important; } .pl125 { padding-left: 125px !important; } .pb130 { padding-bottom: 130px !important; } .pt130 { padding-top: 130px !important; } .pr130 { padding-right: 130px !important; } .pl130 { padding-left: 130px !important; } .pb135 { padding-bottom: 135px !important; } .pt135 { padding-top: 135px !important; } .pr135 { padding-right: 135px !important; } .pl135 { padding-left: 135px !important; } .pb140 { padding-bottom: 140px !important; } .pt140 { padding-top: 140px !important; } .pr140 { padding-right: 140px !important; } .pl140 { padding-left: 140px !important; } .pb145 { padding-bottom: 145px !important; } .pt145 { padding-top: 145px !important; } .pr145 { padding-right: 145px !important; } .pl145 { padding-left: 145px !important; } .pb150 { padding-bottom: 150px !important; } .pt150 { padding-top: 150px !important; } .pr150 { padding-right: 150px !important; } .pl150 { padding-left: 150px !important; } @media screen and (max-width: 1200px) { .liquid_pb0 { padding-bottom: 0 !important; } .liquid_pt0 { padding-top: 0 !important; } .liquid_pr0 { padding-right: 0 !important; } .liquid_pl0 { padding-left: 0 !important; } .liquid_pb5 { padding-bottom: 5px !important; } .liquid_pt5 { padding-top: 5px !important; } .liquid_pr5 { padding-right: 5px !important; } .liquid_pl5 { padding-left: 5px !important; } .liquid_pb10 { padding-bottom: 10px !important; } .liquid_pt10 { padding-top: 10px !important; } .liquid_pr10 { padding-right: 10px !important; } .liquid_pl10 { padding-left: 10px !important; } .liquid_pb15 { padding-bottom: 15px !important; } .liquid_pt15 { padding-top: 15px !important; } .liquid_pr15 { padding-right: 15px !important; } .liquid_pl15 { padding-left: 15px !important; } .liquid_pb20 { padding-bottom: 20px !important; } .liquid_pt20 { padding-top: 20px !important; } .liquid_pr20 { padding-right: 20px !important; } .liquid_pl20 { padding-left: 20px !important; } .liquid_pb25 { padding-bottom: 25px !important; } .liquid_pt25 { padding-top: 25px !important; } .liquid_pr25 { padding-right: 25px !important; } .liquid_pl25 { padding-left: 25px !important; } .liquid_pb30 { padding-bottom: 30px !important; } .liquid_pt30 { padding-top: 30px !important; } .liquid_pr30 { padding-right: 30px !important; } .liquid_pl30 { padding-left: 30px !important; } .liquid_pb35 { padding-bottom: 35px !important; } .liquid_pt35 { padding-top: 35px !important; } .liquid_pr35 { padding-right: 35px !important; } .liquid_pl35 { padding-left: 35px !important; } .liquid_pb40 { padding-bottom: 40px !important; } .liquid_pt40 { padding-top: 40px !important; } .liquid_pr40 { padding-right: 40px !important; } .liquid_pl40 { padding-left: 40px !important; } .liquid_pb45 { padding-bottom: 45px !important; } .liquid_pt45 { padding-top: 45px !important; } .liquid_pr45 { padding-right: 45px !important; } .liquid_pl45 { padding-left: 45px !important; } .liquid_pb50 { padding-bottom: 50px !important; } .liquid_pt50 { padding-top: 50px !important; } .liquid_pr50 { padding-right: 50px !important; } .liquid_pl50 { padding-left: 50px !important; } .liquid_pb55 { padding-bottom: 55px !important; } .liquid_pt55 { padding-top: 55px !important; } .liquid_pr55 { padding-right: 55px !important; } .liquid_pl55 { padding-left: 55px !important; } .liquid_pb60 { padding-bottom: 60px !important; } .liquid_pt60 { padding-top: 60px !important; } .liquid_pr60 { padding-right: 60px !important; } .liquid_pl60 { padding-left: 60px !important; } .liquid_pb65 { padding-bottom: 65px !important; } .liquid_pt65 { padding-top: 65px !important; } .liquid_pr65 { padding-right: 65px !important; } .liquid_pl65 { padding-left: 65px !important; } .liquid_pb70 { padding-bottom: 70px !important; } .liquid_pt70 { padding-top: 70px !important; } .liquid_pr70 { padding-right: 70px !important; } .liquid_pl70 { padding-left: 70px !important; } .liquid_pb75 { padding-bottom: 75px !important; } .liquid_pt75 { padding-top: 75px !important; } .liquid_pr75 { padding-right: 75px !important; } .liquid_pl75 { padding-left: 75px !important; } .liquid_pb80 { padding-bottom: 80px !important; } .liquid_pt80 { padding-top: 80px !important; } .liquid_pr80 { padding-right: 80px !important; } .liquid_pl80 { padding-left: 80px !important; } .liquid_pb85 { padding-bottom: 85px !important; } .liquid_pt85 { padding-top: 85px !important; } .liquid_pr85 { padding-right: 85px !important; } .liquid_pl85 { padding-left: 85px !important; } .liquid_pb90 { padding-bottom: 90px !important; } .liquid_pt90 { padding-top: 90px !important; } .liquid_pr90 { padding-right: 90px !important; } .liquid_pl90 { padding-left: 90px !important; } .liquid_pb95 { padding-bottom: 95px !important; } .liquid_pt95 { padding-top: 95px !important; } .liquid_pr95 { padding-right: 95px !important; } .liquid_pl95 { padding-left: 95px !important; } .liquid_pb100 { padding-bottom: 100px !important; } .liquid_pt100 { padding-top: 100px !important; } .liquid_pr100 { padding-right: 100px !important; } .liquid_pl100 { padding-left: 100px !important; } .liquid_pb105 { padding-bottom: 105px !important; } .liquid_pt105 { padding-top: 105px !important; } .liquid_pr105 { padding-right: 105px !important; } .liquid_pl105 { padding-left: 105px !important; } .liquid_pb110 { padding-bottom: 110px !important; } .liquid_pt110 { padding-top: 110px !important; } .liquid_pr110 { padding-right: 110px !important; } .liquid_pl110 { padding-left: 110px !important; } .liquid_pb115 { padding-bottom: 115px !important; } .liquid_pt115 { padding-top: 115px !important; } .liquid_pr115 { padding-right: 115px !important; } .liquid_pl115 { padding-left: 115px !important; } .liquid_pb120 { padding-bottom: 120px !important; } .liquid_pt120 { padding-top: 120px !important; } .liquid_pr120 { padding-right: 120px !important; } .liquid_pl120 { padding-left: 120px !important; } .liquid_pb125 { padding-bottom: 125px !important; } .liquid_pt125 { padding-top: 125px !important; } .liquid_pr125 { padding-right: 125px !important; } .liquid_pl125 { padding-left: 125px !important; } .liquid_pb130 { padding-bottom: 130px !important; } .liquid_pt130 { padding-top: 130px !important; } .liquid_pr130 { padding-right: 130px !important; } .liquid_pl130 { padding-left: 130px !important; } .liquid_pb135 { padding-bottom: 135px !important; } .liquid_pt135 { padding-top: 135px !important; } .liquid_pr135 { padding-right: 135px !important; } .liquid_pl135 { padding-left: 135px !important; } .liquid_pb140 { padding-bottom: 140px !important; } .liquid_pt140 { padding-top: 140px !important; } .liquid_pr140 { padding-right: 140px !important; } .liquid_pl140 { padding-left: 140px !important; } .liquid_pb145 { padding-bottom: 145px !important; } .liquid_pt145 { padding-top: 145px !important; } .liquid_pr145 { padding-right: 145px !important; } .liquid_pl145 { padding-left: 145px !important; } .liquid_pb150 { padding-bottom: 150px !important; } .liquid_pt150 { padding-top: 150px !important; } .liquid_pr150 { padding-right: 150px !important; } .liquid_pl150 { padding-left: 150px !important; } } @media screen and (max-width: 1024px) { .tb_pb0 { padding-bottom: 0 !important; } .tb_pt0 { padding-top: 0 !important; } .tb_pr0 { padding-right: 0 !important; } .tb_pl0 { padding-left: 0 !important; } .tb_pb5 { padding-bottom: 5px !important; } .tb_pt5 { padding-top: 5px !important; } .tb_pr5 { padding-right: 5px !important; } .tb_pl5 { padding-left: 5px !important; } .tb_pb10 { padding-bottom: 10px !important; } .tb_pt10 { padding-top: 10px !important; } .tb_pr10 { padding-right: 10px !important; } .tb_pl10 { padding-left: 10px !important; } .tb_pb15 { padding-bottom: 15px !important; } .tb_pt15 { padding-top: 15px !important; } .tb_pr15 { padding-right: 15px !important; } .tb_pl15 { padding-left: 15px !important; } .tb_pb20 { padding-bottom: 20px !important; } .tb_pt20 { padding-top: 20px !important; } .tb_pr20 { padding-right: 20px !important; } .tb_pl20 { padding-left: 20px !important; } .tb_pb25 { padding-bottom: 25px !important; } .tb_pt25 { padding-top: 25px !important; } .tb_pr25 { padding-right: 25px !important; } .tb_pl25 { padding-left: 25px !important; } .tb_pb30 { padding-bottom: 30px !important; } .tb_pt30 { padding-top: 30px !important; } .tb_pr30 { padding-right: 30px !important; } .tb_pl30 { padding-left: 30px !important; } .tb_pb35 { padding-bottom: 35px !important; } .tb_pt35 { padding-top: 35px !important; } .tb_pr35 { padding-right: 35px !important; } .tb_pl35 { padding-left: 35px !important; } .tb_pb40 { padding-bottom: 40px !important; } .tb_pt40 { padding-top: 40px !important; } .tb_pr40 { padding-right: 40px !important; } .tb_pl40 { padding-left: 40px !important; } .tb_pb45 { padding-bottom: 45px !important; } .tb_pt45 { padding-top: 45px !important; } .tb_pr45 { padding-right: 45px !important; } .tb_pl45 { padding-left: 45px !important; } .tb_pb50 { padding-bottom: 50px !important; } .tb_pt50 { padding-top: 50px !important; } .tb_pr50 { padding-right: 50px !important; } .tb_pl50 { padding-left: 50px !important; } .tb_pb55 { padding-bottom: 55px !important; } .tb_pt55 { padding-top: 55px !important; } .tb_pr55 { padding-right: 55px !important; } .tb_pl55 { padding-left: 55px !important; } .tb_pb60 { padding-bottom: 60px !important; } .tb_pt60 { padding-top: 60px !important; } .tb_pr60 { padding-right: 60px !important; } .tb_pl60 { padding-left: 60px !important; } .tb_pb65 { padding-bottom: 65px !important; } .tb_pt65 { padding-top: 65px !important; } .tb_pr65 { padding-right: 65px !important; } .tb_pl65 { padding-left: 65px !important; } .tb_pb70 { padding-bottom: 70px !important; } .tb_pt70 { padding-top: 70px !important; } .tb_pr70 { padding-right: 70px !important; } .tb_pl70 { padding-left: 70px !important; } .tb_pb75 { padding-bottom: 75px !important; } .tb_pt75 { padding-top: 75px !important; } .tb_pr75 { padding-right: 75px !important; } .tb_pl75 { padding-left: 75px !important; } .tb_pb80 { padding-bottom: 80px !important; } .tb_pt80 { padding-top: 80px !important; } .tb_pr80 { padding-right: 80px !important; } .tb_pl80 { padding-left: 80px !important; } .tb_pb85 { padding-bottom: 85px !important; } .tb_pt85 { padding-top: 85px !important; } .tb_pr85 { padding-right: 85px !important; } .tb_pl85 { padding-left: 85px !important; } .tb_pb90 { padding-bottom: 90px !important; } .tb_pt90 { padding-top: 90px !important; } .tb_pr90 { padding-right: 90px !important; } .tb_pl90 { padding-left: 90px !important; } .tb_pb95 { padding-bottom: 95px !important; } .tb_pt95 { padding-top: 95px !important; } .tb_pr95 { padding-right: 95px !important; } .tb_pl95 { padding-left: 95px !important; } .tb_pb100 { padding-bottom: 100px !important; } .tb_pt100 { padding-top: 100px !important; } .tb_pr100 { padding-right: 100px !important; } .tb_pl100 { padding-left: 100px !important; } .tb_pb105 { padding-bottom: 105px !important; } .tb_pt105 { padding-top: 105px !important; } .tb_pr105 { padding-right: 105px !important; } .tb_pl105 { padding-left: 105px !important; } .tb_pb110 { padding-bottom: 110px !important; } .tb_pt110 { padding-top: 110px !important; } .tb_pr110 { padding-right: 110px !important; } .tb_pl110 { padding-left: 110px !important; } .tb_pb115 { padding-bottom: 115px !important; } .tb_pt115 { padding-top: 115px !important; } .tb_pr115 { padding-right: 115px !important; } .tb_pl115 { padding-left: 115px !important; } .tb_pb120 { padding-bottom: 120px !important; } .tb_pt120 { padding-top: 120px !important; } .tb_pr120 { padding-right: 120px !important; } .tb_pl120 { padding-left: 120px !important; } .tb_pb125 { padding-bottom: 125px !important; } .tb_pt125 { padding-top: 125px !important; } .tb_pr125 { padding-right: 125px !important; } .tb_pl125 { padding-left: 125px !important; } .tb_pb130 { padding-bottom: 130px !important; } .tb_pt130 { padding-top: 130px !important; } .tb_pr130 { padding-right: 130px !important; } .tb_pl130 { padding-left: 130px !important; } .tb_pb135 { padding-bottom: 135px !important; } .tb_pt135 { padding-top: 135px !important; } .tb_pr135 { padding-right: 135px !important; } .tb_pl135 { padding-left: 135px !important; } .tb_pb140 { padding-bottom: 140px !important; } .tb_pt140 { padding-top: 140px !important; } .tb_pr140 { padding-right: 140px !important; } .tb_pl140 { padding-left: 140px !important; } .tb_pb145 { padding-bottom: 145px !important; } .tb_pt145 { padding-top: 145px !important; } .tb_pr145 { padding-right: 145px !important; } .tb_pl145 { padding-left: 145px !important; } .tb_pb150 { padding-bottom: 150px !important; } .tb_pt150 { padding-top: 150px !important; } .tb_pr150 { padding-right: 150px !important; } .tb_pl150 { padding-left: 150px !important; } } @media screen and (max-width: 767px) { .sp_pb0 { padding-bottom: 0 !important; } .sp_pt0 { padding-top: 0 !important; } .sp_pr0 { padding-right: 0 !important; } .sp_pl0 { padding-left: 0 !important; } .sp_pb5 { padding-bottom: 5px !important; } .sp_pt5 { padding-top: 5px !important; } .sp_pr5 { padding-right: 5px !important; } .sp_pl5 { padding-left: 5px !important; } .sp_pb10 { padding-bottom: 10px !important; } .sp_pt10 { padding-top: 10px !important; } .sp_pr10 { padding-right: 10px !important; } .sp_pl10 { padding-left: 10px !important; } .sp_pb15 { padding-bottom: 15px !important; } .sp_pt15 { padding-top: 15px !important; } .sp_pr15 { padding-right: 15px !important; } .sp_pl15 { padding-left: 15px !important; } .sp_pb20 { padding-bottom: 20px !important; } .sp_pt20 { padding-top: 20px !important; } .sp_pr20 { padding-right: 20px !important; } .sp_pl20 { padding-left: 20px !important; } .sp_pb25 { padding-bottom: 25px !important; } .sp_pt25 { padding-top: 25px !important; } .sp_pr25 { padding-right: 25px !important; } .sp_pl25 { padding-left: 25px !important; } .sp_pb30 { padding-bottom: 30px !important; } .sp_pt30 { padding-top: 30px !important; } .sp_pr30 { padding-right: 30px !important; } .sp_pl30 { padding-left: 30px !important; } .sp_pb35 { padding-bottom: 35px !important; } .sp_pt35 { padding-top: 35px !important; } .sp_pr35 { padding-right: 35px !important; } .sp_pl35 { padding-left: 35px !important; } .sp_pb40 { padding-bottom: 40px !important; } .sp_pt40 { padding-top: 40px !important; } .sp_pr40 { padding-right: 40px !important; } .sp_pl40 { padding-left: 40px !important; } .sp_pb45 { padding-bottom: 45px !important; } .sp_pt45 { padding-top: 45px !important; } .sp_pr45 { padding-right: 45px !important; } .sp_pl45 { padding-left: 45px !important; } .sp_pb50 { padding-bottom: 50px !important; } .sp_pt50 { padding-top: 50px !important; } .sp_pr50 { padding-right: 50px !important; } .sp_pl50 { padding-left: 50px !important; } .sp_pb55 { padding-bottom: 55px !important; } .sp_pt55 { padding-top: 55px !important; } .sp_pr55 { padding-right: 55px !important; } .sp_pl55 { padding-left: 55px !important; } .sp_pb60 { padding-bottom: 60px !important; } .sp_pt60 { padding-top: 60px !important; } .sp_pr60 { padding-right: 60px !important; } .sp_pl60 { padding-left: 60px !important; } .sp_pb65 { padding-bottom: 65px !important; } .sp_pt65 { padding-top: 65px !important; } .sp_pr65 { padding-right: 65px !important; } .sp_pl65 { padding-left: 65px !important; } .sp_pb70 { padding-bottom: 70px !important; } .sp_pt70 { padding-top: 70px !important; } .sp_pr70 { padding-right: 70px !important; } .sp_pl70 { padding-left: 70px !important; } .sp_pb75 { padding-bottom: 75px !important; } .sp_pt75 { padding-top: 75px !important; } .sp_pr75 { padding-right: 75px !important; } .sp_pl75 { padding-left: 75px !important; } .sp_pb80 { padding-bottom: 80px !important; } .sp_pt80 { padding-top: 80px !important; } .sp_pr80 { padding-right: 80px !important; } .sp_pl80 { padding-left: 80px !important; } .sp_pb85 { padding-bottom: 85px !important; } .sp_pt85 { padding-top: 85px !important; } .sp_pr85 { padding-right: 85px !important; } .sp_pl85 { padding-left: 85px !important; } .sp_pb90 { padding-bottom: 90px !important; } .sp_pt90 { padding-top: 90px !important; } .sp_pr90 { padding-right: 90px !important; } .sp_pl90 { padding-left: 90px !important; } .sp_pb95 { padding-bottom: 95px !important; } .sp_pt95 { padding-top: 95px !important; } .sp_pr95 { padding-right: 95px !important; } .sp_pl95 { padding-left: 95px !important; } .sp_pb100 { padding-bottom: 100px !important; } .sp_pt100 { padding-top: 100px !important; } .sp_pr100 { padding-right: 100px !important; } .sp_pl100 { padding-left: 100px !important; } .sp_pb105 { padding-bottom: 105px !important; } .sp_pt105 { padding-top: 105px !important; } .sp_pr105 { padding-right: 105px !important; } .sp_pl105 { padding-left: 105px !important; } .sp_pb110 { padding-bottom: 110px !important; } .sp_pt110 { padding-top: 110px !important; } .sp_pr110 { padding-right: 110px !important; } .sp_pl110 { padding-left: 110px !important; } .sp_pb115 { padding-bottom: 115px !important; } .sp_pt115 { padding-top: 115px !important; } .sp_pr115 { padding-right: 115px !important; } .sp_pl115 { padding-left: 115px !important; } .sp_pb120 { padding-bottom: 120px !important; } .sp_pt120 { padding-top: 120px !important; } .sp_pr120 { padding-right: 120px !important; } .sp_pl120 { padding-left: 120px !important; } .sp_pb125 { padding-bottom: 125px !important; } .sp_pt125 { padding-top: 125px !important; } .sp_pr125 { padding-right: 125px !important; } .sp_pl125 { padding-left: 125px !important; } .sp_pb130 { padding-bottom: 130px !important; } .sp_pt130 { padding-top: 130px !important; } .sp_pr130 { padding-right: 130px !important; } .sp_pl130 { padding-left: 130px !important; } .sp_pb135 { padding-bottom: 135px !important; } .sp_pt135 { padding-top: 135px !important; } .sp_pr135 { padding-right: 135px !important; } .sp_pl135 { padding-left: 135px !important; } .sp_pb140 { padding-bottom: 140px !important; } .sp_pt140 { padding-top: 140px !important; } .sp_pr140 { padding-right: 140px !important; } .sp_pl140 { padding-left: 140px !important; } .sp_pb145 { padding-bottom: 145px !important; } .sp_pt145 { padding-top: 145px !important; } .sp_pr145 { padding-right: 145px !important; } .sp_pl145 { padding-left: 145px !important; } .sp_pb150 { padding-bottom: 150px !important; } .sp_pt150 { padding-top: 150px !important; } .sp_pr150 { padding-right: 150px !important; } .sp_pl150 { padding-left: 150px !important; } } @media screen and (max-width: 1150px) { .hl_pb0 { padding-bottom: 0 !important; } .hl_pt0 { padding-top: 0 !important; } .hl_pr0 { padding-right: 0 !important; } .hl_pl0 { padding-left: 0 !important; } .hl_pb5 { padding-bottom: 5px !important; } .hl_pt5 { padding-top: 5px !important; } .hl_pr5 { padding-right: 5px !important; } .hl_pl5 { padding-left: 5px !important; } .hl_pb10 { padding-bottom: 10px !important; } .hl_pt10 { padding-top: 10px !important; } .hl_pr10 { padding-right: 10px !important; } .hl_pl10 { padding-left: 10px !important; } .hl_pb15 { padding-bottom: 15px !important; } .hl_pt15 { padding-top: 15px !important; } .hl_pr15 { padding-right: 15px !important; } .hl_pl15 { padding-left: 15px !important; } .hl_pb20 { padding-bottom: 20px !important; } .hl_pt20 { padding-top: 20px !important; } .hl_pr20 { padding-right: 20px !important; } .hl_pl20 { padding-left: 20px !important; } .hl_pb25 { padding-bottom: 25px !important; } .hl_pt25 { padding-top: 25px !important; } .hl_pr25 { padding-right: 25px !important; } .hl_pl25 { padding-left: 25px !important; } .hl_pb30 { padding-bottom: 30px !important; } .hl_pt30 { padding-top: 30px !important; } .hl_pr30 { padding-right: 30px !important; } .hl_pl30 { padding-left: 30px !important; } .hl_pb35 { padding-bottom: 35px !important; } .hl_pt35 { padding-top: 35px !important; } .hl_pr35 { padding-right: 35px !important; } .hl_pl35 { padding-left: 35px !important; } .hl_pb40 { padding-bottom: 40px !important; } .hl_pt40 { padding-top: 40px !important; } .hl_pr40 { padding-right: 40px !important; } .hl_pl40 { padding-left: 40px !important; } .hl_pb45 { padding-bottom: 45px !important; } .hl_pt45 { padding-top: 45px !important; } .hl_pr45 { padding-right: 45px !important; } .hl_pl45 { padding-left: 45px !important; } .hl_pb50 { padding-bottom: 50px !important; } .hl_pt50 { padding-top: 50px !important; } .hl_pr50 { padding-right: 50px !important; } .hl_pl50 { padding-left: 50px !important; } .hl_pb55 { padding-bottom: 55px !important; } .hl_pt55 { padding-top: 55px !important; } .hl_pr55 { padding-right: 55px !important; } .hl_pl55 { padding-left: 55px !important; } .hl_pb60 { padding-bottom: 60px !important; } .hl_pt60 { padding-top: 60px !important; } .hl_pr60 { padding-right: 60px !important; } .hl_pl60 { padding-left: 60px !important; } .hl_pb65 { padding-bottom: 65px !important; } .hl_pt65 { padding-top: 65px !important; } .hl_pr65 { padding-right: 65px !important; } .hl_pl65 { padding-left: 65px !important; } .hl_pb70 { padding-bottom: 70px !important; } .hl_pt70 { padding-top: 70px !important; } .hl_pr70 { padding-right: 70px !important; } .hl_pl70 { padding-left: 70px !important; } .hl_pb75 { padding-bottom: 75px !important; } .hl_pt75 { padding-top: 75px !important; } .hl_pr75 { padding-right: 75px !important; } .hl_pl75 { padding-left: 75px !important; } .hl_pb80 { padding-bottom: 80px !important; } .hl_pt80 { padding-top: 80px !important; } .hl_pr80 { padding-right: 80px !important; } .hl_pl80 { padding-left: 80px !important; } .hl_pb85 { padding-bottom: 85px !important; } .hl_pt85 { padding-top: 85px !important; } .hl_pr85 { padding-right: 85px !important; } .hl_pl85 { padding-left: 85px !important; } .hl_pb90 { padding-bottom: 90px !important; } .hl_pt90 { padding-top: 90px !important; } .hl_pr90 { padding-right: 90px !important; } .hl_pl90 { padding-left: 90px !important; } .hl_pb95 { padding-bottom: 95px !important; } .hl_pt95 { padding-top: 95px !important; } .hl_pr95 { padding-right: 95px !important; } .hl_pl95 { padding-left: 95px !important; } .hl_pb100 { padding-bottom: 100px !important; } .hl_pt100 { padding-top: 100px !important; } .hl_pr100 { padding-right: 100px !important; } .hl_pl100 { padding-left: 100px !important; } .hl_pb105 { padding-bottom: 105px !important; } .hl_pt105 { padding-top: 105px !important; } .hl_pr105 { padding-right: 105px !important; } .hl_pl105 { padding-left: 105px !important; } .hl_pb110 { padding-bottom: 110px !important; } .hl_pt110 { padding-top: 110px !important; } .hl_pr110 { padding-right: 110px !important; } .hl_pl110 { padding-left: 110px !important; } .hl_pb115 { padding-bottom: 115px !important; } .hl_pt115 { padding-top: 115px !important; } .hl_pr115 { padding-right: 115px !important; } .hl_pl115 { padding-left: 115px !important; } .hl_pb120 { padding-bottom: 120px !important; } .hl_pt120 { padding-top: 120px !important; } .hl_pr120 { padding-right: 120px !important; } .hl_pl120 { padding-left: 120px !important; } .hl_pb125 { padding-bottom: 125px !important; } .hl_pt125 { padding-top: 125px !important; } .hl_pr125 { padding-right: 125px !important; } .hl_pl125 { padding-left: 125px !important; } .hl_pb130 { padding-bottom: 130px !important; } .hl_pt130 { padding-top: 130px !important; } .hl_pr130 { padding-right: 130px !important; } .hl_pl130 { padding-left: 130px !important; } .hl_pb135 { padding-bottom: 135px !important; } .hl_pt135 { padding-top: 135px !important; } .hl_pr135 { padding-right: 135px !important; } .hl_pl135 { padding-left: 135px !important; } .hl_pb140 { padding-bottom: 140px !important; } .hl_pt140 { padding-top: 140px !important; } .hl_pr140 { padding-right: 140px !important; } .hl_pl140 { padding-left: 140px !important; } .hl_pb145 { padding-bottom: 145px !important; } .hl_pt145 { padding-top: 145px !important; } .hl_pr145 { padding-right: 145px !important; } .hl_pl145 { padding-left: 145px !important; } .hl_pb150 { padding-bottom: 150px !important; } .hl_pt150 { padding-top: 150px !important; } .hl_pr150 { padding-right: 150px !important; } .hl_pl150 { padding-left: 150px !important; } } /* font */ .smaller { font-size: 85.7% !important; } .larger { font-size: 114.28% !important; } .fz20 { font-size: 20px; } .fz14 { font-size: 14px; } .bold { font-weight: bold !important; } .weight_normal { font-weight: normal !important; } .style_normal { font-style: normal !important; } .fw_400 { font-weight: 400 !important; } .fw_700 { font-weight: 700 !important; } .fs_italic { font-style: italic !important; } /* line height */ .lh_xl { line-height: 2.14 !important; } .lh_l { line-height: 1.714 !important; } .lh_m { line-height: 1.5 !important; } .lh_s { line-height: 1.3 !important; } .lh_xs { line-height: 1 !important; } /* font-feature-settings */ .ffs_palt { letter-spacing: .08em; -webkit-font-feature-settings: "palt" !important; font-feature-settings: "palt" !important; } .ffs_normal { letter-spacing: .08em; -webkit-font-feature-settings: normal !important; font-feature-settings: normal !important; } .width_30per { width: 30% !important; } .width_70per { width: 70% !important; } @media screen and (max-width: 767px) { .sp_width_50per { width: 50% !important; } } /*# sourceMappingURL=style.css.map */