/*! normalize.css v2.1.2 | MIT License | git.io/normalize */

/* ==========================================================================
 HTML5 display definitions
 ========================================================================== */

/**
 * Correct `block` display not defined in IE 8/9.
 */

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

/**
 * Correct `inline-block` display not defined in IE 8/9.
 */

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

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

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

/**
 * Address styling not present in IE 8/9.
 */

[hidden] {
 display: none;
}

/* ==========================================================================
 Base
 ========================================================================== */

/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 * user zoom.
 */

html {
 font-family: sans-serif; /* 1 */
 -ms-text-size-adjust: 100%; /* 2 */
 -webkit-text-size-adjust: 100%; /* 2 */
}

/**
 * Remove default margin.
 */

body {
 margin: 0;
}

/* ==========================================================================
 Links
 ========================================================================== */

/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */

a:focus {
 outline: thin dotted;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */

a:active,
a:hover {
 outline: 0;
}

/* ==========================================================================
 Typography
 ========================================================================== */

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari 5, and Chrome.
 */

h1 {
 font-size: 2em;
 margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9, Safari 5, and Chrome.
 */

abbr[title] {
 border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
 */

b,
strong {
 font-weight: bold;
}

/**
 * Address styling not present in Safari 5 and Chrome.
 */

dfn {
 font-style: italic;
}

/**
 * Address differences between Firefox and other browsers.
 */

hr {
 -moz-box-sizing: content-box;
 box-sizing: content-box;
 height: 0;
}

/**
 * Address styling not present in IE 8/9.
 */

mark {
 background: #ff0;
 color: #000;
}

/**
 * Correct font family set oddly in Safari 5 and Chrome.
 */

code,
kbd,
pre,
samp {
 font-family: monospace, serif;
 font-size: 1em;
}

/**
 * Improve readability of pre-formatted text in all browsers.
 */

pre {
 white-space: pre-wrap;
}

/**
 * Set consistent quote types.
 */

q {
 quotes: "\201C" "\201D" "\2018" "\2019";
}

/**
 * Address inconsistent and variable font size in all browsers.
 */

small {
 font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */

sub,
sup {
 font-size: 75%;
 line-height: 0;
 position: relative;
 vertical-align: baseline;
}

sup {
 top: -0.5em;
}

sub {
 bottom: -0.25em;
}

/* ==========================================================================
 Embedded content
 ========================================================================== */

/**
 * Remove border when inside `a` element in IE 8/9.
 */

img {
 border: 0;
}

/**
 * Correct overflow displayed oddly in IE 9.
 */

svg:not(:root) {
 overflow: hidden;
}

/* ==========================================================================
 Figures
 ========================================================================== */

/**
 * Address margin not present in IE 8/9 and Safari 5.
 */

figure {
 margin: 0;
}

/* ==========================================================================
 Forms
 ========================================================================== */

/**
 * Define consistent border, margin, and padding.
 */

fieldset {
 border: 1px solid #c0c0c0;
 margin: 0 2px;
 padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */

legend {
 border: 0; /* 1 */
 padding: 0; /* 2 */
}

/**
 * 1. Correct font family not being inherited in all browsers.
 * 2. Correct font size not being inherited in all browsers.
 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
 */

button,
input,
select,
textarea {
 font-family: inherit; /* 1 */
 font-size: 100%; /* 2 */
 margin: 0; /* 3 */
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

button,
input {
 line-height: normal;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */

button,
select {
 text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 * and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 * `input` and others.
 */

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
 -webkit-appearance: button; /* 2 */
 cursor: pointer; /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */

button[disabled],
html input[disabled] {
 cursor: default;
}

/**
 * 1. Address box sizing set to `content-box` in IE 8/9.
 * 2. Remove excess padding in IE 8/9.
 */

input[type="checkbox"],
input[type="radio"] {
 box-sizing: border-box; /* 1 */
 padding: 0; /* 2 */
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 * (include `-moz` to future-proof).
 */

input[type="search"] {
 -webkit-appearance: textfield; /* 1 */
 -moz-box-sizing: content-box;
 -webkit-box-sizing: content-box; /* 2 */
 box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
 -webkit-appearance: none;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
 border: 0;
 padding: 0;
}

/**
 * 1. Remove default vertical scrollbar in IE 8/9.
 * 2. Improve readability and alignment in all browsers.
 */

textarea {
 overflow: auto; /* 1 */
 vertical-align: top; /* 2 */
}

/* ==========================================================================
 Tables
 ========================================================================== */

/**
 * Remove most spacing between table cells.
 */

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

/* ==========================================================================
 Base
 ========================================================================== */

* {
 /* padding と border の幅を要素の幅と高さに含める */
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 -ms-box-sizing: border-box;
 -o-box-sizing: border-box;
 box-sizing: border-box;
 /* Safari 初期スタイルをリセット */
 -webkit-appearance: none;
}

html {
 /* 日本語のfont-familyへの対応 */
 font-family: "Hiragino Kaku Gothic Pro","Yu Gothic","Meiryo",sans-serif;
}

/*上方向のmarginを0にします */
h1,h2,h3,h4,h5,h6,p,ul,ol,dl,table,pre {
 margin-top: 0;
 margin-bottom: 0;
}

/* ==========================================================================
 Typography
 ========================================================================== */

/* 禁則処理の追加 */
p,li,dt,dd,th,td,pre{
 -ms-line-break: strict;
 line-break: strict;
 -ms-word-break: break-strict;
 word-break: break-strict;
}

/* ==========================================================================
 Embedded content
 ========================================================================== */

img {
 /* フルードイメージへの対応 */
 max-width :100%;
 /* 追加箇所 */
 vertical-align: middle;
}

/* ==========================================================================
 Forms
 ========================================================================== */

fieldset {
 border: none;
 margin: 0;
 padding: 0;
}

/**
 * タイプ セッティング
 */
h1, h2, h3, h4, h5, h6 {
 font-size : 1em; /* 16px */
 line-height : 1.5; /* 24px */
}

/* レスポンシブ タイプセッティングへの対応 */
html { font-size: 87.5% }

/*1024px*/
@media screen and (min-width : 1024px) {
 /*レスポンシブタイプセッティングの指定*/
 html { font-size : 100% }
}

/**
 * 基本スタイル
 */
a {
 text-decoration: none;
}

a:hover {
 text-decoration: underline;
}

dl, dt, dd, ol, ul, li {
 list-style: none;
 padding: 0;
 margin: 0;
}

b, em, strong {
 font-style: normal;
 font-weight: normal;
}

table {
 border-collapse: collapse;
 border-spacing: 0;
 empty-cells: show;
}

.left {
 text-align: left;
}

.center {
 text-align: center;
}

.right {
 text-align: right;
}

/**
 * clear
*/
.clear {
 clear: both;
}

/**
 * clearfix
 */
.clearfix::before, .clearfix::after {
 content: "";
 display:table;
}

.clearfix::after {
 clear: both;
}

/**
 * 高さ100%を常に維持する
 */
html, body {
 height: 100%;
}

#all {
 position: relative;
 height: 100%;
 min-height: 100%;
 margin: 0 auto;
}

body > #all {
 height: auto;
}

/**
 * Firefoxで常にスクロールバーを表示する
 */
html {
 overflow-y: scroll;
}

.pankuzu {
 margin-bottom: 3px;
 margin-top: 3px;
}
.pankuzu::after {
 clear: both;
 content: ".";
 display: block;
 height: 0;
 visibility: hidden;
}
.pankuzu li {
 float: left;
 font-size: 10px;
 margin-right: 6px;
 max-width: 300px;
 overflow: hidden;
 text-overflow: ellipsis;
 white-space: nowrap;
}
.pankuzu li::after {
 content: " >";
}
.pankuzu li:last-child::after {
 content: none;
}
.pankuzu a {
 color: #666;
}
.pankuzu a:hover {
 color: #999;
}



/**
 * 入力ボタン
 */
input, select, textarea {
 border: 1px solid #ccc;
}

input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"],
textarea {
 background-color: #fff;
 padding: .4em .4em .3em;
 border-size: 2px;
 line-height: 1.1;
 /* 影 (shadow) */
 -moz-box-shadow: none;
 -webkit-box-shadow: none;
 -o-box-shadow: none;
 -ms-box-shadow: none;
 box-shadow: none;
 /* 角 (corner) */
 -moz-border-radius: .3em;
 -webkit-border-radius: .3em;
 -o-border-radius: .3em;
 -ms-border-radius: .3em;
 border-radius: .3em;
}

input[type="checkbox"],
input[type="radio"] {
 width: 1em;
 height: 1em;
 vertical-align: middle;
 margin-top: -.2em;
}

textarea {
 line-height: 1.5;
}

/**
 * チェックボックス
 */
input[type="checkbox"] {
 display: inline-block;
 position: relative;
 background-color: #fff;
 border: 1px solid #999;
 font-size: .8125em;
 margin-right: .3em;
 /* 角 (corner) */
 -moz-border-radius: .3em;
 -webkit-border-radius: .3em;
 -o-border-radius: .3em;
 -ms-border-radius: .3em;
 border-radius: .3em;
}

 input[type="checkbox"]:checked::after {
 position: absolute;
 content: "";
 top: -.1em;
 left: .2em;
 width: .4em;
 height: .6em;
 border-right: .2em solid #007fff;
 border-bottom: .2em solid #007fff;
 -webkit-transform: rotate(45deg);
 -moz-transform: rotate(45deg);
 -ms-transform: rotate(45deg);
 -o-transform: rotate(45deg);
 transform: rotate(45deg);
 }

/**
 * ラジオボタン
 */
input[type="radio"] {
 display: inline-block;
 position: relative;
 background-color: #fff;
 border: 1px solid #999;
 margin-right: .3em;
 appearance: none;
 /* 角 (corner) */
 -moz-border-radius: 1em;
 -webkit-border-radius: 1em;
 -o-border-radius: 1em;
 -ms-border-radius: 1em;
 border-radius: 1em;
}

 input[type="radio"]:checked::after {
 position: absolute;
 content: "●";
 font-size: .75em;
 color: #007fff;
 top: -7%;
 left: 9%;
 width: 1em;
 height: 1em;
 }

/**
 * 選択リスト
 */
select {
 -moz-appearance: none;
 appearance: none;
 background: none transparent;
 text-indent: .01px; /*Firefox用*/
 text-overflow: ''; /*Firefox用*/
 cursor: pointer;
 margin: 0;
 padding: .1em .6em;
 vertical-align: middle;
 font-size: inherit;
 color: inherit;
 box-shadow: none;
 border: 2px solid #eee;
 /* 角 (corner) */
 -moz-border-radius: .3em;
 -webkit-border-radius: .3em;
 -o-border-radius: .3em;
 -ms-border-radius: .3em;
 border-radius: .3em;
}

input:focus, select:focus, textarea:focus {
 outline: none;
}

::-webkit-input-placeholder {
 color: #ccc;
}

:-moz-placeholder {
 color: #ccc;
}

/**
 * 数字入力ボックス
 */
input.number, input.comma {
 text-align: right;
}

input.zip1 {
 width: 4em;
}

input.zip2, input.tel {
 width: 5em;
}

input.date {
 width: 7.2em;
}

/**
 * 入力ボックス サイズ
 */
input.full, textarea.full {
 width: 100%;
}

input.half, textarea.half {
 width: 60%;
}

input.third, textarea.third {
 width: 40%;
}

input.quarter, textarea.quarter {
 width: 25%;
}

/**
 * 入力ボックス サイズ レスポンシブ
 */
@media screen and (max-width: 40em) {
 input.half, textarea.half {
 width: 80%;
 }

 input.third, textarea.third {
 width: 60%;
 }

 input.quarter, textarea.quarter {
 width: 40%;
 }
}

/**
 * 一覧表のデザイン
 */
.list {
 background-color: #fff;
 border: solid 1px #ddd;
 font-size: .875rem;
}


.list th, .list td {
 border-right: 1px solid #ddd;
 border-bottom: 1px solid #ddd;
 padding-top: .4em;
 padding-bottom: .4em;
/* min-width: 14em; */
/* max-width: 14em; */
 vertical-align: middle;
}

.list th {
 color: #fff;
 background-color: #6b6f59;
 font-weight: normal;
 text-align: center;
}

.list td {
 padding-left: .5em;
 padding-right: .5em;
 text-align: left;
}

 .list th.left, .list td.left {
 text-align: left;
 }

 .list th.center, .list td.center {
 text-align: center;
 }

 .list th.right, .list td.right {
 text-align: right;
 }

/**
 * オーバーしたテキストを隠す
 */
.list .hide-over {
 white-space: nowrap;
 overflow: hidden;
 -o-text-overflow: ellipsis;
 text-overflow: ellipsis;
}

 .list .hide-over br {
 display: none;
 }

/**
 * 行背景色
 */
.line-zebra tr:nth-child(2n+1) {
 background-color: #fff;
}

.line-zebra tr:nth-child(2n+0), .line {
 background-color: #ecead8;
}

.line-main {
 background-color: #ffffcc;
}

/**
 * 複合行
 */
table.complex {
 border-bottom: 3px solid #696969;
}

 .complex .line-main {
 border-top: 3px solid #696969;
 }

 .complex .line-main:first-child {
 border-top: none;
 }

@media screen and (max-width: 30em) {
 .list {
 border-bottom: none;
 }
}

/**
 * ページ送り
 */
.page {
 padding: .5em 0;
 text-align: center;
}

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

.page-left {
 float: left;
 text-align: left;
 line-height: 1.5;
}
.page-right {
 float: right;
 text-align: right;
 line-height: 1.5;
}

 .page ul {
 display: inline-block;
 color: #999;
 }

 .page li {
 display: inline-block;
 margin: 0 .1em;
 }

 .page i {
 text-decoration: none;
 }

 .page .listup a, .page .listup b {
 display: inline-block;
 border: 1px solid #ddd;
 padding: .1em 0;
 width: 1.6em;
 font-size: 1em;
 font-family: arial;
 text-align: center;
 line-height: 1.5;
 color: #8a8282;
 border-radius: 4px; /* CSS3草案 */ 
 -webkit-border-radius: 4px; /* Safari,Google Chrome用 */ 
 -moz-border-radius: 4px; /* Firefox用 */ 
 }

 .page .listup a {
 text-decoration: none;
 }

 .page .listup a:hover, .page .listup a:active {
 background-color: #ffffcc;
 }

 .page .listup b {
 background-color: #f5c53c;
 color: #fff;
 font-weight: normal;
 font-style: normal;
 }

 .page .next, .page .back {
 padding: .5em 0;
 font-size: 0.8em;
 }
 .page .next a, .page .back a{
 color: #8a8282;
 }
 .page .next {
 padding-left: .5em;
 }

 .next i {
 margin-left: .3em;
 }

 .page .back {
 padding-right: .5em;
 }

 .back i {
 margin-right: .3em;
 }

/**
 * チェックリスト
 */
ul.cols li, 
ul.cols2 li, ul.cols3 li, ul.cols4 li, 
ul.cols5 li, ul.cols6 li, ul.cols7 li {
 float: left;
 display: "table";
 padding-right: 1em;
 margin: .4em 0;
/*
 overflow: hidden;
 white-space: nowrap;
 text-overflow: ellipsis;
*/
}

ul.cols label, 
ul.cols2 label, ul.cols3 label, ul.cols4 label, 
ul.cols5 label, ul.cols6 label, ul.cols7 label {
 display: inline-block;
 line-height: 1.4 !important;
}

 ul.cols::after, 
 ul.cols2::after, ul.cols3::after, ul.cols4::after, 
 ul.cols5::after, ul.cols6::after, ul.cols7::after {
 content: "";
 display: table;
 clear: both;
 }

ul.cols li {

}

ul.cols2 li {
 width: 50%;
}

ul.cols3 li {
 width: 33.33%;
}

ul.cols4 li {
 width: 25%;
}

ul.cols5 li {
 width: 20%;
}

ul.cols6 li {
 width: 16.66%;
}

ul.cols7 li {
 width: 14.27%;
}

/**
 * 入力チェック メッセージ
 */
.notice {
 position: relative;
 z-index: inherit;
 zoom: 1; /* For IE6 */
 margin: 0;
 padding: 0;
 color: #ff0000;
 text-align: left;
}

 .notice em {
 display: block;
 position: absolute;
 min-height: 1.4em;
 bottom: 0;
 left: 0;
 z-index: 10;
 padding: .2em 1em;
 background-color: #fff;
 border: 1px solid #ff0000;
 -moz-border-radius: .3em;
 -webkit-border-radius: .3em;
 -o-border-radius: .3em;
 -ms-border-radius: .3em;
 border-radius: .3em;
 cursor: pointer;
 font-size: 1em;
 font-style: normal;
 line-height: 1.3;
 }

/* LP_PR Point
------------------------------------------------------------*/
.lp_pr_point {
 max-width: 800px;
 margin: 30px auto;
}
.lp_pr_point_inner {
 border: 3px solid #FF0000;
}
.lp_pr_point h2 {
 width: 100%;
 background: url(/img/h1-img.png) no-repeat top left;
 color: #FE0000;
 font-weight: bold;
 padding: 10px 0 10px 0;
 font-size: 1.3em;
 margin: 0;
 text-align: center;
}
.lp_pr_point p {
 padding: 15px 25px;
 font-size: 15px;
 line-height: 1.6;
}
.lp_pr_link {
 color: blue;
 display: block;
 text-align: right;
 text-decoration: underline;
 font-size: 15px;
 margin-top: 5px;
}
.lp_pr_link::before {
 font-family: FontAwesome;
 content: "\f0a9";
 font-weight: bold;
 padding-right: 2px;
 display: inline-block;
}
@media only screen and (max-width: 767px){
 .lp_pr_point h2 {
 padding: 15px 0 15px 70px;
 font-size: 1.5em;
 background-size: cover;
 text-align: left;
 }
 .lp_pr_point p {
 font-size: 22px;
 }
 .lp_pr_link {
 font-size: 18px;
 margin: 5px;
 }
}
@charset "utf-8";

* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
 margin: 0;
 padding: 0;
 border: 0;
 font-style:normal;
 font-weight: normal;
 font-size: 100%;
 vertical-align: baseline;
}

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

html{
 overflow-y: scroll;
}

blockquote, q {
 quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
 content: '';
 content: none;
}

input, textarea,{
 margin: 0;
 padding: 0;
}

ol, ul{
 list-style:none;
}
b {
 font-weight: bold;
}
small {
 font-size: 0.9em;
 line-height: 1.1;
}
table{
 border-collapse: collapse;
 border-spacing:0;
}

caption, th{
 text-align: left;
}


a{color:#111;text-decoration:none;}
a:hover{color:#333;}
a:active, a:focus{outline:0;}

a:focus {
 outline:none;
}

.clearfix:after {
 content: ".";
 display: block;
 clear: both;
 height: 0;
 visibility: hidden;
}
.clearfix {
 min-height: 1px;
}
* html .clearfix {
 height: 1px;
 /*\*//*/
 height: auto;
 overflow: hidden;
 /**/
}
.both{
 clear:both;
}

/* font ----------------------- */
.fz10{ font-size:83.3% !important;} .fz11{ font-size:91.7% !important;} .fz13{ font-size:108.3% !important;} .fz14{ font-size:116.7% !important;}
.fz15{ font-size:125% !important;} .fz16{ font-size:133.3% !important;} .fw-n{ font-weight:normal !important;} .fw-b{ font-weight:bold !important;}

/* margin ----------------------- */
.mt0{ margin-top:0 !important;} .mt5{ margin-top:5px !important;} .mt10{ margin-top:10px !important;} .mt15{ margin-top:15px !important;}
.mt20{ margin-top:20px !important;} .mt25{ margin-top:25px !important;} .mt30{ margin-top:30px !important;} .mt35{ margin-top:35px !important;}
.mt40{ margin-top:40px !important;} .mt45{ margin-top:45px !important;} .mt50{ margin-top:50px !important;}
.mr0{ margin-right:0 !important;} .mr5{ margin-right:5px !important;} .mr10{ margin-right:10px !important;} .mr15{ margin-right:15px !important;}
.mr20{ margin-right:20px !important;} .mr25{ margin-right:25px !important;} .mr30{ margin-right:30px !important;} .mr35{ margin-right:35px !important;}
.mr40{ margin-right:40px !important;} .mr45{ margin-right:45px !important;} .mr50{ margin-right:50px !important;}
.mb0{ margin-bottom:0 !important;} .mb5{ margin-bottom:5px !important;} .mb10{ margin-bottom:10px !important;} .mb15{ margin-bottom:15px !important;}
.mb20{ margin-bottom:20px !important;} .mb25{ margin-bottom:25px !important;} .mb30{ margin-bottom:30px !important;} .mb35{ margin-bottom:35px !important;}
.mb40{ margin-bottom:40px !important;} .mb45{ margin-bottom:45px !important;} .mb50{ margin-bottom:50px !important;}
.ml0{ margin-left:0 !important;} .ml5{ margin-left:5px !important;} .ml10{ margin-left:10px !important;} .ml15{ margin-left:15px !important;}
.ml20{ margin-left:20px !important;} .ml25{ margin-left:25px !important;} .ml30{ margin-left:30px !important;} .ml35{ margin-left:35px !important;}
.ml40{ margin-left:40px !important;} .ml45{ margin-left:45px !important;} .ml50{ margin-left:50px !important;}

/* padding ----------------------- */
.pt0{ padding-top:0 !important;} .pt5{ padding-top:5px !important;} .pt10{ padding-top:10px !important;} .pt15{ padding-top:15px !important;}
.pt20{ padding-top:20px !important;} .pt25{ padding-top:25px !important;} .pt30{ padding-top:30px !important;} .pt35{ padding-top:35px !important;}
.pt40{ padding-top:40px !important;} .pt45{ padding-top:45px !important;} .pt50{ padding-top:50px !important;}
.pr0{ padding-right:0 !important;} .pr5{ padding-right:5px !important;} .pr10{ padding-right:10px !important;} .pr15{ padding-right:15px !important;}
.pr20{ padding-right:20px !important;} .pr25{ padding-right:25px !important;} .pr30{ padding-right:30px !important;} .pr35{ padding-right:35px !important;}
.pr40{ padding-right:40px !important;} .pr45{ padding-right:45px !important;} .pr50{ padding-right:50px !important;}
.pb0{ padding-bottom:0 !important;} .pb5{ padding-bottom:5px !important;} .pb10{ padding-bottom:10px !important;} .pb15{ padding-bottom:15px !important;}
.pb20{ padding-bottom:20px !important;} .pb25{ padding-bottom:25px !important;} .pb30{ padding-bottom:30px !important;} .pb35{ padding-bottom:35px !important;}
.pb40{ padding-bottom:40px !important;} .pb45{ padding-bottom:45px !important;} .pb50{ padding-bottom:50px !important;}
.pl0{ padding-left:0 !important;} .pl5{ padding-left:5px !important;} .pl10{ padding-left:10px !important;} .pl15{ padding-left:15px !important;}
.pl20{ padding-left:20px !important;} .pl25{ padding-left:25px !important;} .pl30{ padding-left:30px !important;} .pl35{ padding-left:35px !important;}
.pl40{ padding-left:40px !important;} .pl45{ padding-left:45px !important;} .pl50{ padding-left:50px !important;}

/* float ----------------------- */
.fl-r{ float:right !important;}
.fl-l{ float:left !important;}
.fl-n{ float:none !important;}

/* background ----------------------- */
.bg-n{ background:none !important;}

/* display ----------------------- */
.d-n{ display:none !important;}
.d-b{ display:block !important;}
.d-ib{display:inline-block !important;}
.d-i{ display:inline !important;}

/* text-align ----------------------- */
.ta-r{ text-align:right !important;}
.ta-l{ text-align:left !important;}
.ta-c{ text-align:center !important;}




/*テキストシャドウ {
 text-shadow: 1px 1px 3px #000;
}
*/

/*ボックスシャドウ {
 -moz-box-shadow: 1px 1px 3px #000;
 -webkit-box-shadow: 1px 1px 3px #000;
 box-shadow: 1px 1px 3px #000;
}
*/

/*ボックスシャドウ内側 {
 -moz-box-shadow: inset 1px 1px 3px #000;
 -webkit-box-shadow: inset 1px 1px 3px #000;
 box-shadow: inset 1px 1px 3px #000;
}
*/

/*角丸 {
 border-radius: 10px;
 -webkit-border-radius: 10px;
 -moz-border-radius: 10px;
}
*/

/*トランジション {
 -webkit-transition: 1.5s;
 -moz-transition: 1.5s;
 -o-transition: 1.5s;
 transition: 1.5s;
}
*/

/*透明 {
 filter: alpha(opacity=25);
 -moz-opacity:0.25;
 opacity:0.25;
}
*/

/*背景のみ透明 {
 background-color:rgba(255,255,255,0.2);
}
*/

/*グラデーション {
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#000000');
 -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#000000')";
 background-image: -moz-linear-gradient(top, #ffffff, #000000);
 background-image: -ms-linear-gradient(top, #ffffff, #000000);
 background-image: -o-linear-gradient(top, #ffffff, #000000);
 background-image: -webkit-gradient(linear, center top, center bottom, from(#ffffff), to(#000000));
 background-image: -webkit-linear-gradient(top, #ffffff, #000000);
 background-image: linear-gradient(top, #ffffff, #000000);
}
*/


@charset "utf-8";



/* BASE
------------------------------------------------------------*/

*{
 padding: 0;
 margin: 0;
}
html {
 overflow-y:scroll;
}
html,body,input {
 margin: 0;
 padding: 0;
 color: #111;
 font-size: 0.9em;
 font-family: "ヒラギノ角ゴ Pro W3", "HiraKakuPro-W3", "メイリオ","ＭＳ Ｐゴシック", Meiryo, Osaka, sans-serif;
 line-height: 1.7em;
 -webkit-text-size-adjust: none;
 background: #fff;
}
a {
 text-decoration: none;
}

a:hover {
 text-decoration: none;
}


img {
 vertical-align: top;
}

input, textarea {
 margin: 0px;
 padding: 3px;
}
input:hover {
 filter: alpha(opacity=70);
 -moz-opacity:0.70;
 opacity:0.70;
}

table { width: 100%; }
.tableauto { table-layout: auto; }
.tablefix { table-layout: fixed; }


.fleft { float:left; }
.fright { float:right; }
.freset { float:none; }

.txt-l { text-align:left; }
.txt-c { text-align:center; }
.txt-r { text-align:right; }

.flimg { float:left; padding: 0 10px 10px 0; }
.frimg { float:right; padding: 0 0 10px 10px; }


.fontLarge {
 font-size: 1.2em !important;
 letter-spacing:0.05em !important;
 line-height:1.8 !important;
}
.fontSmall{
 font-size: 0.86em !important;
 letter-spacing:0.05em !important;
 line-height:1.6 !important;
}
.fsred {
 color: #FF0000 !important;
 font-weight:bold !important;
}
.fsgrn {
 color: #00983C !important;
 font-weight:bold !important;
}

.inline_block {
 display: inline-block;
 *display: inline;
 *zoom: 1;
}


@charset "utf-8";

/* HEADER
------------------------------------------------------------*/

.header {
 position: relative;
 width: 100%;
 height: 100px;
 overflow: hidden;
 padding: 0;
 margin: 0 auto;

}
.lowdir .header {
 height: 120px !important;
}
.header .inner {
 position: relative;
 width: 1008px;
 height: 100px;
 margin: 0 auto;
 padding: 0;
 top: 0 !important;;
 border-bottom: 2px solid #FF0000;
}
.header h1 .logo {
 position: absolute;
 top: 37px;
 width: 197px;
 padding: 0;
 z-index: 1;
}
.header h1 .logo img {
 width: 470px;
 height: 60px;
 display: block;
}
.header .inner h1 div,
.header nav {
 display: none;
}
.header .headermylist {
 position: absolute;
 top: 0px;
 right: 280px;
 width: 140px;
 z-index: 1;
}
.header .headerlogin {
 position: absolute;
 top: 0px;
 right: 140px;
 width: 140px;
 z-index: 1;
}
.header .headersns {
 position: absolute;
 top: 0px;
 right: 0;
 width: 140px;
 z-index: 1;
}
.header p.topcopy {
 position: absolute;
 top: 36px;
 left: 215px;
 width: 500px;
 z-index: 2;
 font-size: 1.0em;
 color: #666;
}
.header p.areatitle {
 position: absolute;
 top: 58px;
 left: 215px;
 z-index: 2;
 font-size: 1.8em;
 color: #E6241D;
 font-weight: bold;
}
.header ul.headerlink {
 position: absolute;
 top: 45px;
 right: 0;
 z-index: 2;
 text-align: right;
 width: 500px;
}
.header ul.headerlink li a{
 text-decoration: underline;
}
.header ul.headerlink li.sinki,.header ul.headerlink li.my-top{
 float: right;
}
.mainimg {
 width: 100%;
 background-color: #FE0000;
 z-index: 10;
}
.mainimg .inner {
 width: 100%;
 text-align: center;
 margin: 0 auto;
 max-width:1757px
}
.mainimg .inner img {

}


/* 全体
------------------------------------------------------------*/
.wrapper {
 width: 1008px;
 margin: 0 auto;
 padding-bottom: 40px;
}
.widecolumn {
 float: left;
 width: 762px;
 padding: 0;
}
.sidecolumn {
 float: right;
 width: 215px;
 padding: 0;
}

.widejob {
 float: right;
}
.sidejob {
 float: left;
}

.wrapper h1 {
 font-size: 21px;
 font-weight: bold;
 margin-bottom: 6px;
}

/*************
メイン コンテンツ
*************/
/* section */
.widecolumn section {
 margin-bottom: 24px;
}
.widecolumn section h1 {
 width: 100%;
 background: url(/img/h1-img.png) no-repeat top left;
 color: #FE0000;
 font-weight: bold;
 padding: 10px 0 10px 40px;
 font-size: 1.3em;
 margin-bottom: 20px;
}
.widecolumn section h2 {
 font-size: 1.3em;
 color: #FE0000;
 margin-bottom: 5px;
 font-weight: bold;
}
/*************
告知
*************/
#information {
 padding: 7px 10px;
 margin-bottom: 20px;
 border: solid 1px #F00;
}
#information h2{
 font-weight: bold;
}
#information h2::before {
 content: "●";
 color: #F00;
 }
#information p{
 font-size: 0.9em;
 line-height: 1.6;
}

/**************************
/* table
**************************/
/* table type_regular01 */
.type_regular01 {
 border-left: #D6D4D4 1px solid;
 border-top: #D6D4D4 1px solid;
 margin-bottom: 10px;
}
.type_regular01 th,
.type_regular01 td {
 padding: 6px 6px 6px 10px;
 vertical-align: middle;
 border-right: #D6D4D4 1px solid;
 border-bottom: #D6D4D4 1px solid;
}
.type_regular01 th {
 background-color: #F1F4F6;
 text-align: left;
 width: 215px!important;
 font-weight: bold;
 font-size: .9em;
 padding-top: 14px;
 padding-bottom: 14px;
}

.type_regular01 th p{
 font-weight: bold;
 float: left;
 width: 145px;
 display: block;
 font-size: 0.9em;
 margin: 8px 0px 8px 0px;
}

.type_regular01 th.necessary div.hissu {
 float: right;
 text-align: right;
 width: 35px;
 height: 18px;
 display: block;
 background: transparent url("/img/register/form_must.png") no-repeat scroll right top;
 margin: 8px 0px 8px 0px;
}
/* table dot */
.type_dot {
 background-image: url(/img/border_table.gif);
 background-position: left bottom;
 background-repeat: repeat-x;
}
.type_dot th,
.type_dot td {
 padding: 14px 10px;
 background-image: url(/img/border_table.gif);
 background-position: left top;
 background-repeat: repeat-x;
}
.type_dot th {
 width: 20%;
 font-weight: bold;
}
.type_dot td {
}
.type_dot tr:first-child th,
.type_dot tr:first-child td {
 background-image: none;
}

/**
 * 補足
 */
.type_regular01 td span.note {
 display: block;
 font-size: .9em;
 line-height: 1.5;
 padding-top: 4px;
}

/**
 * 必須項目
 */
.type_regular01 th.required {
 background-image: url("/img/register/form_must.png");
 background-repeat: no-repeat;
 background-position: 97.5% 50%;
}

/**
 * 入力チェック メッセージ
 */
.notice {
 color: #ff0000;
}

/* wide_cont　お役立ち、ジョブリンクへようこそ
------------------------------------------------------------*/
#wide_cont{
 width: 100%; 
 background: #FF0000;
 padding: 30px 0 50px;
}
#wide_cont2{
 width: 100%;
 background: #F5ECDE url(/img/kabe.jpg) no-repeat center center;
 padding: 50px 0 50px;
}
.wide-inner-wrap {
 position: relative;
 width: 1008px;
 text-align:left; 
 margin:0 auto;
}

.wide-inner-wrap h6 {
 padding: 3px 20px 3px 10px;
 color: #fff;
 background: #FF0000;
 width: auto;
 display: inline-block;
 margin-bottom: 30px;
}

.wide-inner-wrap .bud-bottom {
 position: absolute;
 top: 0;
 left: 0;
}
.wide-inner {
 width: 760px;
 padding-left: 180px;
 text-align:left; 
 }
.wide-inner .use-con_box {
 float: left;
 display: inline-block;
 margin: 0 0 0 2px;
 width: 33%;
 height:100px;
 text-align: center;
 background: #FFF url("/img/user-con-list.png") no-repeat 4px 4px;
}
.wide-inner .use-con_box h3{
 color: #E06D75;
 font-size: 1.1rem;
 padding :8px 0 10px;
}
.wide-inner .use-con_box p{
 font-size: 0.78rem;
 line-height: 1.7
}
.wide-inner .use-con_box:first-child {
 margin-left: 0;
}
.wide-inner2 {
 width: 700px;
 text-align:left; 
 }

/*************
右サイドエリア
*************/
/* ===== sidecolumn mypage ===== */
.sidecolumn div img {
 max-width: 215px;
}

/* ログアウト時 */
.sidecolumn .side_login {
 background: rgb(255,255,255);
 background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
 background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%);
 background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 );
 width: 100%;
 border: 1px solid #E9E6E6;
 height: 42px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
}
.sidecolumn .side_login a{
 height: 100%;
 display: block;
 padding-top:13px;
 padding-left:10px;
}
.sidecolumn .side_sns {
 background-color: #0075CC;
 width: 100%;
 border: 1px solid #FFF;
 height: 42px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
}
.sidecolumn .side_sns a{
 height: 100%;
 display: block;
 padding-top:13px;
 text-align: center;
}
.sidecolumn .side_tokuten {
 margin-bottom:10px;
}
.sidecolumn .side_tokuten .tokuten-t{
 background-color: #80BA3A;
 width: 100%;
 height: 42px;
}
.sidecolumn .side_tokuten .tokuten-t img{
 display: block;
 text-align: center;
 margin: 0 auto;
 padding-top:13px;
}
.sidecolumn .side_tokuten span{
 display: block;
 width: 100%;
 border-bottom: 1px solid #999;
 padding: 10px;
}
.sidecolumn .side_bnr {
 margin:10px 0;
}
.sidecolumn .list_maru {
}
.sidecolumn .list_maru li a{
 background: url("/img/index_side/side-list01.png") no-repeat left 6px;
 padding-left: 15px;
 font-size: 0.9em;
 line-height: 1.5em;
 border-bottom: 1px dotted #CCC;
 margin-bottom: 10px;
 padding-bottom: 10px;
 overflow: hidden;
 text-overflow: ellipsis;
 white-space: nowrap;
 width: 100%;
}
.sidecolumn .list_maru li:last-child a{
 margin-bottom: 0;
}
.sidecolumn .list_maru li a:hover{
 color: #FF7C7C;
}
.sidecolumn .consub{
 padding: 3px 10px;
 display: block;
 background-color: #ECECEC;
 border-left: solid 4px #F00;
 margin-bottom: 8px;
 font-weight: bold;
}
.sidecolumn .conmain img{
 margin-bottom: 10px;
}
.sidecolumn .conmain p{
 line-height: 1.5;
}
.myarea {
 background-color: #F5F5F5;
 border: 1px solid #EDEDED;
 padding: 8px;
}
.myarea .mypagebox {
 border-radius: 10px 10px 0 0;
 -webkit-border-radius: 10px;
 -moz-border-radius: 10px;
 border: 2px solid #FF0000;
 background-color: #FFF;
}
.myarea .mypagebox .mysub {
 color: #FFF;
 padding: 8px 0 4px 6px;
 background: rgb(255,50,50);
 background: -moz-linear-gradient(top, rgba(255,50,50,1) 0%, rgba(188,35,38,1) 49%, rgba(255,10,14,1) 100%);
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,50,50,1)), color-stop(49%,rgba(188,35,38,1)), color-stop(100%,rgba(255,10,14,1)));
 background: -webkit-linear-gradient(top, rgba(255,50,50,1) 0%,rgba(188,35,38,1) 49%,rgba(255,10,14,1) 100%);
 background: -o-linear-gradient(top, rgba(255,50,50,1) 0%,rgba(188,35,38,1) 49%,rgba(255,10,14,1) 100%);
 background: -ms-linear-gradient(top, rgba(255,50,50,1) 0%,rgba(188,35,38,1) 49%,rgba(255,10,14,1) 100%);
 background: linear-gradient(to bottom, rgba(255,50,50,1) 0%,rgba(188,35,38,1) 49%,rgba(255,10,14,1) 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3232', endColorstr='#ff0a0e',GradientType=0 );
 border-radius: 8px 8px 0 0;
 -webkit-border-radius: 8px 8px 0 0;
 -moz-border-radius: 8px 8px 0 0;
}
.myarea .mypagebox p {
 padding: 8px 6px;
 font-size: 1.0em;
 text-align: left;
 width: 130px;
}

.myarea .mypagebox .mymain {
 background: url(/img/index_side/bud32.png) no-repeat right center;
}
.myarea .mypagebox .mymain ul {
 padding: 5px;
}
.myarea .mypagebox .mymain ul li {
 background: url(/img/index_side/mymain-list.png) no-repeat left center;
 padding-left: 20px;
}
.myarea .mypagebox h6 {
 color: #FFF;
 background: #FF0000;
 padding: 5px 10px;
 font-weight: bold;
}
.myarea .mypagebox .myfolder {
}
.myarea .mypagebox .myfolder .myfolder-l{
 float: left;
 width: 90px;
}
.myarea .mypagebox .myfolder .myfolder-r{
 float: right;
 text-align: right;
 padding-right: 28px;
 padding-top :20px;
 color: #F00;
 font-weight: bold;
 width: 90px;
 font-size: 1.3rem;
}

.myarea .workbox {
 background: #FFF;
 border-radius: 6px;
 -webkit-border-radius: 6px;
 -moz-border-radius: 6px;
 border: 1px solid #D8D8D8
}
.myarea .workbox .workinsub {
 padding: 8px 0 4px 8px;
 color: #FF0000;
 border-bottom: 1px solid #FF0000;
 letter-spacing: 0.1em;
}
.myarea .workbox a {
 display: block;
}
.myarea .workbox .workinitem {
 padding: 8px;
}


/* 派遣会社キャンペーン */
.sidecolumn .comc-box {
 margin-bottom: 30px;
}
.sidecolumn .comc-box li{
 border-bottom: 1px solid #C9C5C5;
 margin-bottom: 10px;
 padding-bottom: 10px;
}
.sidecolumn .comc-box li::after{
 content: "";
 clear: both;
 display: block;
}
.sidecolumn .comc-box .comc-sub{
 font-weight: bold;
}
.sidecolumn .comc-box .comc-main{
}
.sidecolumn .comc-box .comc-main img{
 float: left;
 width: 90px;
 margin: 0 8px 0 0;
}
.sidecolumn .comc-box .comc-main p{
 font-size: 0.85em;
 line-height: 1.5;
}
/* FOOTER
------------------------------------------------------------*/
.pagetop {
 position: fixed;
 right: 10px;
 bottom: -80px;
 z-index: 1000;
 display: block;
 width: 60px;
 height: 60px;
}
.pagetop img{
} 
.footer {
 width: 100%;
 background: #FFF;
 border-top: 2px solid #FF0000;
}
.footer .inner {
 position: relative;
 width: 1008px;
 margin: 0 auto;
 padding: 0 0 8px;
 text-align: left;
}
.footer .inner .ftlogo {
 position: absolute;
 top: 0;
 left: 0;
}

.footer .footer-nvbox {
 width: 1008px;
 padding: 55px 0 20px;
}
.footer .footer-nvbox ul {
 float: left;
 margin-right: 1.5em;
}
.footer .footer-nvbox ul li {
 font-size: 0.9em;
}
.footer .footer-nvbox ul li a {
}

.footer .copyright {
 width: 100%;
 padding: 12px 0 5px;
 font-size: 0.9em;
 color: #fff;
 letter-spacing: 0.1em;
 background: #FE0000;
}
.footer .copyright a{
 color: #fff;
}

/* input
------------------------------------------------------------*/
.type_regular01 input[type=radio],
.type_regular01 input[type=checkbox] {
 display: inline-block;
 margin-right: 6px;
}
.type_regular01 input[type=radio] + label,
.type_regular01 input[type=checkbox] + label {
 position: relative;
 
 display: inline-block;
 margin-right: 12px;
 
 font-size: 14px;
 line-height: 30px;
 
 cursor: pointer;
}
 
@media (min-width: 1px) {
 .type_regular01 input[type=radio],
 .type_regular01 input[type=checkbox] {
 display: none;
 margin: 0;
 }
 .type_regular01 input[type=radio] + label,
 .type_regular01 input[type=checkbox] + label {
 padding: 0 0 0 24px;
 }
 .type_regular01 input[type=radio] + label::before,
 .type_regular01 input[type=checkbox] + label::before {
 content: "";
 position: absolute;
 top: 50%;
 left: 0;
 
 -moz-box-sizing: border-box;
 box-sizing: border-box;
 display: block;
 width: 18px;
 height: 18px;
 margin-top: -9px;
 
 background: #FFF;
 }
 .type_regular01 input[type=radio] + label::before {
 border: 2px solid #ccc;
 border-radius: 30px;
 }
 .type_regular01 input[type=checkbox] + label::before {
 border: 2px solid #ccc;
 }
 .type_regular01 input[type=radio]:checked + label::after,
 .type_regular01 input[type=checkbox]:checked + label::after {
 content: "";
 position: absolute;
 top: 50%;
 
 -moz-box-sizing: border-box;
 box-sizing: border-box;
 display: block;
 }
 .type_regular01 input[type=radio]:checked + label::after {
 left: 5px;
 
 width: 8px;
 height: 8px;
 margin-top: -4px;
 
 background: #E71063;
 border-radius: 8px;
 }
 .type_regular01 input[type=checkbox]:checked + label::after {
 left: 3px;
 
 width: 16px;
 height: 8px;
 margin-top: -8px;
 
 border-left: 3px solid #E71063;
 border-bottom: 3px solid #E71063;
 
 -webkit-transform: rotate(-45deg);
 -ms-transform: rotate(-45deg);
 transform: rotate(-45deg);
 }
}

