@charset "UTF-8";
/* sass */
/* ----------------------------------------------------------------
COMPANY LOGO
----------------------------------------------------------------- */
.header-company-logo { width: 980px; margin: 0 auto; text-align: center; position: relative; }
.header-company-logo p, .header-company-logo h1 { position: absolute; top: 60px; left: 390px; font-size: 0; line-height: 0; }
.header-company-logo p a, .header-company-logo h1 a { display: block; position: relative; z-index: 2; }
.header-company-logo p.pg-logo, .header-company-logo h1.pg-logo { top: 50px; }

/* ----------------------------------------------------------------
HEADER
----------------------------------------------------------------- */
.menu-control-sp { display: none; }

#head-sub-wrapper { background: #333333; }
#head-sub-wrapper .head-sub-container { width: 980px; margin: 0 auto; }
#head-sub-wrapper .head-sub-container a { text-decoration: none; }
#head-sub-wrapper .head-sub-container .head-quick-content, #head-sub-wrapper .head-sub-container .sub-info-content { display: inline-block; width: 50%; vertical-align: middle; }
#head-sub-wrapper .head-sub-container .head-quick-content { font-size: 85.7%; }
#head-sub-wrapper .head-sub-container .head-quick-content .quick-link, #head-sub-wrapper .head-sub-container .head-quick-content .lang-select { display: inline-block; vertical-align: middle; }
#head-sub-wrapper .head-sub-container .head-quick-content .quick-link p a, #head-sub-wrapper .head-sub-container .head-quick-content .lang-select p a { display: block; background: #ea1e1f; color: #fff; position: relative; padding: 10px 37px 9px 20px; clear: both; }
#head-sub-wrapper .head-sub-container .head-quick-content .quick-link p a span, #head-sub-wrapper .head-sub-container .head-quick-content .lang-select p a span { position: absolute; display: block; top: 1.3em; right: 20px; margin: 0; width: 12px; height: 6px; background: transparent url(/shared_hd/css/images/icon_head01.gif) no-repeat 0 0; }
#head-sub-wrapper .head-sub-container .head-quick-content .quick-link p a.on span, #head-sub-wrapper .head-sub-container .head-quick-content .lang-select p a.on span { background-position: 0 bottom; }
#head-sub-wrapper .head-sub-container .head-quick-content .quick-link .quick-link-inner, #head-sub-wrapper .head-sub-container .head-quick-content .quick-link .lang-select-inner, #head-sub-wrapper .head-sub-container .head-quick-content .lang-select .quick-link-inner, #head-sub-wrapper .head-sub-container .head-quick-content .lang-select .lang-select-inner { display: none; }
#head-sub-wrapper .head-sub-container .head-quick-content .quick-link .lang-select-inner, #head-sub-wrapper .head-sub-container .head-quick-content .lang-select .lang-select-inner { position: absolute; width: 200px; background: #fff; border-left: #ebeced 1px solid; border-right: #ebeced 1px solid; border-bottom: #ebeced 1px solid; z-index: 1001; overflow: hidden; }
#head-sub-wrapper .head-sub-container .head-quick-content .quick-link .lang-select-inner a, #head-sub-wrapper .head-sub-container .head-quick-content .lang-select .lang-select-inner a { display: block; padding: 10px; }
#head-sub-wrapper .head-sub-container .head-quick-content .quick-link .lang-select-inner a:link, #head-sub-wrapper .head-sub-container .head-quick-content .lang-select .lang-select-inner a:link { color: #656d73; text-decoration: none; }
#head-sub-wrapper .head-sub-container .head-quick-content .quick-link .lang-select-inner a:visited, #head-sub-wrapper .head-sub-container .head-quick-content .lang-select .lang-select-inner a:visited { color: #656d73; text-decoration: none; }
#head-sub-wrapper .head-sub-container .head-quick-content .quick-link .lang-select-inner a:hover, #head-sub-wrapper .head-sub-container .head-quick-content .lang-select .lang-select-inner a:hover { color: #333; text-decoration: none; }
#head-sub-wrapper .head-sub-container .head-quick-content .quick-link .lang-select-inner a:active, #head-sub-wrapper .head-sub-container .head-quick-content .quick-link .lang-select-inner a:focus, #head-sub-wrapper .head-sub-container .head-quick-content .lang-select .lang-select-inner a:active, #head-sub-wrapper .head-sub-container .head-quick-content .lang-select .lang-select-inner a:focus { color: #333; text-decoration: none; }
#head-sub-wrapper .head-sub-container .head-quick-content .quick-link .quick-link-inner, #head-sub-wrapper .head-sub-container .head-quick-content .lang-select .quick-link-inner { width: 100%; min-width: 980px; background: #e8eaeb; position: absolute; left: 0px; z-index: 1001; overflow: hidden; padding: 40px 0 0; }
#head-sub-wrapper .head-sub-container .head-quick-content .quick-link .quick-link-inner .close, #head-sub-wrapper .head-sub-container .head-quick-content .lang-select .quick-link-inner .close { text-align: center; padding: 0; }
#head-sub-wrapper .head-sub-container .head-quick-content .quick-link .quick-link-inner .close a, #head-sub-wrapper .head-sub-container .head-quick-content .lang-select .quick-link-inner .close a { padding: 20px 0 30px; background: none; color: #333; display: block; text-decoration: none; background: transparent url(/shared_hd/css/images/icon_arrow_m02t.gif) no-repeat center center; }
#head-sub-wrapper .head-sub-container .head-quick-content .quick-link .quick-link-inner .close a span.close-txt, #head-sub-wrapper .head-sub-container .head-quick-content .lang-select .quick-link-inner .close a span.close-txt { margin: 0px; width: 0; height: 0; font-size: 0; line-height: 0; }
#head-sub-wrapper .head-sub-container .head-quick-content .quick-link .quick-link-inner .close a:hover, #head-sub-wrapper .head-sub-container .head-quick-content .lang-select .quick-link-inner .close a:hover { filter: alpha(opacity=70); opacity: 0.70; }
#head-sub-wrapper .head-sub-container .head-quick-content .quick-link .service-wrapper { width: 980px; margin: 0px auto; }
#head-sub-wrapper .head-sub-container .head-quick-content .quick-link .global-service { text-align: center; letter-spacing: -0.4em; }
#head-sub-wrapper .head-sub-container .head-quick-content .quick-link .global-service li { letter-spacing: normal; display: inline-block; vertical-align: middle; border-left: #cacbcc 1px solid; }
#head-sub-wrapper .head-sub-container .head-quick-content .quick-link .global-service li span, #head-sub-wrapper .head-sub-container .head-quick-content .quick-link .global-service li img { display: inline-block; vertical-align: middle; text-align: left; font-size: 133.4%; }
#head-sub-wrapper .head-sub-container .head-quick-content .quick-link .global-service li span { padding-right: 15px; }
#head-sub-wrapper .head-sub-container .head-quick-content .quick-link .global-service li a { padding: 0 20px; display: block; color: #333; }
#head-sub-wrapper .head-sub-container .head-quick-content .quick-link .global-service li a:hover { color: #696a6a; }
#head-sub-wrapper .head-sub-container .head-quick-content .quick-link .global-service li:first-child { border-left: none; }
#head-sub-wrapper .head-sub-container .head-quick-content .quick-link .general-service { margin-left: -5px; margin-top: 35px; }
#head-sub-wrapper .head-sub-container .head-quick-content .quick-link .general-service li { display: inline-block; vertical-align: top; margin-bottom: 5px; width: 14.2857143%; text-align: center; font-size: 90.4%; }
#head-sub-wrapper .head-sub-container .head-quick-content .quick-link .general-service li em { display: block; margin-left: 5px; border: 1px solid #ccc; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; }
#head-sub-wrapper .head-sub-container .head-quick-content .quick-link .general-service li em a { display: block; border: 1px solid #e8eaeb; padding: 15px 10px 10px; text-decoration: none; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; color: #333; }
#head-sub-wrapper .head-sub-container .head-quick-content .quick-link .general-service li em a img { display: block; margin: 0 auto 20px; }
#head-sub-wrapper .head-sub-container .head-quick-content .quick-link .general-service li em a:hover { border-color: #ccc; }
#head-sub-wrapper .head-sub-container .head-quick-content .quick-link .general-service li.quick-link09 a img, #head-sub-wrapper .head-sub-container .head-quick-content .quick-link .general-service li.quick-link11 a img, #head-sub-wrapper .head-sub-container .head-quick-content .quick-link .general-service li.quick-link14 a img, #head-sub-wrapper .head-sub-container .head-quick-content .quick-link .general-service li.quick-link16 a img, #head-sub-wrapper .head-sub-container .head-quick-content .quick-link .general-service li.quick-link17 a img, #head-sub-wrapper .head-sub-container .head-quick-content .quick-link .general-service li.quick-link19 a img { margin-bottom: 3px; }
#head-sub-wrapper .head-sub-container .head-quick-content .quick-link .general-service li.quick-link17 a { padding: 15px 5px 10px; }
#head-sub-wrapper .head-sub-container .head-quick-content .lang-select p a { background: #333333; color: #ccc; }
#head-sub-wrapper .head-sub-container .head-quick-content .lang-select p a span { background-image: url(/shared_hd/css/images/icon_head02.gif); }
#head-sub-wrapper .head-sub-container .sub-info-content { position: relative; }
#head-sub-wrapper .head-sub-container .sub-info-content .info-list { text-align: right; }
#head-sub-wrapper .head-sub-container .sub-info-content .info-list li { display: inline-block; padding-left: 18px; font-size: 85.7%; }
#head-sub-wrapper .head-sub-container .sub-info-content .info-list li a { color: #ccc; }
#head-sub-wrapper .head-sub-container .sub-info-content .info-list li a:hover { color: #fff; }
#head-sub-wrapper .sns-content { width: 980px; margin: 0 auto; text-align: right; position: relative; }
#head-sub-wrapper .sns-content ul { position: absolute; margin: 0; padding: 0; right: 0; bottom: -64px; }
#head-sub-wrapper .sns-content ul li { display: inline-block; font-size: 0; line-height: 0; margin: 0; padding: 0 0 0 25px; }
#head-sub-wrapper .site-search { position: absolute; left: -100%; bottom: -73px; display: block; width: 250px; vertical-align: middle; }
#head-sub-wrapper .site-search input[type="text"] { padding: 5px 38px 5px 5px; height: 28px; width: 195px; border: 1px solid #ece9e9; background: #fff; }
#head-sub-wrapper .site-search input.seach-btn, #head-sub-wrapper .site-search input.seachBtn { cursor: pointer; border: none; position: absolute; left: 200px; top: 1px; height: 38px; width: 38px; z-index: 5; background: transparent url(/shared_hd/css/images/icon_search.gif) no-repeat 0 bottom; }

