/* ==================================================
	@extend
================================================== */
/* ===== clearfix ===== */
#header_top:after, #nav_global .nav_list:after {content:"";display:table;clear:both;}
#header_top #nav_support .list_btn_entry .btn_entry a, #nav_global .nav_list > li, #nav_global .nav_list > li > a, #entry_area .list_btn_entry .btn_entry a {box-sizing:border-box;}
#nav_global .nav_list > li .nav_box_detail .nav_list_detail li, #entry_area .list_btn_entry .btn_entry a, #footer #sitemap_footer #btn_pagetop a, #footer #sitemap_footer .inner .col .nav_list li .nav_list_detail li > a, #footer #sitemap_footer .inner .col .nav_list li .nav_list_detail li > span {position:relative;}
#nav_global .nav_list > li .nav_box_detail .nav_list_detail li:after, #entry_area .list_btn_entry .btn_entry a:after, #footer #sitemap_footer #btn_pagetop a:after, #footer #sitemap_footer .inner .col .nav_list li .nav_list_detail li > a:after, #footer #sitemap_footer .inner .col .nav_list li .nav_list_detail li > span:after {content:"";display:block;position:absolute;top:50%;right:10px;margin-top:-3.5px;width:6px;height:6px;border-top:solid 1px;border-right:solid 1px;border-color:white;-webkit-transform:rotate(45deg);   -ms-transform:rotate(45deg);       transform:rotate(45deg);}
/* ==================================================
	共通
================================================== */
body {font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Cabin, Arial, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;line-height:1.4;font-size:14px;}
img {vertical-align:bottom;}
.inner {width:1000px;margin:auto;}
#header_top #nav_support .list_link_contact, #header_top #nav_support .list_btn_entry, #nav_global .nav_list, #nav_global .nav_list > li .nav_box_detail .nav_list_detail li, .nav_breadcrumb .nav_list, #entry_area .list_btn_entry, #footer #banner_global .bnr_list, #footer #sitemap_footer .inner .col .nav_list, #footer #sitemap_footer .inner .col .nav_list_detail {list-style-type:none;}
#header_top #nav_support .list_link_contact .link_contact a, #header_top #nav_support .list_btn_entry .btn_entry a, #nav_global .nav_list > li > a, #nav_global .nav_list > li .nav_box_detail .nav_list_detail li a, .nav_breadcrumb .nav_list li a, #entry_area .list_btn_entry .btn_entry a, #footer #sitemap_footer .inner .col .nav_list li > a, #footer #sitemap_footer .inner .col .nav_list li > span, #footer #nav_utility .nav_list li a {text-decoration:none !important;color:#000;}
html {overflow-y:scroll;}
body {overflow:hidden;min-width:1000px;}
/* ==================================================
	ヘッダー
================================================== */
#header {background:white;width:100%;transition:all .5s;}
#header .inner {background:white;width:100%;}
#header_top {width:1000px;margin:auto;}
#header_top #logo_header {float:left;}
#header_top #nav_support {float:right;display:table;}
#header_top #nav_support .list_link_contact,
#header_top #nav_support .list_btn_entry {display:table-cell;}
#header_top #nav_support .list_link_contact {letter-spacing:-.5em;padding-right:5px;}
#header_top #nav_support .list_link_contact .link_contact {letter-spacing:normal;display:inline-block;margin-right:15px;font-size:12px;font-family:メイリオ, Meiryo, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", sans-serif;}
#header_top #nav_support .list_link_contact .link_contact a {position:relative;margin-left:25px;}
#header_top #nav_support .list_link_contact .link_contact a:before {content:"";display:block;width:20px;height:20px;position:absolute;left:-20px;top:50%;margin-top:-10px;}
#header_top #nav_support .list_link_contact .link_contact a:hover {border-bottom:solid 1px #adadad;}
#header_top #nav_support .list_link_contact .link_contact.contact a:before {background:url(img/icon_top_header_contact.png) center no-repeat;}
#header_top #nav_support .list_link_contact .link_contact.catalog a:before, #header_top #nav_support .list_link_contact .link_contact.faq a:before {background:url(img/icon_top_header_faq.png) center no-repeat;}
#header_top #nav_support .list_btn_entry {letter-spacing:-.5em;}
#header_top #nav_support .list_btn_entry .btn_entry {letter-spacing:normal;display:inline-block;text-align:center;}
#header_top #nav_support .list_btn_entry .btn_entry a {color:white;padding:22px 10px;display:block;min-width:155px;font-size:13px;}
#header_top #nav_support .list_btn_entry .btn_entry a strong {margin-left:5px;font-size:18px;position:relative;bottom:-1px;font-family:Corbel, Arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
#header_top #nav_support .list_btn_entry .btn_entry.new {margin-right:1px;}
#header_top #nav_support .list_btn_entry .btn_entry.new a {background:#fc6888;transition:all .2s;}
#header_top #nav_support .list_btn_entry .btn_entry.new a:hover {background:#fd86a0;}
#header_top #nav_support .list_btn_entry .btn_entry.career a {background:#55b5cd;transition:all .2s;}
#header_top #nav_support .list_btn_entry .btn_entry.career a:hover {background:#77c4d7;}
#header.fixed {height:125px;}
#header.fixed .inner {position:fixed;z-index:100;top:-120px;transition:all 1s;margin-top:0;box-shadow:0 0 2px 0 rgba(0, 0, 0, 0.1);}
#header.fixed .inner.show {margin-top:120px;}
#header.fixed .inner #logo_header a {display:block;width:230px;height:45px;background:url(img/logo_recruit_s.png) left top no-repeat;}
#header.fixed .inner #logo_header a img {display:none;}
#header.fixed .inner #nav_support .list_btn_entry .btn_entry a {padding-top:10px;padding-bottom:10px;}
#header.fixed .inner #nav_global {height:45px;}
#header.fixed .inner #nav_global .nav_list > li > a {height:45px;line-height:45px;}
#header.fixed .inner #nav_global .nav_list > li .nav_box_detail {top:45px;}
/* ==================================================
	グローバルナビ
================================================== */
#nav_global {background:white;height:55px;width:100%;z-index:10;}
#nav_global .nav_list {width:1000px;margin:auto;height:100%;}
#nav_global .nav_list > li {display:block;float:left;vertical-align:middle;text-align:center;position:relative;width:auto;margin-left:55px;}
#nav_global .nav_list > li:first-child {margin-left:2px;}
#nav_global .nav_list > li:last-child {margin-right:0;margin-left:0;}
#nav_global .nav_list > li > a {font-size:15.5px;font-weight:bold;color:#333;line-height:55px;height:55px;}
#nav_global .nav_list > li > a, #nav_global .nav_list > li > span, #nav_global .nav_list > li > p {display:block;width:100%;}
#nav_global .nav_list > li > a > span, #nav_global .nav_list > li > span > span, #nav_global .nav_list > li > p > span {vertical-align:middle;text-align:center;transition:all .2s;}
#nav_global .nav_list > li > a:after, #nav_global .nav_list > li > span:after, #nav_global .nav_list > li > p:after {transition:all .2s;content:"";display:block;width:100%;height:0px;position:absolute;bottom:0;left:0;background:white;}
#nav_global .nav_list > li > a:hover:after, #nav_global .nav_list > li > span:hover:after, #nav_global .nav_list > li > p:hover:after {height:4px;}
#nav_global .nav_list > li .nav_box_detail {z-index:10;display:none;position:absolute;top:55px;padding:40px 1000%;margin:0 -1000%;background:rgba(240, 240, 240, 0.97);text-align:center;}
#nav_global .nav_list > li .nav_box_detail.show {display:block;}
#nav_global .nav_list > li .nav_box_detail .nav_list_detail {letter-spacing:-.5em;width:1000px;}
#nav_global .nav_list > li .nav_box_detail .nav_list_detail li {letter-spacing:normal;display:inline-block;font-size:18px;list-style-type:none;margin:10px;margin-left:30px;padding-left:20px;}
#nav_global .nav_list > li .nav_box_detail .nav_list_detail li:after {left:2px;right:inherit;border-color:black;border-width:1.5px;width:8px;height:8px;margin-top:-4.5px;}
#nav_global .nav_list > li .nav_box_detail .nav_list_detail li a:hover {border-bottom:solid 1px #adadad;}
#nav_global .nav_list > li .nav_box_detail .nav_list_detail li:first-child {margin-left:0;}
#nav_global .nav_list > li.about > a:hover {color:#5eb24a;position:relative;}
#nav_global .nav_list > li.about > a:hover:after {background:#5eb24a;}
#nav_global .nav_list > li.jobs > a:hover {color:#d0a900;position:relative;}
#nav_global .nav_list > li.jobs > a:hover:after {background:#d0a900;}
#nav_global .nav_list > li.jobs .nav_box_detail {text-align:left;}
#nav_global .nav_list > li.interview > a:hover {color:#f4763f;position:relative;}
#nav_global .nav_list > li.interview > a:hover:after {background:#f4763f;}
#nav_global .nav_list > li.interview .nav_box_detail {left:-305px;}
#nav_global .nav_list > li.training > a:hover {color:#5e82df;position:relative;}
#nav_global .nav_list > li.training > a:hover:after {background:#5e82df;}
#nav_global .nav_list > li.training .nav_box_detail {left:-495px;}
#nav_global .nav_list > li.new > a:hover {color:#fc6888;position:relative;}
#nav_global .nav_list > li.new > a:hover:after {background:#fc6888;}
#nav_global .nav_list > li.new .nav_box_detail {left:-615px;}
#nav_global .nav_list > li.career > a:hover {color:#55b5cd;position:relative;}
#nav_global .nav_list > li.career > a:hover:after {background:#55b5cd;}
#nav_global .nav_list > li.career .nav_box_detail {left:-730px;}
#nav_global .nav_list > li.event > a:hover {color:#797979;position:relative;}
#nav_global .nav_list > li.event > a:hover:after {background:#797979;}
#nav_global .nav_list > li.event .nav_box_detail {left:-875px;}
#nav_global .nav_list > li:last-child {float:right;}
#nav_global .nav_list > li:hover .nav_box_detail {display:block;}
/* ==================================================
	ローカルナビ
================================================== */
/* ==================================================
	パンくずリスト
================================================== */
.nav_breadcrumb {border-bottom:solid 1px #f0f0f0;font-family:メイリオ, Meiryo, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", sans-serif;font-size:13px;padding:16px 0;}
.nav_breadcrumb .nav_list {width:1000px;margin:auto;letter-spacing:-.5em;}
.nav_breadcrumb .nav_list li {letter-spacing:normal;display:inline-block;vertical-align:bottom;}
.nav_breadcrumb .nav_list li a, .nav_breadcrumb .nav_list li span {position:relative;margin-left:40px;}
.nav_breadcrumb .nav_list li a:before, .nav_breadcrumb .nav_list li span:before {content:"";display:block;width:5px;height:10px;background:url(img/icon_arrow_dot_5.png) center no-repeat;position:absolute;top:50%;margin-top:-5px;left:-22px;}
.nav_breadcrumb .nav_list li a:hover {border-bottom:solid 1px #adadad;}
.nav_breadcrumb .nav_list li:first-child a, .nav_breadcrumb .nav_list li:first-child span {margin-left:0;}
.nav_breadcrumb .nav_list li:first-child a:before, .nav_breadcrumb .nav_list li:first-child span:before {display:none;}
/* ==================================================
	コンテンツ
================================================== */
#main {padding:45px 0 120px;font-family:メイリオ, Meiryo, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", sans-serif;}
/* エントリーエリア */
#entry_area {padding:60px 0;background:url(img/bg_top_entry.jpg) center no-repeat;background-size:cover;min-width:1000px;}
#entry_area .hdg_category-top {color:white;}
#entry_area .list_btn_entry {letter-spacing:-.5em;text-align:center;margin:0 -10px;}
#entry_area .list_btn_entry .btn_entry {letter-spacing:normal;display:inline-block;margin:0 10px;}
#entry_area .list_btn_entry .btn_entry a {letter-spacing:0.1em;transition:all .2s;color:white;font-size:30px;font-weight:bold;opacity:.9;display:block;padding:40px;width:490px;}
#entry_area .list_btn_entry .btn_entry a:after {transition:right .2s;border-width:3px;width:16px;height:16px;right:30px;margin-top:-10.5px;}
#entry_area .list_btn_entry .btn_entry a:hover {opacity:.8;}
#entry_area .list_btn_entry .btn_entry.new a {background:#fc6888;}
#entry_area .list_btn_entry .btn_entry.career a {background:#55b5cd;}
/* ==================================================
	フッター
================================================== */
#footer #banner_global {padding:45px 0;}
#footer #banner_global .bnr_list {letter-spacing:-.5em;text-align:center;}
#footer #banner_global .bnr_list .bnr {letter-spacing:normal;display:inline-block;margin-left:20px;}
#footer #banner_global .bnr_list .bnr:first-child {margin-left:0;}
#footer #sitemap_footer {padding:45px 0;background:#f0f0f0;position:relative;}
#footer #sitemap_footer #btn_pagetop {margin:0;z-index:20;transition:all 0.2s;position:fixed;bottom:50px;right:20px;}
#footer #sitemap_footer #btn_pagetop a {display:block;width:62px;height:62px;overflow:hidden;text-indent:-5em;background:rgba(85, 85, 85, 0.8);transition:all .2s;}
#footer #sitemap_footer #btn_pagetop a:after {width:13px;height:13px;border-width:2px;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);right:23px;margin-top:-4.5px;}
#footer #sitemap_footer #btn_pagetop a:hover {opacity:.7;}
#footer #sitemap_footer .inner {display:table;}
#footer #sitemap_footer .inner .col {display:table-cell;}
#footer #sitemap_footer .inner .col .nav_list li {font-size:15px;font-weight:bold;margin-top:25px;}
#footer #sitemap_footer .inner .col .nav_list li:first-child {margin-top:0;}
#footer #sitemap_footer .inner .col .nav_list li > a, #footer #sitemap_footer .inner .col .nav_list li > span {color:#333;}
#footer #sitemap_footer .inner .col .nav_list li > a:hover {border-bottom:solid 1px #adadad;}
#footer #sitemap_footer .inner .col .nav_list li .nav_list_detail {padding-left:5px;padding-top:5px;}
#footer #sitemap_footer .inner .col .nav_list li .nav_list_detail li {font-family:メイリオ, Meiryo, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", sans-serif;font-weight:normal;font-size:12px;margin-top:5px;}
#footer #sitemap_footer .inner .col .nav_list li .nav_list_detail li > a, #footer #sitemap_footer .inner .col .nav_list li .nav_list_detail li > span {margin-left:12px;}
#footer #sitemap_footer .inner .col .nav_list li .nav_list_detail li > a:after, #footer #sitemap_footer .inner .col .nav_list li .nav_list_detail li > span:after {left:-12px;right:inherit !important;border-color:#333;width:5px;height:5px;}
#footer #sitemap_footer .inner .col .nav_list li .nav_list_detail li > a:hover, #footer #sitemap_footer .inner .col .nav_list li .nav_list_detail li > span:hover {border-bottom:solid 1px #adadad;}
#footer #nav_utility {padding:20px 0;background:#f0f0f0;font-family:メイリオ, Meiryo, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", sans-serif;}
#footer #nav_utility .inner {position:relative;}
#footer #nav_utility .nav_list {letter-spacing:-.5em;text-align:center;}
#footer #nav_utility .nav_list li {letter-spacing:normal;display:inline-block;font-size:12px;margin-left:10px;padding-left:10px;position:relative;}
#footer #nav_utility .nav_list li a {color:#121212;}
#footer #nav_utility .nav_list li a:hover {border-bottom:solid 1px #adadad;}
#footer #nav_utility .nav_list li:before {content:"";display:block;width:1px;height:12px;background:black;position:absolute;left:0;top:50%;margin-top:-6px;}
#footer #nav_utility .nav_list li:first-child:before {display:none;}
#footer #nav_utility .sns_area {position:absolute;top:0;right:0;}
#footer #nav_utility .sns_area .sns_area_container {letter-spacing:-.5em;}
#footer #nav_utility .sns_area .sns_area_container .sns_button {letter-spacing:normal;display:inline-block;vertical-align:top;margin-left:10px;}
#footer #nav_utility .sns_area .sns_area_container .sns_button.google #___plusone_0 {width:65px !important;}
#footer #copyright {font-family:メイリオ, Meiryo, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", sans-serif;padding:18px 0;background:#6e6e6e;color:white;text-align:center;}
#footer #copyright p {margin:0;font-size:11px;line-height:1.4;}
/* 以下松追加スタイル */
#banner_global{margin: 0px;padding:0 0 100px;text-align:center;}
#banner_global ul{display:block;margin:0 auto;}
#banner_global li{display:inline-block;padding-left:20px;margin:0;}
#banner_global li span{display:table;}
#banner_global li a {display:table-cell;vertical-align:middle;text-align:center;height:70px;padding:5px 10px;border:solid 4px #ea718c;}
#banner_global li a:hover {filter:alpha(opacity=80);-moz-opacity:0.8;opacity:0.8;}
#banner_global li img{width:200px;border:none;}
