@charset "UTF-8";
.local_nav .container > ul, .footer_sitemap, .footer_sitemap .footer_nav > li ul { *zoom: 1; }
.local_nav .container > ul:before, .footer_sitemap:before, .footer_sitemap .footer_nav > li ul:before, .local_nav .container > ul:after, .footer_sitemap:after, .footer_sitemap .footer_nav > li ul:after { display: table; content: " "; }
.local_nav .container > ul:after, .footer_sitemap:after, .footer_sitemap .footer_nav > li ul:after { clear: both; }

#main { font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Lucida Grande",Osaka,Verdana,"ＭＳ Ｐゴシック",sans-serif; min-width: inherit; line-height: 2em; }
@media only screen and (max-width: 767px) { #main { font-size: 100%; line-height: 1.57em; } }
#main .container { padding-right: 0; padding-left: 0; width: 100%; max-width: 980px; margin: 0 auto; }
@media only screen and (max-width: 1020px) { #main .container { padding: 0 20px; width: auto; } }

.fluidimg { max-width: 100%; height: auto; }

@media only screen and (max-width: 767px) { .global_footer { margin-top: 0; } }
#module_titleArea { box-sizing: border-box; }
@media only screen and (max-width: 767px) { #module_titleArea { padding: 15px; } }
#module_titleArea #category_title { padding-top: 10px; font-weight: bold; display: inline-block; padding-right: 1em; margin-bottom: 20px; font-size: 187.5%; }
#module_titleArea #category_title a { color: #1262C6; text-decoration: none; }
#module_titleArea #category_title + p { display: inline-block; vertical-align: text-bottom; }
@media only screen and (max-width: 767px) { #module_titleArea #category_title { font-size: 114.29%; margin-bottom: 10px; display: block; }
  #module_titleArea #category_title + p { font-size: 87.5%; padding-bottom: 0; } }

/*　
local_nav
*/
.local_nav { background-color: #6b6b6b; }
@media only screen and (max-width: 767px) { .local_nav .container { padding: 0 !important; } }
@media only screen and (max-width: 767px) { .local_nav .container > ul { background-color: #6b6b6b; overflow: hidden; } }
.local_nav .container > ul > li { float: left; width: 20%; position: relative; }
.local_nav .container > ul > li > a, .local_nav .container > ul > li > span { display: block; text-align: center; color: #fff; padding: 20px 0; font-size: 114.29%; text-decoration: none; position: relative; }
.local_nav .container > ul > li.lnav_03 a:after, .local_nav .container > ul > li.lnav_03 span:after { display: none !important; }
.local_nav .container > ul > li .local_nav_child { position: absolute; top: 100%; left: 0; width: 100%; padding: 15px 0; z-index: 10; background-color: #FFF; border: 1px solid #1262c6; box-sizing: border-box; display: none; }
.local_nav .container > ul > li .local_nav_child li a { display: inline-block; color: #333; width: 100%; padding: 5px 20px 5px 35px; box-sizing: border-box; font-size: 114.29%; text-decoration: none; background: url("/jobs/common/img/arrow.png") no-repeat 20px 15px; }
.local_nav .container > ul > li .local_nav_child li a:hover { text-decoration: underline; }
.local_nav .container > ul > li .local_nav_child li a .icon_blank { margin-left: 2px; vertical-align: baseline !important; }
.local_nav .container > ul > li:hover > a, .local_nav .container > ul > li:hover > span { background-color: #1262c6; }
.local_nav .container > ul > li:hover > a:after, .local_nav .container > ul > li:hover > span:after { content: ""; width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 10px solid #1262c6; position: absolute; bottom: -10px; left: 50%; margin-left: -6px; z-index: 20; }
@media only screen and (max-width: 767px) { .local_nav .container > ul > li:hover.open > a, .local_nav .container > ul > li:hover.open > span { background-color: #1262c6; }
  .local_nav .container > ul > li:hover.open > a:after, .local_nav .container > ul > li:hover.open > span:after { content: ""; display: block; background: url("/jobs/common/img/btn_localnav.png") no-repeat left -12px; background-size: 12px auto; width: 12px; height: 12px; position: absolute; right: 20px; top: 50%; margin-top: -6px; border: none !important; left: inherit; margin-left: 0; } }
.local_nav .container > ul > li:hover .local_nav_child { display: block; }
@media only screen and (max-width: 767px) { .local_nav .container > ul > li:hover .local_nav_child { display: none; } }
.local_nav .container > ul > li.current { background-color: #1262c6; }
.local_nav .container > ul > li.current span, .local_nav .container > ul > li.current a { color: #FFF; }
@media only screen and (max-width: 767px) { .local_nav .container > ul > li { width: 50%; box-sizing: border-box; background-color: #6b6b6b; border-bottom: 1px solid #fff; }
  .local_nav .container > ul > li:nth-child(2n-1) { clear: both; border-right: 1px solid #fff; }
  .local_nav .container > ul > li > a, .local_nav .container > ul > li > span { text-align: left; padding: 12px 15px; font-size: 85.71%; color: #FFF; }
  .local_nav .container > ul > li > a:hover:after, .local_nav .container > ul > li > a:after, .local_nav .container > ul > li > span:hover:after, .local_nav .container > ul > li > span:after { content: ""; display: block; background: url("/jobs/common/img/btn_localnav.png") no-repeat left top; background-size: 12px auto; width: 12px; height: 12px; position: absolute; right: 20px; top: 50%; margin-top: -6px; border: none !important; left: inherit; margin-left: 0; }
  .local_nav .container > ul > li .local_nav_child { display: none; padding: 0; position: static; top: inherit; left: inherit; width: 201%; border: none; }
  .local_nav .container > ul > li .local_nav_child li { border-bottom: 1px solid #eeeeee; }
  .local_nav .container > ul > li .local_nav_child li a { font-size: 85.71%; padding: 12px 15px 12px 30px; background: url("/jobs/common/img/arrow_2x.png") no-repeat 15px center; background-size: 10px auto; text-decoration: none !important; }
  .local_nav .container > ul > li .local_nav_child li a:hover { background-color: #FFF; }
  .local_nav .container > ul > li:nth-child(2n) ul { margin-left: -100%; }
  .local_nav .container > ul > li.open { background-color: #1262c6 !important; border-bottom: none; }
  .local_nav .container > ul > li.open a:hover:after, .local_nav .container > ul > li.open a:after { background-position: left -12px; } }

/*　
fixed_nav
*/
#fixed_nav { display: none; position: fixed; top: 0; left: 0; width: 100%; z-index: 9999; }
@media only screen and (max-width: 767px) { #fixed_nav { display: none !important; } }
@media print { #fixed_nav { display: none !important; } }
#fixed_nav .bg { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: #6b6b6b; }
#fixed_nav .container { width: 100%; max-width: 980px; margin: 0 auto; font-size: 87.5%; }

/*　
mainimg
*/
@media only screen and (max-width: 767px) { .mainimg { border-top: 1px solid #fff; margin-top: -1px; } }
.mainimg .image img { vertical-align: bottom; width: 100%; }
.mainimg .title { background-color: #1262c6; border-top: 1px solid #fff; padding: 42px 0; position: relative; overflow: hidden; }
.mainimg .title:after { content: ""; display: block; position: absolute; top: 0; left: 80%; width: 100%; height: 100%; -webkit-transform: skew(-40deg); -moz-transform: skew(-40deg); -o-transform: skew(-40deg); background-color: #034fae; }
.mainimg .title .container { color: #FFF; font-weight: bold; font-size: 214.29%; text-align: center; position: relative; z-index: 2; }
@media only screen and (max-width: 767px) { .mainimg .title { padding: 20px 0; }
  .mainimg .title:after { display: none; }
  .mainimg .title .container { font-size: 128.57%; } }

/*　
contents
*/
.contents { padding: 80px 0; }
@media only screen and (max-width: 767px) { .contents { padding: 40px 0; } }
.contents .head { font-size: 228.57%; text-align: center; margin-bottom: 30px; }
@media only screen and (max-width: 767px) { .contents .head { font-size: 114.29%; margin-bottom: 15px; } }
.contents .bd_section { border-top: 1px solid #E8E8E8; margin-top: 90px; padding-top: 90px; }
@media only screen and (max-width: 767px) { .contents .bd_section { margin-top: 40px; padding-top: 40px; } }
.contents .catch { font-size: 200%; font-weight: bold; text-align: center; margin-bottom: 40px; line-height: 1.73em; }
.contents .catch span { color: #1262c5; }
@media only screen and (max-width: 767px) { .contents .catch { font-size: 107.14%; margin-bottom: 20px; line-height: 1.63em; } }
.contents .image { margin: 40px 0; text-align: center; }
@media only screen and (max-width: 767px) { .contents .image { margin: 20px 0; } }
.contents .image img { margin: 0 auto; text-align: center; }
@media only screen and (max-width: 767px) { .contents .image img { max-width: 400px; width: 100%; } }
.contents ul.note_list { font-size: 85.71%; margin-top: 0.5em; }
.contents ul.note_list li { text-indent: -1em; padding-left: 1em; }

/*　
footer_sitemap
*/
.footer_sitemap { background-color: #f3f3f3; border-top: 1px solid #1262c6; padding: 60px 0; }
@media only screen and (max-width: 767px) { .footer_sitemap { padding: 20px 0 0; } }
.footer_sitemap .trigger { display: none; }
@media only screen and (max-width: 767px) { .footer_sitemap .trigger { display: block; background-color: #404040; padding: 18px 15px; color: #fff; font-size: 85.71%; font-weight: bold; margin: 0 -20px; position: relative; }
  .footer_sitemap .trigger:after { content: ""; display: block; background: url("/jobs/common/img/btn_sitemap.png") no-repeat left top; background-size: 22px auto; width: 22px; height: 22px; position: absolute; right: 20px; top: 50%; margin-top: -11px; }
  .footer_sitemap .trigger.open:after { background-position: left -22px; } }
.footer_sitemap .entry { float: left; width: 28.57%; }
.footer_sitemap .entry p { font-size: 128.57%; font-weight: bold; }
.footer_sitemap .entry ul li { list-style-type: none; margin-bottom: 7px; text-align: center; }
.footer_sitemap .entry ul li a img { width: 100%; max-width: 280px; }
.footer_sitemap .entry ul li a:hover { opacity: 0.8; filter: alpha(opacity=80); }
@media only screen and (max-width: 767px) { .footer_sitemap .entry { width: auto; float: none; margin: 0 20px 20px; } }
.footer_sitemap .footer_nav { float: right; width: 65.31%; display: table; }
@media only screen and (max-width: 767px) { .footer_sitemap .footer_nav { width: auto; float: none; display: block; display: none; margin: 0 -20px; background-color: #FFF; } }
.footer_sitemap .footer_nav > li { display: table-cell; font-size: 114.29%; vertical-align: top; }
.footer_sitemap .footer_nav > li.fnav_01 { width: 21.88%; }
.footer_sitemap .footer_nav > li.fnav_02 { width: 21.88%; }
.footer_sitemap .footer_nav > li.fnav_03 { width: 31.25%; }
.footer_sitemap .footer_nav > li.fnav_04 { width: 25%; }
@media only screen and (max-width: 767px) { .footer_sitemap .footer_nav > li { font-size: 85.71%; width: auto !important; display: block; border-top: 1px solid #EEE; margin-top: -1px; } }
.footer_sitemap .footer_nav > li > a { color: #333; display: inline-block; background: url("/jobs/common/img/arrow_btn.png") no-repeat left 5px; background-size: 15px auto; padding-left: 20px; }
.footer_sitemap .footer_nav > li > a:hover { color: #1262c6; }
@media only screen and (max-width: 767px) { .footer_sitemap .footer_nav > li > a { display: block; background-size: 12px auto; background-position: 15px center; padding: 10px 15px 10px 30px; } }
.footer_sitemap .footer_nav > li ul { margin-top: 5px; margin-left: 1em; }
@media only screen and (max-width: 767px) { .footer_sitemap .footer_nav > li ul { margin: 0; border-top: 1px solid #EEE; } }
.footer_sitemap .footer_nav > li ul li { float: none; width: auto; margin-left: 5px; font-size: 81.25%; list-style-type: disc; }
.footer_sitemap .footer_nav > li ul li a { color: #333; text-decoration: none; }
.footer_sitemap .footer_nav > li ul li a:hover { text-decoration: underline; }
@media only screen and (max-width: 767px) { .footer_sitemap .footer_nav > li ul li { float: left; margin: 0; font-size: 100%; list-style-type: none; width: 50%; box-sizing: border-box; border-bottom: 1px solid #EEE; }
  .footer_sitemap .footer_nav > li ul li:nth-child(2n-1) { border-right: 1px solid #EEE; }
  .footer_sitemap .footer_nav > li ul li a { display: block; padding: 10px 15px 10px 30px; background: url("/jobs/common/img/arrow_2x.png") no-repeat 15px center; background-size: 10px auto; text-decoration: none !important; } }

/*　
page top
*/
.pagetop { position: fixed; left: 0; bottom: 0; width: 100%; height: 0; z-index: 100; }
.pagetop .container { position: relative; max-width: 1084px; margin: 0 auto; box-sizing: border-box; }
.pagetop a { position: absolute; right: 0; top: -45px; display: block; width: 45px; height: 45px; background: url(/common/img/arr_pagetop.png) no-repeat; text-indent: -9999px; outline: 0; }
@media only screen and (max-width: 767px) { .pagetop a { width: 35px; height: 35px; background-size: 35px auto; top: -35px; right: 10px; } }
.pagetop.unfixed { position: fixed; }

/* Ulility */
.mb1em { margin-bottom: 1em; }

.mb15em { margin-bottom: 1.5em; }

.mb2em { margin-bottom: 2em; }

.mb25em { margin-bottom: 2.5em; }

.mb3em { margin-bottom: 3em; }

.mb35em { margin-bottom: 3.5em; }

.mt05em { margin-top: 0.5em !important; }

.mt1em { margin-top: 1em; }

.mt15em { margin-top: 1.5em; }

.mt2em { margin-top: 2em; }

.mt25em { margin-top: 2.5em; }

.mt3em { margin-top: 3em; }

.mt35em { margin-top: 3.5em; }

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

.bold { font-weight: bold; }