#content-nav-wrapper { margin-top: 90px; border-top: 1px solid #ebeced; border-bottom: 1px solid #ebeced; }
#content-nav-wrapper .content-nav-container { width: 980px; margin: 0 auto; }
#content-nav-wrapper .content-nav-container .global-nav { float: left; display: inline-block; margin-left: -25px; }
#content-nav-wrapper .content-nav-container .global-nav .pc-none { display: none; }
#content-nav-wrapper .content-nav-container .global-nav .sp-none { display: inline; }
#content-nav-wrapper .content-nav-container .global-nav li { display: inline-block; font-size: 114.3%; margin: 0 25px; }
#content-nav-wrapper .content-nav-container .global-nav li.global-nav01 > a:hover, #content-nav-wrapper .content-nav-container .global-nav li.global-nav02 > a:hover, #content-nav-wrapper .content-nav-container .global-nav li.global-nav03 > a:hover, #content-nav-wrapper .content-nav-container .global-nav li.global-nav04 > a:hover, #content-nav-wrapper .content-nav-container .global-nav li.global-nav05 > a:hover, #content-nav-wrapper .content-nav-container .global-nav li.global-nav06 > a:hover, #content-nav-wrapper .content-nav-container .global-nav li.global-nav07 > a:hover { border-color: #e5241d; transition: border 0.4s; }
#content-nav-wrapper .content-nav-container .global-nav li a { display: block; padding: 16px 5px 20px; color: #333; font-weight: bold; text-decoration: none; }
#content-nav-wrapper .content-nav-container .global-nav li a.second-head { border-top: 3px solid #fff; transition: border 0.4s; }
#content-nav-wrapper .content-nav-container .global-nav li .mega-drop { min-width: 980px; width: 100%; height: 250px; background: #fff; border-top: #ebeced 1px solid; border-bottom: #ebeced 1px solid; box-sizing: border-box; position: absolute; left: 0; z-index: 1000; display: none; }
#content-nav-wrapper .content-nav-container .global-nav li .mega-drop .column4 { display: inline-block; vertical-align: top; width: 80%; }
#content-nav-wrapper .content-nav-container .global-nav li .mega-drop .close { text-align: center; }
#content-nav-wrapper .content-nav-container .global-nav li .mega-drop .close a { color: #333; display: block; text-decoration: none; padding: 20px 0 30px; background: transparent url(/shared_hd/css/images/icon_arrow_m02tg.gif) no-repeat center center; }
#content-nav-wrapper .content-nav-container .global-nav li .mega-drop .close a span.close-txt { width: 0; height: 0; line-height: 0; font-size: 0; display: none; }
#content-nav-wrapper .content-nav-container .global-nav li .mega-drop .close a:hover { filter: alpha(opacity=70); opacity: 0.70; }
#content-nav-wrapper .content-nav-container .global-nav li .mega-drop .content-nav-container-inner { width: 980px; margin: 0 auto; padding: 30px 0 0; line-height: 1.3; }
#content-nav-wrapper .content-nav-container .global-nav li .mega-drop .content-nav-container-inner a:link { color: #656d73; text-decoration: none; }
#content-nav-wrapper .content-nav-container .global-nav li .mega-drop .content-nav-container-inner a:visited { color: #656d73; text-decoration: none; }
#content-nav-wrapper .content-nav-container .global-nav li .mega-drop .content-nav-container-inner a:hover { color: #333; text-decoration: none; }
#content-nav-wrapper .content-nav-container .global-nav li .mega-drop .content-nav-container-inner a:active, #content-nav-wrapper .content-nav-container .global-nav li .mega-drop .content-nav-container-inner a:focus { color: #333; text-decoration: none; }
#content-nav-wrapper .content-nav-container .global-nav li .mega-drop .site-menu-top a { color: #666; text-decoration: none; display: inline-block; padding: 0px 15px 0px 0px; background: transparent url(/shared_hd/css/images/icon_arrow_m02.gif) no-repeat right 0.05em; }
#content-nav-wrapper .content-nav-container .global-nav li .mega-drop .site-menu-parent { display: inline-block; vertical-align: top; width: 18%; padding-right: 2%; }
#content-nav-wrapper .content-nav-container .global-nav li .mega-drop .site-menu-parent-b { display: inline-block; vertical-align: top; width: 18%; padding-right: 1%; }
#content-nav-wrapper .content-nav-container .global-nav li .mega-drop .site-menu-parent li { margin: 0px; display: block; padding: 25px 0 10px 0; }
#content-nav-wrapper .content-nav-container .global-nav li .mega-drop .site-menu-parent li a { text-decoration: none; display: inline-block; padding: 0px 15px 0px 0px; background: transparent url(/shared_hd/css/images/icon_arrow_s02.gif) no-repeat right 0.4em; }
#content-nav-wrapper .content-nav-container .global-nav li .mega-drop .site-menu-parent li a:hover { background-image: url(/shared_hd/css/images/icon_arrow_s02_red.gif); }
#content-nav-wrapper .content-nav-container .global-nav li .mega-drop .site-menu-parent li span { font-size: 65.6%; }
#content-nav-wrapper .content-nav-container .global-nav li .mega-drop .site-menu-parent li.site-menu-parentB { padding: 0px 0 10px 0; }
#content-nav-wrapper .content-nav-container .global-nav li .mega-drop .site-menu-parent li .site-menu-child { margin-top: 10px; }
#content-nav-wrapper .content-nav-container .global-nav li .mega-drop .site-menu-parent li .site-menu-child li { padding: 10px 0 0 0; font-size: 60.2%; }
#content-nav-wrapper .content-nav-container .global-nav li .mega-drop .site-menu-parent li .site-menu-child li a { background: transparent url(/shared_hd/css/images/icon_arrow_s03.gif) no-repeat right 0.15em; }
#content-nav-wrapper .content-nav-container .global-nav li .mega-drop .site-menu-parent li .site-menu-child li a:hover { background-image: url(/shared_hd/css/images/icon_arrow_s03_red.gif); }
#content-nav-wrapper .content-nav-container .global-nav li .mega-drop .site-menu-parent li.site-menu-banner a { background: none; }
#content-nav-wrapper .content-nav-container .global-nav li .mega-drop .site-menu-parent.column2 { width: 38%; }
#content-nav-wrapper .content-nav-container .global-nav li .mega-drop .site-menu-parent.column2 .site-menu-child-wrapper .site-menu-child { display: inline-block; width: 50%; vertical-align: top; }
#content-nav-wrapper .content-nav-container .global-nav li .mega-drop .site-menu-parent-column-wrapper { display: inline-block; vertical-align: top; width: 23%; padding-right: 2%; }
#content-nav-wrapper .content-nav-container .global-nav li .mega-drop .site-menu-parent-column-wrapper .site-menu-parent { width: 100%; padding-right: 0; }
#content-nav-wrapper .content-nav-container .global-nav li .mega-drop .site-menu-parent-column-wrapper-wide { display: inline-block; vertical-align: top; width: 50%; }
#content-nav-wrapper .content-nav-container .global-nav li .mega-drop .site-menu-parent-column-wrapper-wide .site-menu-parent-head { margin-right: 4%; }
#content-nav-wrapper .content-nav-container .global-nav li .mega-drop .site-menu-parent-column-wrapper-wide .site-menu-parent-column-wrapper { width: 48%; padding-right: 2%; }
#content-nav-wrapper .content-nav-container .global-nav li .mega-drop .site-menu-parent-control { display: none; }
#content-nav-wrapper .content-nav-container .global-nav li .mega-drop .site-menu-parent-head { font-size: 78%; font-weight: bold; padding-top: 30px; padding-bottom: 15px; color: #333; min-height: 2.4em; border-bottom: 2px solid #ebeced; }
#content-nav-wrapper .content-nav-container .content-purpose-content { float: right; z-index: 1000; }
#content-nav-wrapper .content-nav-container .content-purpose-content .search-purpose { position: relative; }
#content-nav-wrapper .content-nav-container .content-purpose-content .search-purpose dt a { color: #333; display: block; font-weight: bold; text-decoration: none; padding: 21px 24px; position: relative; }
#content-nav-wrapper .content-nav-container .content-purpose-content .search-purpose dt a span { margin: 0; display: block; width: 12px; height: 6px; position: absolute; top: 2em; right: 0; background: transparent url(/shared_hd/css/images/icon_head03.gif) no-repeat 0 0; }
#content-nav-wrapper .content-nav-container .content-purpose-content .search-purpose dt a.on span { background-position: 0 bottom; }
#content-nav-wrapper .content-nav-container .content-purpose-content .search-purpose dd { width: 200px; background: #fff; position: absolute; right: 0; z-index: 1000; display: none; border: #ebeced 1px solid; }
#content-nav-wrapper .content-nav-container .content-purpose-content .search-purpose dd > ul { width: 100%; display: block; }
#content-nav-wrapper .content-nav-container .content-purpose-content .search-purpose dd > ul li { font-size: 85.7%; }
#content-nav-wrapper .content-nav-container .content-purpose-content .search-purpose dd > ul li a { padding: 15px 20px; display: block; font-weight: bold; }
#content-nav-wrapper .content-nav-container .content-purpose-content .search-purpose dd > ul li a:link { color: #656d73; text-decoration: none; }
#content-nav-wrapper .content-nav-container .content-purpose-content .search-purpose dd > ul li a:visited { color: #656d73; text-decoration: none; }
#content-nav-wrapper .content-nav-container .content-purpose-content .search-purpose dd > ul li a:hover { color: #333; text-decoration: none; }
#content-nav-wrapper .content-nav-container .content-purpose-content .search-purpose dd > ul li a:active, #content-nav-wrapper .content-nav-container .content-purpose-content .search-purpose dd > ul li a:focus { color: #333; text-decoration: none; }
#content-nav-wrapper .content-nav-container .content-purpose-content .search-purpose dd > ul li.fisrt-child a { padding-top: 20px; }
#content-nav-wrapper .content-nav-container .content-purpose-content .search-purpose dd > ul li.last-child a { padding-bottom: 25px; }
#content-nav-wrapper .content-nav-container .content-purpose-content .search-purpose dd > ul li .clone-area { display: none; overflow: hidden; }
#content-nav-wrapper .content-nav-container .content-purpose-content ul.search-purpose-content { width: 100%; position: absolute; left: 0; display: none; }
#content-nav-wrapper .content-nav-container .content-purpose-content ul.search-purpose-content > li { width: 100%; min-width: 980px; overflow: hidden; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; min-height: 403px; background: #fff; border-bottom: 1px solid #ebeced; position: absolute; top: 1px; left: 0; z-index: 999; display: none; }
#content-nav-wrapper .content-nav-container .content-purpose-content ul.search-purpose-content > li .inner-wrap { width: 780px; margin: 0px auto; padding: 50px 200px 50px 0; }
#content-nav-wrapper .content-nav-container .content-purpose-content ul.search-purpose-content > li .inner-wrap .inner-list li { width: 160px; display: inline-block; vertical-align: top; margin: 10px 30px 0 0; }
#content-nav-wrapper .content-nav-container .content-purpose-content ul.search-purpose-content > li .inner-wrap .inner-list li span { display: block; margin-top: 10px; }
#content-nav-wrapper .content-nav-container .content-purpose-content ul.search-purpose-content > li .inner-wrap .inner-list li a { display: block; }
#content-nav-wrapper .content-nav-container .content-purpose-content ul.search-purpose-content > li .inner-wrap .inner-list li a:link { color: #656d73; text-decoration: none; }
#content-nav-wrapper .content-nav-container .content-purpose-content ul.search-purpose-content > li .inner-wrap .inner-list li a:visited { color: #656d73; text-decoration: none; }
#content-nav-wrapper .content-nav-container .content-purpose-content ul.search-purpose-content > li .inner-wrap .inner-list li a:hover { color: #333; text-decoration: none; }
#content-nav-wrapper .content-nav-container .content-purpose-content ul.search-purpose-content > li .inner-wrap .inner-list li a:active, #content-nav-wrapper .content-nav-container .content-purpose-content ul.search-purpose-content > li .inner-wrap .inner-list li a:focus { color: #333; text-decoration: none; }
#content-nav-wrapper .head-entry { float: right; width: 150px; margin: 10px 0 0; text-align: right; line-height: normal; }
#content-nav-wrapper .head-entry a { text-decoration: none; display: inline-block; padding: 11px 35px 10px 20px; border: 1px solid #ebeced; font-weight: bold; background: transparent url(/shared_hd/css/images/icon_arrow_m02r.gif) no-repeat right center; }

.globalnav-active-01 #content-nav-wrapper .content-nav-container .global-nav .global-nav01 .second-head, .globalnav-active-02 #content-nav-wrapper .content-nav-container .global-nav .global-nav02 .second-head, .globalnav-active-03 #content-nav-wrapper .content-nav-container .global-nav .global-nav03 .second-head, .globalnav-active-04 #content-nav-wrapper .content-nav-container .global-nav .global-nav04 .second-head, .globalnav-active-05 #content-nav-wrapper .content-nav-container .global-nav .global-nav05 .second-head, .globalnav-active-06 #content-nav-wrapper .content-nav-container .global-nav .global-nav06 .second-head, .globalnav-active-07 #content-nav-wrapper .content-nav-container .global-nav .global-nav07 .second-head { border-color: #e5241d; }

/* ----------------------------------------------------------------
FOOTER SUPPORT
----------------------------------------------------------------- */
#content-foot-support .content-body-top { padding: 15px 0; width: 980px; margin: 0 auto; font-size: 0; line-height: 0; text-align: right; }
#content-foot-support .sns-foot-content { width: 980px; margin: 15px auto 10px; }
#content-foot-support .sns-foot-content dl { text-align: right; }
#content-foot-support .sns-foot-content dl dt, #content-foot-support .sns-foot-content dl dd { display: inline-block; }
#content-foot-support .sns-foot-content dl dt ul, #content-foot-support .sns-foot-content dl dd ul { text-align: right; }
#content-foot-support .sns-foot-content dl dt ul li, #content-foot-support .sns-foot-content dl dd ul li { display: inline-block; padding: 0 0 0 20px; }
#content-foot-support .sns-foot-content dl dt ul li .fb_iframe_widget span, #content-foot-support .sns-foot-content dl dd ul li .fb_iframe_widget span { vertical-align: baseline !important; }
#content-foot-support .sns-foot-content dl dt.doc-share { color: #656d73; font-size: 85.7%; margin-top: -0.3em; padding: 5px 0 5px 20px; vertical-align: top; background: transparent url(/shared_hd/css/images/icon_share.gif) no-repeat 0 center; }
#content-foot-support .sns-foot-content dl dt.doc-share a { cursor: default; }
#content-foot-support .sns-foot-content dl dt.doc-share a:hover { text-decoration: none; color: #656d73; }

/* ----------------------------------------------------------------
BRED-CRUMB
----------------------------------------------------------------- */
.bred-crumb-wrapper { background: #333333; padding: 20px 0 10px; }
.bred-crumb-wrapper ol { width: 980px; margin: 0 auto; }
.bred-crumb-wrapper ol li { display: inline-block; margin: 0 0 10px 20px; padding: 0 0 0 20px; font-size: 85.7%; vertical-align: middle; position: relative; }
.bred-crumb-wrapper ol li:before { display: block; content: ''; position: absolute; top: .5em; left: -5px; width: 6px; height: 6px; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }
.bred-crumb-wrapper ol li.home { margin: 0 0 10px 0; padding: 0 0 0 0; line-height: 0; font-size: 0; }
.bred-crumb-wrapper ol li.home:before { display: none; content: ''; }
.bred-crumb-wrapper ol li.home a { display: block; background: transparent url(/shared_hd/css/images/icon_home.gif) no-repeat 0 0; width: 16px; height: 16px; }
.bred-crumb-wrapper ol li a, .bred-crumb-wrapper ol li span { color: #cccccc; text-decoration: none; }
.bred-crumb-wrapper ol li a:hover span { color: #fff; }

/* ----------------------------------------------------------------
FOOTER
----------------------------------------------------------------- */
#content-foot-wrapper { background: #e8eaeb; }
#content-foot-wrapper .content-foot-container { margin: 0 auto; padding: 0 0 20px; width: 980px; }
#content-foot-wrapper .content-foot-container .sp-none { display: block; }
#content-foot-wrapper .content-foot-container .site-menu-parent { display: inline-block; vertical-align: top; width: 25%; }
#content-foot-wrapper .content-foot-container .site-menu-parent li { padding: 35px 0 10px 0; color: #333333; }
#content-foot-wrapper .content-foot-container .site-menu-parent li .sp-menu-control { color: #333333; cursor: default; }
#content-foot-wrapper .content-foot-container .site-menu-parent li .sp-menu-control:hover { text-decoration: none; }
#content-foot-wrapper .content-foot-container .site-menu-parent li .site-menu-child { display: block; margin-top: 5px; }
#content-foot-wrapper .content-foot-container .site-menu-parent li .site-menu-child li { padding: 7px 0 0 0; font-size: 81.4%; line-height: 1.8; }
#content-foot-wrapper .content-foot-container .site-menu-parent li .site-menu-child li a { color: #656d73; text-decoration: none; display: inline-block; padding-right: 15px; background: transparent url(/shared_hd/css/images/icon_arrow_s01.gif) no-repeat right 0.4em; }
#content-foot-wrapper .content-foot-container .site-menu-parent li .site-menu-child li a:hover { color: #333; background-image: url(/shared_hd/css/images/icon_arrow_s01_red.gif); }
#content-foot-wrapper .content-foot-container .site-menu-parent li.sns-list .site-menu-child li { display: inline-block; line-height: 0; font-size: 0; padding-right: 25px; }
#content-foot-wrapper .content-foot-container .site-menu-parent li.sns-list .site-menu-child li a { display: inline; padding: 0; background: none; }
#content-foot-wrapper .content-foot-container .site-menu-parent.pc-none { display: none; }
#content-foot-wrapper .content-foot-container .quick-link { margin: 40px 0 30px; }
#content-foot-wrapper .content-foot-container .quick-link dt { margin: 0 0 10px; }
#content-foot-wrapper .content-foot-container .quick-link dt .sp-menu-control { color: #333333; cursor: default; }
#content-foot-wrapper .content-foot-container .quick-link dt .sp-menu-control:hover { text-decoration: none; }
#content-foot-wrapper .content-foot-container .quick-link dd .general-service { margin-left: -5px; margin-top: 10px; }
#content-foot-wrapper .content-foot-container .quick-link dd .general-service li { display: inline-block; vertical-align: top; margin-bottom: 5px; width: 14.2857143%; text-align: center; font-size: 81.4%; }
#content-foot-wrapper .content-foot-container .quick-link dd .general-service li em { display: block; margin-left: 5px; border: 1px solid #ccc; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; }
#content-foot-wrapper .content-foot-container .quick-link dd .general-service li em a { display: block; border: 1px solid #e8eaeb; padding: 15px 10px 10px; text-decoration: none; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; color: #333; }
#content-foot-wrapper .content-foot-container .quick-link dd .general-service li em a img { display: block; margin: 0 auto 20px; }
#content-foot-wrapper .content-foot-container .quick-link dd .general-service li em a:hover { border-color: #ccc; }
#content-foot-wrapper .content-foot-container .quick-link dd .general-service li.quick-link09 a img, #content-foot-wrapper .content-foot-container .quick-link dd .general-service li.quick-link11 a img, #content-foot-wrapper .content-foot-container .quick-link dd .general-service li.quick-link14 a img, #content-foot-wrapper .content-foot-container .quick-link dd .general-service li.quick-link16 a img, #content-foot-wrapper .content-foot-container .quick-link dd .general-service li.quick-link17 a img, #content-foot-wrapper .content-foot-container .quick-link dd .general-service li.quick-link19 a img { margin-bottom: 3px; }
#content-foot-wrapper .content-foot-container .quick-link dd .general-service li.quick-link17 a { padding: 15px 2px 10px; }
#content-foot-wrapper .content-foot-container .footer-company-logo { text-align: center; line-height: 0; font-size: 0; margin: 0 0 30px; }
#content-foot-wrapper .content-foot-container .utility-content ul, #content-foot-wrapper .content-foot-container .utility-content p { display: inline-block; vertical-align: bottom; }
#content-foot-wrapper .content-foot-container .utility-content ul { width: 60%; }
#content-foot-wrapper .content-foot-container .utility-content ul li { display: inline-block; padding: 0 10px; border-left: 1px solid #656d73; line-height: 1.1em; font-size: 80.4%; }
#content-foot-wrapper .content-foot-container .utility-content ul li a { color: #656d73; text-decoration: none; }
#content-foot-wrapper .content-foot-container .utility-content ul li a:hover { color: #333; }
#content-foot-wrapper .content-foot-container .utility-content ul li.first { padding: 0 10px 0 0; border-left: none; }
#content-foot-wrapper .content-foot-container .utility-content p { width: 40%; text-align: right; font-size: 71.4%; color: #666; }

/* ----------------------------------------------------------------
WIDE
----------------------------------------------------------------- */
.wide .header-company-logo { width: 1240px; }
.wide .header-company-logo h1, .wide .header-company-logo p { left: 530px; }
.wide #head-sub-wrapper .head-sub-container { width: 1240px; }
.wide #head-sub-wrapper .head-sub-container .head-quick-content .quick-link .service-wrapper { width: 1240px; }
.wide #head-sub-wrapper .head-sub-container .head-quick-content .quick-link .quick-link-inner { min-width: 1240px; }
.wide #head-sub-wrapper .sns-content { width: 1240px; }
.wide #head-sub-wrapper .head-quick-content .quick-link .service-wrapper { width: 1240px; }
.wide #head-main-wrapper .head-main-container { width: 1240px; }
.wide #content-nav-wrapper .content-nav-container { width: 1240px; }
.wide #content-nav-wrapper .content-nav-container .content-nav-container-inner { width: 1240px; }
.wide #content-nav-wrapper .content-nav-container .content-purpose-content ul.search-purpose-content > li { min-width: 1240px; }
.wide #content-nav-wrapper .content-nav-container .content-purpose-content ul.search-purpose-content > li .inner-wrap { width: 1010px; }
.wide #content-nav-wrapper .content-nav-container .global-nav li .mega-drop { min-width: 1240px; }
.wide #content-nav-wrapper .content-nav-container .global-nav li .mega-drop .content-nav-container-inner { min-width: 1240px; }
.wide #content-foot-support .content-body-top { width: 1240px; }
.wide #content-foot-support .sns-foot-content { width: 1240px; }
.wide .bred-crumb-wrapper ol { width: 1240px; }
.wide #content-foot-wrapper .content-foot-container { width: 1240px; }

@media (min-width: 768px) and (max-width: 979px) { /* ---------------------------------------------------------------- COMPANY LOGO ----------------------------------------------------------------- */
  .header-company-logo { width: 100%; }
  .header-company-logo p, .header-company-logo h1 { left: 50%; margin-left: -100px; }
  /* ---------------------------------------------------------------- HEADER ----------------------------------------------------------------- */
  #head-sub-wrapper .head-sub-container { width: 100%; }
  #head-sub-wrapper .head-sub-container a { text-decoration: none; }
  #head-sub-wrapper .head-sub-container .head-quick-content, #head-sub-wrapper .head-sub-container .sub-info-content { display: inline-block; width: 50%; vertical-align: middle; }
  #head-sub-wrapper .head-sub-container .sub-info-content { width: 50%; }
  #head-sub-wrapper .head-sub-container .head-quick-content { font-size: 85.7%; }
  #head-sub-wrapper .head-sub-container .head-quick-content .quick-link p a, #head-sub-wrapper .head-sub-container .head-quick-content .lang-select p a { padding: 10px 27px 9px 10px; }
  #head-sub-wrapper .head-sub-container .head-quick-content .quick-link p a span, #head-sub-wrapper .head-sub-container .head-quick-content .lang-select p a span { right: 10px; }
  #head-sub-wrapper .head-sub-container .head-quick-content .quick-link p a.on span, #head-sub-wrapper .head-sub-container .head-quick-content .lang-select p a.on span { background-position: 0 bottom; }
  #head-sub-wrapper .head-sub-container .head-quick-content .quick-link .quick-link-inner, #head-sub-wrapper .head-sub-container .head-quick-content .quick-link .lang-select-inner, #head-sub-wrapper .head-sub-container .head-quick-content .lang-select .quick-link-inner, #head-sub-wrapper .head-sub-container .head-quick-content .lang-select .lang-select-inner { display: none; }
  #head-sub-wrapper .head-sub-container .head-quick-content .quick-link .quick-link-inner, #head-sub-wrapper .head-sub-container .head-quick-content .lang-select .quick-link-inner { width: 100%; min-width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 40px 10px 0; }
  #head-sub-wrapper .head-sub-container .head-quick-content .quick-link .service-wrapper { width: 100%; margin: 0px auto; }
  #head-sub-wrapper .head-sub-container .head-quick-content .quick-link .global-service { text-align: center; display: table; margin: 0 auto; }
  #head-sub-wrapper .head-sub-container .head-quick-content .quick-link .global-service li { display: table-cell; vertical-align: middle; border-left: #cacbcc 1px solid; width: 33.33333333%; letter-spacing: -0.4em; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
  #head-sub-wrapper .head-sub-container .head-quick-content .quick-link .global-service li span, #head-sub-wrapper .head-sub-container .head-quick-content .quick-link .global-service li img { letter-spacing: normal; display: inline-block; vertical-align: middle; text-align: center; font-size: 114.3%; width: 60%; }
  #head-sub-wrapper .head-sub-container .head-quick-content .quick-link .global-service li img { width: 40%; height: auto; }
  #head-sub-wrapper .head-sub-container .head-quick-content .quick-link .global-service li span { padding-right: 0; }
  #head-sub-wrapper .head-sub-container .head-quick-content .quick-link .general-service { margin-left: -5px; margin-top: 35px; }
  #head-sub-wrapper .head-sub-container .head-quick-content .quick-link .general-service li { width: 16.6666667%; }
  #head-sub-wrapper .head-sub-container .sub-info-content .info-list { padding-right: 10px; }
  #head-sub-wrapper .head-sub-container .sub-info-content .info-list li { padding-left: 8px; font-size: 71.4%; }
  #head-sub-wrapper .sns-content { width: 100%; }
  #head-sub-wrapper .sns-content ul { right: 10px; }
  #head-sub-wrapper .sns-content ul li { padding: 0 0 0 15px; }
  #head-sub-wrapper .site-search p { padding-left: 10px; }
  #head-sub-wrapper .site-search input.seach-btn, #head-sub-wrapper .site-search input.seachBtn { left: 210px; }
  #content-nav-wrapper .content-nav-container { width: 100%; }
  #content-nav-wrapper .content-nav-container .global-nav { float: left; display: inline-block; margin-left: -5px; }
  #content-nav-wrapper .content-nav-container .global-nav li { margin: 0 5px; }
  #content-nav-wrapper .content-nav-container .global-nav li a { padding: 16px 5px 20px; }
  #content-nav-wrapper .content-nav-container .global-nav li .mega-drop { min-width: 100%; width: 100%; height: 250px; }
  #content-nav-wrapper .content-nav-container .global-nav li .mega-drop .content-nav-container-inner { width: 100%; padding: 30px 10px 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
  #content-nav-wrapper .content-nav-container .global-nav li .mega-drop .site-menu-parent .site-menu-banner img { width: 100%; height: auto; }
  #content-nav-wrapper .content-nav-container .global-nav li .mega-drop .site-menu-parent-control { display: none; }
  #content-nav-wrapper .content-nav-container .content-purpose-content { margin-right: 10px; }
  #content-nav-wrapper .content-nav-container .content-purpose-content .search-purpose dd { width: 180px; }
  #content-nav-wrapper .content-nav-container .content-purpose-content ul.search-purpose-content { width: 100%; position: absolute; left: 0; display: none; }
  #content-nav-wrapper .content-nav-container .content-purpose-content ul.search-purpose-content > li { width: 100%; min-width: 100%; padding: 0 0 0 10px !important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
  #content-nav-wrapper .content-nav-container .content-purpose-content ul.search-purpose-content > li .inner-wrap { width: 100%; margin: 0px auto; padding: 100px 200px 50px 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
  #content-nav-wrapper .content-nav-container .content-purpose-content ul.search-purpose-content > li .inner-wrap .inner-list { letter-spacing: -0.4em; }
  #content-nav-wrapper .content-nav-container .content-purpose-content ul.search-purpose-content > li .inner-wrap .inner-list li { width: 25%; letter-spacing: normal; padding: 10px 15px 0 0; margin: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
  #content-nav-wrapper .content-nav-container .content-purpose-content ul.search-purpose-content > li .inner-wrap .inner-list li span { display: block; margin-top: 5px; }
  #content-nav-wrapper .content-nav-container .content-purpose-content ul.search-purpose-content > li .inner-wrap .inner-list li a { display: block; }
  #content-nav-wrapper .content-nav-container .content-purpose-content ul.search-purpose-content > li .inner-wrap .inner-list li a img { width: 100%; height: auto; }
  #content-nav-wrapper .head-entry { margin: 10px 10px 0 0; }
  /* ---------------------------------------------------------------- FOOTER SUPPORT ----------------------------------------------------------------- */
  #content-foot-support { padding: 0 10px; }
  #content-foot-support .content-body-top { width: 100%; }
  #content-foot-support .sns-foot-content { width: 100%; }
  /* ---------------------------------------------------------------- BRED-CRUMB ----------------------------------------------------------------- */
  .bred-crumb-wrapper { background: #333333; padding: 20px 10px 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
  .bred-crumb-wrapper ol { width: 100%; }
  /* ---------------------------------------------------------------- FOOTER ----------------------------------------------------------------- */
  #content-foot-wrapper { background: #e8eaeb; padding: 0 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
  #content-foot-wrapper .content-foot-container { margin: 0 auto; padding: 0 0 20px; width: 100%; }
  #content-foot-wrapper .content-foot-container .site-menu-parent { width: 25%; padding-right: 2%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
  #content-foot-wrapper .content-foot-container .site-menu-parent li { padding: 25px 0 10px 0; }
  #content-foot-wrapper .content-foot-container .quick-link { margin: 20px 0; }
  #content-foot-wrapper .content-foot-container .quick-link dt { margin: 0 0 10px; }
  #content-foot-wrapper .content-foot-container .quick-link dd .general-service li { width: 16.6666667%; }
  #content-foot-wrapper .content-foot-container .quick-link dd .general-service li em { display: block; margin-left: 5px; border: 1px solid #ccc; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; }
  #content-foot-wrapper .content-foot-container .quick-link dd .general-service li em a { display: block; border: 1px solid #e8eaeb; padding: 15px 10px 10px; text-decoration: none; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; color: #333; }
  #content-foot-wrapper .content-foot-container .quick-link dd .general-service li em a img { display: block; margin: 0 auto 20px; }
  #content-foot-wrapper .content-foot-container .quick-link dd .general-service li em a:hover { border-color: #ccc; }
  #content-foot-wrapper .content-foot-container .quick-link dd .general-service li.quick-link09 a img, #content-foot-wrapper .content-foot-container .quick-link dd .general-service li.quick-link11 a img, #content-foot-wrapper .content-foot-container .quick-link dd .general-service li.quick-link14 a img, #content-foot-wrapper .content-foot-container .quick-link dd .general-service li.quick-link16 a img, #content-foot-wrapper .content-foot-container .quick-link dd .general-service li.quick-link19 a img { margin-bottom: 3px; } }
@media (min-width: 768px) and (max-width: 1240px) { /* ---------------------------------------------------------------- WIDE ----------------------------------------------------------------- */
  .wide .header-company-logo { width: 100%; }
  .wide .header-company-logo h1, .wide .header-company-logo p { left: 50%; margin-left: -100px; }
  .wide #head-sub-wrapper .head-sub-container { width: 100%; }
  .wide #head-sub-wrapper .head-sub-container .head-quick-content .quick-link .service-wrapper { width: 100%; }
  .wide #head-sub-wrapper .head-sub-container .head-quick-content .quick-link .quick-link-inner { min-width: 100%; }
  .wide #head-sub-wrapper .head-sub-container .sub-info-content .info-list { padding-right: 10px; }
  .wide #head-sub-wrapper .sns-content { width: 100%; }
  .wide #head-sub-wrapper .sns-content ul { right: 10px; }
  .wide #head-sub-wrapper .head-quick-content .quick-link .service-wrapper { width: 100%; padding-left: 10px; padding-right: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
  .wide #head-sub-wrapper .head-quick-content .quick-link .service-wrapper .global-service li span { padding-right: 10px; font-size: 114.3%; }
  .wide #head-sub-wrapper .site-search p { padding-left: 10px; }
  .wide #head-sub-wrapper .site-search input.seach-btn, .wide #head-sub-wrapper .site-search input.seachBtn { left: 210px; }
  .wide #head-main-wrapper .head-main-container { width: 100%; }
  .wide #content-nav-wrapper .content-nav-container { width: 100%; }
  .wide #content-nav-wrapper .content-nav-container .content-nav-container-inner { width: 100%; }
  .wide #content-nav-wrapper .content-nav-container .content-purpose-content { margin-right: 10px; }
  .wide #content-nav-wrapper .content-nav-container .content-purpose-content ul.search-purpose-content > li { min-width: 100%; }
  .wide #content-nav-wrapper .content-nav-container .content-purpose-content ul.search-purpose-content > li .inner-wrap { width: 100%; }
  .wide #content-nav-wrapper .content-nav-container .global-nav li .mega-drop { min-width: 100%; }
  .wide #content-nav-wrapper .content-nav-container .global-nav li .mega-drop .content-nav-container-inner { min-width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-left: 10px; padding-right: 10px; }
  .wide #content-foot-support { padding: 0 10px; }
  .wide #content-foot-support .content-body-top { width: 100%; }
  .wide #content-foot-support .sns-foot-content { width: 100%; }
  .wide .bred-crumb-wrapper { padding: 20px 10px 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
  .wide .bred-crumb-wrapper ol { width: 100%; }
  .wide #content-foot-wrapper { padding: 0 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
  .wide #content-foot-wrapper .content-foot-container { width: 100%; } }
/* ----------------------------------------------------------------
JS
----------------------------------------------------------------- */
@media (min-width: 768px) { #content-foot-support .sns-foot-content > dl > dd { height: auto !important; display: inline-block !important; }
  #content-nav-wrapper .content-nav-container .content-purpose-content .search-purpose dd > ul li .clone-area { display: none !important; overflow: hidden !important; }
  #content-foot-wrapper .content-foot-container .site-menu-parent li .site-menu-child { display: block !important; height: auto !important; } }