@media only screen and (max-width: 767px){

 .header {
 width: 100%;
 height: 130px;
 background: #fff;
 }
 .header .inner {
 position: relative;
 width: 100%;
 margin: 0 auto;
 }
 .header .inner h1 div {
 display: block;
 position: absolute;
 top: 16px;
 left: 20px;
 line-height: 2.0em;
 }
 .header .inner h1 div img {
 width: 100%;
 height: auto;
 }
 .header .inner h1 div p {
 padding: 8px 0 0;
 font-size: 1.1em;
 }
 .header nav {
 display: block;
 position: absolute;
 top: 30px;
 right: 20px;
 }
 .header nav .smpnv img {
 width: 43px;
 height: auto;
 }
 .header .sitemap,
 .header .contact,
 .header p.topcopy,
 .header .gnavi {
 display: none;
 }

 .mainimg {
 width: 96%;
 height: auto;
 margin: 0 2%;
 z-index: 10;
 }
 .mainimg .inner {
 width: 100%;
 height: auto;
 text-align:center;
 }
 .mainimg .inner p {
 position: relative;
 height: auto;
 left: 0;
 margin-left: 0;
}
 .mainimg img {
 width: 100%;
 height: auto;
 }
 .wrapper{
 width: 100%;
 padding: 10px 0 0;
 }
 .widecolumn {
 float: none;
 width: 100%;
 }
 .sidecolumn {
 display: none;
 }
 .newsBox {
 width: 94%;
 margin: 0 3%;
 }


 img.frame,#gallery img{border-width:2px;}

 .alignleft,.alignright{
 float:none;
 display:block;
 margin:0 auto 10px;
 }

 .footer .inner {
 width: 94%;
 margin: 0 3%;
 padding: 0 0 10px;
 }
 .footer .ftlogo,
 .footer .corpnavi {
 display: none;
 }
 .footer .footer-nvbox {
 float:none;
 width: 90%;
 margin: 0 5%;
 padding: 0;
 text-align: center;
 }
 .footer .btmnavi ul {
 float:none;
 width: 100%;
 text-align: center;
 }
 .footer .btmnavi ul li {
 float:none;
 display: -moz-inline-box;
 display: inline-block;
 /display: inline;
 /zoom: 1;
 text-align: center;
 }

 .footer .footer-nvbox .btmnavi ul li a {
 padding: 0 14px 0 10px;
 color: #333;
 line-height: 1.2em;
 border-left: none;
 border-right: 1px solid #333;
 }
 .footer .footer-nvbox ul li a:hover {
 color: #0e4da4;
 text-decoration: underline;
 }
 .footer .copyright {
 padding: 6px 0 4px;
 font-size: 0.8em;
 letter-spacing: 0em;
 }

}


/* Slider */
.slick-slider
{
 position: relative;

 display: block;

 -moz-box-sizing: border-box;
 box-sizing: border-box;

 -webkit-user-select: none;
 -moz-user-select: none;
 -ms-user-select: none;
 user-select: none;

 -webkit-touch-callout: none;
 -khtml-user-select: none;
 -ms-touch-action: pan-y;
 touch-action: pan-y;
 -webkit-tap-highlight-color: transparent;
}

.slick-list
{
 position: relative;

 display: block;
 overflow: hidden;

 margin: 0;
 padding: 0;
}
.slick-list:focus
{
 outline: none;
}
.slick-list.dragging
{
 cursor: pointer;
 cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
 -webkit-transform: translate3d(0, 0, 0);
 -moz-transform: translate3d(0, 0, 0);
 -ms-transform: translate3d(0, 0, 0);
 -o-transform: translate3d(0, 0, 0);
 transform: translate3d(0, 0, 0);
}

.slick-track
{
 position: relative;
 top: 0;
 left: 0;

 display: block;
}
.slick-track:before,
.slick-track:after
{
 display: table;

 content: '';
}
.slick-track:after
{
 clear: both;
}
.slick-loading .slick-track
{
 visibility: hidden;
}

.slick-slide
{
 display: none;
 float: left;

 height: 100%;
 min-height: 1px;
}
[dir='rtl'] .slick-slide
{
 float: right;
}
.slick-slide img
{
 display: block;
}
.slick-slide.slick-loading img
{
 display: none;
}
.slick-slide.dragging img
{
 pointer-events: none;
}
.slick-initialized .slick-slide
{
 display: block;
}
.slick-loading .slick-slide
{
 visibility: hidden;
}
.slick-vertical .slick-slide
{
 display: block;

 height: auto;

 border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
 display: none;
}
@charset 'UTF-8';
/* Slider */
.slick-loading .slick-list
{
 background: #fff url('./ajax-loader.gif') center center no-repeat;
}

/* Icons */
@font-face
{
 font-family: 'slick';
 font-weight: normal;
 font-style: normal;

 src: url('/common/css/_import/fonts/slick.eot');
 src: url('/common/css/_import/fonts/slick.eot?#iefix') format('embedded-opentype'), url('/common/css/_import/fonts/slick.woff') format('woff'), url('/common/css/_import/fonts/slick.ttf') format('truetype'), url('/common/css/_import/fonts/slick.svg#slick') format('svg');
}
/* Arrows */
.slick-prev,
.slick-next
{
 font-size: 0;
 line-height: 0;

 position: absolute;
 top: 50%;

 display: block;

 width: 20px;
 height: 20px;
 margin-top: -10px;
 padding: 0;

 cursor: pointer;

 color: transparent;
 border: none;
 outline: none;
 background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
 color: transparent;
 outline: none;
 background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
 opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
 opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
 font-family: 'slick';
 font-size: 20px;
 line-height: 1;

 opacity: .75;
 color: white;

 -webkit-font-smoothing: antialiased;
 -moz-osx-font-smoothing: grayscale;
}

.slick-prev
{
 left: -25px;
}
[dir='rtl'] .slick-prev
{
 right: -25px;
 left: auto;
}
.slick-prev:before
{
 content: '←';
}
[dir='rtl'] .slick-prev:before
{
 content: '→';
}

.slick-next
{
 right: -25px;
}
[dir='rtl'] .slick-next
{
 right: auto;
 left: -25px;
}
.slick-next:before
{
 content: '→';
}
[dir='rtl'] .slick-next:before
{
 content: '←';
}

/* Dots */
.slick-slider
{
 margin-bottom: 30px;
}

.slick-dots
{
 position: absolute;
 bottom: -45px;

 display: block;

 width: 100%;
 padding: 0;

 list-style: none;

 text-align: center;
}
.slick-dots li
{
 position: relative;

 display: inline-block;

 width: 20px;
 height: 20px;
 margin: 0 5px;
 padding: 0;

 cursor: pointer;
}
.slick-dots li button
{
 font-size: 0;
 line-height: 0;

 display: block;

 width: 20px;
 height: 20px;
 padding: 5px;

 cursor: pointer;

 color: transparent;
 border: 0;
 outline: none;
 background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
 outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
 opacity: 1;
}
.slick-dots li button:before
{
 font-family: 'slick';
 font-size: 6px;
 line-height: 20px;

 position: absolute;
 top: 0;
 left: 0;

 width: 20px;
 height: 20px;

 content: '•';
 text-align: center;

 opacity: .25;
 color: black;

 -webkit-font-smoothing: antialiased;
 -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
 opacity: .75;
 color: black;
}

@charset "UTF-8";
/**
 * Version: 1.4.1
 * Register: 2015-11-06
 * Update: 2016-06-19
 */
/**
 * 会員登録
 */
ul.checklist:after {
 clear: both;
 display: table;
 content: "";
}

 ul.checklist li {
 float: left;
 }

 #wish-works .kind label {
 font-weight: bold;
 }

 #wish-works ul li {
 width: 50%;
 }

 #wish-prefs .block label {
 font-weight: bold;
 }

 #wish-prefs ul li {
 width: 25%;
 }

@charset "utf-8";
/**
 * 検索条件
 */
.toggle-condition {
 width: 100%;
 cursor: pointer;
}

.toggle-condition i {
 margin-right: .2em;
}

/**
 * アラート
 */
.alert {
 text-align: center;
 color: #ff0000;
 font-size: 18px;
 margin-top: 40px;
 margin-boddom: 80px;
}

/**
 * 新着アイコン
 */
i.new {
 background-color:#ff0000;
 font-size: 1.1em;
 color:#FFF;
 letter-spacing: 3px;
 padding:4px 30px;
 margin:0 0 6px 10px;
 border-radius: 0px 0px 5px 5px; /* CSS3草案 */ 
 -webkit-border-radius: 0px 0px 5px 5px; /* Safari,Google Chrome用 */ 
 -moz-border-radius: 0px 0px 5px 5px; /* Firefox用 */
 -ms-border-radius: 0px 0px 5px 5px; /* IE用 */
 display: inline-block;
 font-weight: bold;
 float:left;
}

i.osusume {
 background-color:#80BA3A;
 font-size: 1.1em;
 color:#FFF;
 padding:4px 30px;
 margin:0 0 6px 10px;
 border-radius: 0px 0px 5px 5px; /* CSS3草案 */ 
 -webkit-border-radius: 0px 0px 5px 5px; /* Safari,Google Chrome用 */ 
 -moz-border-radius: 0px 0px 5px 5px; /* Firefox用 */
 -ms-border-radius: 0px 0px 5px 5px; /* IE用 */
 display: inline-block;
 font-weight: bold;
}
.iwai {
 display: none;
}
div.job_details_bg .jobdate {
 float:right;
}
div.job_details_bg .jobtype {
 width: 300px;
 float:left;
}

div.job_details_bg .date {
 text-align: right;
 padding-right: 10px;
}
@charset "UTF-8";
/**
 * 送信ボタン
 */
input[type="button"],
input[type="reset"],
input[type="submit"] {
 font-size: 1.1rem;
}

input.search-button[type="button"],
input.search-button[type="reset"],
input.search-button[type="submit"] {
 width: 7em;
 padding: 0 0 0 .5em;
 border:#d8d8d8 1px solid;
 background: #ff0000;
 color: #fff;
 font-weight: bold;
 letter-spacing: .5em;
}

.search-box select {
 width: 10em;
}

@charset "utf-8";
/**
 * 登録会・キャンペーン
 */
i.go {
 display: inline-block;
 word-break: keep-all;
 margin-left: 1em;
 font-weight: bold;
}

@charset "utf-8";
/**
 * 登録フォーム
 */
form b {
 font-weight: normal;
 margin-left: .3em;
 margin-right: .6em;
}

form td p {
 margin-top: .5em;
}

 form td p:first-child {
 margin-top: 0;
 }

form input.del-career {
 background-color: #999;
 color: #fff;
 display: inline-block;
 font-weight: bold;
 font-size: .825rem;
 padding: .25em .5em;
 position: absolute;
 right: 0;
 top: 0;
}

#career h4 {
 position: relative;
 padding-bottom: 1em;
}

/**
 * 必須
 */
tr.required th {
 background-image: url("/img/register/form_must.png");
 background-position: 97.5% 50%;
 background-repeat: no-repeat;
}

.note a.link {
 color: #0075d3;
 text-decoration: underline;
}

@charset "utf-8";
/**
 * チェックリスト
 */
form li b {
 display: block;
 margin-right: 1em;
 font-weight: normal;
 color: #777;
 font-size: 0.7em;
 word-break: keep-all;
}

form li i {
 display: block;
 float: right;
 margin-top: .5em;
}

/**
 * マイページ
 */
div.mypage div.mypage_item td h3 {
 margin-bottom: 0;
}

/**
 * 入力チェック メッセージ
 */
.notice, .message {
 position: relative;
 z-index: inherit;
 zoom: 1; /* For IE6 */
 margin: 0;
 padding: 0;
 color: #ff0000;
 text-align: left;
}

 .notice em, .message em {
 display: block;
 position: absolute;
 min-height: 1.4em;
 bottom: 0;
 left: 0;
 z-index: 10;
 padding: .2em 1em;
 background-color: #fff;
 border: 1px solid #ff0000;
 -moz-border-radius: .3em;
 -webkit-border-radius: .3em;
 -o-border-radius: .3em;
 -ms-border-radius: .3em;
 border-radius: .3em;
 cursor: pointer;
 font-size: 1em;
 font-style: normal;
 line-height: 1.3;
 }

/**
 * 利用規約
 */
.kiyaku {
 margin-left: auto;
 margin-right: auto;
 max-width: 28em;
}
/* input
------------------------------------------------------------*/
.kiyaku input[type=radio],
.kiyaku input[type=checkbox] {
 display: inline-block;
 margin-right: 6px;
}
.kiyaku input[type=radio] + label,
.kiyaku input[type=checkbox] + label {
 position: relative;
 
 display: inline-block;
 margin-right: 12px;
 
 font-size: 14px;
 line-height: 30px;
 
 cursor: pointer;
}
 
@media (min-width: 1px) {
 .kiyaku input[type=radio],
 .kiyaku input[type=checkbox] {
 display: none;
 margin: 0;
 }
 .kiyaku input[type=radio] + label,
 .kiyaku input[type=checkbox] + label {
 padding: 0 0 0 24px;
 }
 .kiyaku input[type=radio] + label::before,
 .kiyaku input[type=checkbox] + label::before {
 content: "";
 position: absolute;
 top: 50%;
 left: 0;
 
 -moz-box-sizing: border-box;
 box-sizing: border-box;
 display: block;
 width: 18px;
 height: 18px;
 margin-top: -9px;
 
 background: #FFF;
 }
 .kiyaku input[type=radio] + label::before {
 border: 2px solid #ccc;
 border-radius: 30px;
 }
 .kiyaku input[type=checkbox] + label::before {
 border: 2px solid #ccc;
 }
 .kiyaku input[type=radio]:checked + label::after,
 .kiyaku input[type=checkbox]:checked + label::after {
 content: "";
 position: absolute;
 top: 50%;
 
 -moz-box-sizing: border-box;
 box-sizing: border-box;
 display: block;
 }
 .kiyaku input[type=radio]:checked + label::after {
 left: 5px;
 
 width: 8px;
 height: 8px;
 margin-top: -4px;
 
 background: #E71063;
 border-radius: 8px;
 }
 .kiyaku input[type=checkbox]:checked + label::after {
 left: 3px;
 
 width: 16px;
 height: 8px;
 margin-top: -8px;
 
 border-left: 3px solid #E71063;
 border-bottom: 3px solid #E71063;
 
 -webkit-transform: rotate(-45deg);
 -ms-transform: rotate(-45deg);
 transform: rotate(-45deg);
 }
}

/**
 * メッセージ
 */
#message-box {
 display: none;
 position: absolute;
 z-index: 100;
 min-width: 16em;
 max-width: 40em;
 min-height: 6em;
 background-color: #fff;
 border: 1px solid #ccc;
}

 #message-box #popup-title {
 position: relative;
 height: 2em;
 background-color: #666;
 border-bottom: 1px solid #ccc;
 cursor: move;
 }

 #message-box #popup-title #popup-close {
 display: block;
 position: absolute;
 right: 0;
 top: 0;
 z-index: 110;
 cursor: pointer;
 }

 #message-box p {
 padding: 1em 2em;
 }

#popup-bg {
 display: none;
 position: fixed;
 z-index: 90;
 width: 100%;
 height: 100%;
 background-color: #000;
 opacity: .5;
}

 i.fa-times {
 color: #ff0000;
 font-size: 2rem;
 }

 .btn.keep a.hold {
 color: #ccc !important;
 }

/**
 * 検討中無効
 */
.public-none {
 background-color: #f5f5f5;
 color: #ccc;
}

/**
 * かんたん応募
 */
.hold-box .tb_entry td.mark {
 white-space: nowrap;
 text-align: left;
}

.hold-box .tb_entry td.kento {
 width: auto;
}

.tb_entry td.mark span.simple_register {
 display: inline-block;
 font-size: 10px;
 line-height: 10px;
 padding: 5px 4px 7px;
 margin-left: 4px;
 background-color:#F4ED47;
 color: #26558C;
 border: 1px solid #26558C;
 font-weight: normal;
 width: auto;
 border-radius: 0;
 width: 70px;
 font-weight: bold;
 margin-top: 3px;
}


/**
 * 利用規約
 */
#kiyaku-box {
 display: none;
 position: absolute;
 z-index: 100;
 min-width: 20em;
 max-width: 76em;
 min-height: 6em;
 background-color: #fff;
 border: 1px solid #ccc;
 height: 90%;
}

 #kiyaku-box #popup-title {
 position: relative;
 height: 2.5em;
 background-color: #666;
 border-bottom: 1px solid #ccc;
 cursor: move;
 }

 #kiyaku-box #popup-title #popup-close {
 display: block;
 position: absolute;
 right: 0;
 top: 0;
 z-index: 110;
 cursor: pointer;
 }

 #kiyaku {
 padding: 1em 2em;
 }

.kiyaku-body {
 overflow: scroll;
 height: 90%;
}

#popup-title {
 color: #fff;
 font-size: 16px;
 font-weight: bold;
 text-align: center;
 line-height: 1.7;
 padding: .5em 0;
}

/**
 * エントリー完了
 */
div.mypage div.mypage_item h2.baito {
 background-color: #00983c;
}

div.mypage div.mypage_item p.error {
 color: #ff0000;
}

@charset "utf-8";
/**
 * こだわり条件（勤務時間・曜日など）
 */
.kodawari-icon_100 {
 background:linear-gradient(#ffffff, #ffb6b6);
 /* webkit用 */
 background:-webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#ffb6b6));
 /* mozilla用 */
 background:-moz-linear-gradient(top, #ffffff, #ffb6b6);
 /*IE6 IE7 */
 filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#ffffff, endcolorstr=#ffb6b6));
 /* IE8 */
 -ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#ffffff, endcolorstr=#ffb6b6))";
 zoom: 1;
 border-radius: 2px; /* CSS3草案 */ 
 -webkit-border-radius: 2px; /* Safari,Google Chrome用 */ 
 -moz-border-radius: 2px; /* Firefox用 */
 -ms-border-radius: 2px; /* IE用 */
 border:1px solid #ffb6b6;
}

/**
 * こだわり条件（待遇・福利厚生など）
 */
.kodawari-icon_200 {
 background:linear-gradient(#ffffff, #d8e8af);
 /* webkit用 */
 background:-webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#d8e8af));
 /* mozilla用 */
 background:-moz-linear-gradient(top, #ffffff, #d8e8af);
 /*IE6 IE7 */
 filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#ffffff, endcolorstr=#d8e8af));
 /* IE8 */
 -ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#ffffff, endcolorstr=#d8e8af))";
 zoom: 1;
 border-radius: 2px; /* CSS3草案 */ 
 -webkit-border-radius: 2px; /* Safari,Google Chrome用 */ 
 -moz-border-radius: 2px; /* Firefox用 */
 -ms-border-radius: 2px; /* IE用 */
 border:1px solid #d8e8af;
}

/**
 * こだわり条件（特徴的な勤務内容）
 */
.kodawari-icon_300 {
 background:linear-gradient(#ffffff, #d8e8af);
 /* webkit用 */
 background:-webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#d8e8af));
 /* mozilla用 */
 background:-moz-linear-gradient(top, #ffffff, #d8e8af);
 /*IE6 IE7 */
 filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#ffffff, endcolorstr=#d8e8af));
 /* IE8 */
 -ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#ffffff, endcolorstr=#d8e8af))";
 zoom: 1;
 border-radius: 2px; /* CSS3草案 */ 
 -webkit-border-radius: 2px; /* Safari,Google Chrome用 */ 
 -moz-border-radius: 2px; /* Firefox用 */
 -ms-border-radius: 2px; /* IE用 */
 border:1px solid #d8e8af;
}

@charset "utf-8";
/**
 * タイトル
 */
.wrapper h1.title {
 font-size: .875rem;
 max-height: 19px;
 overflow:hidden;
}

/**
 * あなたが最近チェックしたお仕事情報
 */
.checked-jobinfo {
 padding: 1em 2em;
}

 .checked-jobinfo li {
 white-space: nowrap;
 text-overflow: ellipsis;
 width: 100%;
 line-height: 2.0;
 overflow: hidden;
 }

 .checked-jobinfo li::before {
 content: "・";
 float: left;
 font-size: .6em;
 margin-top: .8em;
 padding-right: .8em;
 }

/**
 * 職種アイコン
 */
.officework, .sales, .medical, .finance, .technical, .factory {
 font-size:11px;
 color:#FFF;
 margin:left:5px;
 padding:1px 5px;
 border-radius: 2px; /* CSS3草案 */
 -webkit-border-radius: 2px; /* Safari,Google Chrome用 */
 -moz-border-radius: 2px; /* Firefox用 */
 -ms-border-radius: 2px; /* IE用 */
}

.officework {
 background-color: #f0849f;
}

.sales {
 background-color: #fe8700;
}

.medical {
 background-color: #22ac38;
}

.finance {
 background-color: #c5ae1f;
}

.technical {
 background-color: #9fa0a0;
}

.factory {
 background-color: #2c92bd;
}

/**
 * かんたん応募
 */
.simple_register {
 display: inline-block;
 font-size: 10px;
 line-height: 10px;
 padding: 2px 4px 1px;
 margin-right: 4px;
 background-color: #F4ED47;
 color: #26558C;
 border: 1px solid #26558C;
}

 .age-info .simple_register,
 .pr .simple_register {
 position: relative;
 margin-left: 4px;
 margin-right: 0;
 }

 .age-info .simple_register {
 top: -2px;
 }

 .pr .simple_register {
 top: -4px;
 }
/**
 *
 */
#pickup-job .officework, #pickup-job .sales, #pickup-job .medical, #pickup-job .finance, #pickup-job .technical, #pickup-job .factory,
#pickup-recommend .officework, #pickup-recommend .sales, #pickup-recommend .medical, #pickup-recommend .finance, #pickup-recommend .technical, #pickup-recommend .factory,
#pickup-work2 .officework, #pickup-work2 .sales, #pickup-work2 .medical, #pickup-work2 .finance, #pickup-work2 .technical, #pickup-work2 .factory {
 color: #333;
 font-size: 100%;
}

/**
 * ローディング
 */
#loading {
 position: absolute;
 z-index: 1000;
 left: 50%;
 top: 50%;
 width: 100px;
 height: 100px;
 margin-top: -50px;
 margin-left: -50px;
}

 #loading i {
 font-size: 100px;
 }

/**
 * ブロック選択
 */
#block-area li.block {
 display: block;
}

#block-area li.block:first-child {
 margin-top: 1em;
}

#block-area li.block a {
 display: block;
 padding: .4em 0.5em;
 font-size: 16px;
 font-weight: bold;
 color: #333;
 background: #F4F5E7;
 margin-bottom: 5px;
}
#block-area li.block a:before {
 content: " \f055";
 font-family: FontAwesome;
 color: #ff0000;
 margin-right: 5px;
}
#block-area-loading {
 text-align: center;
}

#block-area-loading i.fa-spinner {
 margin-top: 2em;
 font-size: 60px !important;
 color: #333;
}


/**
 * オススメの仕事案件（オススメ あなたにピッタリのお仕事）
 */
.widecolumn section.jobinfo-recommend h1 {
 margin-bottom: 0;
 position: relative;
 padding-left: 160px;
}
.widecolumn section.jobinfo-recommend h1 img{
 position :absolute;
 top: -5px;
 left: 40px;
}

.jobinfo-recommend ul li {
 display: block;
 width: 250px;
 float: left;
 overflow: hidden;
 margin-right: 6px;
 border: 1px solid #9FA0A0;
}

.jobinfo-recommend ul li:nth-child(3) {
 margin-right: 0px;
}

.jobinfo-recommend .recommend {
 display: block;
 padding: 15px 15px 0 15px;
 height: 275px;
 margin-bottom: 10px;
 overflow: hidden;
}

.jobinfo-recommend .recommend a.next {
 background: url(/img/jobinfo/li.gif) no-repeat left center;
 padding-left: 18px;
 color: #036EB8;
 margin-bottom: 6px;
 display: block;
}

.jobinfo-recommend .recommend p img {
 float: right;
 margin: 0 0 6px 6px;
}

.jobinfo-recommend .next-entry a {
 display: block;
 width: 100%;
 padding: 3px 10px;
 text-align: center;
 background-color:#E60012;
 color: #FFF;
}

.jobinfo-recommend .pr {
 height: 2.8em;
 overflow: hidden;
 margin: 0 0 .8em;
 padding: 0;
 color: #000;
 display: -webkit-box;
 -webkit-box-orient: vertical;
 -webkit-line-clamp: 2;
}

.jobinfo-recommend .text {
 height: 2.8em;
 line-height: 1.4;
 overflow: hidden;
 margin-bottom: .4em;
 display: -webkit-box;
 -webkit-box-orient: vertical;
 -webkit-line-clamp: 2;
}

.jobinfo-recommend .list {
 width: 100%;
 background-color: #f6f3da;
 border-left: 1px solid #fff;
 border-top: 1px solid #fff;
}

.jobinfo-recommend .list th, .jobinfo-recommend .list td {
 border-right: 1px solid #fff;
 border-bottom: 1px solid #fff;
 padding: .4em .2em;
 font-size: 1em;
 line-height: 1.5;
}

.jobinfo-recommend .list th {
 background: #aeb4aa;
 width: 4em;
 white-space: nowrap;
}

/**
 * 登録エントリー完了のオススメ
 */
.register-recommend {
 width: 100%;
 line-height: 1.5;
}

.thank-pickup ul {
 margin-left: 19px;
}


@charset "utf-8";
/**
 * 内容
 */
.job-body {
 line-height: 1.5;
 margin-bottom: 20px;
}

/**
 * 画像（PC用）
 */
.job-image {
 float: left;
 position: relative;
 width: 280px;
 margin-right: 10px;
 margin-bottom: 10px;
 padding: 0 20px;
}

.job-image .image-btn {
 position: absolute;
 width: 30px;
 height: 30px;
 border: 2px solid #ccc;
 border-radius: 50%;
 z-index: 10;
 text-align: center;
 cursor: pointer;
}

.job-image .prev-btn {
 top: 40%;
 left: 5px;
}

.job-image .next-btn {
 top: 40%;
 right: 5px;
}

.job-image-main {
 width: 240px;
 height: 240px;
 overflow: hidden;
 display: flex;
 flex-direction: column;
 align-items: center;
 justify-content: center;
}

.job-image-main p {
 display: none;
}

.job-image-main p:first-child {
 display: block;
}

.job-image-main p b {
 font-size: .875em;
 margin-top: .2em;
}

.job-image-list {
 margin-top: 5px;
}

 .job-image-list::after {
 content: "";
 display: table;
 clear: both;
 }

.job-image-list li {
 float: left;
 width: 20px;
 margin-right: 20px;
 cursor: pointer;
 color: #F39800;
}

.job-image-list li:first-child {
 margin-left: 70px;
}

.job-image-list li:last-child {
 margin-right: 0;
}

/**
 * 矢印
 */
.arrow {
 position: relative;
 display: inline-block;
 padding: 0 0 0 16px;
 color: #000;
 vertical-align: middle;
 text-decoration: none;
 font-size: 15px;
}
.arrow::before,
.arrow::after {
 position: absolute;
 top: 0;
 bottom: 0;
 left: 0;
 margin: auto;
 content: "";
 vertical-align: middle;
}

/**
 * 矢印左
 */
.arrow-left::after {
 left: 4px;
 width: 10px;
 height: 10px;
 border-bottom: 2px solid #ccc;
 border-left: 2px solid #ccc;
 -webkit-transform: rotate(45deg);
 transform: rotate(45deg);
}

/**
 * 矢印右
 */
.arrow-right::after {
 left: 0;
 width: 10px;
 height: 10px;
 border-top: 2px solid #ccc;
 border-right: 2px solid #ccc;
 -webkit-transform: rotate(45deg);
 transform: rotate(45deg);
}

/**
 * 必須
 */
tr.required th {
 background-image: url("/img/register/form_must.png");
 background-position: 97.5% 50%;
 background-repeat: no-repeat;
}

.note a.link {
 color: #0075d3;
 text-decoration: underline;
}

@charset "utf-8";
/**
 * チェックリスト
 */
form li b {
 display: block;
 margin-right: 1em;
 font-weight: normal;
 color: #777;
 font-size: 0.7em;
 word-break: keep-all;
}

form li i {
 display: block;
 float: right;
 margin-top: .5em;
}

/**
 * マイページ
 */
div.mypage div.mypage_item td h3 {
 margin-bottom: 0;
}

/**
 * 入力チェック メッセージ
 */
.notice, .message {
 position: relative;
 z-index: inherit;
 zoom: 1; /* For IE6 */
 margin: 0;
 padding: 0;
 color: #ff0000;
 text-align: left;
}

 .notice em, .message em {
 display: block;
 position: absolute;
 min-height: 1.4em;
 bottom: 0;
 left: 0;
 z-index: 10;
 padding: .2em 1em;
 background-color: #fff;
 border: 1px solid #ff0000;
 -moz-border-radius: .3em;
 -webkit-border-radius: .3em;
 -o-border-radius: .3em;
 -ms-border-radius: .3em;
 border-radius: .3em;
 cursor: pointer;
 font-size: 1em;
 font-style: normal;
 line-height: 1.3;
 }

/**
 * 利用規約
 */
.kiyaku {
 margin-left: auto;
 margin-right: auto;
 max-width: 28em;
}
/* input
------------------------------------------------------------*/
.kiyaku input[type=radio],
.kiyaku input[type=checkbox] {
 display: inline-block;
 margin-right: 6px;
}
.kiyaku input[type=radio] + label,
.kiyaku input[type=checkbox] + label {
 position: relative;
 
 display: inline-block;
 margin-right: 12px;
 
 font-size: 14px;
 line-height: 30px;
 
 cursor: pointer;
}
 
@media (min-width: 1px) {
 .kiyaku input[type=radio],
 .kiyaku input[type=checkbox] {
 display: none;
 margin: 0;
 }
 .kiyaku input[type=radio] + label,
 .kiyaku input[type=checkbox] + label {
 padding: 0 0 0 24px;
 }
 .kiyaku input[type=radio] + label::before,
 .kiyaku input[type=checkbox] + label::before {
 content: "";
 position: absolute;
 top: 50%;
 left: 0;
 
 -moz-box-sizing: border-box;
 box-sizing: border-box;
 display: block;
 width: 18px;
 height: 18px;
 margin-top: -9px;
 
 background: #FFF;
 }
 .kiyaku input[type=radio] + label::before {
 border: 2px solid #ccc;
 border-radius: 30px;
 }
 .kiyaku input[type=checkbox] + label::before {
 border: 2px solid #ccc;
 }
 .kiyaku input[type=radio]:checked + label::after,
 .kiyaku input[type=checkbox]:checked + label::after {
 content: "";
 position: absolute;
 top: 50%;
 
 -moz-box-sizing: border-box;
 box-sizing: border-box;
 display: block;
 }
 .kiyaku input[type=radio]:checked + label::after {
 left: 5px;
 
 width: 8px;
 height: 8px;
 margin-top: -4px;
 
 background: #E71063;
 border-radius: 8px;
 }
 .kiyaku input[type=checkbox]:checked + label::after {
 left: 3px;
 
 width: 16px;
 height: 8px;
 margin-top: -8px;
 
 border-left: 3px solid #E71063;
 border-bottom: 3px solid #E71063;
 
 -webkit-transform: rotate(-45deg);
 -ms-transform: rotate(-45deg);
 transform: rotate(-45deg);
 }
}