/* ========================================================= Foundation ========================================================= */ /* --------------------------------------------------------- ress.css • v1.1.1 --------------------------------------------------------- */ /* Global selectors --------------------------------------------------------- */ html { box-sizing: border-box; overflow-y: scroll; /* All browsers without overlaying scrollbars */ -webkit-text-size-adjust: 100% /* iOS 8+ */ } *, ::before, ::after { box-sizing: inherit; } ::before, ::after { text-decoration: inherit; /* Inherit text-decoration and vertical align to ::before and ::after pseudo elements */ vertical-align: inherit; } /* Remove margin, padding of all elements and set background-no-repeat as default */ * { background-repeat: no-repeat; /* Set `background-repeat: no-repeat` to all elements */ padding: 0; /* Reset `padding` and `margin` of all elements */ margin: 0; } /* Global elements --------------------------------------------------------- */ /* Add the correct display in iOS 4-7.*/ audio:not([controls]) { display: none; height: 0; } hr { overflow: visible /* Show the overflow in Edge and IE */ } /* * Correct `block` display not defined for any HTML5 element in IE 8/9 * Correct `block` display not defined for `details` or `summary` in IE 10/11 * and Firefox * Correct `block` display not defined for `main` in IE 11 */ article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary { display: block; } summary { display: list-item /* Add the correct display in all browsers */ } small { font-size: 80% /* Set font-size to 80% in `small` elements */ } [hidden], template { display: none /* Add the correct display in IE */ } abbr[title] { border-bottom: 1px dotted; /* Add a bordered underline effect in all browsers */ text-decoration: none /* Remove text decoration in Firefox 40+ */ } a { background-color: transparent; /* Remove the gray background on active links in IE 10 */ -webkit-text-decoration-skip: objects /* Remove gaps in links underline in iOS 8+ and Safari 8+ */ } a:active, a:hover { outline-width: 0 /* Remove the outline when hovering in all browsers */ } code, kbd, pre, samp { font-family: monospace, monospace /* Specify the font family of code elements */ } b, strong { font-weight: bolder /* Correct style set to `bold` in Edge 12+, Safari 6.2+, and Chrome 18+ */ } dfn { font-style: italic /* Address styling not present in Safari and Chrome */ } /* Address styling not present in IE 8/9 */ mark { background-color: #ff0; color: #000; } /* https://gist.github.com/unruthless/413930 */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } /* Forms --------------------------------------------------------- */ input { border-radius: 0; } /* Apply cursor pointer to button elements */ button, [type="button"], [type="reset"], [type="submit"] [role="button"] { cursor: pointer; } /* Replace pointer cursor in disabled elements */ [disabled] { cursor: default; } [type="number"] { width: auto /* Firefox 36+ */ } [type="search"] { -webkit-appearance: textfield /* Safari 8+ */ } [type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration { -webkit-appearance: none /* Safari 8 */ } textarea { overflow: auto; /* Internet Explorer 11+ */ resize: vertical /* Specify textarea resizability */ } button, input, optgroup, select, textarea { font: inherit /* Specify font inheritance of form elements */ } optgroup { font-weight: bold /* Restore the font weight unset by the previous rule. */ } button { overflow: visible /* Address `overflow` set to `hidden` in IE 8/9/10/11 */ } /* Remove inner padding and border in Firefox 4+ */ button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: 0; padding: 0; } /* Replace focus style removed in the border reset above */ button:-moz-focusring, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { outline: 1px dotted ButtonText; } button, html [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button /* Correct the inability to style clickable types in iOS */ } button, select { text-transform: none /* Firefox 40+, Internet Explorer 11- */ } /* Remove the default button styling in all browsers */ button, input, textarea { background-color: transparent; border-style: none; color: inherit; } /* Style select like a standard input */ legend { border: 0; /* Correct `color` not being inherited in IE 8/9/10/11 */ color: inherit; /* Correct the color inheritance from `fieldset` elements in IE */ display: table; /* Correct the text wrapping in Edge and IE */ max-width: 100%; /* Correct the text wrapping in Edge and IE */ white-space: normal /* Correct the text wrapping in Edge and IE */ } ::-webkit-file-upload-button { -webkit-appearance: button; /* Correct the inability to style clickable types in iOS and Safari */ font: inherit /* Change font properties to `inherit` in Chrome and Safari */ } [type="search"] { -webkit-appearance: textfield; /* Correct the odd appearance in Chrome and Safari */ outline-offset: -2px /* Correct the outline style in Safari */ } /* Specify media element style --------------------------------------------------------- */ img { border-style: none /* Remove border when inside `a` element in IE 8/9/10 */ } /* Add the correct vertical alignment in Chrome, Firefox, and Opera */ progress { vertical-align: baseline; } svg:not(:root) { overflow: hidden /* Internet Explorer 11- */ } audio, canvas, progress, video { display: inline-block /* Internet Explorer 11+, Windows Phone 8.1+ */ } /* Accessibility --------------------------------------------------------- */ /* Hide content from screens but not screenreaders */ @media screen { [hidden~="screen"] { display: inherit; } [hidden~="screen"]:not(:active):not(:focus):not(:target) { position: absolute !important; clip: rect(0 0 0 0) !important; } } /* Specify the progress cursor of updating elements */ [aria-busy="true"] { cursor: progress; } /* Specify the pointer cursor of trigger elements */ [aria-controls] { cursor: pointer; } /* Specify the unstyled cursor of disabled, not-editable, or otherwise inoperable elements */ [aria-disabled] { cursor: default; } /* Selection --------------------------------------------------------- */ /* Specify text selection background color and omit drop shadow */ ::-moz-selection { background-color: #b3d4fc; /* Required when declaring ::selection */ color: #000; text-shadow: none; } ::selection { background-color: #b3d4fc; /* Required when declaring ::selection */ color: #000; text-shadow: none; } /* --------------------------------------------------------- Baseスタイル --------------------------------------------------------- */ html { font-size: 16px; } @media screen and (min-width: 769px) { html { font-size: 16px; } } @media screen and (min-width: 951px) { html { position: relative; min-height: 100%; font-size: 16px; } } @media screen and (min-width: 1201px) { html { font-size: 16px; } } body { min-height: 100%; -webkit-print-color-adjust: exact; font-family: -apple-system, "游ゴシック体", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif; font-weight: 500; color: #4c4c4c; } @media screen and (min-width: 951px) { body { margin-bottom: 180px; } } p { margin: 0; } img { vertical-align: bottom; } li { list-style: none; } ol, ul { list-style: none; } table { border-collapse: collapse; border-spacing: 0; font-size: 100%; } a { color: #666; text-decoration: none; } a:hover { color: #1e2380; cursor: pointer; } /* ========================================================= Layout ========================================================= */ /* --------------------------------------------------------- header --------------------------------------------------------- */ /* ヘッダー --------------------------------------------------------- */ @media screen and (min-width: 641px) { .l-header { background-color: #fff; } } .l-header__inner { width: 100%; margin-right: auto; margin-left: auto; padding-top: 20px; } @media screen and (min-width: 951px) { .l-header__inner { max-width: 950px; } } @media screen and (max-width: 640px) { .l-header__inner { padding-bottom: 20px; } } @media screen and (min-width: 641px) { .l-header__inner { padding-right: 10px; padding-bottom: 20px; } } @media screen and (min-width: 641px) { .l-header__site_title { float: left; } } @media screen and (min-width: 641px) { .l-header__logo { float: left; } } @media screen and (max-width: 640px) { .l-header__logo { margin-left: -20px; text-align: center; overflow: hidden; } } .l-header__slogan { white-space: nowrap; color: #000; overflow: hidden; } @media screen and (min-width: 641px) { .l-header__slogan { float: left; padding-left: 45px; font-size: 12px; line-height: 51px; } } @media screen and (max-width: 640px) { .l-header__slogan { margin-top: 12px; font-size: 14px; text-align: center; line-height: 1; } } .l-header__official { font-weight: bold; line-height: 1; } @media screen and (min-width: 641px) { .l-header__official { font-size: 1rem; margin-top: 15px; } } @media screen and (max-width: 640px) { .l-header__official { font-size: 0.875rem; margin-top: 12px; text-align: center; } } @media screen and (min-width: 641px) { .l-header__official span { padding: 4px; } } @media screen and (max-width: 640px) { .l-header__official span { padding: 3px; } } .l-header__official_txt { background-color: #fff; color: #ea1e79; } .l-header__official_strong { background-color: #ea1e79; color: #fff; } @media screen and (min-width: 641px) { .l-header__contact { float: right; } } @media screen and (max-width: 640px) { .l-header__contact { margin-top: 20px; } } .l-header__contact_tel { font-size: 1.125rem; font-weight: bold; line-height: 1; text-align: center; color: #ea1e79; } .l-header__contact_tel a { color: #ea1e79; } .l-header__contact_access { padding-top: 5px; } @media screen and (max-width: 640px) { .l-header__contact_access { text-align: center; } } .l-header__contact_access a { display: block; padding: 10px 20px; background-color: #ee5a24; background: -webkit-linear-gradient(top, #f2794c 0%, #ee5a24 100%); background: linear-gradient(to bottom, #f2794c 0%, #ee5a24 100%); border-radius: 8px; font-size: 1rem; line-height: 1; text-align: center; text-decoration: none; color: #fff; } @media screen and (max-width: 640px) { .l-header__contact_access a { max-width: 215px; margin-right: auto; margin-left: auto; } } @media screen and (min-width: 641px) { .l-header__sns { float: right; } } @media screen and (max-width: 640px) { .l-header__sns { display: none; } } .l-header__sns { float: right; margin-left: 20px; } @media screen and (max-width: 640px) { .l-header__sns { display: none; } } .l-header__sns > a { display: block; padding: 5px 30px 5px 5px; background-color: #efefef; background-position: right center; background-repeat: no-repeat; background-size: contain; font-size: 0.75rem; font-family: Arial; font-weight: 500; text-decoration: none; letter-spacing: 0.05em; color: #808080; } .l-header__sns > a + a { margin-top: 7px; } .l-header__sns > a.facebook { background-image: url(../images/icon_facebook.png); } .l-header__sns > a.instagram { background-image: url(../images/icon_instagram.png); } @media screen and (min-width: 641px) { .l-global_navi { padding-bottom: 5px; border-bottom: 1px solid #ccc; box-shadow: 0px 4px 7px #eee; } } @media screen and (max-width: 640px) { .l-global_navi { position: relative; background-color: #344792; } } .l-global_navi_menu { width: 100%; margin-right: auto; margin-left: auto; } @media screen and (min-width: 951px) { .l-global_navi_menu { max-width: 950px; } } @media screen and (max-width: 640px) { .l-global_navi_menu { padding: 0 15px 15px; } } .l-global_navi_menu.is-hidden { display: none; } .l-global_navi_menu > li { line-height: 1; } @media screen and (min-width: 641px) { .l-global_navi_menu > li { float: left; padding: 2px 20px 2px 4px; border-left: 1px solid #c0a052; font-size: 0.875rem; } } @media screen and (max-width: 640px) { .l-global_navi_menu > li { border-bottom: 1px dotted #1e2380; } } @media screen and (max-width: 640px) { .l-global_navi_menu > li:first-child { border-top: 1px dotted #1e2380; } } .l-global_navi_menu a { font-weight: bold; text-decoration: none; } @media screen and (min-width: 641px) { .l-global_navi_menu a { color: #808080; } } @media screen and (max-width: 640px) { .l-global_navi_menu a { display: block; padding: 15px; color: #fff; } } @media screen and (min-width: 641px) { .l-global_navi_menu a:hover { color: #1e2380; } } @media screen and (min-width: 641px) { .l-global_navi_menu .current-menu-item a, .l-global_navi_menu .current-page-ancestor a { color: #1e2380; } } .l-global_navi_btn { display: block; padding: 15px 15px 15px 20px; background-color: #1a207e; background: -webkit-linear-gradient(top, #4967a2 0%, #1a207e 100%); background: linear-gradient(to bottom, #4967a2 0%, #1a207e 100%); font-size: 12px; line-height: 1; cursor: pointer; color: #fff; } .l-global_navi_btn i { display: inline-block; position: relative; width: 18px; height: 3px; margin: 0 10px 3px 0; padding: 0; background: #fff; } .l-global_navi_btn i:before, .l-global_navi_btn i:after { display: block; position: absolute; top: 50%; left: 0; width: 18px; height: 3px; margin-top: -8px; background: #fff; content: ""; } .l-global_navi_btn i:before { margin-top: -9px; } .l-global_navi_btn i:after { margin-top: 5px; } .l-global_navi_btn.close { background: #344792; text-align: right; } .l-global_navi_btn.close span { display: none; } .l-global_navi_btn.close i { float: right; background: transparent; margin-right: 0; } .l-global_navi_btn.close i:before, .l-global_navi_btn.close i:after { margin-top: -2px; } .l-global_navi_btn.close i:before { -ms-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transform: rotate(-45deg); } .l-global_navi_btn.close i:after { -ms-transform: rotate(-135deg); transform: rotate(-135deg); -webkit-transform: rotate(-135deg); } /* --------------------------------------------------------- Layout - contents --------------------------------------------------------- */ /* ヘッダコンテンツ --------------------------------------------------------- */ .l-contents_header { position: relative; width: 100%; margin-right: auto; margin-left: auto; } @media screen and (min-width: 951px) { .l-contents_header { max-width: 950px; } } @media screen and (min-width: 641px) { .l-contents_header { padding-top: 25px; } } @media screen and (max-width: 640px) { .l-contents_header { padding-top: 20px; } } .l-contents_header .c-breadCrumb { font-size: 0.6875rem; } @media screen and (min-width: 641px) { .l-contents_header .c-breadCrumb { padding-left: 0; } } .l-contents_header .c-breadCrumb a { color: #999; } /* コンテンツ --------------------------------------------------------- */ .l-contents { position: relative; width: 100%; margin-right: auto; margin-left: auto; } @media screen and (min-width: 951px) { .l-contents { max-width: 950px; } } .l-contents::after { display: block; clear: both; content: ''; } /* メインコンテンツ --------------------------------------------------------- */ @media screen and (min-width: 641px) { .l-main { float: left; width: 745px; padding-left: 20px; } } @media screen and (max-width: 640px) { .l-main { margin-bottom: 30px; } } .l-main__contents { line-height: 1.5; } @media screen and (max-width: 640px) { .l-main__contents { padding-right: 15px; padding-left: 15px; } } @media screen and (max-width: 640px) { .l-main__contents img { max-width: 100%; width: auto; height: auto; } } .l-main__contents a:hover { text-decoration: none; } .l-main__footer { margin-top: 2em; margin-bottom: 1em; overflow: hidden; } @media screen and (min-width: 951px) { .l-main__footer { width: 100%; } } .l-main__go_back_page { margin-top: 20px; font-size: 0.8125rem; text-align: center; } /* サイドバー --------------------------------------------------------- */ @media screen and (min-width: 641px) { .l-sidebar { float: right; width: 175px; } } .l-sidebar__child_page_list { font-size: 0.875rem; line-height: 1.4; } @media screen and (min-width: 641px) { .l-sidebar__child_page_list { margin-bottom: 25px; } } @media screen and (max-width: 640px) { .l-sidebar__child_page_list::before { content: "関連ページ"; display: block; padding: 10px; background-color: #1e2380; color: #fff; } } @media screen and (min-width: 641px) { .l-sidebar__child_page_list dd { margin-bottom: 10px; } } @media screen and (max-width: 640px) { .l-sidebar__child_page_list dd { border-bottom: 1px solid #ccc; } } .l-sidebar__child_page_list dd > a { display: block; border-left: 2px solid #ccc; text-decoration: none; color: #666; } @media screen and (min-width: 641px) { .l-sidebar__child_page_list dd > a { padding: 2px 7px; } } @media screen and (max-width: 640px) { .l-sidebar__child_page_list dd > a { padding: 10px; } } .l-sidebar__child_page_list dd > a:hover { background: #f2f2f2; border-left: 2px solid #1e2380; color: #1e2380; } .l-sidebar__child_page_list dd.is-active > a { background: #f2f2f2; border-left: 2px solid #1e2380; color: #333; } /* --------------------------------------------------------- footer --------------------------------------------------------- */ .l-footer { position: relative; padding-top: 5px; border-top: 1px solid #ccc; } @media screen and (min-width: 951px) { .l-footer { position: absolute; bottom: 0; width: 100%; height: 130px; } } @media screen and (max-width: 640px) { .l-footer { padding-bottom: 50px; } } .l-footer__navi { width: 100%; margin-right: auto; margin-left: auto; } @media screen and (min-width: 951px) { .l-footer__navi { max-width: 950px; } } .l-footer__navi::after { display: block; clear: both; content: ''; } .l-footer__navi_menu { float: right; } @media screen and (min-width: 641px) { .l-footer__navi_menu { margin-right: 10px; } } .l-footer__navi_menu > li { float: left; font-size: 0.625rem; border-right: 1px solid #7f7f7f; line-height: 1; } .l-footer__navi_menu > li:first-child { border-left: 1px solid #7f7f7f; } .l-footer__navi_menu > li a { display: block; text-decoration: none; color: #7f7f7f; } @media screen and (min-width: 641px) { .l-footer__navi_menu > li a { padding: 1px 7px; } } @media screen and (max-width: 640px) { .l-footer__navi_menu > li a { padding: 3px 7px; } } .l-footer__contents { width: 100%; margin-right: auto; margin-left: auto; } @media screen and (min-width: 951px) { .l-footer__contents { max-width: 950px; } } @media screen and (min-width: 641px) { .l-footer__contents { padding-top: 10px; } } @media screen and (max-width: 640px) { .l-footer__contents { margin-top: 20px; padding-right: 15px; padding-left: 15px; } } @media screen and (min-width: 641px) { .l-footer__logo { float: left; margin-right: 30px; } } @media screen and (max-width: 640px) { .l-footer__logo { text-align: center; } } @media screen and (min-width: 641px) { .l-footer__info { float: left; line-height: 1.4; } } .l-footer__group { margin-bottom: 5px; font-size: 0.625rem; } @media screen and (max-width: 640px) { .l-footer__group { margin-top: 10px; text-align: center; } } .l-footer__company { margin-bottom: 7px; font-size: 0.875rem; font-weight: bold; } @media screen and (max-width: 640px) { .l-footer__company { text-align: center; } } .l-footer__address { margin-bottom: 10px; font-size: 0.875rem; } @media screen and (max-width: 640px) { .l-footer__address { margin-top: 20px; text-align: center; } } @media screen and (min-width: 641px) { .l-footer__address br { display: none; } } .l-footer__copyright { font-size: 0.6875rem; } @media screen and (max-width: 640px) { .l-footer__copyright { text-align: center; } } @media screen and (min-width: 641px) { .l-footer__contact { float: right; padding-top: 8px; padding-right: 10px; } } @media screen and (max-width: 640px) { .l-footer__contact { margin-top: 15px; } } .l-footer__tel { font-size: 1.25rem; font-weight: bold; line-height: 1; color: #e3455d; text-align: center; } .l-footer__tel a { text-decoration: none; color: #e3455d; } .l-footer__access { margin-top: 7px; line-height: 1; } @media screen and (max-width: 640px) { .l-footer__access { max-width: 170px; margin-right: auto; margin-left: auto; } } .l-footer__access a { display: block; padding: 10px 15px; background-color: #ee5a24; background: -webkit-linear-gradient(top, #f2794c 0%, #ee5a24 100%); background: linear-gradient(to bottom, #f2794c 0%, #ee5a24 100%); border-radius: 8px; font-size: 1rem; font-weight: bold; text-align: center; text-decoration: none; color: #fff; } .pageTop { position: fixed; z-index: 20px; } @media screen and (min-width: 641px) { .pageTop { right: 20px; bottom: 140px; display: none; } .pageTop.fixed { bottom: 10px; right: 10px; } } @media screen and (max-width: 640px) { .pageTop { right: 5px; bottom: 5px; text-align: center; } } .pageTopBtn { display: inline-block; background-color: #e6efef; border: 1px solid #e3e3e3; border-radius: 50%; text-align: center; text-decoration: none; line-height: 1; color: #1e2380; } @media screen and (min-width: 641px) { .pageTopBtn { width: 50px; height: 50px; padding: 3px; font-size: 0.75rem; } } @media screen and (max-width: 640px) { .pageTopBtn { width: 60px; height: 60px; padding: 5px; font-size: 12px; } } .pageTopBtn:hover { color: #9598A0; } .pageTopBtn .fa { display: block; } /* ========================================================= Object ========================================================= */ /* --------------------------------------------------------- Component - google map --------------------------------------------------------- */ .c-googlemap_container { position: relative; padding-top: 50%; } .c-googlemap_container__obj { position: absolute; width: 100%; height: 100%; top: 0; } .c-googlemap_link { margin-top: 5px; font-size: 0.75em; } /* --------------------------------------------------------- Component - youtube --------------------------------------------------------- */ @media screen and (max-width: 768px) { .c-youtube_container { position: relative; width: 100%; padding-top: 56.25%; } } @media screen and (max-width: 768px) { .c-youtube_container iframe { position: absolute; top: 0; right: 0; width: 100% !important; height: 100% !important; } } /* --------------------------------------------------------- Component - bread crumb --------------------------------------------------------- */ .c-breadCrumb { position: relative; list-style: none none; padding-left: 10px; padding-right: 10px; margin: 0; font-size: 0.75rem; color: #706e61; width: 100%; margin-right: auto; margin-left: auto; } @media screen and (min-width: 951px) { .c-breadCrumb { max-width: 950px; } } .c-breadCrumb::after { display: block; clear: both; content: ''; } .c-breadCrumb > li { float: left; margin-right: 0.8em; } @media screen and (min-width: 951px) { .c-breadCrumb > li { margin-right: 5px; } } .c-breadCrumb > li:before { margin-right: 0.8em; content: ">"; } @media screen and (min-width: 951px) { .c-breadCrumb > li:before { margin-right: 5px; } } .c-breadCrumb > li:first-child:before { display: none; } .c-breadCrumb a { color: #706e61; } .c-breadCrumb a:link, .c-breadCrumb a:visited { text-decoration: none; } .c-breadCrumb a:hover { text-decoration: underline; } /* --------------------------------------------------------- project - wp wdit button --------------------------------------------------------- */ .p-editlink { display: none; } @media screen and (min-width: 769px) { .p-editlink { display: block; position: absolute; bottom: 0; right: 10px; font-size: 0.75rem; line-height: 1.1; z-index: 9999; } } .p-editlink a { display: block; padding: 5px 0; width: 100px; background: #000; color: #fff !important; text-align: center; text-decoration: none; opacity: 0.3; } .p-editlink a:hover { opacity: 1; text-decoration: none; } /* --------------------------------------------------------- utility - align --------------------------------------------------------- */ .alignleft { float: left; } img.alignleft { display: block; float: left; margin-right: 1rem; margin-bottom: 1rem; } @media screen and (max-width: 640px) { img.alignleft { float: none; } } .alignright { float: right; } img.alignright { display: block; float: right; margin-bottom: 1rem; margin-left: 1rem; } @media screen and (max-width: 640px) { img.alignright { float: none; } } .aligncenter { display: block; margin-left: auto; margin-right: auto; text-align: center; } img.aligncenter { margin-bottom: 1rem; } /* --------------------------------------------------------- project - archiveList pageNavi --------------------------------------------------------- */ ul.page-numbers { position: relative; left: 50%; float: left; clear: both; margin: -7px 0 0; padding: 0; } ul.page-numbers::after { display: block; clear: both; content: ''; } ul.page-numbers > li { position: relative; float: left; list-style: none; left: -50%; margin: 7px 4px; font-size: 0.875rem; line-height: 1; } ul.page-numbers > li a { display: block; padding: 8px 10px; background-color: #e6e6e6; text-decoration: none; color: #666; } ul.page-numbers > li a:hover { background-color: #ccc; color: #fff; } ul.page-numbers > li span { display: block; padding: 8px 10px; background-color: #769981; color: #fff; } .page-numbers__prev a, .page-numbers__next a, .page-numbers.next, .page-numbers.prev { background: none !important; letter-spacing: 1px; color: #4d4d4d !important; } .page-numbers__prev a:hover, .page-numbers__next a:hover, .page-numbers.next:hover, .page-numbers.prev:hover { text-decoration: underline; } @media screen and (max-width: 640px) { .page-numbers__prev a, .page-numbers__next a { padding-right: 0 !important; padding-left: 0 !important; } } /* --------------------------------------------------------- project - catch copy --------------------------------------------------------- */ .slogan { font-size: 1.25rem; line-height: 1.45; letter-spacing: 0.05em; color: #1a1a1a; } /* --------------------------------------------------------- project - heading --------------------------------------------------------- */ .p-page_title { background-color: #676aa9; background: url(../images/p-page_title_bg.png), -webkit-linear-gradient(top, #676aa9 0%, #1e2380 100%); background: url(../images/p-page_title_bg.png), linear-gradient(to bottom, #676aa9 0%, #1e2380 100%); background-repeat: no-repeat; background-position: right bottom; background-size: contain; line-height: 1.5; color: #fff; } @media screen and (min-width: 641px) { .p-page_title { height: 70px; margin-bottom: 30px; padding-top: 17px; padding-left: 17px; font-size: 1.375rem; letter-spacing: 0.05em; } } @media screen and (max-width: 640px) { .p-page_title { margin-bottom: 15px; padding: 10px; font-size: 1.125rem; } } h2 { background-color: #e6e6e6; background: -webkit-linear-gradient(top, #f2f2f2 0%, #e6e6e6 100%); background: linear-gradient(to bottom, #f2f2f2 0%, #e6e6e6 100%); border-left: 3px solid #1e2380; font-size: 1.125rem; line-height: 1.4; } @media screen and (min-width: 641px) { h2 { margin-bottom: 12px; padding: 5px 10px 4px; } } @media screen and (max-width: 640px) { h2 { margin-bottom: 10px; padding: 5px; } } h3 { border-bottom: 1px solid #ccc; font-size: 1.125rem; color: #d4145a; } @media screen and (min-width: 641px) { h3 { margin-bottom: 12px; margin-left: 10px; } } @media screen and (max-width: 640px) { h3 { margin-left: 5px; margin-bottom: 5px; } } h4 { background: url(../images/h4_bg.png) no-repeat 3px 9px; line-height: 1.5; color: #d4145a; } @media screen and (min-width: 641px) { h4 { margin-bottom: 12px; margin-left: 10px; padding-left: 15px; } } @media screen and (max-width: 640px) { h4 { margin-bottom: 5px; padding-left: 15px; } } h5 { margin-bottom: 7px; padding-left: 15px; background: url(../images/h5_bg.png) no-repeat 3px 9px; line-height: 1.5; color: #333; } @media screen and (min-width: 641px) { h5 { margin-left: 25px; } } @media screen and (min-width: 641px) { .h2_txt { margin-left: 10px; } } @media screen and (max-width: 640px) { .h2_txt { margin-left: 5px; } } @media screen and (min-width: 641px) { .h3_txt { margin-left: 10px; } } @media screen and (max-width: 640px) { .h3_txt { margin-left: 5px; } } @media screen and (min-width: 641px) { .h4_txt { margin-left: 25px; } } @media screen and (max-width: 640px) { .h4_txt { margin-left: 15px; } } @media screen and (min-width: 641px) { .h5_txt { margin-left: 40px; } } @media screen and (max-width: 640px) { .h5_txt { margin-left: 15px; } } /* --------------------------------------------------------- project - child page list --------------------------------------------------------- */ .p-child_pages__container { margin: 80px 0 0 15px; } @media screen and (max-width: 640px) { .p-child_pages__container { display: none; } } .p-child_pages__list { list-style: none; margin: 0; padding: 0; } .p-child_pages__list > li { float: left; width: 345px; margin: 0 5px 5px 0; padding: 2px; border: 1px solid #ccc; font-weight: bold; } .p-child_pages__list > li.is-active { display: none; } .p-child_pages__list a { display: block; padding: 8px; background: url(../images/subpagelist_bg.png) no-repeat right center #e5e9fa; color: #666; } .p-child_pages__list a:hover { background: url(../images/subpagelist_bg2.png) no-repeat right center #e5e9fa; color: #1e2380; text-decoration: none; } .p-child_pages__thumb { display: table-cell; float: left; width: 100px; height: 80px; vertical-align: middle; overflow: hidden; } .p-child_pages__thumb img { width: 100px; } .p-child_pages__title { display: table-cell; max-width: 190px; height: 80px; overflow: hidden; vertical-align: middle; padding-left: 10px; font-size: 1rem; } /* --------------------------------------------------------- project - site common --------------------------------------------------------- */ .clearfix::after { display: block; clear: both; content: ''; } .font-mincho { font-family: "游明朝", "YuMincho", "Hiragino Mincho ProN", "Hiragino Mincho Pro", "HG明朝E", "ＭＳ 明朝", serif; } @media all and (-ms-high-contrast: none) { *::-ms-backdrop, .font-mincho { font-family: Century, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif; } } .br_pc::before { content: ""; white-space: pre; } @media screen and (min-width: 951px) { .br_pc::before { content: "\A"; } } @media screen and (max-width: 950px) { .br:before { content: "\a"; white-space: pre; } } @media screen and (max-width: 950px) { .pc_view { display: none; } } @media screen and (min-width: 951px) { .mobile_view { display: none; } } .list_style01 > li { background: url(../images/list_icon01.png) no-repeat 0 7px; } @media screen and (min-width: 641px) { .list_style01 > li { margin-left: 20px; padding-left: 15px; } } @media screen and (max-width: 640px) { .list_style01 > li { margin-left: 5px; padding-left: 10px; } } .list_style02 > li { padding-left: 2.6rem; text-indent: -2.6rem; } .list_style02 > li:nth-child(1)::before { content: "1）"; } .list_style02 > li:nth-child(2)::before { content: "2）"; } .list_style02 > li:nth-child(3)::before { content: "3）"; } .list_style02 > li:nth-child(4)::before { content: "4）"; } .list_style02 > li:nth-child(5)::before { content: "5）"; } .list_style02 > li:nth-child(6)::before { content: "6）"; } .list_style02 > li:nth-child(7)::before { content: "7）"; } .list_style02 > li:nth-child(8)::before { content: "8）"; } .list_style02 > li:nth-child(9)::before { content: "9）"; } .list_style03 > li { padding-left: 2.6rem; text-indent: -2.6rem; } .list_style03 > li:nth-child(1)::before { content: "\2460"; } .list_style03 > li:nth-child(2)::before { content: "\2461"; } .list_style03 > li:nth-child(3)::before { content: "\2462"; } .list_style03 > li:nth-child(4)::before { content: "\2463"; } .list_style03 > li:nth-child(5)::before { content: "\2464"; } .list_style03 > li:nth-child(6)::before { content: "\2465"; } .list_style03 > li:nth-child(7)::before { content: "\2466"; } .list_style03 > li:nth-child(8)::before { content: "\2467"; } .list_style03 > li:nth-child(9)::before { content: "\2468"; } .list_style03 > li:nth-child(1)::before { content: "\2460"; } .list_style03 > li:nth-child(2)::before { content: "\2461"; } .list_style03 > li:nth-child(3)::before { content: "\2462"; } .list_style03 > li:nth-child(4)::before { content: "\2463"; } .list_style03 > li:nth-child(5)::before { content: "\2464"; } .list_style03 > li:nth-child(6)::before { content: "\2465"; } .list_style03 > li:nth-child(7)::before { content: "\2466"; } .list_style03 > li:nth-child(8)::before { content: "\2467"; } .list_style03 > li:nth-child(9)::before { content: "\2468"; } .list_style03 > li:nth-child(1)::before { content: "\2460"; } .list_style03 > li:nth-child(2)::before { content: "\2461"; } .list_style03 > li:nth-child(3)::before { content: "\2462"; } .list_style03 > li:nth-child(4)::before { content: "\2463"; } .list_style03 > li:nth-child(5)::before { content: "\2464"; } .list_style03 > li:nth-child(6)::before { content: "\2465"; } .list_style03 > li:nth-child(7)::before { content: "\2466"; } .list_style03 > li:nth-child(8)::before { content: "\2467"; } .list_style03 > li:nth-child(9)::before { content: "\2468"; } .list_style03 > li:nth-child(1)::before { content: "\2460"; } .list_style03 > li:nth-child(2)::before { content: "\2461"; } .list_style03 > li:nth-child(3)::before { content: "\2462"; } .list_style03 > li:nth-child(4)::before { content: "\2463"; } .list_style03 > li:nth-child(5)::before { content: "\2464"; } .list_style03 > li:nth-child(6)::before { content: "\2465"; } .list_style03 > li:nth-child(7)::before { content: "\2466"; } .list_style03 > li:nth-child(8)::before { content: "\2467"; } .list_style03 > li:nth-child(9)::before { content: "\2468"; } .list_style03 > li:nth-child(1)::before { content: "\2460"; } .list_style03 > li:nth-child(2)::before { content: "\2461"; } .list_style03 > li:nth-child(3)::before { content: "\2462"; } .list_style03 > li:nth-child(4)::before { content: "\2463"; } .list_style03 > li:nth-child(5)::before { content: "\2464"; } .list_style03 > li:nth-child(6)::before { content: "\2465"; } .list_style03 > li:nth-child(7)::before { content: "\2466"; } .list_style03 > li:nth-child(8)::before { content: "\2467"; } .list_style03 > li:nth-child(9)::before { content: "\2468"; } .list_style03 > li:nth-child(1)::before { content: "\2460"; } .list_style03 > li:nth-child(2)::before { content: "\2461"; } .list_style03 > li:nth-child(3)::before { content: "\2462"; } .list_style03 > li:nth-child(4)::before { content: "\2463"; } .list_style03 > li:nth-child(5)::before { content: "\2464"; } .list_style03 > li:nth-child(6)::before { content: "\2465"; } .list_style03 > li:nth-child(7)::before { content: "\2466"; } .list_style03 > li:nth-child(8)::before { content: "\2467"; } .list_style03 > li:nth-child(9)::before { content: "\2468"; } .list_style03 > li:nth-child(1)::before { content: "\2460"; } .list_style03 > li:nth-child(2)::before { content: "\2461"; } .list_style03 > li:nth-child(3)::before { content: "\2462"; } .list_style03 > li:nth-child(4)::before { content: "\2463"; } .list_style03 > li:nth-child(5)::before { content: "\2464"; } .list_style03 > li:nth-child(6)::before { content: "\2465"; } .list_style03 > li:nth-child(7)::before { content: "\2466"; } .list_style03 > li:nth-child(8)::before { content: "\2467"; } .list_style03 > li:nth-child(9)::before { content: "\2468"; } .list_style03 > li:nth-child(1)::before { content: "\2460"; } .list_style03 > li:nth-child(2)::before { content: "\2461"; } .list_style03 > li:nth-child(3)::before { content: "\2462"; } .list_style03 > li:nth-child(4)::before { content: "\2463"; } .list_style03 > li:nth-child(5)::before { content: "\2464"; } .list_style03 > li:nth-child(6)::before { content: "\2465"; } .list_style03 > li:nth-child(7)::before { content: "\2466"; } .list_style03 > li:nth-child(8)::before { content: "\2467"; } .list_style03 > li:nth-child(9)::before { content: "\2468"; } .list_style03 > li:nth-child(1)::before { content: "\2460"; } .list_style03 > li:nth-child(2)::before { content: "\2461"; } .list_style03 > li:nth-child(3)::before { content: "\2462"; } .list_style03 > li:nth-child(4)::before { content: "\2463"; } .list_style03 > li:nth-child(5)::before { content: "\2464"; } .list_style03 > li:nth-child(6)::before { content: "\2465"; } .list_style03 > li:nth-child(7)::before { content: "\2466"; } .list_style03 > li:nth-child(8)::before { content: "\2467"; } .list_style03 > li:nth-child(9)::before { content: "\2468"; } .table_style01 { border-top: 1px solid #999; } @media screen and (max-width: 640px) { .table_style01 { width: 100%; } } .table_style01 tr { border-bottom: 1px solid #999; } .table_style01 th { background: #f2f2f2; border-left: 1px solid #999; border-right: 1px solid #999; text-align: left; white-space: nowrap; } @media screen and (min-width: 641px) { .table_style01 th { padding: 10px; } } @media screen and (max-width: 640px) { .table_style01 th { display: block; width: 100%; padding: 5px; line-height: 18px; } } .table_style01 td { border-right: 1px solid #999; } @media screen and (min-width: 641px) { .table_style01 td { padding: 10px; } } @media screen and (max-width: 640px) { .table_style01 td { display: block; width: 100%; padding: 5px; border-left: 1px solid #999; /*line-height: 16px;*/ } } .table_style02 { border-top: 1px solid #999; } .table_style02 tr { border-bottom: 1px solid #999; } .table_style02 th { background: #f2f2f2; padding: 10px; text-align: left; border-right: 1px solid #999; } .table_style02 th:first-child { border-left: 1px solid #999; } .table_style02 td { padding: 10px; border-right: 1px solid #999; } .table_style02 td:first-child { border-left: 1px solid #999; } /* ================================== テンプレート　（style.css用）※リスト等は別途設定 ================================== */ @media screen and (min-width: 641px) { .imgleft_col .img { float: left; margin-right: 10px; } } .imgleft_col .img img { margin-right: 10px; margin-bottom: 10px; } @media screen and (max-width: 640px) { .imgleft_col .img img { max-width: 100%; width: auto; height: auto; } } .imgleft_col .text { overflow: hidden; } @media screen and (min-width: 641px) { .imgright_col .img .img { float: right; margin-left: 10px; } } .imgright_col .img .img img { margin-left: 10px; margin-bottom: 10px; } @media screen and (max-width: 640px) { .imgright_col .img .img img { max-width: 100%; width: auto; height: auto; } } .imgright_col .img .text { overflow: hidden; } @media screen and (min-width: 641px) { .imgleft_row .img { float: left; margin-right: 20px; } } .imgleft_row .img img { display: block; margin-bottom: 10px; } @media screen and (max-width: 640px) { .imgleft_row .img img { max-width: 100%; width: auto; height: auto; } } .imgleft_row .text { overflow: hidden; } @media screen and (min-width: 641px) { .imgright_row .img { float: right; margin-left: 20px; } } .imgright_row .img img { display: block; margin-bottom: 10px; } @media screen and (max-width: 640px) { .imgright_row .img img { max-width: 100%; width: auto; height: auto; } } .imgright_row .text { overflow: hidden; } .p-banner_orientation { padding: 20px 15px; background-color: #fbf9f7; border: 3px solid #f09ca9; text-align: center; } @media screen and (min-width: 641px) { .p-banner_orientation { max-width: 675px; height: 195px; margin-top: 30px; padding-top: 30px; padding-bottom: 30px; background: url(../images/p-contents_form_banner_pc.jpg) no-repeat 0 0; } } @media screen and (max-width: 640px) { .p-banner_orientation { margin-right: 15px; margin-left: 15px; } } .p-banner_orientation__slogan { margin-bottom: 7px; font-weight: bold; text-align: center; line-height: 1.4; color: #e3455d; } @media screen and (min-width: 641px) { .p-banner_orientation__slogan { font-size: 1.375rem; } } @media screen and (max-width: 640px) { .p-banner_orientation__slogan { font-size: 1.0625rem; } } @media screen and (min-width: 641px) { .p-banner_orientation__slogan span { font-size: 1.625rem; } } @media screen and (max-width: 640px) { .p-banner_orientation__slogan span { font-size: 1.1875rem; } } .p-banner_orientation__text { margin-bottom: 12px; font-weight: bold; line-height: 1.5; text-align: center; } @media screen and (max-width: 640px) { .p-banner_orientation__text { font-size: 0.8125rem; } } .p-banner_orientation__btn { display: inline-block; padding: 8px; background-color: #ea1e79; background: -webkit-linear-gradient(top, #ef5298 0%, #ea1e79 100%); background: linear-gradient(to bottom, #ef5298 0%, #ea1e79 100%); border-radius: 5px; line-height: 1; letter-spacing: 0.1em; text-align: center; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6); color: #fff !important; } @media screen and (min-width: 641px) { .p-banner_orientation__btn { width: 315px; font-size: 1.125rem; } } @media screen and (max-width: 640px) { .p-banner_orientation__btn { width: 100%; font-size: 1rem; } } .p-banner_orientation__btn:hover { text-decoration: none; color: #fff !important; } @media screen and (min-width: 641px) { .p-common_pagenation { display: none; } } @media screen and (max-width: 640px) { .p-common_pagenation { margin: 1em 15px; } } .p-common_pagenation::after { display: block; clear: both; content: ''; } .p-common_pagenation_link { width: 48%; font-size: 1.125rem; font-weight: bold; text-align: center; line-height: 1; } .p-common_pagenation_link.prev { float: left; } .p-common_pagenation_link.next { float: right; } .p-common_pagenation_link a { display: block; padding: 10px; background-color: #00a5b9; border-radius: 10px; color: #fff !important; } .p-common_pagenation_link a:hover { text-decoration: none !important; } /* --------------------------------------------------------- project - トップページ --------------------------------------------------------- */ /* コンテンツ全体 --------------------------------------------------------- */ .p-home_contents { width: 100%; margin-right: auto; margin-left: auto; } @media screen and (min-width: 951px) { .p-home_contents { max-width: 950px; } } @media screen and (min-width: 641px) { .p-home_contents { margin-top: 25px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } } @media screen and (max-width: 640px) { .p-home_contents { padding: 15px; } } @media screen and (max-width: 950px) { .p-home_contents img { max-width: 100%; width: auto; height: auto; } } .p-home_contents > div { margin-bottom: 10px; } @media screen and (min-width: 641px) { .p-home_contents > div { position: relative; } } .p-home_contents_footer { width: 100%; margin-right: auto; margin-left: auto; text-align: center; } @media screen and (min-width: 951px) { .p-home_contents_footer { max-width: 950px; } } @media screen and (min-width: 641px) { .p-home_contents_footer .p-banner_orientation { margin-right: auto; margin-left: auto; max-width: 675px; } } @media screen and (max-width: 640px) { .p-home_contents_footer { margin-bottom: 30px; } } @media screen and (min-width: 641px) { .top_keiken { width: 310px; -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; } } @media screen and (min-width: 641px) { .top_mikeiken { width: 310px; -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; } } @media screen and (min-width: 641px) { .top_konin { width: 310px; -webkit-box-ordinal-group: 4; -webkit-order: 3; -ms-flex-order: 3; order: 3; } } @media screen and (min-width: 641px) { .top_parttime { width: 310px; -webkit-box-ordinal-group: 5; -webkit-order: 4; -ms-flex-order: 4; order: 4; } } @media screen and (min-width: 641px) { .top_arbeit { width: 310px; -webkit-box-ordinal-group: 6; -webkit-order: 5; -ms-flex-order: 5; order: 5; } } @media screen and (min-width: 641px) { .top_kanri { width: 310px; -webkit-box-ordinal-group: 7; -webkit-order: 6; -ms-flex-order: 6; order: 6; } } @media screen and (min-width: 641px) { .top_orientation { width: 310px; -webkit-box-ordinal-group: 8; -webkit-order: 7; -ms-flex-order: 7; order: 7; } } @media screen and (min-width: 641px) { .top_apply { width: 310px; -webkit-box-ordinal-group: 9; -webkit-order: 8; -ms-flex-order: 8; order: 8; } } @media screen and (min-width: 641px) { .top_access { width: 310px; -webkit-box-ordinal-group: 10; -webkit-order: 9; -ms-flex-order: 9; order: 9; } } @media screen and (min-width: 641px) { .top_about { width: 310px; -webkit-box-ordinal-group: 12; -webkit-order: 11; -ms-flex-order: 11; order: 11; } } @media screen and (min-width: 641px) { .top_training { width: 310px; -webkit-box-ordinal-group: 13; -webkit-order: 12; -ms-flex-order: 12; order: 12; } } @media screen and (min-width: 641px) { .top_support { width: 310px; -webkit-box-ordinal-group: 14; -webkit-order: 13; -ms-flex-order: 13; order: 13; } } @media screen and (min-width: 641px) { .top_staff { width: 310px; -webkit-box-ordinal-group: 15; -webkit-order: 14; -ms-flex-order: 14; order: 14; } } @media screen and (min-width: 641px) { .top_growup { width: 310px; -webkit-box-ordinal-group: 16; -webkit-order: 15; -ms-flex-order: 15; order: 15; } } @media screen and (min-width: 641px) { .top_faq { width: 310px; -webkit-box-ordinal-group: 17; -webkit-order: 16; -ms-flex-order: 16; order: 16; } } .top_message { background-color: #fffded; border: 1px solid #c9c9c9; } @media screen and (min-width: 641px) { .top_message { width: 100%; padding: 25px; -webkit-box-ordinal-group: 11; -webkit-order: 10; -ms-flex-order: 10; order: 10; } } @media screen and (max-width: 640px) { .top_message { padding: 15px 10px; } } .top_message__title { margin-bottom: 15px; font-weight: bold; line-height: 1; color: #11236d; } @media screen and (min-width: 641px) { .top_message__title { font-size: 1.5rem; } } @media screen and (max-width: 640px) { .top_message__title { font-size: 1.375rem; text-align: center; } } .top_message__title_text { padding-bottom: 4px; background: -webkit-linear-gradient(transparent 82%, #f9eb83 0%); background: linear-gradient(transparent 82%, #f9eb83 0%); } .top_message__slogan { margin-bottom: 10px; font-size: 1.125rem; font-weight: bold; line-height: 1.4; color: #d1145a; } @media screen and (max-width: 640px) { .top_message__slogan { text-align: center; } } @media screen and (min-width: 641px) { .top_message__name { letter-spacing: 0.2em; } } @media screen and (max-width: 640px) { .top_message__name { display: block; } } @media screen and (min-width: 641px) { .top_link_consul { width: 310px; -webkit-box-ordinal-group: 18; -webkit-order: 17; -ms-flex-order: 17; order: 17; } } @media screen and (min-width: 641px) { .top_link_zeirishi { width: 310px; -webkit-box-ordinal-group: 19; -webkit-order: 18; -ms-flex-order: 18; order: 18; } } @media screen and (min-width: 641px) { .top_kaikei { width: 310px; -webkit-box-ordinal-group: 20; -webkit-order: 19; -ms-flex-order: 19; order: 19; } } @media screen and (min-width: 641px) { .top_facebook_recruit { width: 310px; -webkit-box-ordinal-group: 21; -webkit-order: 20; -ms-flex-order: 20; order: 20; } } @media screen and (min-width: 641px) { .top_facebook_zeirishi { width: 310px; -webkit-box-ordinal-group: 22; -webkit-order: 21; -ms-flex-order: 21; order: 21; } } @media screen and (min-width: 641px) { .top_instagram { width: 310px; -webkit-box-ordinal-group: 23; -webkit-order: 22; -ms-flex-order: 22; order: 22; } } /* --------------------------------------------------------- project - about --------------------------------------------------------- */ .about .l-main a { color: #1e2380; } .about .l-main a:hover { text-decoration: underline; } @media screen and (max-width: 640px) { .hayawakari_box img { width: 100%; max-width: 220px; } } @media screen and (max-width: 640px) { #unit_mark img { max-width: 155px; } } .about_belt { border-left: 13px solid #1e2380; font-weight: bold; } @media screen and (min-width: 641px) { .about_belt { float: left; width: 48%; margin-bottom: 10px; } } @media screen and (max-width: 640px) { .about_belt { margin-bottom: 5px; border-left-width: 10px; } } @media screen and (min-width: 641px) { .about_belt:nth-child(2n) { float: right; } } .about_belt a { display: block; background: #f2f2f2; color: #1e2380; } @media screen and (min-width: 641px) { .about_belt a { padding: 10px 15px; } } @media screen and (max-width: 640px) { .about_belt a { padding: 10px 5px; } } /* --------------------------------------------------------- project - support --------------------------------------------------------- */ @media screen and (max-width: 640px) { .support .img1, .support .img3, .support .img4 { max-width: 300px; } } @media screen and (max-width: 640px) { .support .img2 { max-width: 185px; } } /* --------------------------------------------------------- project - traning --------------------------------------------------------- */ .training img { max-width: 320px; height: auto; } .subhead { background: #e0e9ff; color: #3d468c; padding: 2px 7px; } .subtext { padding: 2px 7px 10px; } .leadlink { margin: 0; } @media screen and (max-width: 640px) { .leadlink { display: none; } } .leadlink > li { width: 320px; } .leadlink > li a { display: table-cell; width: 314px; height: 80px; padding-right: 30px; padding-left: 30px; vertical-align: middle; } .camp_box { width: 355px; float: left; margin-right: 15px; margin-bottom: 35px; } .camp_box:nth-child(2n) { margin-right: 0; } .camp_box .caption { padding-right: 10px; padding-bottom: 5px; padding-left: 10px; } .camp_box .img { padding-right: 10px; padding-left: 10px; text-align: center; } .growup_box .text { padding-top: 70px; } .growup_box .winter { color: #a37c52; } .growup_box .spring { color: #ff7ba9; } .growup_box .summer { color: #0082ff; } .growup_box .fall { color: #f4901e; } /* --------------------------------------------------------- project - faq --------------------------------------------------------- */ .faq h2 { margin: 30px 0 10px; } @media screen and (max-width: 640px) { .faq_box img { width: 100%; max-width: 245px; } } @media screen and (min-width: 641px) { .faq_box .text { padding-top: 50px; } } .faqList_question { margin-bottom: 10px; padding-left: 25px; background: url(../images/faq_question_bg.png) no-repeat 0 0; font-weight: bold; color: #1d2779; } @media screen and (min-width: 641px) { .faqList_question { margin-top: 25px; margin-left: 10px; line-height: 1.7; } } @media screen and (max-width: 640px) { .faqList_question { margin-top: 10px; line-height: 1.42; } } .faqList_question div { border-bottom: 2px dotted #e3e3e3; } @media screen and (max-width: 640px) { .faqList_question div { padding-bottom: 3px; } } .faqList_answer { margin-left: 43px; padding-left: 40px; background: url(../images/faq_answer_bg.png) no-repeat 0 0; } @media screen and (max-width: 640px) { .faqList_answer { line-height: 1.4; } } .faqList_goEdit { text-align: right; } .faqList_goEdit a { font-size: 0.625rem; color: #ea1e79; } /* --------------------------------------------------------- project - apply --------------------------------------------------------- */ @media screen and (max-width: 640px) { .apply img { width: 100%; max-width: 210px; height: auto; } } @media screen and (min-width: 641px) { .apply .table_style01 { margin-left: 25px; } } @media screen and (min-width: 641px) { .apply_box > div { float: left; width: 350px; font-size: 1.5rem; text-align: center; } } @media screen and (max-width: 640px) { .apply_box > div { font-size: 1.25rem; } } @media screen and (min-width: 641px) { .apply_box > div:nth-child(odd) { margin-right: 15px; margin-bottom: 15px; margin-left: 10px; } } @media screen and (max-width: 640px) { .apply_box > div:nth-child(odd) { margin-bottom: 5px; } } @media screen and (min-width: 641px) { .apply_box > div:nth-child(even) { margin-bottom: 15px; } } @media screen and (max-width: 640px) { .apply_box > div:nth-child(even) { margin-bottom: 5px; } } .apply_box a { display: block; color: #fff; } @media screen and (min-width: 641px) { .apply_box a { width: 350px; padding-top: 30px; padding-bottom: 30px; } } @media screen and (max-width: 640px) { .apply_box a { padding: 10px; } } .keiken { background: #ea1e79; } @media screen and (min-width: 641px) { .keiken .small { vertical-align: middle; font-size: 1.0rem; margin-right: 10px; } } @media screen and (max-width: 640px) { .keiken .small { margin-right: 10px; } } .mikeiken { background: #48ae35; } @media screen and (min-width: 641px) { .mikeiken .small { vertical-align: middle; font-size: 1.0rem; margin-right: 10px; } } @media screen and (max-width: 640px) { .mikeiken .small { margin-right: 10px; } } .konin { background: #29a8df; } .kanri { background: #00a3b7; } .parttime, .arbeit { background: #ad007d; } @media screen and (min-width: 641px) { .parttime a, .arbeit a { padding-top: 17px; padding-bottom: 17px; } } @media screen and (max-width: 640px) { .parttime a, .arbeit a { padding: 10px; } } .parttime .small, .arbeit .small { display: block; } @media screen and (min-width: 641px) { .parttime .small, .arbeit .small { margin-top: 5px; font-size: 1.0rem; } } .belt { border-style: solid; border-color: #fff; font-weight: bold; } @media screen and (min-width: 641px) { .belt { margin-bottom: 8px; border-width: 0 0 0 13px; font-size: 1.25rem; } } @media screen and (max-width: 640px) { .belt { margin-bottom: 10px; border-left-width: 0 0 0 10px; } } .belt a { display: block; } @media screen and (min-width: 641px) { .belt a { padding: 10px 15px; } } @media screen and (max-width: 640px) { .belt a { padding: 5px; } } .belt.apply_keiken { border-color: #ea1e79; } .belt.apply_keiken a { background: #fde7f1; color: #ea1e79; } .belt.apply_mikeiken { border-color: #48ae35; } .belt.apply_mikeiken a { background: #edf7eb; color: #48ae35; } .belt.apply_konin { border-color: #29a8df; } .belt.apply_konin a { background: #e6f5fb; color: #29a8df; } .belt.apply_kanri { border-color: #00a3b7; } .belt.apply_kanri a { background: #f1fafb; color: #00a3b7; } .belt.apply_parttime { border-color: #ad007d; } .belt.apply_parttime a { background: #ffe6f2; color: #ad007d; } .joblist { margin-bottom: 10px; color: #fff; } @media screen and (min-width: 641px) { .joblist { margin-left: 10px; padding: 15px 20px; font-size: 1.5rem; } } @media screen and (max-width: 640px) { .joblist { padding: 10px; font-size: 1.25rem; } } .joblist .small { vertical-align: middle; } @media screen and (min-width: 641px) { .joblist .small { display: inline; margin-right: 20px; font-size: 1.125rem; } } @media screen and (max-width: 640px) { .joblist .small { margin-right: 10px; } } .apply_go_top { margin-top: 40px; font-size: 0.875rem; text-align: center; } .list_check_pink li, .list_check_green li { font-size: 1.125rem; font-weight: bold; padding-left: 30px; } @media screen and (min-width: 641px) { .list_check_pink li, .list_check_green li { margin-bottom: 10px; margin-left: 15px; } } @media screen and (max-width: 640px) { .list_check_pink li, .list_check_green li { margin-bottom: 8px; margin-left: 5px; background-position: 0 3px; } } .list_check_pink li { background: url(../images/list_icon_check_pink.jpg) no-repeat 0 center; line-height: 22px; } .list_check_green li { background: url(../images/list_icon_check_green.jpg) no-repeat 0 center; } .check_pencil { padding-left: 40px; background: url(../images/pencil.jpg) no-repeat 0 0; font-size: 1.375rem; font-weight: bold; color: #009145; } @media screen and (min-width: 641px) { .check_pencil { margin-left: 15px; padding-top: 10px; padding-bottom: 10px; } } @media screen and (max-width: 640px) { .check_pencil { min-height: 40px; margin-left: 10px; line-height: 22px; } } .check_wakaba { padding-left: 40px; background: url(../images/wakaba.jpg) no-repeat 0 0; font-size: 1.375rem; font-weight: bold; color: #d3145a; } @media screen and (min-width: 641px) { .check_wakaba { margin-left: 15px; padding-top: 12px; padding-bottom: 12px; } } @media screen and (max-width: 640px) { .check_wakaba { height: 44px; margin-left: 10px; padding-top: 4px; line-height: 44px; } } .golink a { color: #1e2380; } .golink a:hover { text-decoration: underline; } .apply_point { font-size: 1.25rem; color: #d4145a; } @media screen and (max-width: 640px) { .apply_img { width: 100%; max-width: 725px !important; } } /* --------------------------------------------------------- project - access --------------------------------------------------------- */ .ggmap { padding: 5px 5px 0 5px; text-align: center; } .ggmap iframe { border: 2px solid #1e2380; } @media screen and (max-width: 640px) { .ggmap iframe { width: 100%; height: auto; margin-left: 0; } } /* --------------------------------------------------------- project - orientation --------------------------------------------------------- */ @media screen and (min-width: 641px) { .middleStyle { display: table; width: 100%; } } .middleStyle .floatImgBlock_img { padding-right: 10px; padding-left: 10px; } @media screen and (min-width: 641px) { .middleStyle .floatImgBlock_img { display: table-cell; vertical-align: middle; } } @media screen and (max-width: 640px) { .middleStyle .floatImgBlock_img { margin-bottom: 10px; text-align: center; } } @media screen and (min-width: 641px) { .middleStyle .floatImgBlock_text { display: table-cell; vertical-align: middle; padding-right: 10px; padding-left: 10px; } } .orientation_kokuchi_title { padding: 8px; background-color: #ea1e79; text-align: center; font-size: 1.5rem; font-weight: bold; line-height: 1.1; color: #fff; } .orientation_kokuchi_content { padding: 10px; background-color: #ffdeeb; } .orientation_spotBlock1 { background-color: #f2f2f2; } @media screen and (min-width: 641px) { .orientation_spotBlock1 { padding: 10px 20px; } } @media screen and (max-width: 640px) { .orientation_spotBlock1 { padding: 10px; } } .orientation_laters { font-size: 1.125rem; } .orientation_laters ul li { margin-bottom: 10px; background-position: 0 7px; } .orientation_laters_date { display: block; float: left; min-width: 11em; } .table_style03 { width: 100%; } .table_style03 tbody th { background-color: #bac9d1; border: 1px solid #b2b2b2; border-width: 1px 0; font-weight: bold; letter-spacing: 0.5px; color: #fff; white-space: nowrap; } @media screen and (min-width: 641px) { .table_style03 tbody th { padding: 15px 20px; } } @media screen and (max-width: 640px) { .table_style03 tbody th { display: block; padding: 10px; border-width: 1px 1px 0; } } .table_style03 tbody td { background-color: #f7f7f7; border: 1px solid #b2b2b2; } @media screen and (min-width: 641px) { .table_style03 tbody td { padding: 15px; border-width: 1px 1px 1px 0; } } @media screen and (max-width: 640px) { .table_style03 tbody td { display: block; margin-bottom: 10px; padding: 10px; border-width: 1px; } } .contactForm .wpcf7-not-valid-tip { font-size: 0.75rem; } .contactForm .submit { margin-top: 30px; text-align: center; } .contactForm .wpcf7-submit { display: block; margin-top: 35px; margin-right: auto; margin-left: auto; overflow: hidden; cursor: pointer; } @media screen and (min-width: 641px) { .contactForm .wpcf7-submit { width: 405px; height: 68px; background: url(../images/entry_kengaku_submitBtn.png) no-repeat 0 0; border: none; text-indent: -9999px; } } @media screen and (max-width: 640px) { .contactForm .wpcf7-submit { max-width: 400px; width: 100%; height: 60px; background-color: #ea1e79; background: -webkit-linear-gradient(top, #ef5298 0%, #eae2cb 10%, #ea1e79 100%); background: linear-gradient(to bottom, #ef5298 0%, #eae2cb 10%, #ea1e79 100%); border: 1px solid #ccc; font-size: 1.5rem; font-weight: bold; color: #fff; letter-spacing: 2px; } } .contactForm .ajax-loader { display: block; width: 16px; height: 16px; margin: 5px auto 0 !important; } .formTable_msg { margin-bottom: 10px; font-size: 0.75rem; line-height: 1.1; color: #ea1e79; } .formTable { width: 100%; } .formTable th { text-align: left; width: 10px; } @media screen and (max-width: 640px) { .formTable th { width: 100%; } } .formTable th.hissu:after { margin-left: 5px; font-size: 0.6875rem; content: "※"; color: #ea1e79; } @media screen and (max-width: 640px) { .formTable th br { display: none; } } .formTable input[type=text], .formTable input[type=email], .formTable input[type=tel] { min-height: 15px; padding: 4px; background-color: #fff; border: 1px solid #bbb; } .formTable input[type=text].text-short, .formTable input[type=email].text-short, .formTable input[type=tel].text-short { width: 20%; } @media screen and (max-width: 640px) { .formTable input[type=text].text-short, .formTable input[type=email].text-short, .formTable input[type=tel].text-short { width: 30%; } } .formTable input[type=text].text-normal, .formTable input[type=email].text-normal, .formTable input[type=tel].text-normal { width: 45%; } @media screen and (max-width: 640px) { .formTable input[type=text].text-normal, .formTable input[type=email].text-normal, .formTable input[type=tel].text-normal { width: 100%; } } .formTable input[type=text].text-long, .formTable input[type=email].text-long, .formTable input[type=tel].text-long { width: 100%; } .formTable input[type=text].other-detail, .formTable input[type=email].other-detail, .formTable input[type=tel].other-detail { margin-top: 8px; } .formTable input[type="checkbox"] { border: none; vertical-align: baseline; margin-top: 5px; } .formTable textarea { width: 100%; padding: 5px; background-color: #fff; border: 1px solid #bbb; } .orientationReserve_takeParts > li { padding-top: 5px; padding-bottom: 5px; line-height: 1.3; } .orientationReserve_takePart_check { margin-right: 7px; } @media screen and (min-width: 641px) { .orientationReserve_takePart_check_date { display: inline-block; min-width: 11em; } } @media screen and (min-width: 641px) { .list_style_flow { width: 95%; margin-right: auto; margin-left: auto; } } .list_style_flow > li::before { display: block; width: 0; height: 0; margin-right: auto; margin-left: auto; border-style: solid; border-width: 26px 43px 0 43px; border-color: #e3e3e3 transparent transparent transparent; content: ""; } .list_style_flow > li.head::before { display: none; } .list_style_flow > li .text { display: block; padding: 20px; background-color: #ffdde9; border-top: 2px solid #fff; border-bottom: 2px solid #fff; font-size: 0.9375rem; font-weight: bold; line-height: 1.4; } @media screen and (min-width: 641px) { .list_style_flow > li .text { text-align: center; } } .timeSchedule_glayBlock { background: #f2f2f2; } @media screen and (max-width: 640px) { .timeSchedule_glayBlock { padding: 20px 75px; } } @media screen and (max-width: 640px) { .timeSchedule_glayBlock { padding: 15px; } } /* --------------------------------------------------------- Utility - clearfix --------------------------------------------------------- */ .clearfix::after { display: block; clear: both; content: " "; } .clearfix::after { display: block; clear: both; content: " "; } @media screen and (min-width: 641px) { .clearfix--sm::after { display: block; clear: both; content: " "; } } @media screen and (min-width: 769px) { .clearfix--md::after { display: block; clear: both; content: " "; } } @media screen and (min-width: 951px) { .clearfix--lg::after { display: block; clear: both; content: " "; } } @media screen and (min-width: 1201px) { .clearfix--xl::after { display: block; clear: both; content: " "; } } /* --------------------------------------------------------- Utility - margin --------------------------------------------------------- */ .u-m_m { margin: 10px !important; } @media screen and (min-width: 641px) { .u-m_m--sm { margin: 10px !important; } } @media screen and (min-width: 769px) { .u-m_m--md { margin: 10px !important; } } @media screen and (min-width: 951px) { .u-m_m--lg { margin: 10px !important; } } @media screen and (min-width: 1201px) { .u-m_m--xl { margin: 10px !important; } } .u-m_l { margin: 20px !important; } @media screen and (min-width: 641px) { .u-m_l--sm { margin: 20px !important; } } @media screen and (min-width: 769px) { .u-m_l--md { margin: 20px !important; } } @media screen and (min-width: 951px) { .u-m_l--lg { margin: 20px !important; } } @media screen and (min-width: 1201px) { .u-m_l--xl { margin: 20px !important; } } .u-m_xl { margin: 30px !important; } @media screen and (min-width: 641px) { .u-m_xl--sm { margin: 30px !important; } } @media screen and (min-width: 769px) { .u-m_xl--md { margin: 30px !important; } } @media screen and (min-width: 951px) { .u-m_xl--lg { margin: 30px !important; } } @media screen and (min-width: 1201px) { .u-m_xl--xl { margin: 30px !important; } } .u-m_s { margin: 5px !important; } @media screen and (min-width: 641px) { .u-m_s--sm { margin: 5px !important; } } @media screen and (min-width: 769px) { .u-m_s--md { margin: 5px !important; } } @media screen and (min-width: 951px) { .u-m_s--lg { margin: 5px !important; } } @media screen and (min-width: 1201px) { .u-m_s--xl { margin: 5px !important; } } .u-m_xs { margin: 3.33333px !important; } @media screen and (min-width: 641px) { .u-m_xs--sm { margin: 3.33333px !important; } } @media screen and (min-width: 769px) { .u-m_xs--md { margin: 3.33333px !important; } } @media screen and (min-width: 951px) { .u-m_xs--lg { margin: 3.33333px !important; } } @media screen and (min-width: 1201px) { .u-m_xs--xl { margin: 3.33333px !important; } } .u-m_none { margin: 0 !important; } @media screen and (min-width: 641px) { .u-m_none--sm { margin: 0 !important; } } @media screen and (min-width: 769px) { .u-m_none--md { margin: 0 !important; } } @media screen and (min-width: 951px) { .u-m_none--lg { margin: 0 !important; } } @media screen and (min-width: 1201px) { .u-m_none--xl { margin: 0 !important; } } .u-mt_m { margin-top: 10px !important; } @media screen and (min-width: 641px) { .u-mt_m--sm { margin-top: 10px !important; } } @media screen and (min-width: 769px) { .u-mt_m--md { margin-top: 10px !important; } } @media screen and (min-width: 951px) { .u-mt_m--lg { margin-top: 10px !important; } } @media screen and (min-width: 1201px) { .u-mt_m--xl { margin-top: 10px !important; } } .u-mt_l { margin-top: 20px !important; } @media screen and (min-width: 641px) { .u-mt_l--sm { margin-top: 20px !important; } } @media screen and (min-width: 769px) { .u-mt_l--md { margin-top: 20px !important; } } @media screen and (min-width: 951px) { .u-mt_l--lg { margin-top: 20px !important; } } @media screen and (min-width: 1201px) { .u-mt_l--xl { margin-top: 20px !important; } } .u-mt_xl { margin-top: 30px !important; } @media screen and (min-width: 641px) { .u-mt_xl--sm { margin-top: 30px !important; } } @media screen and (min-width: 769px) { .u-mt_xl--md { margin-top: 30px !important; } } @media screen and (min-width: 951px) { .u-mt_xl--lg { margin-top: 30px !important; } } @media screen and (min-width: 1201px) { .u-mt_xl--xl { margin-top: 30px !important; } } .u-mt_s { margin-top: 5px !important; } @media screen and (min-width: 641px) { .u-mt_s--sm { margin-top: 5px !important; } } @media screen and (min-width: 769px) { .u-mt_s--md { margin-top: 5px !important; } } @media screen and (min-width: 951px) { .u-mt_s--lg { margin-top: 5px !important; } } @media screen and (min-width: 1201px) { .u-mt_s--xl { margin-top: 5px !important; } } .u-mt_xs { margin-top: 3.33333px !important; } @media screen and (min-width: 641px) { .u-mt_xs--sm { margin-top: 3.33333px !important; } } @media screen and (min-width: 769px) { .u-mt_xs--md { margin-top: 3.33333px !important; } } @media screen and (min-width: 951px) { .u-mt_xs--lg { margin-top: 3.33333px !important; } } @media screen and (min-width: 1201px) { .u-mt_xs--xl { margin-top: 3.33333px !important; } } .u-mt_none { margin-top: 0 !important; } @media screen and (min-width: 641px) { .u-mt_none--sm { margin-top: 0 !important; } } @media screen and (min-width: 769px) { .u-mt_none--md { margin-top: 0 !important; } } @media screen and (min-width: 951px) { .u-mt_none--lg { margin-top: 0 !important; } } @media screen and (min-width: 1201px) { .u-mt_none--xl { margin-top: 0 !important; } } .u-mb_m { margin-bottom: 10px !important; } @media screen and (min-width: 641px) { .u-mb_m--sm { margin-bottom: 10px !important; } } @media screen and (min-width: 769px) { .u-mb_m--md { margin-bottom: 10px !important; } } @media screen and (min-width: 951px) { .u-mb_m--lg { margin-bottom: 10px !important; } } @media screen and (min-width: 1201px) { .u-mb_m--xl { margin-bottom: 10px !important; } } .u-mb_l { margin-bottom: 20px !important; } @media screen and (min-width: 641px) { .u-mb_l--sm { margin-bottom: 20px !important; } } @media screen and (min-width: 769px) { .u-mb_l--md { margin-bottom: 20px !important; } } @media screen and (min-width: 951px) { .u-mb_l--lg { margin-bottom: 20px !important; } } @media screen and (min-width: 1201px) { .u-mb_l--xl { margin-bottom: 20px !important; } } .u-mb_xl { margin-bottom: 30px !important; } @media screen and (min-width: 641px) { .u-mb_xl--sm { margin-bottom: 30px !important; } } @media screen and (min-width: 769px) { .u-mb_xl--md { margin-bottom: 30px !important; } } @media screen and (min-width: 951px) { .u-mb_xl--lg { margin-bottom: 30px !important; } } @media screen and (min-width: 1201px) { .u-mb_xl--xl { margin-bottom: 30px !important; } } .u-mb_s { margin-bottom: 5px !important; } @media screen and (min-width: 641px) { .u-mb_s--sm { margin-bottom: 5px !important; } } @media screen and (min-width: 769px) { .u-mb_s--md { margin-bottom: 5px !important; } } @media screen and (min-width: 951px) { .u-mb_s--lg { margin-bottom: 5px !important; } } @media screen and (min-width: 1201px) { .u-mb_s--xl { margin-bottom: 5px !important; } } .u-mb_xs { margin-bottom: 3.33333px !important; } @media screen and (min-width: 641px) { .u-mb_xs--sm { margin-bottom: 3.33333px !important; } } @media screen and (min-width: 769px) { .u-mb_xs--md { margin-bottom: 3.33333px !important; } } @media screen and (min-width: 951px) { .u-mb_xs--lg { margin-bottom: 3.33333px !important; } } @media screen and (min-width: 1201px) { .u-mb_xs--xl { margin-bottom: 3.33333px !important; } } .u-mb_none { margin-bottom: 0 !important; } @media screen and (min-width: 641px) { .u-mb_none--sm { margin-bottom: 0 !important; } } @media screen and (min-width: 769px) { .u-mb_none--md { margin-bottom: 0 !important; } } @media screen and (min-width: 951px) { .u-mb_none--lg { margin-bottom: 0 !important; } } @media screen and (min-width: 1201px) { .u-mb_none--xl { margin-bottom: 0 !important; } } .u-ml_m { margin-left: 10px !important; } @media screen and (min-width: 641px) { .u-ml_m--sm { margin-left: 10px !important; } } @media screen and (min-width: 769px) { .u-ml_m--md { margin-left: 10px !important; } } @media screen and (min-width: 951px) { .u-ml_m--lg { margin-left: 10px !important; } } @media screen and (min-width: 1201px) { .u-ml_m--xl { margin-left: 10px !important; } } .u-ml_l { margin-left: 20px !important; } @media screen and (min-width: 641px) { .u-ml_l--sm { margin-left: 20px !important; } } @media screen and (min-width: 769px) { .u-ml_l--md { margin-left: 20px !important; } } @media screen and (min-width: 951px) { .u-ml_l--lg { margin-left: 20px !important; } } @media screen and (min-width: 1201px) { .u-ml_l--xl { margin-left: 20px !important; } } .u-ml_xl { margin-left: 30px !important; } @media screen and (min-width: 641px) { .u-ml_xl--sm { margin-left: 30px !important; } } @media screen and (min-width: 769px) { .u-ml_xl--md { margin-left: 30px !important; } } @media screen and (min-width: 951px) { .u-ml_xl--lg { margin-left: 30px !important; } } @media screen and (min-width: 1201px) { .u-ml_xl--xl { margin-left: 30px !important; } } .u-ml_s { margin-left: 5px !important; } @media screen and (min-width: 641px) { .u-ml_s--sm { margin-left: 5px !important; } } @media screen and (min-width: 769px) { .u-ml_s--md { margin-left: 5px !important; } } @media screen and (min-width: 951px) { .u-ml_s--lg { margin-left: 5px !important; } } @media screen and (min-width: 1201px) { .u-ml_s--xl { margin-left: 5px !important; } } .u-ml_xs { margin-left: 3.33333px !important; } @media screen and (min-width: 641px) { .u-ml_xs--sm { margin-left: 3.33333px !important; } } @media screen and (min-width: 769px) { .u-ml_xs--md { margin-left: 3.33333px !important; } } @media screen and (min-width: 951px) { .u-ml_xs--lg { margin-left: 3.33333px !important; } } @media screen and (min-width: 1201px) { .u-ml_xs--xl { margin-left: 3.33333px !important; } } .u-ml_none { margin-left: 0 !important; } @media screen and (min-width: 641px) { .u-ml_none--sm { margin-left: 0 !important; } } @media screen and (min-width: 769px) { .u-ml_none--md { margin-left: 0 !important; } } @media screen and (min-width: 951px) { .u-ml_none--lg { margin-left: 0 !important; } } @media screen and (min-width: 1201px) { .u-ml_none--xl { margin-left: 0 !important; } } .u-mr_m { margin-right: 10px !important; } @media screen and (min-width: 641px) { .u-mr_m--sm { margin-right: 10px !important; } } @media screen and (min-width: 769px) { .u-mr_m--md { margin-right: 10px !important; } } @media screen and (min-width: 951px) { .u-mr_m--lg { margin-right: 10px !important; } } @media screen and (min-width: 1201px) { .u-mr_m--xl { margin-right: 10px !important; } } .u-mr_l { margin-right: 20px !important; } @media screen and (min-width: 641px) { .u-mr_l--sm { margin-right: 20px !important; } } @media screen and (min-width: 769px) { .u-mr_l--md { margin-right: 20px !important; } } @media screen and (min-width: 951px) { .u-mr_l--lg { margin-right: 20px !important; } } @media screen and (min-width: 1201px) { .u-mr_l--xl { margin-right: 20px !important; } } .u-mr_xl { margin-right: 30px !important; } @media screen and (min-width: 641px) { .u-mr_xl--sm { margin-right: 30px !important; } } @media screen and (min-width: 769px) { .u-mr_xl--md { margin-right: 30px !important; } } @media screen and (min-width: 951px) { .u-mr_xl--lg { margin-right: 30px !important; } } @media screen and (min-width: 1201px) { .u-mr_xl--xl { margin-right: 30px !important; } } .u-mr_s { margin-right: 5px !important; } @media screen and (min-width: 641px) { .u-mr_s--sm { margin-right: 5px !important; } } @media screen and (min-width: 769px) { .u-mr_s--md { margin-right: 5px !important; } } @media screen and (min-width: 951px) { .u-mr_s--lg { margin-right: 5px !important; } } @media screen and (min-width: 1201px) { .u-mr_s--xl { margin-right: 5px !important; } } .u-mr_xs { margin-right: 3.33333px !important; } @media screen and (min-width: 641px) { .u-mr_xs--sm { margin-right: 3.33333px !important; } } @media screen and (min-width: 769px) { .u-mr_xs--md { margin-right: 3.33333px !important; } } @media screen and (min-width: 951px) { .u-mr_xs--lg { margin-right: 3.33333px !important; } } @media screen and (min-width: 1201px) { .u-mr_xs--xl { margin-right: 3.33333px !important; } } .u-mr_none { margin-right: 0 !important; } @media screen and (min-width: 641px) { .u-mr_none--sm { margin-right: 0 !important; } } @media screen and (min-width: 769px) { .u-mr_none--md { margin-right: 0 !important; } } @media screen and (min-width: 951px) { .u-mr_none--lg { margin-right: 0 !important; } } @media screen and (min-width: 1201px) { .u-mr_none--xl { margin-right: 0 !important; } } /* --------------------------------------------------------- Utility - padding --------------------------------------------------------- */ .u-p_m { padding: 10px !important; } @media screen and (min-width: 641px) { .u-p_m--sm { padding: 10px !important; } } @media screen and (min-width: 769px) { .u-p_m--md { padding: 10px !important; } } @media screen and (min-width: 951px) { .u-p_m--lg { padding: 10px !important; } } @media screen and (min-width: 1201px) { .u-p_m--xl { padding: 10px !important; } } .u-p_l { padding: 20px !important; } @media screen and (min-width: 641px) { .u-p_l--sm { padding: 20px !important; } } @media screen and (min-width: 769px) { .u-p_l--md { padding: 20px !important; } } @media screen and (min-width: 951px) { .u-p_l--lg { padding: 20px !important; } } @media screen and (min-width: 1201px) { .u-p_l--xl { padding: 20px !important; } } .u-p_xl { padding: 30px !important; } @media screen and (min-width: 641px) { .u-p_xl--sm { padding: 30px !important; } } @media screen and (min-width: 769px) { .u-p_xl--md { padding: 30px !important; } } @media screen and (min-width: 951px) { .u-p_xl--lg { padding: 30px !important; } } @media screen and (min-width: 1201px) { .u-p_xl--xl { padding: 30px !important; } } .u-p_s { padding: 5px !important; } @media screen and (min-width: 641px) { .u-p_s--sm { padding: 5px !important; } } @media screen and (min-width: 769px) { .u-p_s--md { padding: 5px !important; } } @media screen and (min-width: 951px) { .u-p_s--lg { padding: 5px !important; } } @media screen and (min-width: 1201px) { .u-p_s--xl { padding: 5px !important; } } .u-p_xs { padding: 3.33333px !important; } @media screen and (min-width: 641px) { .u-p_xs--sm { padding: 3.33333px !important; } } @media screen and (min-width: 769px) { .u-p_xs--md { padding: 3.33333px !important; } } @media screen and (min-width: 951px) { .u-p_xs--lg { padding: 3.33333px !important; } } @media screen and (min-width: 1201px) { .u-p_xs--xl { padding: 3.33333px !important; } } .u-p_none { padding: 0 !important; } @media screen and (min-width: 641px) { .u-p_none--sm { padding: 0 !important; } } @media screen and (min-width: 769px) { .u-p_none--md { padding: 0 !important; } } @media screen and (min-width: 951px) { .u-p_none--lg { padding: 0 !important; } } @media screen and (min-width: 1201px) { .u-p_none--xl { padding: 0 !important; } } .u-pt_m { padding-top: 10px !important; } @media screen and (min-width: 641px) { .u-pt_m--sm { padding-top: 10px !important; } } @media screen and (min-width: 769px) { .u-pt_m--md { padding-top: 10px !important; } } @media screen and (min-width: 951px) { .u-pt_m--lg { padding-top: 10px !important; } } @media screen and (min-width: 1201px) { .u-pt_m--xl { padding-top: 10px !important; } } .u-pt_l { padding-top: 20px !important; } @media screen and (min-width: 641px) { .u-pt_l--sm { padding-top: 20px !important; } } @media screen and (min-width: 769px) { .u-pt_l--md { padding-top: 20px !important; } } @media screen and (min-width: 951px) { .u-pt_l--lg { padding-top: 20px !important; } } @media screen and (min-width: 1201px) { .u-pt_l--xl { padding-top: 20px !important; } } .u-pt_xl { padding-top: 30px !important; } @media screen and (min-width: 641px) { .u-pt_xl--sm { padding-top: 30px !important; } } @media screen and (min-width: 769px) { .u-pt_xl--md { padding-top: 30px !important; } } @media screen and (min-width: 951px) { .u-pt_xl--lg { padding-top: 30px !important; } } @media screen and (min-width: 1201px) { .u-pt_xl--xl { padding-top: 30px !important; } } .u-pt_s { padding-top: 5px !important; } @media screen and (min-width: 641px) { .u-pt_s--sm { padding-top: 5px !important; } } @media screen and (min-width: 769px) { .u-pt_s--md { padding-top: 5px !important; } } @media screen and (min-width: 951px) { .u-pt_s--lg { padding-top: 5px !important; } } @media screen and (min-width: 1201px) { .u-pt_s--xl { padding-top: 5px !important; } } .u-pt_xs { padding-top: 3.33333px !important; } @media screen and (min-width: 641px) { .u-pt_xs--sm { padding-top: 3.33333px !important; } } @media screen and (min-width: 769px) { .u-pt_xs--md { padding-top: 3.33333px !important; } } @media screen and (min-width: 951px) { .u-pt_xs--lg { padding-top: 3.33333px !important; } } @media screen and (min-width: 1201px) { .u-pt_xs--xl { padding-top: 3.33333px !important; } } .u-pt_none { padding-top: 0 !important; } @media screen and (min-width: 641px) { .u-pt_none--sm { padding-top: 0 !important; } } @media screen and (min-width: 769px) { .u-pt_none--md { padding-top: 0 !important; } } @media screen and (min-width: 951px) { .u-pt_none--lg { padding-top: 0 !important; } } @media screen and (min-width: 1201px) { .u-pt_none--xl { padding-top: 0 !important; } } .u-pb_m { padding-bottom: 10px !important; } @media screen and (min-width: 641px) { .u-pb_m--sm { padding-bottom: 10px !important; } } @media screen and (min-width: 769px) { .u-pb_m--md { padding-bottom: 10px !important; } } @media screen and (min-width: 951px) { .u-pb_m--lg { padding-bottom: 10px !important; } } @media screen and (min-width: 1201px) { .u-pb_m--xl { padding-bottom: 10px !important; } } .u-pb_l { padding-bottom: 20px !important; } @media screen and (min-width: 641px) { .u-pb_l--sm { padding-bottom: 20px !important; } } @media screen and (min-width: 769px) { .u-pb_l--md { padding-bottom: 20px !important; } } @media screen and (min-width: 951px) { .u-pb_l--lg { padding-bottom: 20px !important; } } @media screen and (min-width: 1201px) { .u-pb_l--xl { padding-bottom: 20px !important; } } .u-pb_xl { padding-bottom: 30px !important; } @media screen and (min-width: 641px) { .u-pb_xl--sm { padding-bottom: 30px !important; } } @media screen and (min-width: 769px) { .u-pb_xl--md { padding-bottom: 30px !important; } } @media screen and (min-width: 951px) { .u-pb_xl--lg { padding-bottom: 30px !important; } } @media screen and (min-width: 1201px) { .u-pb_xl--xl { padding-bottom: 30px !important; } } .u-pb_s { padding-bottom: 5px !important; } @media screen and (min-width: 641px) { .u-pb_s--sm { padding-bottom: 5px !important; } } @media screen and (min-width: 769px) { .u-pb_s--md { padding-bottom: 5px !important; } } @media screen and (min-width: 951px) { .u-pb_s--lg { padding-bottom: 5px !important; } } @media screen and (min-width: 1201px) { .u-pb_s--xl { padding-bottom: 5px !important; } } .u-pb_xs { padding-bottom: 3.33333px !important; } @media screen and (min-width: 641px) { .u-pb_xs--sm { padding-bottom: 3.33333px !important; } } @media screen and (min-width: 769px) { .u-pb_xs--md { padding-bottom: 3.33333px !important; } } @media screen and (min-width: 951px) { .u-pb_xs--lg { padding-bottom: 3.33333px !important; } } @media screen and (min-width: 1201px) { .u-pb_xs--xl { padding-bottom: 3.33333px !important; } } .u-pb_none { padding-bottom: 0 !important; } @media screen and (min-width: 641px) { .u-pb_none--sm { padding-bottom: 0 !important; } } @media screen and (min-width: 769px) { .u-pb_none--md { padding-bottom: 0 !important; } } @media screen and (min-width: 951px) { .u-pb_none--lg { padding-bottom: 0 !important; } } @media screen and (min-width: 1201px) { .u-pb_none--xl { padding-bottom: 0 !important; } } .u-pl_m { padding-left: 10px !important; } @media screen and (min-width: 641px) { .u-pl_m--sm { padding-left: 10px !important; } } @media screen and (min-width: 769px) { .u-pl_m--md { padding-left: 10px !important; } } @media screen and (min-width: 951px) { .u-pl_m--lg { padding-left: 10px !important; } } @media screen and (min-width: 1201px) { .u-pl_m--xl { padding-left: 10px !important; } } .u-pl_l { padding-left: 20px !important; } @media screen and (min-width: 641px) { .u-pl_l--sm { padding-left: 20px !important; } } @media screen and (min-width: 769px) { .u-pl_l--md { padding-left: 20px !important; } } @media screen and (min-width: 951px) { .u-pl_l--lg { padding-left: 20px !important; } } @media screen and (min-width: 1201px) { .u-pl_l--xl { padding-left: 20px !important; } } .u-pl_xl { padding-left: 30px !important; } @media screen and (min-width: 641px) { .u-pl_xl--sm { padding-left: 30px !important; } } @media screen and (min-width: 769px) { .u-pl_xl--md { padding-left: 30px !important; } } @media screen and (min-width: 951px) { .u-pl_xl--lg { padding-left: 30px !important; } } @media screen and (min-width: 1201px) { .u-pl_xl--xl { padding-left: 30px !important; } } .u-pl_s { padding-left: 5px !important; } @media screen and (min-width: 641px) { .u-pl_s--sm { padding-left: 5px !important; } } @media screen and (min-width: 769px) { .u-pl_s--md { padding-left: 5px !important; } } @media screen and (min-width: 951px) { .u-pl_s--lg { padding-left: 5px !important; } } @media screen and (min-width: 1201px) { .u-pl_s--xl { padding-left: 5px !important; } } .u-pl_xs { padding-left: 3.33333px !important; } @media screen and (min-width: 641px) { .u-pl_xs--sm { padding-left: 3.33333px !important; } } @media screen and (min-width: 769px) { .u-pl_xs--md { padding-left: 3.33333px !important; } } @media screen and (min-width: 951px) { .u-pl_xs--lg { padding-left: 3.33333px !important; } } @media screen and (min-width: 1201px) { .u-pl_xs--xl { padding-left: 3.33333px !important; } } .u-pl_none { padding-left: 0 !important; } @media screen and (min-width: 641px) { .u-pl_none--sm { padding-left: 0 !important; } } @media screen and (min-width: 769px) { .u-pl_none--md { padding-left: 0 !important; } } @media screen and (min-width: 951px) { .u-pl_none--lg { padding-left: 0 !important; } } @media screen and (min-width: 1201px) { .u-pl_none--xl { padding-left: 0 !important; } } .u-pr_m { padding-right: 10px !important; } @media screen and (min-width: 641px) { .u-pr_m--sm { padding-right: 10px !important; } } @media screen and (min-width: 769px) { .u-pr_m--md { padding-right: 10px !important; } } @media screen and (min-width: 951px) { .u-pr_m--lg { padding-right: 10px !important; } } @media screen and (min-width: 1201px) { .u-pr_m--xl { padding-right: 10px !important; } } .u-pr_l { padding-right: 20px !important; } @media screen and (min-width: 641px) { .u-pr_l--sm { padding-right: 20px !important; } } @media screen and (min-width: 769px) { .u-pr_l--md { padding-right: 20px !important; } } @media screen and (min-width: 951px) { .u-pr_l--lg { padding-right: 20px !important; } } @media screen and (min-width: 1201px) { .u-pr_l--xl { padding-right: 20px !important; } } .u-pr_xl { padding-right: 30px !important; } @media screen and (min-width: 641px) { .u-pr_xl--sm { padding-right: 30px !important; } } @media screen and (min-width: 769px) { .u-pr_xl--md { padding-right: 30px !important; } } @media screen and (min-width: 951px) { .u-pr_xl--lg { padding-right: 30px !important; } } @media screen and (min-width: 1201px) { .u-pr_xl--xl { padding-right: 30px !important; } } .u-pr_s { padding-right: 5px !important; } @media screen and (min-width: 641px) { .u-pr_s--sm { padding-right: 5px !important; } } @media screen and (min-width: 769px) { .u-pr_s--md { padding-right: 5px !important; } } @media screen and (min-width: 951px) { .u-pr_s--lg { padding-right: 5px !important; } } @media screen and (min-width: 1201px) { .u-pr_s--xl { padding-right: 5px !important; } } .u-pr_xs { padding-right: 3.33333px !important; } @media screen and (min-width: 641px) { .u-pr_xs--sm { padding-right: 3.33333px !important; } } @media screen and (min-width: 769px) { .u-pr_xs--md { padding-right: 3.33333px !important; } } @media screen and (min-width: 951px) { .u-pr_xs--lg { padding-right: 3.33333px !important; } } @media screen and (min-width: 1201px) { .u-pr_xs--xl { padding-right: 3.33333px !important; } } .u-pr_none { padding-right: 0 !important; } @media screen and (min-width: 641px) { .u-pr_none--sm { padding-right: 0 !important; } } @media screen and (min-width: 769px) { .u-pr_none--md { padding-right: 0 !important; } } @media screen and (min-width: 951px) { .u-pr_none--lg { padding-right: 0 !important; } } @media screen and (min-width: 1201px) { .u-pr_none--xl { padding-right: 0 !important; } } /* --------------------------------------------------------- Utility - width --------------------------------------------------------- */ .u-width_0 { width: 0% !important; } @media screen and (min-width: 641px) { .u-width_0--sm { width: 0% !important; } } @media screen and (min-width: 769px) { .u-width_0--md { width: 0% !important; } } @media screen and (min-width: 951px) { .u-width_0--lg { width: 0% !important; } } @media screen and (min-width: 1201px) { .u-width_0--xl { width: 0% !important; } } .u-width_10 { width: 10% !important; } @media screen and (min-width: 641px) { .u-width_10--sm { width: 10% !important; } } @media screen and (min-width: 769px) { .u-width_10--md { width: 10% !important; } } @media screen and (min-width: 951px) { .u-width_10--lg { width: 10% !important; } } @media screen and (min-width: 1201px) { .u-width_10--xl { width: 10% !important; } } .u-width_20 { width: 20% !important; } @media screen and (min-width: 641px) { .u-width_20--sm { width: 20% !important; } } @media screen and (min-width: 769px) { .u-width_20--md { width: 20% !important; } } @media screen and (min-width: 951px) { .u-width_20--lg { width: 20% !important; } } @media screen and (min-width: 1201px) { .u-width_20--xl { width: 20% !important; } } .u-width_30 { width: 30% !important; } @media screen and (min-width: 641px) { .u-width_30--sm { width: 30% !important; } } @media screen and (min-width: 769px) { .u-width_30--md { width: 30% !important; } } @media screen and (min-width: 951px) { .u-width_30--lg { width: 30% !important; } } @media screen and (min-width: 1201px) { .u-width_30--xl { width: 30% !important; } } .u-width_40 { width: 40% !important; } @media screen and (min-width: 641px) { .u-width_40--sm { width: 40% !important; } } @media screen and (min-width: 769px) { .u-width_40--md { width: 40% !important; } } @media screen and (min-width: 951px) { .u-width_40--lg { width: 40% !important; } } @media screen and (min-width: 1201px) { .u-width_40--xl { width: 40% !important; } } .u-width_50 { width: 50% !important; } @media screen and (min-width: 641px) { .u-width_50--sm { width: 50% !important; } } @media screen and (min-width: 769px) { .u-width_50--md { width: 50% !important; } } @media screen and (min-width: 951px) { .u-width_50--lg { width: 50% !important; } } @media screen and (min-width: 1201px) { .u-width_50--xl { width: 50% !important; } } .u-width_60 { width: 60% !important; } @media screen and (min-width: 641px) { .u-width_60--sm { width: 60% !important; } } @media screen and (min-width: 769px) { .u-width_60--md { width: 60% !important; } } @media screen and (min-width: 951px) { .u-width_60--lg { width: 60% !important; } } @media screen and (min-width: 1201px) { .u-width_60--xl { width: 60% !important; } } .u-width_70 { width: 70% !important; } @media screen and (min-width: 641px) { .u-width_70--sm { width: 70% !important; } } @media screen and (min-width: 769px) { .u-width_70--md { width: 70% !important; } } @media screen and (min-width: 951px) { .u-width_70--lg { width: 70% !important; } } @media screen and (min-width: 1201px) { .u-width_70--xl { width: 70% !important; } } .u-width_80 { width: 80% !important; } @media screen and (min-width: 641px) { .u-width_80--sm { width: 80% !important; } } @media screen and (min-width: 769px) { .u-width_80--md { width: 80% !important; } } @media screen and (min-width: 951px) { .u-width_80--lg { width: 80% !important; } } @media screen and (min-width: 1201px) { .u-width_80--xl { width: 80% !important; } } .u-width_90 { width: 90% !important; } @media screen and (min-width: 641px) { .u-width_90--sm { width: 90% !important; } } @media screen and (min-width: 769px) { .u-width_90--md { width: 90% !important; } } @media screen and (min-width: 951px) { .u-width_90--lg { width: 90% !important; } } @media screen and (min-width: 1201px) { .u-width_90--xl { width: 90% !important; } } .u-width_100 { width: 100% !important; } @media screen and (min-width: 641px) { .u-width_100--sm { width: 100% !important; } } @media screen and (min-width: 769px) { .u-width_100--md { width: 100% !important; } } @media screen and (min-width: 951px) { .u-width_100--lg { width: 100% !important; } } @media screen and (min-width: 1201px) { .u-width_100--xl { width: 100% !important; } } /* --------------------------------------------------------- utility - display --------------------------------------------------------- */ .u-d_n { display: none !important; } @media screen and (min-width: 641px) { .u-d_n--sm { display: none !important; } } @media screen and (min-width: 769px) { .u-d_n--md { display: none !important; } } @media screen and (min-width: 951px) { .u-d_n--lg { display: none !important; } } @media screen and (min-width: 1201px) { .u-d_n--xl { display: none !important; } } .u-d_b { display: block !important; } @media screen and (min-width: 641px) { .u-d_b--sm { display: block !important; } } @media screen and (min-width: 769px) { .u-d_b--md { display: block !important; } } @media screen and (min-width: 951px) { .u-d_b--lg { display: block !important; } } @media screen and (min-width: 1201px) { .u-d_b--xl { display: block !important; } } .u-d_i { display: inline !important; } @media screen and (min-width: 641px) { .u-d_i--sm { display: inline !important; } } @media screen and (min-width: 769px) { .u-d_i--md { display: inline !important; } } @media screen and (min-width: 951px) { .u-d_i--lg { display: inline !important; } } @media screen and (min-width: 1201px) { .u-d_i--xl { display: inline !important; } } .u-d_ib { display: inline-block !important; } @media screen and (min-width: 641px) { .u-d_ib--sm { display: inline-block !important; } } @media screen and (min-width: 769px) { .u-d_ib--md { display: inline-block !important; } } @media screen and (min-width: 951px) { .u-d_ib--lg { display: inline-block !important; } } @media screen and (min-width: 1201px) { .u-d_ib--xl { display: inline-block !important; } } .u-d_t { display: table !important; } @media screen and (min-width: 641px) { .u-d_t--sm { display: table !important; } } @media screen and (min-width: 769px) { .u-d_t--md { display: table !important; } } @media screen and (min-width: 951px) { .u-d_t--lg { display: table !important; } } @media screen and (min-width: 1201px) { .u-d_t--xl { display: table !important; } } .u-d_tbc { display: table-cell !important; } @media screen and (min-width: 641px) { .u-d_tbc--sm { display: table-cell !important; } } @media screen and (min-width: 769px) { .u-d_tbc--md { display: table-cell !important; } } @media screen and (min-width: 951px) { .u-d_tbc--lg { display: table-cell !important; } } @media screen and (min-width: 1201px) { .u-d_tbc--xl { display: table-cell !important; } } /* --------------------------------------------------------- utility - text・font --------------------------------------------------------- */ .u-ta_l { text-align: left !important; } @media screen and (min-width: 641px) { .u-ta_l--sm { text-align: left !important; } } @media screen and (min-width: 769px) { .u-ta_l--md { text-align: left !important; } } @media screen and (min-width: 951px) { .u-ta_l--lg { text-align: left !important; } } @media screen and (min-width: 1201px) { .u-ta_l--xl { text-align: left !important; } } .u-ta_c { text-align: center !important; } @media screen and (min-width: 641px) { .u-ta_c--sm { text-align: center !important; } } @media screen and (min-width: 769px) { .u-ta_c--md { text-align: center !important; } } @media screen and (min-width: 951px) { .u-ta_c--lg { text-align: center !important; } } @media screen and (min-width: 1201px) { .u-ta_c--xl { text-align: center !important; } } .u-ta_r { text-align: right !important; } @media screen and (min-width: 641px) { .u-ta_r--sm { text-align: right !important; } } @media screen and (min-width: 769px) { .u-ta_r--md { text-align: right !important; } } @media screen and (min-width: 951px) { .u-ta_r--lg { text-align: right !important; } } @media screen and (min-width: 1201px) { .u-ta_r--xl { text-align: right !important; } } .u-va_t { vertical-align: top !important; } @media screen and (min-width: 641px) { .u-va_t--sm { vertical-align: top !important; } } @media screen and (min-width: 769px) { .u-va_t--md { vertical-align: top !important; } } @media screen and (min-width: 951px) { .u-va_t--lg { vertical-align: top !important; } } @media screen and (min-width: 1201px) { .u-va_t--xl { vertical-align: top !important; } } .u-va_m { vertical-align: middle !important; } @media screen and (min-width: 641px) { .u-va_m--sm { vertical-align: middle !important; } } @media screen and (min-width: 769px) { .u-va_m--md { vertical-align: middle !important; } } @media screen and (min-width: 951px) { .u-va_m--lg { vertical-align: middle !important; } } @media screen and (min-width: 1201px) { .u-va_m--xl { vertical-align: middle !important; } } .u-va_b { vertical-align: bottom !important; } @media screen and (min-width: 641px) { .u-va_b--sm { vertical-align: bottom !important; } } @media screen and (min-width: 769px) { .u-va_b--md { vertical-align: bottom !important; } } @media screen and (min-width: 951px) { .u-va_b--lg { vertical-align: bottom !important; } } @media screen and (min-width: 1201px) { .u-va_b--xl { vertical-align: bottom !important; } } .u-fs_normal { font-size: 1rem; } @media screen and (min-width: 641px) { .u-fs_normal--sm { font-size: 1rem; } } @media screen and (min-width: 769px) { .u-fs_normal--md { font-size: 1rem; } } @media screen and (min-width: 951px) { .u-fs_normal--lg { font-size: 1rem; } } @media screen and (min-width: 1201px) { .u-fs_normal--xl { font-size: 1rem; } } .u-fs_xs { font-size: 0.625em; } @media screen and (min-width: 641px) { .u-fs_xs--sm { font-size: 0.625em; } } @media screen and (min-width: 769px) { .u-fs_xs--md { font-size: 0.625em; } } @media screen and (min-width: 951px) { .u-fs_xs--lg { font-size: 0.625em; } } @media screen and (min-width: 1201px) { .u-fs_xs--xl { font-size: 0.625em; } } .u-fs_ss { font-size: 0.75em; } @media screen and (min-width: 641px) { .u-fs_ss--sm { font-size: 0.75em; } } @media screen and (min-width: 769px) { .u-fs_ss--md { font-size: 0.75em; } } @media screen and (min-width: 951px) { .u-fs_ss--lg { font-size: 0.75em; } } @media screen and (min-width: 1201px) { .u-fs_ss--xl { font-size: 0.75em; } } .u-fs_s { font-size: 0.875em; } @media screen and (min-width: 641px) { .u-fs_s--sm { font-size: 0.875em; } } @media screen and (min-width: 769px) { .u-fs_s--md { font-size: 0.875em; } } @media screen and (min-width: 951px) { .u-fs_s--lg { font-size: 0.875em; } } @media screen and (min-width: 1201px) { .u-fs_s--xl { font-size: 0.875em; } } .u-fs_l { font-size: 1.125em; } @media screen and (min-width: 641px) { .u-fs_l--sm { font-size: 1.125em; } } @media screen and (min-width: 769px) { .u-fs_l--md { font-size: 1.125em; } } @media screen and (min-width: 951px) { .u-fs_l--lg { font-size: 1.125em; } } @media screen and (min-width: 1201px) { .u-fs_l--xl { font-size: 1.125em; } } .u-fs_ll { font-size: 1.25em; } @media screen and (min-width: 641px) { .u-fs_ll--sm { font-size: 1.25em; } } @media screen and (min-width: 769px) { .u-fs_ll--md { font-size: 1.25em; } } @media screen and (min-width: 951px) { .u-fs_ll--lg { font-size: 1.25em; } } @media screen and (min-width: 1201px) { .u-fs_ll--xl { font-size: 1.25em; } } .u-fs_xl { font-size: 1.5em; } @media screen and (min-width: 641px) { .u-fs_xl--sm { font-size: 1.5em; } } @media screen and (min-width: 769px) { .u-fs_xl--md { font-size: 1.5em; } } @media screen and (min-width: 951px) { .u-fs_xl--lg { font-size: 1.5em; } } @media screen and (min-width: 1201px) { .u-fs_xl--xl { font-size: 1.5em; } } .u-fw_b { font-weight: bold !important; } @media screen and (min-width: 641px) { .u-fw_b--sm { font-weight: bold !important; } } @media screen and (min-width: 769px) { .u-fw_b--md { font-weight: bold !important; } } @media screen and (min-width: 951px) { .u-fw_b--lg { font-weight: bold !important; } } @media screen and (min-width: 1201px) { .u-fw_b--xl { font-weight: bold !important; } } .u-fw_n { font-weight: normal !important; } @media screen and (min-width: 641px) { .u-fw_n--sm { font-weight: normal !important; } } @media screen and (min-width: 769px) { .u-fw_n--md { font-weight: normal !important; } } @media screen and (min-width: 951px) { .u-fw_n--lg { font-weight: normal !important; } } @media screen and (min-width: 1201px) { .u-fw_n--xl { font-weight: normal !important; } } .u-ws_nowrap { white-space: nowrap !important; } @media screen and (min-width: 641px) { .u-ws_nowrap--sm { white-space: nowrap !important; } } @media screen and (min-width: 769px) { .u-ws_nowrap--md { white-space: nowrap !important; } } @media screen and (min-width: 951px) { .u-ws_nowrap--lg { white-space: nowrap !important; } } @media screen and (min-width: 1201px) { .u-ws_nowrap--xl { white-space: nowrap !important; } } .u-ws_normal { white-space: normal !important; } @media screen and (min-width: 641px) { .u-ws_normal--sm { white-space: normal !important; } } @media screen and (min-width: 769px) { .u-ws_normal--md { white-space: normal !important; } } @media screen and (min-width: 951px) { .u-ws_normal--lg { white-space: normal !important; } } @media screen and (min-width: 1201px) { .u-ws_normal--xl { white-space: normal !important; } } .u-lh_normal { line-height: 1.5; } @media screen and (min-width: 641px) { .u-lh_normal--sm { line-height: 1.5; } } @media screen and (min-width: 769px) { .u-lh_normal--md { line-height: 1.5; } } @media screen and (min-width: 951px) { .u-lh_normal--lg { line-height: 1.5; } } @media screen and (min-width: 1201px) { .u-lh_normal--xl { line-height: 1.5; } } .u-lh_xs { line-height: 1; } @media screen and (min-width: 641px) { .u-lh_xs--sm { line-height: 1; } } @media screen and (min-width: 769px) { .u-lh_xs--md { line-height: 1; } } @media screen and (min-width: 951px) { .u-lh_xs--lg { line-height: 1; } } @media screen and (min-width: 1201px) { .u-lh_xs--xl { line-height: 1; } } .u-lh_ss { line-height: 1.35; } @media screen and (min-width: 641px) { .u-lh_ss--sm { line-height: 1.35; } } @media screen and (min-width: 769px) { .u-lh_ss--md { line-height: 1.35; } } @media screen and (min-width: 951px) { .u-lh_ss--lg { line-height: 1.35; } } @media screen and (min-width: 1201px) { .u-lh_ss--xl { line-height: 1.35; } } .u-lh_s { line-height: 1.4; } @media screen and (min-width: 641px) { .u-lh_s--sm { line-height: 1.4; } } @media screen and (min-width: 769px) { .u-lh_s--md { line-height: 1.4; } } @media screen and (min-width: 951px) { .u-lh_s--lg { line-height: 1.4; } } @media screen and (min-width: 1201px) { .u-lh_s--xl { line-height: 1.4; } } .u-lh_l { line-height: 1.8; } @media screen and (min-width: 641px) { .u-lh_l--sm { line-height: 1.8; } } @media screen and (min-width: 769px) { .u-lh_l--md { line-height: 1.8; } } @media screen and (min-width: 951px) { .u-lh_l--lg { line-height: 1.8; } } @media screen and (min-width: 1201px) { .u-lh_l--xl { line-height: 1.8; } } .u-lh_ll { line-height: 2; } @media screen and (min-width: 641px) { .u-lh_ll--sm { line-height: 2; } } @media screen and (min-width: 769px) { .u-lh_ll--md { line-height: 2; } } @media screen and (min-width: 951px) { .u-lh_ll--lg { line-height: 2; } } @media screen and (min-width: 1201px) { .u-lh_ll--xl { line-height: 2; } } .u-td_n { text-decoration: none; } @media screen and (min-width: 641px) { .u-td_n--sm { text-decoration: none; } } @media screen and (min-width: 769px) { .u-td_n--md { text-decoration: none; } } @media screen and (min-width: 951px) { .u-td_n--lg { text-decoration: none; } } @media screen and (min-width: 1201px) { .u-td_n--xl { text-decoration: none; } } .u-td_u { text-decoration: underline; } @media screen and (min-width: 641px) { .u-td_u--sm { text-decoration: underline; } } @media screen and (min-width: 769px) { .u-td_u--md { text-decoration: underline; } } @media screen and (min-width: 951px) { .u-td_u--lg { text-decoration: underline; } } @media screen and (min-width: 1201px) { .u-td_u--xl { text-decoration: underline; } } /* --------------------------------------------------------- utility - flexbox --------------------------------------------------------- */ .u-flex_row { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } @media screen and (min-width: 641px) { .u-flex_row--sm { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } } @media screen and (min-width: 769px) { .u-flex_row--md { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } } @media screen and (min-width: 951px) { .u-flex_row--lg { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } } @media screen and (min-width: 1201px) { .u-flex_row--xl { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } } .u-flex_row-reverse { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } @media screen and (min-width: 641px) { .u-flex_row-reverse--sm { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } } @media screen and (min-width: 769px) { .u-flex_row-reverse--md { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } } @media screen and (min-width: 951px) { .u-flex_row-reverse--lg { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } } @media screen and (min-width: 1201px) { .u-flex_row-reverse--xl { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } } .u-flex_column { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } @media screen and (min-width: 641px) { .u-flex_column--sm { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } } @media screen and (min-width: 769px) { .u-flex_column--md { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } } @media screen and (min-width: 951px) { .u-flex_column--lg { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } } @media screen and (min-width: 1201px) { .u-flex_column--xl { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } } .u-flex_column-reverse { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } @media screen and (min-width: 641px) { .u-flex_column-reverse--sm { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } } @media screen and (min-width: 769px) { .u-flex_column-reverse--md { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } } @media screen and (min-width: 951px) { .u-flex_column-reverse--lg { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } } @media screen and (min-width: 1201px) { .u-flex_column-reverse--xl { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } } .u-flex_wrap { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media screen and (min-width: 641px) { .u-flex_wrap--sm { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } } @media screen and (min-width: 769px) { .u-flex_wrap--md { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } } @media screen and (min-width: 951px) { .u-flex_wrap--lg { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } } @media screen and (min-width: 1201px) { .u-flex_wrap--xl { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } } .u-flex_nowrap { -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } @media screen and (min-width: 641px) { .u-flex_nowrap--sm { -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } } @media screen and (min-width: 769px) { .u-flex_nowrap--md { -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } } @media screen and (min-width: 951px) { .u-flex_nowrap--lg { -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } } @media screen and (min-width: 1201px) { .u-flex_nowrap--xl { -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } } .u-justify-content_flex-start { -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } @media screen and (min-width: 641px) { .u-justify-content_flex-start--sm { -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } } @media screen and (min-width: 769px) { .u-justify-content_flex-start--md { -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } } @media screen and (min-width: 951px) { .u-justify-content_flex-start--lg { -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } } @media screen and (min-width: 1201px) { .u-justify-content_flex-start--xl { -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } } .u-justify-content_flex-end { -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } @media screen and (min-width: 641px) { .u-justify-content_flex-end--sm { -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } } @media screen and (min-width: 769px) { .u-justify-content_flex-end--md { -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } } @media screen and (min-width: 951px) { .u-justify-content_flex-end--lg { -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } } @media screen and (min-width: 1201px) { .u-justify-content_flex-end--xl { -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } } .u-justify-content_center { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } @media screen and (min-width: 641px) { .u-justify-content_center--sm { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } } @media screen and (min-width: 769px) { .u-justify-content_center--md { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } } @media screen and (min-width: 951px) { .u-justify-content_center--lg { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } } @media screen and (min-width: 1201px) { .u-justify-content_center--xl { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } } .u-justify-content_space-between { -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } @media screen and (min-width: 641px) { .u-justify-content_space-between--sm { -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } } @media screen and (min-width: 769px) { .u-justify-content_space-between--md { -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } } @media screen and (min-width: 951px) { .u-justify-content_space-between--lg { -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } } @media screen and (min-width: 1201px) { .u-justify-content_space-between--xl { -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } } .u-justify-content_space-around { -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; } @media screen and (min-width: 641px) { .u-justify-content_space-around--sm { -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; } } @media screen and (min-width: 769px) { .u-justify-content_space-around--md { -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; } } @media screen and (min-width: 951px) { .u-justify-content_space-around--lg { -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; } } @media screen and (min-width: 1201px) { .u-justify-content_space-around--xl { -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; } } .u-align-items_flex-start { -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } @media screen and (min-width: 641px) { .u-align-items_flex-start--sm { -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } } @media screen and (min-width: 769px) { .u-align-items_flex-start--md { -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } } @media screen and (min-width: 951px) { .u-align-items_flex-start--lg { -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } } @media screen and (min-width: 1201px) { .u-align-items_flex-start--xl { -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } } .u-align-items_flex-end { -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; } @media screen and (min-width: 641px) { .u-align-items_flex-end--sm { -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; } } @media screen and (min-width: 769px) { .u-align-items_flex-end--md { -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; } } @media screen and (min-width: 951px) { .u-align-items_flex-end--lg { -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; } } @media screen and (min-width: 1201px) { .u-align-items_flex-end--xl { -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; } } .u-align-items_center { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } @media screen and (min-width: 641px) { .u-align-items_center--sm { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } } @media screen and (min-width: 769px) { .u-align-items_center--md { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } } @media screen and (min-width: 951px) { .u-align-items_center--lg { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } } @media screen and (min-width: 1201px) { .u-align-items_center--xl { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } } .u-align-items_baseline { -webkit-box-align: baseline; -webkit-align-items: baseline; -ms-flex-align: baseline; align-items: baseline; } @media screen and (min-width: 641px) { .u-align-items_baseline--sm { -webkit-box-align: baseline; -webkit-align-items: baseline; -ms-flex-align: baseline; align-items: baseline; } } @media screen and (min-width: 769px) { .u-align-items_baseline--md { -webkit-box-align: baseline; -webkit-align-items: baseline; -ms-flex-align: baseline; align-items: baseline; } } @media screen and (min-width: 951px) { .u-align-items_baseline--lg { -webkit-box-align: baseline; -webkit-align-items: baseline; -ms-flex-align: baseline; align-items: baseline; } } @media screen and (min-width: 1201px) { .u-align-items_baseline--xl { -webkit-box-align: baseline; -webkit-align-items: baseline; -ms-flex-align: baseline; align-items: baseline; } } .u-align-items_stretch { -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; } @media screen and (min-width: 641px) { .u-align-items_stretch--sm { -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; } } @media screen and (min-width: 769px) { .u-align-items_stretch--md { -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; } } @media screen and (min-width: 951px) { .u-align-items_stretch--lg { -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; } } @media screen and (min-width: 1201px) { .u-align-items_stretch--xl { -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; } } .u-align-self_flex-start { -webkit-align-self: flex-start; -ms-flex-item-align: start; align-self: flex-start; } @media screen and (min-width: 641px) { .u-align-self_flex-start--sm { -webkit-align-self: flex-start; -ms-flex-item-align: start; align-self: flex-start; } } @media screen and (min-width: 769px) { .u-align-self_flex-start--md { -webkit-align-self: flex-start; -ms-flex-item-align: start; align-self: flex-start; } } @media screen and (min-width: 951px) { .u-align-self_flex-start--lg { -webkit-align-self: flex-start; -ms-flex-item-align: start; align-self: flex-start; } } @media screen and (min-width: 1201px) { .u-align-self_flex-start--xl { -webkit-align-self: flex-start; -ms-flex-item-align: start; align-self: flex-start; } } .u-align-self_flex-end { -webkit-align-self: flex-end; -ms-flex-item-align: end; align-self: flex-end; } @media screen and (min-width: 641px) { .u-align-self_flex-end--sm { -webkit-align-self: flex-end; -ms-flex-item-align: end; align-self: flex-end; } } @media screen and (min-width: 769px) { .u-align-self_flex-end--md { -webkit-align-self: flex-end; -ms-flex-item-align: end; align-self: flex-end; } } @media screen and (min-width: 951px) { .u-align-self_flex-end--lg { -webkit-align-self: flex-end; -ms-flex-item-align: end; align-self: flex-end; } } @media screen and (min-width: 1201px) { .u-align-self_flex-end--xl { -webkit-align-self: flex-end; -ms-flex-item-align: end; align-self: flex-end; } } .u-align-self_center { -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; } @media screen and (min-width: 641px) { .u-align-self_center--sm { -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; } } @media screen and (min-width: 769px) { .u-align-self_center--md { -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; } } @media screen and (min-width: 951px) { .u-align-self_center--lg { -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; } } @media screen and (min-width: 1201px) { .u-align-self_center--xl { -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; } } .u-align-self_baseline { -webkit-align-self: baseline; -ms-flex-item-align: baseline; align-self: baseline; } @media screen and (min-width: 641px) { .u-align-self_baseline--sm { -webkit-align-self: baseline; -ms-flex-item-align: baseline; align-self: baseline; } } @media screen and (min-width: 769px) { .u-align-self_baseline--md { -webkit-align-self: baseline; -ms-flex-item-align: baseline; align-self: baseline; } } @media screen and (min-width: 951px) { .u-align-self_baseline--lg { -webkit-align-self: baseline; -ms-flex-item-align: baseline; align-self: baseline; } } @media screen and (min-width: 1201px) { .u-align-self_baseline--xl { -webkit-align-self: baseline; -ms-flex-item-align: baseline; align-self: baseline; } } .u-align-self_stretch { -webkit-align-self: stretch; -ms-flex-item-align: stretch; align-self: stretch; } @media screen and (min-width: 641px) { .u-align-self_stretch--sm { -webkit-align-self: stretch; -ms-flex-item-align: stretch; align-self: stretch; } } @media screen and (min-width: 769px) { .u-align-self_stretch--md { -webkit-align-self: stretch; -ms-flex-item-align: stretch; align-self: stretch; } } @media screen and (min-width: 951px) { .u-align-self_stretch--lg { -webkit-align-self: stretch; -ms-flex-item-align: stretch; align-self: stretch; } } @media screen and (min-width: 1201px) { .u-align-self_stretch--xl { -webkit-align-self: stretch; -ms-flex-item-align: stretch; align-self: stretch; } } .u-align-content_flex-start { -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; } @media screen and (min-width: 641px) { .u-align-content_flex-start--sm { -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; } } @media screen and (min-width: 769px) { .u-align-content_flex-start--md { -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; } } @media screen and (min-width: 951px) { .u-align-content_flex-start--lg { -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; } } @media screen and (min-width: 1201px) { .u-align-content_flex-start--xl { -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; } } .u-align-content_flex-end { -webkit-align-content: flex-end; -ms-flex-line-pack: end; align-content: flex-end; } @media screen and (min-width: 641px) { .u-align-content_flex-end--sm { -webkit-align-content: flex-end; -ms-flex-line-pack: end; align-content: flex-end; } } @media screen and (min-width: 769px) { .u-align-content_flex-end--md { -webkit-align-content: flex-end; -ms-flex-line-pack: end; align-content: flex-end; } } @media screen and (min-width: 951px) { .u-align-content_flex-end--lg { -webkit-align-content: flex-end; -ms-flex-line-pack: end; align-content: flex-end; } } @media screen and (min-width: 1201px) { .u-align-content_flex-end--xl { -webkit-align-content: flex-end; -ms-flex-line-pack: end; align-content: flex-end; } } .u-align-content_center { -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center; } @media screen and (min-width: 641px) { .u-align-content_center--sm { -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center; } } @media screen and (min-width: 769px) { .u-align-content_center--md { -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center; } } @media screen and (min-width: 951px) { .u-align-content_center--lg { -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center; } } @media screen and (min-width: 1201px) { .u-align-content_center--xl { -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center; } } .u-align-content_space-between { -webkit-align-content: space-between; -ms-flex-line-pack: justify; align-content: space-between; } @media screen and (min-width: 641px) { .u-align-content_space-between--sm { -webkit-align-content: space-between; -ms-flex-line-pack: justify; align-content: space-between; } } @media screen and (min-width: 769px) { .u-align-content_space-between--md { -webkit-align-content: space-between; -ms-flex-line-pack: justify; align-content: space-between; } } @media screen and (min-width: 951px) { .u-align-content_space-between--lg { -webkit-align-content: space-between; -ms-flex-line-pack: justify; align-content: space-between; } } @media screen and (min-width: 1201px) { .u-align-content_space-between--xl { -webkit-align-content: space-between; -ms-flex-line-pack: justify; align-content: space-between; } } .u-align-content_space-around { -webkit-align-content: space-around; -ms-flex-line-pack: distribute; align-content: space-around; } @media screen and (min-width: 641px) { .u-align-content_space-around--sm { -webkit-align-content: space-around; -ms-flex-line-pack: distribute; align-content: space-around; } } @media screen and (min-width: 769px) { .u-align-content_space-around--md { -webkit-align-content: space-around; -ms-flex-line-pack: distribute; align-content: space-around; } } @media screen and (min-width: 951px) { .u-align-content_space-around--lg { -webkit-align-content: space-around; -ms-flex-line-pack: distribute; align-content: space-around; } } @media screen and (min-width: 1201px) { .u-align-content_space-around--xl { -webkit-align-content: space-around; -ms-flex-line-pack: distribute; align-content: space-around; } } .u-align-content_stretch { -webkit-align-content: stretch; -ms-flex-line-pack: stretch; align-content: stretch; } @media screen and (min-width: 641px) { .u-align-content_stretch--sm { -webkit-align-content: stretch; -ms-flex-line-pack: stretch; align-content: stretch; } } @media screen and (min-width: 769px) { .u-align-content_stretch--md { -webkit-align-content: stretch; -ms-flex-line-pack: stretch; align-content: stretch; } } @media screen and (min-width: 951px) { .u-align-content_stretch--lg { -webkit-align-content: stretch; -ms-flex-line-pack: stretch; align-content: stretch; } } @media screen and (min-width: 1201px) { .u-align-content_stretch--xl { -webkit-align-content: stretch; -ms-flex-line-pack: stretch; align-content: stretch; } } .u-order_1 { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; } @media screen and (min-width: 641px) { .u-order_1--sm { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; } } @media screen and (min-width: 769px) { .u-order_1--md { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; } } @media screen and (min-width: 951px) { .u-order_1--lg { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; } } @media screen and (min-width: 1201px) { .u-order_1--xl { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; } } .u-order_2 { -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; } @media screen and (min-width: 641px) { .u-order_2--sm { -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; } } @media screen and (min-width: 769px) { .u-order_2--md { -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; } } @media screen and (min-width: 951px) { .u-order_2--lg { -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; } } @media screen and (min-width: 1201px) { .u-order_2--xl { -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; } } .u-order_3 { -webkit-box-ordinal-group: 4; -webkit-order: 3; -ms-flex-order: 3; order: 3; } @media screen and (min-width: 641px) { .u-order_3--sm { -webkit-box-ordinal-group: 4; -webkit-order: 3; -ms-flex-order: 3; order: 3; } } @media screen and (min-width: 769px) { .u-order_3--md { -webkit-box-ordinal-group: 4; -webkit-order: 3; -ms-flex-order: 3; order: 3; } } @media screen and (min-width: 951px) { .u-order_3--lg { -webkit-box-ordinal-group: 4; -webkit-order: 3; -ms-flex-order: 3; order: 3; } } @media screen and (min-width: 1201px) { .u-order_3--xl { -webkit-box-ordinal-group: 4; -webkit-order: 3; -ms-flex-order: 3; order: 3; } } .u-order_4 { -webkit-box-ordinal-group: 5; -webkit-order: 4; -ms-flex-order: 4; order: 4; } @media screen and (min-width: 641px) { .u-order_4--sm { -webkit-box-ordinal-group: 5; -webkit-order: 4; -ms-flex-order: 4; order: 4; } } @media screen and (min-width: 769px) { .u-order_4--md { -webkit-box-ordinal-group: 5; -webkit-order: 4; -ms-flex-order: 4; order: 4; } } @media screen and (min-width: 951px) { .u-order_4--lg { -webkit-box-ordinal-group: 5; -webkit-order: 4; -ms-flex-order: 4; order: 4; } } @media screen and (min-width: 1201px) { .u-order_4--xl { -webkit-box-ordinal-group: 5; -webkit-order: 4; -ms-flex-order: 4; order: 4; } } .u-order_5 { -webkit-box-ordinal-group: 6; -webkit-order: 5; -ms-flex-order: 5; order: 5; } @media screen and (min-width: 641px) { .u-order_5--sm { -webkit-box-ordinal-group: 6; -webkit-order: 5; -ms-flex-order: 5; order: 5; } } @media screen and (min-width: 769px) { .u-order_5--md { -webkit-box-ordinal-group: 6; -webkit-order: 5; -ms-flex-order: 5; order: 5; } } @media screen and (min-width: 951px) { .u-order_5--lg { -webkit-box-ordinal-group: 6; -webkit-order: 5; -ms-flex-order: 5; order: 5; } } @media screen and (min-width: 1201px) { .u-order_5--xl { -webkit-box-ordinal-group: 6; -webkit-order: 5; -ms-flex-order: 5; order: 5; } } .u-order_6 { -webkit-box-ordinal-group: 7; -webkit-order: 6; -ms-flex-order: 6; order: 6; } @media screen and (min-width: 641px) { .u-order_6--sm { -webkit-box-ordinal-group: 7; -webkit-order: 6; -ms-flex-order: 6; order: 6; } } @media screen and (min-width: 769px) { .u-order_6--md { -webkit-box-ordinal-group: 7; -webkit-order: 6; -ms-flex-order: 6; order: 6; } } @media screen and (min-width: 951px) { .u-order_6--lg { -webkit-box-ordinal-group: 7; -webkit-order: 6; -ms-flex-order: 6; order: 6; } } @media screen and (min-width: 1201px) { .u-order_6--xl { -webkit-box-ordinal-group: 7; -webkit-order: 6; -ms-flex-order: 6; order: 6; } } .u-order_7 { -webkit-box-ordinal-group: 8; -webkit-order: 7; -ms-flex-order: 7; order: 7; } @media screen and (min-width: 641px) { .u-order_7--sm { -webkit-box-ordinal-group: 8; -webkit-order: 7; -ms-flex-order: 7; order: 7; } } @media screen and (min-width: 769px) { .u-order_7--md { -webkit-box-ordinal-group: 8; -webkit-order: 7; -ms-flex-order: 7; order: 7; } } @media screen and (min-width: 951px) { .u-order_7--lg { -webkit-box-ordinal-group: 8; -webkit-order: 7; -ms-flex-order: 7; order: 7; } } @media screen and (min-width: 1201px) { .u-order_7--xl { -webkit-box-ordinal-group: 8; -webkit-order: 7; -ms-flex-order: 7; order: 7; } } .u-order_8 { -webkit-box-ordinal-group: 9; -webkit-order: 8; -ms-flex-order: 8; order: 8; } @media screen and (min-width: 641px) { .u-order_8--sm { -webkit-box-ordinal-group: 9; -webkit-order: 8; -ms-flex-order: 8; order: 8; } } @media screen and (min-width: 769px) { .u-order_8--md { -webkit-box-ordinal-group: 9; -webkit-order: 8; -ms-flex-order: 8; order: 8; } } @media screen and (min-width: 951px) { .u-order_8--lg { -webkit-box-ordinal-group: 9; -webkit-order: 8; -ms-flex-order: 8; order: 8; } } @media screen and (min-width: 1201px) { .u-order_8--xl { -webkit-box-ordinal-group: 9; -webkit-order: 8; -ms-flex-order: 8; order: 8; } } .u-order_9 { -webkit-box-ordinal-group: 10; -webkit-order: 9; -ms-flex-order: 9; order: 9; } @media screen and (min-width: 641px) { .u-order_9--sm { -webkit-box-ordinal-group: 10; -webkit-order: 9; -ms-flex-order: 9; order: 9; } } @media screen and (min-width: 769px) { .u-order_9--md { -webkit-box-ordinal-group: 10; -webkit-order: 9; -ms-flex-order: 9; order: 9; } } @media screen and (min-width: 951px) { .u-order_9--lg { -webkit-box-ordinal-group: 10; -webkit-order: 9; -ms-flex-order: 9; order: 9; } } @media screen and (min-width: 1201px) { .u-order_9--xl { -webkit-box-ordinal-group: 10; -webkit-order: 9; -ms-flex-order: 9; order: 9; } } .u-order_10 { -webkit-box-ordinal-group: 11; -webkit-order: 10; -ms-flex-order: 10; order: 10; } @media screen and (min-width: 641px) { .u-order_10--sm { -webkit-box-ordinal-group: 11; -webkit-order: 10; -ms-flex-order: 10; order: 10; } } @media screen and (min-width: 769px) { .u-order_10--md { -webkit-box-ordinal-group: 11; -webkit-order: 10; -ms-flex-order: 10; order: 10; } } @media screen and (min-width: 951px) { .u-order_10--lg { -webkit-box-ordinal-group: 11; -webkit-order: 10; -ms-flex-order: 10; order: 10; } } @media screen and (min-width: 1201px) { .u-order_10--xl { -webkit-box-ordinal-group: 11; -webkit-order: 10; -ms-flex-order: 10; order: 10; } } .u-order_11 { -webkit-box-ordinal-group: 12; -webkit-order: 11; -ms-flex-order: 11; order: 11; } @media screen and (min-width: 641px) { .u-order_11--sm { -webkit-box-ordinal-group: 12; -webkit-order: 11; -ms-flex-order: 11; order: 11; } } @media screen and (min-width: 769px) { .u-order_11--md { -webkit-box-ordinal-group: 12; -webkit-order: 11; -ms-flex-order: 11; order: 11; } } @media screen and (min-width: 951px) { .u-order_11--lg { -webkit-box-ordinal-group: 12; -webkit-order: 11; -ms-flex-order: 11; order: 11; } } @media screen and (min-width: 1201px) { .u-order_11--xl { -webkit-box-ordinal-group: 12; -webkit-order: 11; -ms-flex-order: 11; order: 11; } } .u-order_12 { -webkit-box-ordinal-group: 13; -webkit-order: 12; -ms-flex-order: 12; order: 12; } @media screen and (min-width: 641px) { .u-order_12--sm { -webkit-box-ordinal-group: 13; -webkit-order: 12; -ms-flex-order: 12; order: 12; } } @media screen and (min-width: 769px) { .u-order_12--md { -webkit-box-ordinal-group: 13; -webkit-order: 12; -ms-flex-order: 12; order: 12; } } @media screen and (min-width: 951px) { .u-order_12--lg { -webkit-box-ordinal-group: 13; -webkit-order: 12; -ms-flex-order: 12; order: 12; } } @media screen and (min-width: 1201px) { .u-order_12--xl { -webkit-box-ordinal-group: 13; -webkit-order: 12; -ms-flex-order: 12; order: 12; } }