@charset "UTF-8";
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

	1. Common Format

++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* ==============================================================================

	1.1 Reset

============================================================================== */
html, body, h1, h2, h3, h4, h5, h6, div, p, ul, ol, li, dl, dt, dd, table, th, td, form, figure { margin: 0; padding: 0; }

ul, ol { list-style: none; }

img { text-decoration: none; border: 0; vertical-align: bottom; max-width: 100%; }

hr { display: none; }

table { border-collapse: collapse; border-spacing: 0; }

caption, th, td { text-align: left; vertical-align: top; }

button { background: none; border: none; margin: 0; padding: 0; cursor: pointer; }

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }

audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }

audio:not([controls]) { display: none; }

[hidden] { display: none; }

/* ==============================================================================

	1.2 global

============================================================================== */
html { font-size: 62.5%; }

body { -webkit-text-size-adjust: none; }

body, th, td { font-family: sans-serif; font-size: 1.4rem; line-height: 1.1; text-align: center; color: #000; }

input[type=text], textarea { font-size: 1.6rem; }

::-webkit-input-placeholder { font-size: 1.4rem !important; }

:-moz-placeholder { font-size: 1.4rem !important; }

.container { width: 100%; }

#wrapper { text-align: left; width: 100%; }

a { text-decoration: underline; color: #336699; }

a:hover { text-decoration: none; color: #336699; }

#gnav02_out, #gnav03_out { display: none; }

/* ==============================================================================

	1.3 header

============================================================================== */
#header { z-index: 99; position: fixed; top: 0; left: 0; width: 100%; background-color: #fff; }

.header_shadow { box-shadow: 0px 1px 8px 0 rgba(0, 0, 0, 0.5); }

.header_inner { position: relative; width: 100%; height: 44px; }

#logo { float: left; padding: 13px 5px 0 8px; }

#header #logo { z-index: 99; position: absolute; }

#logo img { width: 56px; }

#header_text { position: absolute; top: 15px; left: 64px; transform: scale(0.8); font-size: 1rem; }

#header_text:after { display: block; clear: both; content: ''; }

#header_pr_img { z-index: 99; position: absolute; top: 8px; right: 162px; }

#header_pr_img img { width: 30px; height: auto; }

/* #user_status
------------------------------------------------------------------------------ */
#user_status { z-index: 99; position: absolute; top: 0; right: 50px; height: 44px; overflow: hidden; width: 108px; }

#user_status iframe { border: 0; }

/* global nav
------------------------------------------------------------------------------ */
.pure-container { z-index: 98; }

.gnav03_menu { padding-top: 28px; color: #fff; text-align: center; font-size: 1.0rem; }

#gnav03 { padding-top: 44px; }

#gnav_button { position: absolute; display: block; top: 0; right: 0; height: 44px; overflow: hidden; background-color: #004263; color: #fff; text-align: center; vertical-align: bottom; font-size: 0.8rem; -webkit-text-size-adjust: 100%; }

#gnav_button span { position: relative; display: block; width: 50px; padding: 30px 0 6px 0; text-align: center; }

#gnav_button span:before { position: absolute; top: 8px; left: 14px; display: block; width: 24px; height: 16px; overflow: hidden; background-size: 320px; background-repeat: no-repeat; background-image: url(/sp/images/common/icons.svg); z-index: 2; content: ''; }

#gnav_button.gnav_closing span:before { background-position: -32px -448px; }

#gnav_button.gnav_opening span:before { background-position: -32px -480px; }

#gnav { display: none; background-color: #004263; padding-bottom: 15px; }

.gnav_nav { border-bottom: 1px solid #fff; }

.gnav_nav:first-of-type { border-top: 1px solid #fff; }

.gnav_nav a, .gnav_nav span { position: relative; display: block; padding: 15px 10px; cursor: pointer; color: #fff; vertical-align: middle; text-decoration: none; font-size: 1.4rem; }

.gnav_nav a:after { position: absolute; top: 45%; right: 10px; display: block; width: 10px; height: 10px; overflow: hidden; background-position: -40px -10px; background-size: 320px; background-repeat: no-repeat; background-image: url(/sp/images/common/arrow.svg); content: ''; }

.gnav_ttl h2 { font-weight: bold; font-size: 1.4rem; }

.gnav_nav a.gnav_ttl, .gnav_nav div.gnav_ttl { position: relative; padding: 15px 10px 15px 36px; color: #fff; }

.gnav_nav a.gnav_ttl:before, .gnav_nav div.gnav_ttl:before { position: absolute; left: 10px; display: block; overflow: hidden; background-size: 320px; background-repeat: no-repeat; background-image: url(/sp/images/common/icons.svg); content: ''; }

#gnav_home.gnav_nav div.gnav_ttl:before { top: 16px; width: 16px; height: 15px; background-position: -32px 0; }

#gnav_search.gnav_nav a.gnav_ttl:before { top: 16px; width: 18px; height: 16px; background-position: -32px -224px; }

#gnav_service.gnav_nav div.gnav_ttl:before { top: 14px; width: 16px; height: 16px; background-position: -32px -256px; }

#gnav_knowhow.gnav_nav div.gnav_ttl:before { top: 14px; width: 20px; height: 16px; background-position: -32px -288px; }

#gnav_company.gnav_nav div.gnav_ttl:before { top: 16px; width: 16px; height: 20px; background-position: -32px -352px; }

#gnav_int.gnav_nav div.gnav_ttl:before { top: 16px; width: 16px; height: 20px; background-position: -32px -384px; }

#gnav_cint.gnav_nav div.gnav_ttl:before { top: 16px; width: 16px; height: 20px; background-position: -32px -512px; }

.gnav_list { display: none; }

#gnav03 .gnav_list li a { padding-left: 35px; }

.gnav_list li:before { display: block; border-top: 1px solid #336699; height: 0; margin: 0 10px; content: ''; }

#gnav_close { display: block; margin: 15px auto 0 auto; width: 270px; border-radius: 5px; background-color: #fff; padding: 15px 0; color: #004263; text-align: center; text-decoration: none; font-weight: bold; }

/* ==============================================================================

	1.4 main

============================================================================== */
#main { display: inline-block; padding-top: 44px; }

#main:after { clear: both; display: block; content: "."; visibility: hidden; height: 0; }

/* Hides from IE-mac \*/
* html #main { height: 1%; }

#main { display: block; }

/* End hide from IE-mac */
/* page_guide
------------------------------------------------------------------------------ */
#page_guide_wrap { text-decoration: none; }

.page_guide { border-top: 1px solid #fff; height: 44px; overflow: hidden; background-color: #004263; }

#page_category_ttl { padding: 14px 0 0 10px; color: #fff; font-weight: bold; font-size: 1.4rem; }

/* breadcrumb
------------------------------------------------------------------------------ */
.breadcrumb { background-color: #fff; padding: 1em 10px; color: #666; line-height: 1.5; font-size: 1.0rem; }

.breadcrumb a { color: #666; }

.bread_crumb { display: flex; flex-wrap: wrap; background-color: #fff; padding: 1em 10px; color: #666; line-height: 1.5; font-size: 1.0rem; }

.bread_crumb > li:after { padding: 0 0.4em; content: '>'; }

.bread_crumb > li:last-of-type:after { content: ''; }

.bread_crumb > li > a { color: #666; }

/* elements
------------------------------------------------------------------------------ */
.ttl_blue { background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzE0NGM2ZSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwNDI2MyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #144c6e), color-stop(100%, #004263)); background: -moz-linear-gradient(#144c6e, #004263); background: -webkit-linear-gradient(#144c6e, #004263); background: linear-gradient(#144c6e, #004263); padding: 10px; color: #fff; font-size: 1.4rem; font-weight: bold; }

.ttl_icon { position: relative; padding-left: 35px !important; }

.ttl_icon:before { position: absolute; top: 10px; left: 10px; display: block; width: 20px; height: 20px; overflow: hidden; content: ''; background-repeat: no-repeat; background-size: 320px; background-image: url(/sp/images/common/icons.svg); }

.ttl_lightBlue { margin-bottom: 1em; border-left: 4px solid #004263; background-color: #e1f3ff; padding: 10px 12px; font-weight: bold; font-size: 1.8rem; }

.sttl_gray { position: relative; margin-bottom: 10px; background-color: #eee; padding: 8px 10px; color: #000; font-size: 1.4rem; font-weight: bold; }

.sttl_blue { position: relative; margin-bottom: 10px; color: #004263; line-height: 1.3; font-size: 1.6rem; font-weight: bold; }

.sttl_blue_icon { margin-bottom: 10px; border-left: 6px solid #004263; padding: 4px 0 4px 8px; line-height: 1.3; font-size: 1.6rem; font-weight: bold; }

.ssttl_blue_icon { margin: 0 10px 6px 10px; border-left: 4px solid #336699; padding: 2px 0 2px 9px; font-size: 1.4rem; font-weight: bold; }

.section { margin: 0 0 30px 0; padding: 0 10px 20px 10px; display: block; }

.section:after { clear: both; display: block; content: "."; visibility: hidden; height: 0; }

.cont_margin { margin: 0 10px; }

.txt { line-height: 1.4em; margin-bottom: 1em; }

.checkmark { position: relative; margin-bottom: 0.2em; padding-left: 24px; }

.checkmark:before { position: absolute; top: 0; left: 0; width: 18px; height: 16px; overflow: hidden; background-position: 0 0; background-repeat: no-repeat; background-size: 320px; background-image: url(/sp/images/common/common_icon.svg); content: ''; }

ul.checkmark_list li { position: relative; margin-bottom: 0.3em; padding-left: 24px; }

ul.checkmark_list li:before { position: absolute; top: 0; left: 0; width: 18px; height: 16px; overflow: hidden; background-position: 0 0; background-repeat: no-repeat; background-size: 320px; background-image: url(/sp/images/common/common_icon.svg); content: ''; }

.break_word { word-wrap: break-word; }

.quote_contents { margin: 0 0 1em 0; background-color: #eee; padding: 15px 15px 5px 15px; }

/* tab_ttl
------------------------------------------------------------------------------ */
.tab_ttl { overflow: hidden; margin-top: 20px; padding: 0 12px; position: relative; border-bottom: 1px solid #ccc; color: #fff; font-weight: bold; font-size: 16px; }

.tab_ttl span { position: relative; background-color: #666; display: inline-block; padding: 6px 25px; }

.tab_ttl:before { position: absolute; top: 0; left: -18px; display: block; width: 0; height: 0; border-bottom: 30px solid #666; border-left: 30px solid transparent; border-right: 30px solid transparent; -webkit-transform: scaleX(0.4); -moz-transform: scaleX(0.4); content: ''; }

.tab_ttl span:after { position: absolute; top: 0; right: -30px; display: block; width: 0; height: 0; border-bottom: 30px solid #666; border-left: 30px solid transparent; border-right: 30px solid transparent; -webkit-transform: scaleX(0.4); -moz-transform: scaleX(0.4); content: ''; }

/* pager
------------------------------------------------------------------------------ */
.pager { background-color: #333; padding: 10px; }

.pager ul { margin: 0 auto; text-align: center; }

.pager li { display: inline-block; padding: 0 2px; }

.pager a { display: block; border-radius: 5px; background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2VlZWVlZSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #eeeeee)); background: -moz-linear-gradient(#ffffff, #eeeeee); background: -webkit-linear-gradient(#ffffff, #eeeeee); background: linear-gradient(#ffffff, #eeeeee); padding: 15px; color: #000; text-align: center; text-decoration: none; }

.pager_numb { padding: 10px; }

.pager_numb ul { margin: 0 auto; text-align: center; font-size: 0; }

.pager_numb li { display: inline-block; padding: 0 3px 10px 0; }

.pager_numb li:last-child { padding: 0 0 10px 0; }

.pager_numb a, .pager_numb span { display: block; width: 37px; height: 37px; text-align: center; text-decoration: none; line-height: 37px; font-size: 1.8rem; font-weight: bold; }

.pager_numb a { border: 1px solid #777; background-color: #777; color: #fff; }

.pager_numb span, .pager_numb a.pager_numb_arrow { border: 1px solid #666; background-color: #fff; color: #666; }

.pager_numb_arrow { position: relative; text-indent: -9999px; }

.pager_numb_arrow:after { position: absolute; top: 9px; left: 7px; width: 21px; height: 20px; background-position: 0 -64px; background-size: 320px; background-repeat: no-repeat; background-image: url(/sp/images/common/arrow.svg); content: ''; }

.top_pager { background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #ffffff)); background: -moz-linear-gradient(#ffffff, #ffffff); background: -webkit-linear-gradient(#ffffff, #ffffff); background: linear-gradient(#ffffff, #ffffff); padding: 2px 0 10px 0; }

.top_pager ul { margin: 0 auto; text-align: center; font-size: 0; }

.top_pager li { display: inline-block; font-size: 0; }

.top_pager a { display: block; border-radius: 5px; border: 1px solid #ccc; background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2VlZWVlZSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #eeeeee)); background: -moz-linear-gradient(#ffffff, #eeeeee); background: -webkit-linear-gradient(#ffffff, #eeeeee); background: linear-gradient(#ffffff, #eeeeee); padding: 10px 0; color: #666; text-align: center; text-decoration: none; font-size: 1.4rem; }

.top_pager li.pager_index { padding: 0 4px; }

.top_pager .pager_index { width: 60px; }

.top_pager .pager_prev { width: 100px; }

.top_pager .pager_next { width: 100px; }

.prev_next { display: flex; justify-content: space-between; }

.prev_next > li { width: 50%; font-size: 1.4rem; }

.prev_next > li:first-child { text-align: left; }

.prev_next > li:last-child { text-align: right; }

.prev_next > li > a { text-decoration: none; }

.prev_next > li > a:hover { text-decoration: underline; }

/* social
------------------------------------------------------------------------------ */
.social_btn { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 6px 10px 5px 10px; }

.social_btn > div { display: table-cell; padding-right: 5px; }

.facebook_btn { vertical-align: top; }

/* arrow
------------------------------------------------------------------------------ */
.arrow:after { position: absolute; top: 40%; right: 10px; display: block; width: 10px; height: 10px; overflow: hidden; content: ''; background-repeat: no-repeat; background-size: 320px; background-image: url(/sp/images/common/arrow.svg); }

.arrow_top_white:after { background-position: -40px 0; }

.arrow_right_white:after { background-position: -40px -10px; }

.arrow_bottom_white:after { background-position: -40px -20px; }

.arrow_left_white:after { background-position: -40px -30px; }

/* list
------------------------------------------------------------------------------ */
.common_list article a:link { position: relative; display: block; border-bottom: 1px solid #ccc; min-height: 60px; padding: 10px; color: #000; border-color: #ccc; text-decoration: none; line-height: 1.3; }

.common_list article a:visited { color: #666; border-color: #ccc; }

.common_list_ttl { margin-left: 90px; font-weight: bold; font-size: 1.4rem; }

.common_list_description { margin-left: 90px; font-size: 1.4rem; }

.common_list article span, .common_list article h2.home_updateList_label { display: block; margin: 0 0 4px 90px; color: #666; font-size: 1.1rem; font-weight: normal; }

.common_list article img { position: absolute; top: 10px; left: 10px; width: 80px; overflow: hidden; }

/* cv_area_contbtm
------------------------------------------------------------------------------ */
.cv_area_contbtm { padding-top: 15px; }

.cv_area_contbtm > div { margin: 10px; background-color: #eee; padding: 10px; }

.cv_area_contbtm > div h2, .cv_area_contbtm > div .cv_area_contbtm_ttl { margin-bottom: 0.5em; font-weight: bold; font-size: 1.6rem; }

.cv_area_contbtm > div p.txt:first-of-type { margin-bottom: 1em; font-size: 1.4rem; }

.cv_area_contbtm > div p.txt:last-of-type { text-align: center; }

/* ==============================================================================

	1.7 nav

============================================================================== */
/* accordion
------------------------------------------------------------------------------ */
.accordion_closing:after { position: absolute; top: 40%; right: 10px; width: 10px; height: 10px; background-position: -40px -20px; background-size: 320px; background-repeat: no-repeat; background-image: url(/sp/images/common/arrow.svg); content: ''; }

.accordion_opening:after { position: absolute; top: 38%; right: 10px; width: 10px; height: 10px; background-position: -40px 0; background-size: 320px; background-repeat: no-repeat; background-image: url(/sp/images/common/arrow.svg); content: ''; }

.nav_list li { border-bottom: 1px solid #ccc; }

.nav_list li a, .nav_list li span.active { position: relative; display: block; padding: 16px 30px 13px 10px; color: #000; text-decoration: none; line-height: 1.3; }

.nav_list li a:after { position: absolute; display: block; top: 45%; right: 10px; width: 10px; height: 10px; content: ''; background-position: 0 -10px; background-size: 320px; background-repeat: no-repeat; background-image: url(/sp/images/common/arrow.svg); }

/* nav_home 
------------------------------------------------------------------------------ */
#nav_home .ttl_icon:before { background-position: -32px 0; }

#nav_home a { text-decoration: none; }

/* nav_search 
------------------------------------------------------------------------------ */
#nav_search .ttl_icon:before { background-position: -32px -224px; }

.nav_search_form { padding: 0 10px 15px 10px; }

.nav_search_form input[type=text] { border: 1px solid #ccc; border-radius: 5px; padding: 5px; width: 230px; }

.nav_search_form button { border-radius: 5px; background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzUwN2RhYSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzMzNjY5OSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #507daa), color-stop(100%, #336699)); background: -moz-linear-gradient(#507daa, #336699); background: -webkit-linear-gradient(#507daa, #336699); background: linear-gradient(#507daa, #336699); padding: 4px 8px 3px 8px; color: #fff; font-size: 1.4rem; }

#nav_search .nav_list { border-top: 1px solid #ccc; }

#nav_search_company h3, #nav_search_position h3 { position: relative; margin-bottom: 10px; background-color: #c6e7fd; padding: 8px 10px; color: #000; font-size: 1.4rem; font-weight: bold; }

#nav_search_company h3 span, #nav_search_position h3 span { font-size: 20px; }

#nav_search_company .nav_list li:last-child { border-bottom: none; }

#nav_search_position .nav_list { margin-bottom: 15px; }

/* nav_service 
------------------------------------------------------------------------------ */
#nav_service .ttl_icon:before { background-position: -32px -256px; }

#nav_service .nav_list li, #nav_knowhow .nav_list li { background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2JlZTBmYyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #bee0fc)); background: -moz-linear-gradient(#ffffff, #bee0fc); background: -webkit-linear-gradient(#ffffff, #bee0fc); background: linear-gradient(#ffffff, #bee0fc); }

#nav_service .nav_list li a, #nav_knowhow .nav_list li a { padding: 18px 10px 18px 35px !important; }

#nav_service .nav_list li a:before, #nav_knowhow .nav_list li a:before { display: block; position: absolute; top: 20px; left: 10px; width: 20px; height: 20px; background-size: 320px; background-repeat: no-repeat; background-image: url(/sp/images/common/icons.svg); content: ''; }

#nav_service_advantage a:before { background-position: 0 -32px; }

#nav_service_flow a:before { background-position: 0 -64px; }

#nav_service_start a:before { background-position: 0 -96px; }

#nav_service_consultants a:before { background-position: 0 -320px; }

#nav_service_interview a:before { background-position: 0 -384px; }

#nav_service_success a:before { background-position: 0 -544px; }

/* nav_knowhow */
#nav_knowhow { margin-bottom: 12px; }

#nav_knowhow .ttl_icon:before { background-position: -32px -288px; }

#nav_knowhow_careerlab a:before { background-position: 0 -128px; }

#nav_knowhow_column a:before { background-position: 0 -160px; }

#nav_knowhow_manual a:before { background-position: 0 -192px; }

#nav_knowhow_jobInterview a:before { background-position: 0 -512px; }

#nav_knowhow_jobTalk a:before { background-position: 0 -576px; }

/* nav_company */
#nav_company { display: block; margin: 10px 10px 24px 10px; border: 1px solid #ccc; border-radius: 5px; background-color: #eee; }

#nav_company .nav_list li:last-child { border-bottom: none; }

/* homenav_knowhow */
#homenav_knowhow { display: block; margin: 10px 10px 24px 10px; border: 1px solid #ccc; border-radius: 5px; }

#homenav_knowhow > h2 { border-bottom: 1px solid #ccc; background-color: #eee; padding: 16px 10px 13px 10px; font-weight: bold; font-size: 1.2rem; }

#homenav_knowhow .nav_list li:last-child { border-bottom: none; }

/* ==============================================================================

	1.8 bnr_list

============================================================================== */
.bnr_list { margin: 15px 25px; text-align: center; }

.bnr_list li { margin-bottom: 13px; }

.bnr_list img { max-width: 100%; }

.goto_job { display: block; border-radius: 5px; background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzBjODBjMCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzA3NjE5ZCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #0c80c0), color-stop(100%, #07619d)); background: -moz-linear-gradient(#0c80c0, #07619d); background: -webkit-linear-gradient(#0c80c0, #07619d); background: linear-gradient(#0c80c0, #07619d); padding: 10px; color: #ffffff; text-shadow: 0 0 5px #3b619e; text-align: center; text-decoration: none; line-height: 1.3; font-size: 1.5rem; font-weight: bold; }

/* ==============================================================================

	1.8 footer

============================================================================== */
#footer { text-align: center; }

#goto_pagetop { margin-bottom: 10px; padding-right: 10px; text-align: right; }

#goto_pagetop a { position: relative; padding: 8px 0 8px 14px; color: #666; text-decoration: none; font-size: 1.2rem; }

#goto_pagetop a:before { position: absolute; top: 38%; left: 0; width: 10px; height: 10px; background-position: 0 0; background-size: 320px; background-repeat: no-repeat; background-image: url(/sp/images/common/arrow.svg); content: ''; }

#goto_pagetop02 { display: none; position: fixed; right: 0; bottom: 44px; opacity: 0.8; }

#goto_pagetop02 a { display: block; background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzMzNjY5OSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwNDI2MyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #336699), color-stop(100%, #004263)); background: -moz-linear-gradient(#336699, #004263); background: -webkit-linear-gradient(#336699, #004263); background: linear-gradient(#336699, #004263); padding: 18px 10px 5px 10px; color: #fff; text-decoration: none; letter-spacing: 0.5px; font-size: 0.9rem; font-family: 'HelveticaNeue-Light', Arial, Verdana, Sans-serif; }

#goto_pagetop02 a:before { position: absolute; top: 5px; left: 38%; width: 10px; height: 10px; background-position: -40px 0; background-size: 320px; background-repeat: no-repeat; background-image: url(/sp/images/common/arrow.svg); content: ''; }

#goto_pc { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 8px 0; }

#goto_pc a { position: relative; padding: 5px 0 10px 20px; color: #666; text-decoration: none; font-size: 1.2rem; }

#goto_pc a:before { position: absolute; top: 50% -12; left: 0; width: 20px; height: 20px; background-position: -64px -416px; background-size: 320px; background-repeat: no-repeat; background-image: url(/sp/images/common/icons.svg); content: ''; }

#copyright { padding: 10px 0; color: #666; font-size: 1rem; font-family: 'Helvetica Neue', Arial, sans-serif; }

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

	Page Layout

++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* ==============================================================================

	home

============================================================================== */
.page_guide#home_page { height: auto; }

#home_page_ttl { background-color: #5f89b1; }

#home_nav ul { display: table; margin-bottom: 15px; width: 100%; border-bottom: 1px solid #ccc; background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2VlZWVlZSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #eeeeee)); background: -moz-linear-gradient(#ffffff, #eeeeee); background: -webkit-linear-gradient(#ffffff, #eeeeee); background: linear-gradient(#ffffff, #eeeeee); }

#home_nav li { display: table-cell; border-right: 1px solid #ccc; width: 33%; text-align: center; }

#home_nav li:last-child { border-right: none; }

#home_nav a { position: relative; display: block; padding: 57px 0 10px 0; color: #004263; text-decoration: none; font-weight: bold; font-size: 1.2rem; }

#home_nav a:before { position: absolute; top: 17px; left: 50%; margin-left: -16px; width: 32px; height: 32px; overflow: hidden; background-size: 560px; background-repeat: no-repeat; background-image: url(/sp/images/common/icons.svg); content: ''; z-index: 2; }

#home_nav_search:before { background-position: -168px -392px; }

#home_nav_service:before { background-position: -168px -448px; }

#home_nav_knowhow:before { background-position: -168px -504px; }

#home_nav_flow:before { background-position: -168px -108.5px; }

#home_nav_advantage:before { background-position: -168px -56px; }

#home_nav_interview:before { background-position: -168px -668.5px; }

#home_updateList { border-top: 1px solid #ccc; }

.common_list article h2.home_updateList_label { color: #004263; }

#cont01_list { display: table; margin: 0 auto; width: 300px; padding: 10px 0; }

#cont01_list li { display: table-cell; text-align: center; font-size: 1.1rem; font-weight: bold; }

#cont01_list li:nth-child(2) { padding: 0 15px; }

#cont01_list li p { padding-top: 7px; }

.award-section { margin: 0 auto 20px auto; width: 300px; line-height: 1.5; }

.award-section a { text-decoration: none; color: #333; }

.award-section h2 { margin: 0 0 0.4em 60px; font-size: 1.2rem; }

.award-section ul { margin: 0 0 0.5em 75px; list-style: disc; font-size: 1.1rem; }

.award-section p { font-size: 1.1rem; }

#award2017 { background: url(/img/new/award201712.png) no-repeat 0 0; background-size: 50px; }

#award2019 { background: url(/img/new/award201911.jpg) no-repeat 0 8px; background-size: 72px; }

#award2019.award-section h2 { margin: 0 0 0.4em 80px; }

#award2019.award-section ul { margin: 0 0 0.5em 95px; }

#homenav_knowhow { margin: 0; border: none; border-top: 1px solid #ccc; border-radius: 0; }

#homenav_knowhow h2 { margin: 0; border-bottom: none; background: none; padding: 10px 10px 5px 10px; color: #666; }

.nav_list_2column { display: flex; flex-wrap: wrap; padding: 0 0 5px 0; }

.nav_list_2column li { display: inline; }

.nav_list_2column li:after { display: inline; color: #ccc; content: '/'; }

.nav_list_2column li:last-child:after { content: none; }

.nav_list_2column li a { display: inline-block; padding: 5px 10px; font-size: 1.2rem; }

/* ==============================================================================

	advantage

============================================================================== */
.advantage01_sttl { position: relative; margin-bottom: 10px; padding-left: 60px; color: #004263; line-height: 1.3; font-size: 1.8rem; }

.advantage01_sttl:before { display: block; position: absolute; top: 0; left: 0; width: 50px; height: 50px; overflow: hidden; background-size: 320px; background-repeat: no-repeat; background-image: url(/sp/advantage/images/advantage_icon.svg); content: ''; }

#advantage01_sttl01.advantage01_sttl { min-height: 45px; padding-top: 5px; }

#advantage01_sttl01.advantage01_sttl:before { background-position: 0 0; }

#advantage01_sttl02.advantage01_sttl { min-height: 35px; padding-top: 15px; }

#advantage01_sttl02.advantage01_sttl:before { background-position: 0 -60px; }

#advantage01_sttl03.advantage01_sttl { min-height: 35px; padding-top: 15px; }

#advantage01_sttl03.advantage01_sttl:before { background-position: 0 -120px; }

#advantage02_support { margin-bottom: 20px; background-color: #004263; padding: 2px; }

#advantage02_support h3 { padding: 8px 10px; color: #fff; font-weight: bold; font-size: 1.4rem; }

#advantage02_support dt { font-weight: bold; font-size: 16px; padding: 10px 10px 0 10px; }

#advantage02_support dd { padding: 10px; line-height: 1.4; }

.our_support_liber { background-color: #fff; }

.our_support_others { background-color: #eee; }

dt.our_support_liber { color: #e18a00; }

dt.our_support_others { color: #666666; }

.advantage02_sttl02 { margin-bottom: 10px; color: #004263; font-size: 1.8rem; }

.advantage02_voice_sttl { position: relative; margin-bottom: 10px; padding-left: 31px; color: #004263; font-size: 1.6rem; }

.advantage02_voice_sttl:before { position: absolute; top: 0; left: 0; display: block; width: 49px; height: 39px; background-position: 0 -180px; background-size: 320px; background-repeat: no-repeat; background-image: url(/sp/advantage/images/advantage_icon.svg); content: ''; }

.advantage02_voice_sttl span { font-size: 1.2rem; }

#advantage02_voice dt { background-color: #e1f3ff; padding: 15px 10px 10px 10px; vertical-align: top; line-height: 1.4; font-weight: bold; font-size: 1.2rem; }

#advantage02_voice dd { margin-bottom: 5px; border: 2px solid #e1f3ff; padding: 10px; line-height: 1.4; }

#advantage02_voice dt img { float: left; width: 44px; height: auto; margin-top: -5px; margin-right: 10px; }

#advantage02_voice dt:after { display: block; clear: both; content: ''; }

.advantage02_voice_btn a { position: relative; display: block; margin-bottom: 15px; border-radius: 5px; border: 2px solid #004263; background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2UxZjNmZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #e1f3ff)); background: -moz-linear-gradient(#ffffff, #e1f3ff); background: -webkit-linear-gradient(#ffffff, #e1f3ff); background: linear-gradient(#ffffff, #e1f3ff); padding: 15px 0; color: #004263; text-align: center; text-decoration: none; font-weight: bold; }

/* ==============================================================================

	flow

============================================================================== */
#flow_nav { margin: 10px; }

#flow_nav ol { width: 300px; margin: 0 auto; }

#flow_nav ol:after { display: block; clear: both; content: ''; }

#flow_nav li { float: left; margin-right: 6px; }

#flow_nav li:last-child { margin-right: 0; }

.flow_ttl { margin-bottom: 15px; border-top: 2px solid #558be3; border-bottom: 2px solid #558be3; background-size: 320px; background-repeat: no-repeat; background-position: 0 0; }

#flow_step01 .flow_ttl { background-image: url(/sp/advantage/flow/images/flow_step01_kv.jpg); background-color: #d5d5d5; }

#flow_step02 .flow_ttl { background-image: url(/sp/advantage/flow/images/flow_step02_kv.jpg); background-color: #d5d5d5; }

#flow_step03 .flow_ttl { background-image: url(/sp/advantage/flow/images/flow_step03_kv.jpg); background-color: #a9b0b8; }

.flow_ttl h2 { display: table-cell; width: 100%; height: 108px; overflow: hidden; padding: 0 10px; color: #fff; vertical-align: middle; line-height: 1.3; text-shadow: 0 0 6px rgba(0, 0, 0, 0.8); font-size: 1.8rem; }

.flow_ttl h2 span { font-size: 3.0rem; font-family: 'Open Sans Condensed', sans-serif; }

.flow_block { margin: 0 10px; }

.flow_block:after { display: block; margin: 0 auto 15px auto; width: 34px; height: 21px; background-position: 0 -64px; background-size: 640px; background-repeat: no-repeat; background-image: url(/sp/images/common/common_icon.svg); content: ''; }

.flow_block:last-child:after { background: none; width: auto; height: 5px; }

.flow_block h3 { margin-bottom: 10px; background-color: #eee; padding: 8px 5px; color: #004263; font-size: 1.6rem; }

/* ==============================================================================

	consultants

============================================================================== */
#consultants_list { border-top: 1px solid #ccc; }

#consultants_list li { padding: 10px 10px 0 10px; border-bottom: 1px solid #ccc; }

#consultants_list li:after { display: block; clear: both; content: ''; }

#consultants_list li img { margin: 0 15px 15px 0; width: 90px; float: left; }

#consultants_list li h2 { margin-bottom: 0.8em; line-height: 1.3; font-size: 1.8rem; font-weight: bold; }

#consultants_list li h2 span { color: #0c9494; font-size: 1.4rem; font-weight: normal; font-family: 'Arial'; }

/* ==============================================================================

	interview

============================================================================== */
#interview_lead { padding: 0 10px; }

#interview_lead h2 { position: relative; margin-bottom: 10px; min-height: 50px; padding: 5px 0 0 60px; color: #004263; font-size: 1.8rem; }

#interview_lead h2:before { position: absolute; top: 0; left: 0; width: 50px; height: 50px; overflow: hidden; background-position: 0 0; background-size: 320px; background-repeat: no-repeat; background-image: url(/sp/advantage/interview/images/interview_icon.svg); content: ''; }

#interview_lead p { margin-bottom: 1em; line-height: 1.3; font-weight: bold; }

#interview_list > ul { border-top: 1px solid #ccc; }

#interview_list > ul > li { border-bottom: 1px solid #ccc; }

#interview_list > ul > li > a { position: relative; display: block; min-height: 80px; padding: 10px 10px 10px 100px; text-decoration: none; }

#interview_list > ul > li h2 { padding: 5px 0; color: #004263; font-size: 1.7rem; font-weight: bold; }

.interview_list_name { margin-bottom: 10px; color: #000; font-size: 1.1rem; }

.interview_list_catch { color: #000; line-height: 1.3; font-weight: bold; }

#interview_list li img { position: absolute; top: 10px; left: 10px; }

#interview_ttl { margin: 0 10px 10px 10px; color: #004263; line-heihgt: 1.3; letter-spacing: -0.05em; font-size: 2.0rem; font-weight: bold; }

#interview_ttl span { white-space: nowrap; letter-spacing: 0; font-size: 1.2rem; font-weight: normal; }

#interview_ttl span.interview_name { display: block; padding-top: 0.2em; white-space: nowrap; letter-spacing: 0; font-size: 2.0rem; font-weight: bold; }

#interview_catch { margin: 0 10px 10px 10px; line-height: 1.3; font-size: 1.8rem; font-weight: bold; }

#interview_detail_kv { margin: 10px; }

#interview_profile { margin: 10px; background-color: #e1f3ff; padding: 10px; line-height: 1.3; font-size: 1.2rem; }

#interview_profile dt { margin-bottom: 0.5em; font-weight: bold; }

#interview_body { margin: 0 10px; }

#interview_body .txt { line-height: 1.6; font-size: 1.6rem; }

#interview_introduce:after { display: block; margin: 15px auto 0 auto; width: 160px; border-bottom: 2px solid #000; content: ''; z-index: 2; }

#interview_introduce.txt { position: relative; margin-bottom: 15px; padding-bottom: 15px; color: #004263; font-weight: bold; }

.interview_liber { color: #004263; }

#interview_writer { margin: 10px; background-color: #eee; padding: 10px; line-height: 1.3; font-size: 1.2rem; }

#interview_writer h3 { margin-bottom: 10px; font-size: 1.2rem; font-weight: bold; }

#interview_writer dt { margin-bottom: 0.1em; }

#interview_writer dd { margin-bottom: 10px; }

/* ==============================================================================

	column

============================================================================== */
.column_list article { display: block; border-bottom: 1px solid #ccc; }

.column_list article a:link { position: relative; display: block; min-height: 53px; padding: 10px 10px; color: #000; text-decoration: none; line-height: 1.3; }

.column_list article a:visited { color: #666; }

.column_list_ttl { margin-left: 90px; font-weight: bold; font-size: 1.4rem; }

.column_list article span { display: block; margin: 0 0 4px 90px; color: #666; font-size: 1.1rem; }

.column_list article img { position: absolute; top: 10px; left: 10px; width: 80px; min-height: 53px; overflow: hidden; }

.column_list article .column_list_date { position: absolute; top: 10px; right: 10px; color: #666; font-size: 1.1rem; }

#column_header { position: relative; padding: 20px 10px 10px 10px; color: #000; }

.column_number { display: block; margin-bottom: 0.4em; font-size: 1.2rem; }

#column_ttl { font-size: 1.8rem; margin-bottom: 0.3em; }

.column_catch { font-weight: bold; font-size: 1.4rem; }

#column_header .column_date { position: absolute; top: 20px; right: 10px; color: #666; font-size: 1.1rem; }

#column_body { margin: 10px; }

.column_sttl { margin-bottom: 12px; padding: 5px 0 5px 10px; border-left: 6px solid #004263; line-height: 1.3; font-weight: bold; font-size: 1.6rem; }

#column_body .txt { line-height: 1.6; font-size: 1.6rem; }

.column_image { margin-bottom: 20px; }

.column_goto_pc a { display: block; margin: 10px; background-color: #eee; padding: 15px; text-align: center; color: #000; line-height: 1.3; }

.column_detail_index { margin: 0 0 15px 0; border: 1px solid #98b6c9; background-color: #e1f3ff; padding: 20px; }

.column_detail_index > h2, .column_detail_index > .column_detail_index_ttl { margin-bottom: 0.8em; border-bottom: 1px solid #336699; padding-bottom: 0.4em; color: #336699; font-size: 1.4rem; font-weight: bold; }

.column_detail_index > ol { margin: 0 0 0 2em; list-style: decimal; padding: 0; font-size: 1.4rem; }

.column_detail_index > ol > li { padding-bottom: 0.8em; line-height: 1.5; }

.column_detail_index > ol > li:last-child { padding-bottom: 0; }

.column_detail_index > ol > li > ul { margin: 0 0 0 2em; list-style: disc; padding: 0; }

.column_detail_index > ol > li > ol { margin: 0 0 0 2em; list-style: none; padding: 0; }

.column_detail_index > ol > li > ol > li { list-style-type: none; list-style-position: outside; counter-increment: cnt; }

.column_detail_index > ol > li > ol > li:before { display: inline-block; margin-left: -1.5em; width: 2em; content: "(" counter(cnt) ")"; }

.column_detail_index > ol > li > ol.no_listStyle { margin: 0 0 0 1em; }

.column_detail_index > ol > li > ol.no_listStyle > li { list-style-type: none; list-style-position: outside; counter-increment: none; }

.column_detail_index > ol > li > ol.no_listStyle > li:before { display: none; margin-left: 0; width: 0; content: none; }

.column_detail_index > ol > li > ul > li > ul, .column_detail_index > ol > li > ol > li > ul { margin: 0 0 0 2em; list-style: circle; padding: 0; font-size: 1.4rem; }

.column_border_box { margin: 0 0 15px 0; border: 1px solid #ccc; padding: 10px 10px 0 10px; word-break: break-all; }

/*  column_author_profile */
.column_author_profile { margin: 20px 0; background-color: #e9f2fb; padding: 10px; line-height: 1.5; font-size: 12px; }

.column_author_name { margin-bottom: 6px; font-weight: bold; }

.column_author_case > dd > ul { margin-left: 19px; padding: 0; list-style: disc; }

.column_author_case > dd > ul > li { margin-bottom: 6px; }

.column_author_case > dd a { word-break: break-all; word-wrap: break-word; }

.column_author_award > dt:before { content: '- '; }

.column_author_award > dt:after { content: '：'; }

.column_author_award > dd { padding-left: 1em; }

/* ==============================================================================

	manual

============================================================================== */
#manual_nav { margin-bottom: 20px; border-top: 1px solid #8eb5d6; }

#manual_nav ul:after { display: block; clear: both; content: ''; }

#manual_nav li { width: 50%; float: left; border-bottom: 1px solid #8eb5d6; }

#manual_nav li:nth-child(odd) { margin-left: -1px; border-right: 1px solid #8eb5d6; }

#manual_nav a { position: relative; display: block; background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2UxZjNmZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #e1f3ff)); background: -moz-linear-gradient(#ffffff, #e1f3ff); background: -webkit-linear-gradient(#ffffff, #e1f3ff); background: linear-gradient(#ffffff, #e1f3ff); padding: 25px 0; color: #004263; text-align: center; text-decoration: none; font-weight: bold; font-size: 1.2rem; }

#manual_nav a:after { position: absolute; bottom: 7px; left: 47%; display: block; width: 10px; height: 10px; overflow: hidden; background-position: -70px -20px; background-size: 320px; background-repeat: no-repeat; background-image: url(/sp/images/common/arrow.svg); display: block; content: ''; }

.manual_category .nav_list a { padding-left: 16px; }

#manual_nav #manual_detail_nav a { position: relative; display: block; background: #e1f3ff; padding: 14px 20px 14px 10px; color: #004263; text-align: left; text-decoration: none; font-weight: bold; font-size: 1.2rem; }

#manual_nav #manual_detail_nav a.active { background: #558be3; color: #fff; text-shadow: 0 0 5px #3b619e; }

#manual_nav #manual_detail_nav a:after { position: absolute; top: 40%; right: 5px; bottom: auto; left: auto; display: block; width: 10px; height: 10px; overflow: hidden; background-position: -70px -10px; background-size: 320px; background-repeat: no-repeat; background-image: url(/sp/images/common/arrow.svg); display: block; content: ''; }

#manual_nav #manual_detail_nav a.active:after { background-position: -40px -10px; }

#manual_header { margin: 0 10px 10px 10px; }

#manual_category { position: relative; padding: 16px 0 16px 64px; font-weight: bold; font-size: 18px; }

#manual_category:before { position: absolute; top: 0; left: 0; width: 50px; height: 50px; overflow: hidden; background-position: 0 0; background-size: 320px; background-repeat: no-repeat; background-image: url(/sp/knowhow/manual/images/manual.svg); content: ''; }

#manual_ttl { padding: 15px 10px 5px 10px; font-size: 2.0rem; font-weight: bold; }

#manual_category_index .nav_list .active { background-color: #c6e7fd; }

/* ==============================================================================

	careerlab

============================================================================== */
#knowhow_careerlab_kv { height: 160px; overflow: hidden; background-position: right bottom; background-size: 320px; background-color: #000; background-repeat: no-repeat; background-image: url(/sp/knowhow/careerlab/images/kv01.jpg); }

#knowhow_careerlab_kv h2 { padding: 15px 10px 15px 10px; color: #fff; line-height: 1.3; font-size: 1.7rem; font-weight: bold; }

#knowhow_careerlab_kv p { padding: 0 10px; color: #fff; line-height: 1.3; font-size: 1.4rem; }

.careerlab_list article { display: block; width: 100%; overflow: hidden; border-bottom: 1px solid #ccc; min-height: 100px; }

.careerlab_list article a { position: relative; display: block; padding: 10px; color: #000; text-decoration: none; line-height: 1.3; }

.careerlab_list_ttl { margin: 0 0 8px 90px; font-weight: bold; font-size: 1.6rem; }

.careerlab_list_description { display: block; margin: 0 0 10px 90px; font-size: 1.4rem; }

.careerlab_list article img { position: absolute; top: 10px; left: 10px; width: 80px; height: 80px; overflow: hidden; }

.careerlab_list article a:after { position: absolute; display: block; bottom: -5px; right: 0px; border-top: 10px solid transparent; border-bottom: 10px solid transparent; width: 0; height: 0; content: ''; transform: rotate(45deg); -webkit-transform: rotate(45deg); }

.careerlab_list article#careerlab_list_sc a:after { border-left: 10px solid #606060; }

.careerlab_list article#careerlab_list_ic a:after { border-left: 10px solid #0578d6; }

.careerlab_list article#careerlab_list_pm a:after { border-left: 10px solid #cea705; }

.careerlab_list article#careerlab_list_md a:after { border-left: 10px solid #04af10; }

.careerlab_list article#careerlab_list_se a:after { border-left: 10px solid #ce05a8; }

.careerlab_list article#careerlab_list_ne a:after { border-left: 10px solid #04a384; }

.careerlab_list article#careerlab_list_ds a:after { border-left: 10px solid #ff0000; }

.careerlab_list article#careerlab_list_sa a:after { border-left: 10px solid #e90082; }

.careerlab_list article#careerlab_list_ai a:after { border-left: 10px solid #c94c34; }

.careerlab_list article#careerlab_list_io a:after { border-left: 10px solid #0027aa; }

.careerlab_list article#careerlab_list_ise a:after { border-left: 10px solid #007f32; }

.careerlab_category { padding: 22px 10px; color: #fff; font-weight: bold; }

.careerlab_category h2 { font-size: 2.0rem; }

#knowhow_careerlab_sc { background-color: #606060; }

#knowhow_careerlab_ic { background-color: #0578d6; }

#knowhow_careerlab_pm { background-color: #cea705; }

#knowhow_careerlab_md { background-color: #04af10; }

#knowhow_careerlab_se { background-color: #ce05a8; }

#knowhow_careerlab_ne { background-color: #04a384; }

#knowhow_careerlab_ds { background-color: #ff0000; }

#knowhow_careerlab_sa { background-color: #e90082; }

#knowhow_careerlab_ai { background-color: #c94c34; }

#knowhow_careerlab_io { background-color: #0027aa; }

#knowhow_careerlab_ise { background-color: #007f32; }

#career_lab_author { margin: 10px; background-color: #e1f3ff; padding: 10px; line-height: 1.3; font-size: 1.2rem; }

#career_lab_author h2 { margin-bottom: 10px; font-size: 1.2rem; font-weight: bold; }

#career_lab_author dt { margin-bottom: 3px; font-weight: bold; }

#careerlab_top_nav { margin-bottom: 20px; }

#careerlab_top_nav.careerlab_first_page { margin-bottom: 20px; border-top: 1px solid #ccc; }

#careerlab_top_nav .nav_list a, #careerlab_top_nav .nav_list span { font-size: 1.2rem; }

#careerlab_top_nav .nav_list .active { position: relative; display: block; background-color: #c6e7fd; padding: 16px 30px 13px 10px; color: #000; text-decoration: none; line-height: 1.3; font-weight: bold; }

#careerlab_body { margin: 0 10px; }

#careerlab_body .txt { line-height: 1.6; font-size: 1.6rem; }

#careerlab_body_introduce { position: relative; margin-bottom: 15px; padding-bottom: 15px; line-height: 1.5; }

#careerlab_body_introduce:after { display: block; margin: 15px auto 0 auto; width: 160px; border-bottom: 2px solid #000; content: ''; z-index: 2; }

#careerlab_body_ttl { position: relative; margin-bottom: 10px; min-height: 50px; padding-left: 60px; line-height: 1.3; font-size: 1.8rem; font-weight: bold; }

#careerlab_body_ttl img { position: absolute; top: 0; left: 0; }

#careerlab_body_ttl02 { margin-bottom: 20px; line-height: 1.3; font-size: 1.8rem; font-weight: bold; }

a#careerlab_next { display: block; margin: 0 10px 20px 10px; background-color: #eee; padding: 10px; color: #000; text-decoration: none; line-height: 1.3; }

#careerlab_next dl:after { display: block; clear: both; content: ''; }

#careerlab_next dt { width: 27%; min-width: 80px; float: left; white-space: nowrap; }

#careerlab_next dd { width: 70%; float: right; font-weight: bold; }

#careerlab_bottom_nav .nav_list ul li:first-child { border-top: 1px solid #ccc; }

#careerlab_bottom_nav .nav_list ul li:last-child { border-bottom: none; }

#careerlab_bottom_nav .nav_list a, #careerlab_bottom_nav .nav_list span { font-size: 1.2rem; }

#careerlab_bottom_nav .nav_list ul li a, #careerlab_bottom_nav .nav_list ul li span { padding-left: 30px; }

#careerlab_bottom_nav .nav_list span { position: relative; display: block; padding: 16px 30px 13px 10px; color: #000; text-decoration: none; line-height: 1.3; }

#careerlab_bottom_nav .nav_list span.active { background-color: #c6e7fd; }

#careerlab_bottom_nav .nav_list span.active:after { background: none; }

#careerlab_bottom_nav .accordion_opening:after { background-position: 0 0; }

#careerlab_bottom_nav .accordion_closing:after { background-position: 0 -20px; }

.careerlab_column_box { margin: 0 10px 20px 10px; background-color: #e9f2fb; padding: 15px 15px 0 15px; }

.careerlab_column_box h2 { margin-bottom: 15px; border-bottom: 3px solid #ccc; padding-bottom: 8px; font-size: 1.6rem; font-weight: bold; }

/* ==============================================================================

	job interview

============================================================================== */
#interview_lead h2#job_interview_lead_ttl:before { position: absolute; top: 0; left: 0; width: 50px; height: 50px; overflow: hidden; background-position: 0 0; background-size: 320px; background-repeat: no-repeat; background-image: url(/sp/job/interview/images/job_interview_icon.svg); content: ''; }

#job_interview_list ul { border-top: 1px solid #ccc; }

#job_interview_list li { border-bottom: 1px solid #ccc; }

#job_interview_list a { position: relative; display: block; min-height: 80px; padding: 10px; text-decoration: none; color: #333; }

.job_interview_list_header { display: table; margin-bottom: 10px; width: 100%; }

.job_interview_list_pic { display: table-cell; width: 80px; padding-right: 10px; vertical-align: top; }

.job_interview_list_pic img { width: 80px; height: auto; }

.job_interview_list_company { display: table-cell; vertical-align: top; }

#job_interview_list li h2 { padding: 5px 0 10px 0; color: #004263; font-size: 1.7rem; font-weight: bold; }

#interview_comment { margin: 10px; background-color: #e1f3ff; padding: 10px; line-height: 1.3; font-size: 1.2rem; }

#interview_comment h3 { margin-bottom: 0.5em; font-weight: bold; font-size: 1.2rem; }

/* ==============================================================================

	outline

============================================================================== */
.outline_section > dl > dt { background-color: #eee; padding: 10px; color: #004263; font-weight: bold; }

.outline_section > dl > dd { padding: 10px 10px 0 10px; }

.outline_officer > dt { width: 6em; float: left; clear: left; }

/* ==============================================================================

	access

============================================================================== */
#google_map { margin-bottom: 1em; height: 225px; }

.access_cont01_box { position: relative; margin-bottom: 1em; min-height: 88px; background-color: #eeeeee; padding: 10px; }

.access_cont01_box img { position: absolute; top: 10px; left: 10px; }

.access_cont01_box p { margin-left: 120px; padding: 0.5em 0; line-height: 1.3; font-size: 1.2rem; }

.access_nyukan_sttl { margin-bottom: 1em; color: #004263; line-height: 1.3; font-size: 1.4rem; font-weight: bold; }

#access_detail_ttl { margin: 0 10px 15px 10px; font-size: 18px; }

.access_howto li:after { display: block; margin: 15px auto 10px auto; width: 34px; height: 21px; background-position: 0 -64px; background-size: 640px; background-repeat: no-repeat; background-image: url(/sp/images/common/common_icon.svg); content: ''; }

.access_howto li:last-child:after { height: 10px; background: none; }

.access_list li a span { display: inline; padding: 0; }

/* ==============================================================================

	privacy

============================================================================== */
.privacy_cont01_box { margin-bottom: 20px; background-color: #eee; padding: 10px; }

/* ==============================================================================

	start

============================================================================== */
#start_complex { margin: 0 auto 15px auto; width: 300px; }

#start_complex:after { display: block; clear: both; content: ''; }

#start_complex li { width: 145px; height: 111px; overflow: hidden; background-size: 320px; background-repeat: no-repeat; background-image: url(/sp/start/images/start_icon.svg); text-align: center; line-height: 1.3; }

#start_complex li:nth-child(odd) { background-position: 0 0; float: left; }

#start_complex li:nth-child(even) { background-position: -150px 0; float: right; }

#start_complex li:nth-child(-n+2) p { padding-top: 38px; }

#start_complex li:nth-child(n+3) p { padding-top: 27px; }

#start_solution { position: relative; background-color: #e1f3ff; padding: 20px 10px 10px 10px; }

#start_solution:before { position: absolute; top: -10px; left: 50%; display: block; margin-left: -23px; width: 47px; height: 26px; background-position: 0 -115px; background-size: 320px; background-repeat: no-repeat; background-image: url(/sp/start/images/start_icon.svg); content: ''; }

#start_solution h3 { margin-bottom: 10px; color: #004263; text-align: center; font-size: 1.6rem; font-weight: bold; }

#start_solution li { position: relative; height: 200px; margin-bottom: 10px; background-position: right top; background-repeat: no-repeat; background-size: 300px; }

#start_solution01 { background-image: url(/sp/start/images/start_con02_img01.jpg); background-color: #fdfdfd; }

#start_solution02 { background-image: url(/sp/start/images/start_con02_img02.jpg); background-color: #f9f9f9; }

#start_solution03 { background-image: url(/sp/start/images/start_con02_img03.jpg); background-color: #f5f5f5; }

#start_solution p { position: absolute; left: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.6); padding: 10px; color: #fff; line-height: 1.3; }

.start_flow { margin: 0 10px; }

.start_flow h3 { position: relative; margin-bottom: 15px; height: 55px; overflow: hidden; background-color: #eee; color: #004263; line-height: 1.3; font-size: 1.6rem; }

.start_flow h3 img { position: absolute; top: 0; left: 0; }

.start_flow h3 span { display: block; padding: 7px 10px 0 60px; }

.start_flow:after { display: block; margin: 0 auto 15px auto; width: 34px; height: 21px; background-position: 0 -64px; background-size: 640px; background-repeat: no-repeat; background-image: url(/sp/images/common/common_icon.svg); content: ''; }

.start_flow:last-child:after { height: 10px; background: none; }

#start_qa_list ul { margin-bottom: 15px; border-top: 1px solid #ccc; }

#start_qa_list ul li { border-bottom: 1px solid #ccc; }

#start_qa_list ul h3 { position: relative; margin-bottom: 0; padding: 15px 30px 15px 32px; line-height: 1.3; font-size: 1.4rem; font-weight: bold; }

#start_qa_list ul h3:before { position: absolute; top: 15px; left: 10px; width: 16px; height: 20px; overflow: hidden; background-position: -64px -115px; background-size: 320px; background-repeat: no-repeat; background-image: url(/sp/start/images/start_icon.svg); content: ''; }

#start_qa_list ul h3:after { position: absolute; top: 45%; right: 10px; display: block; width: 10px; height: 10px; overflow: hidden; background-size: 320px; background-repeat: no-repeat; background-image: url(/sp/images/common/arrow.svg); content: ''; }

#start_qa_list .accordion_closing:after { background-position: 0 -20px; }

#start_qa_list .accordion_opening:after { background-position: 0 0; }

#start_qa_list ul li div { margin: 0 10px; }

/* ------------------------------------------------------------------------------

	it-pro-talk

------------------------------------------------------------------------------ */
#it-pro-talk_lead { padding: 0 10px; }

#it-pro-talk_lead .txt { color: #336699; line-height: 1.6; font-size: 1.6rem; }

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

	3. Other Styles

++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* ------------------------------------------------------------------------------

	3.1 font text

------------------------------------------------------------------------------ */
.fs11px { font-size: 1.1rem !important; }

.fs12px { font-size: 1.2rem !important; }

.fs14px { font-size: 1.4rem !important; }

.fs16px { font-size: 1.6rem !important; }

.fs18px { font-size: 1.8rem !important; }

.fs20px { font-size: 2.0rem !important; }

.fs22px { font-size: 2.2rem !important; }

.fs24px { font-size: 2.4rem !important; }

.fw_bold { font-weight: bold !important; }

.fw_normal { font-weight: normal !important; }

.text_underline { text-decoration: underline !important; }

.text_none { text-decoration: underline !important; }

.mlime_lblue { background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSI2MCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiLz48c3RvcCBvZmZzZXQ9IjYxJSIgc3RvcC1jb2xvcj0iIzk4Y2NmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzk4Y2NmZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(60%, #ffffff), color-stop(61%, #98ccff), color-stop(100%, #98ccff)); background: -moz-linear-gradient(#ffffff 60%, #98ccff 61%, #98ccff); background: -webkit-linear-gradient(#ffffff 60%, #98ccff 61%, #98ccff); background: linear-gradient(#ffffff 60%, #98ccff 61%, #98ccff); }

.lh130 { line-height: 1.3 !important; }

.lh140 { line-height: 1.4 !important; }

.lh160 { line-height: 1.6 !important; }

.nowrap { white-space: nowrap !important; }

/* ------------------------------------------------------------------------------

	3.2 float align

------------------------------------------------------------------------------ */
.clearfix { display: inline-block; }

.clearfix:after { clear: both; display: block; content: "."; visibility: hidden; height: 0; }

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }

.clearfix { display: block; }

/* End hide from IE-mac */
.clear_both { clear: both !important; }

.align_left { text-align: left !important; }

.align_center { text-align: center !important; }

.align_right { text-align: right !important; }

.valign_top { vertical-align: top !important; }

.valign_middle { vertical-align: middle !important; }

.valign_bottom { vertical-align: bottom !important; }

.fl_left { float: left !important; }

.fl_right { float: right !important; }

.img_left { float: left; margin: 0 15px 15px 0 !important; }

.img_right { float: right; margin: 0 0 12px 12px !important; }

/* ------------------------------------------------------------------------------

	3.3 ul ol

------------------------------------------------------------------------------ */
.ul_disc { list-style: disc; margin-left: 1.9em; }

.ul_disc > li { margin-bottom: 0.4em; }

.ul_circle { list-style: circle; margin-left: 1.9em; }

.ul_circle > li { margin-bottom: 0.4em; }

.ol_decimal { list-style: decimal; margin-left: 1.9em; }

.ol_decimal > li { margin-bottom: 0.4em; }

/* ------------------------------------------------------------------------------

	3.4 width height

------------------------------------------------------------------------------ */
.w100px { width: 100px !important; }

.w150px { width: 150px !important; }

.w200px { width: 200px !important; }

.w250px { width: 250px !important; }

.w300px { width: 300px !important; }

.w350px { width: 350px !important; }

.w400px { width: 400px !important; }

.w450px { width: 450px !important; }

.h100px { height: 100px !important; }

.h150px { height: 150px !important; }

.h200px { height: 200px !important; }

/* ------------------------------------------------------------------------------

	3.5 margin padding

------------------------------------------------------------------------------ */
.mgt0 { margin-top: 0 !important; }

.mgt5px { margin-top: 5px !important; }

.mgt10px { margin-top: 10px !important; }

.mgt15px { margin-top: 15px !important; }

.mgt20px { margin-top: 20px !important; }

.mgt30px { margin-top: 30px !important; }

.mgt40px { margin-top: 40px !important; }

.mgt50px { margin-top: 50px !important; }

.mgr0 { margin-right: 0 !important; }

.mgr5px { margin-right: 5px !important; }

.mgr10px { margin-right: 10px !important; }

.mgr15px { margin-right: 15px !important; }

.mgr20px { margin-right: 20px !important; }

.mgr30px { margin-right: 30px !important; }

.mgr40px { margin-right: 40px !important; }

.mgr50px { margin-right: 50px !important; }

.mgb0 { margin-bottom: 0 !important; }

.mgb5px { margin-bottom: 5px !important; }

.mgb10px { margin-bottom: 10px !important; }

.mgb15px { margin-bottom: 15px !important; }

.mgb20px { margin-bottom: 20px !important; }

.mgb30px { margin-bottom: 30px !important; }

.mgb40px { margin-bottom: 40px !important; }

.mgb50px { margin-bottom: 50px !important; }

.mgl0 { margin-left: 0 !important; }

.mgl15px { margin-left: 5px !important; }

.mgl10px { margin-left: 10px !important; }

.mgl15px { margin-left: 15px !important; }

.mgl20px { margin-left: 20px !important; }

.mgl30px { margin-left: 30px !important; }

.mgl40px { margin-left: 40px !important; }

.mgl50px { margin-left: 50px !important; }

.pdt10px { padding-top: 10px !important; }

.pdt15px { padding-top: 15px !important; }

.pdt20px { padding-top: 20px !important; }

.pdt30px { padding-top: 30px !important; }

.pdt40px { padding-top: 40px !important; }

.pdt50px { padding-top: 50px !important; }

.pdr10px { padding-right: 10px !important; }

.pdr15px { padding-right: 15px !important; }

.pdr20px { padding-right: 20px !important; }

.pdr30px { padding-right: 30px !important; }

.pdr40px { padding-right: 40px !important; }

.pdr50px { padding-right: 50px !important; }

.pdb10px { padding-bottom: 10px !important; }

.pdb15px { padding-bottom: 15px !important; }

.pdb20px { padding-bottom: 20px !important; }

.pdb30px { padding-bottom: 30px !important; }

.pdb40px { padding-bottom: 40px !important; }

.pdb50px { padding-bottom: 50px !important; }

.pdl10px { padding-left: 10px !important; }

.pdl15px { padding-left: 15px !important; }

.pdl20px { padding-left: 20px !important; }

.pdl30px { padding-left: 30px !important; }

.pdl40px { padding-left: 40px !important; }

.pdl50px { padding-left: 50px !important; }

/* ------------------------------------------------------------------------------

	3.5 color

------------------------------------------------------------------------------ */
.cl_f00 { color: #f00 !important; }

.cl_666 { color: #666 !important; }

.ci_red { color: #dc0816 !important; }

.ci_blue { color: #336699 !important; }

.ci_navy { color: #004263 !important; }

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

	4. Plugin Styles

++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */