@charset "UTF-8";
/*==================================================
/ 変数
/=================================================*/
/* テーマ色 */
/* 本文見出し色 */
/* 本文見出し色2 */
/* サブ見出し色 */
/* サブ見出し色2 */
/* 背景色 */
/* ボーダー色 */
/* 文字色 */
/* リンク色 */
/* エラー色 */
/*==================================================
/ フォント
/=================================================*/
/* フォントサイズ */
/*==================================================
/ 配置
/=================================================*/
/* 中央 */
/*==================================================
/ マーク
/=================================================*/
/* 矢印（左）*/
/* 矢印（下）*/
/*==================================================
/ 見出し
/=================================================*/
/* ブロック */
/*==================================================
/ ボックス
/=================================================*/
/* 角丸 */
/*==================================================
/ リスト
/=================================================*/
/*==================================================
/ ボタン
/=================================================*/
/* デフォルトボタン */
/* 送信ボタン */
/* 注意ボタン */
/* リンクボタン */
/*==================================================
/ フォーム
/=================================================*/
/* スマホ用 */
/*==================================================
/ テーブル
/=================================================*/
/* スマホ用の調節 */
/* 一覧表 */
/* 一覧表（スマホ調節） */
/*==================================================
/ コンテンツ
/=================================================*/
/*
@mixin contents-list {
	&-header {
		display: table;
		width: 100%;
		background-color: #eee;
		border: 1px solid #ccc;
	}

	&-header > div:last-child,
	&-entry__data > div:last-child {
		border-right: none;
	}

	&-header-cell,
	&-body-cell {
		display: table-cell;
		padding: 5px;
		vertical-align: middle;
		border-right-width: 1px;
		border-right-style: solid;
		border-right-color: #ccc;
	}

	&-header-cell {
		text-align: center;
	}

	&-body {
		display: table;
		width: 100%;
		background-color: #fff;
		border-right-width: 1px;
		border-right-style: solid;
		border-right-color: #ccc;
		border-bottom-width: 1px;
		border-left-width: 1px;
		border-bottom-style: solid;
		border-left-style: solid;
		border-bottom-color: #ccc;
		border-left-color: #ccc;
	}

}

/*==================================================
/ メディア
/=================================================*/
/*==================================================
/ rightEditor
/=================================================*/
/*==================================================
/ その他
/=================================================*/
/* 透過 */
/*==================================================	
/ タイトル
/=================================================*/
/* ブロック用 */
.job-relation__title, .job-outline__title, .company-jobs__title, .company-outline__title {
  font-size: 16px;
  font-size: 1.6rem;
  margin-bottom: 20px;
  padding-bottom: 10px;
  border-bottom-width: 4px;
  border-bottom-style: solid;
  border-bottom-color: #CB3051;
}

/* ブロック用（ボーダー左向き） */
.not-member__title {
  font-size: 16px;
  font-size: 1.6rem;
  margin-bottom: 20px;
  padding-left: 10px;
  border-left-width: 5px;
  border-left-style: solid;
  border-left-color: #CB3051;
}

/* ブロック用（ボーダー下向き） */
/* コンテンツ用 */
.special-detail__title, .news__title, .guide__title, .event-detail__title, .article-detail__title, .page-detail__title {
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 1.7;
  border-top-width: 5px;
  border-top-style: solid;
  border-top-color: #CB3051;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #CB3051;
  padding: 15px 0;
  margin-bottom: 20px;
}

/*==================================================	
/ ボックス
/=================================================*/
/* レイアウト用 */
.search-word-form, .condition-search, .panel-inner {
  padding: 10px;
  border: 1px solid #ccc;
}

/* フォーム入力 */
.search-word-form__keyword, .input-number, .input-tel, .input-email, .input-password, .textarea, .input-text--long, .input-text--middle, .input-text--short, .input-text--xshort, .input-text--half, .input-text, .form-address__city, .form-address__town, .form-address__building, .form-zip__input, .form-name__sei, .form-name__mei, .condition-search__keyword {
  padding: 10px;
  box-sizing: border-box;
  border: solid 1px #ccc;
}

/* セレクトボックス */
.select-date select, .select-pref, .select, .form-address__pref, .condition-search__area, .condition-search__category, .condition-search__employment {
  padding: 9px;
  box-sizing: border-box;
  border: solid 1px #ccc;
}

/*==================================================
/ ボタン
/=================================================*/
/*==================================================	
/ テキスト
/=================================================*/
/* 注意 */
.attention {
  color: #ff0000;
}

/* 成功 */
.success {
  color: #9acd32;
}

/* 左揃え */
.text-left {
  text-align: left;
}

/* 中央揃え */
.text-center {
  text-align: center;
}

/* 右揃え */
.text-right {
  text-align: right;
}

/* インライン */
.text-inline__item {
  display: inline-block;
}

/*==================================================	
/ ボタン
/=================================================*/
/* デフォルト */
.btn-default {
  box-sizing: border-box;
  width: auto;
  -webkit-appearance: none;
  box-shadow: inset 0px 1px 0px 0px #ffffff;
  background: linear-gradient(to bottom, #ffffff 5%, #dddddd 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="$shadow_color", endColorstr="$bgcolor",GradientType=0);
  border: 1px solid #999999;
  border-radius: 4px;
  color: #666666;
  color: #fff\9 ; /* IE9 */
  text-decoration: none;
  height: auto;
  padding: 10px;
  vertical-align: middle;
  font-weight: bold;
  line-height: normal;
  cursor: pointer;
  text-align: center;
}
.btn-default:hover {
  background: linear-gradient(to bottom, #dddddd 5%, #ffffff 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="$bgcolor", endColorstr="$shadow_color",GradientType=0);
  background-color: #ffffff;
  text-decoration: none;
}
.btn-default:active {
  position: relative;
  top: 1px;
}

/* 送信 */
.btn-send {
  box-sizing: border-box;
  width: auto;
  -webkit-appearance: none;
  box-shadow: inset 0px 1px 0px 0px #F56361;
  background: linear-gradient(to bottom, #F56361 5%, #FD2652 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="$shadow_color", endColorstr="$bgcolor",GradientType=0);
  border: 1px solid #CB3051;
  border-radius: 4px;
  color: #fff;
  color: #fff\9 ; /* IE9 */
  text-decoration: none;
  height: auto;
  padding: 10px 20px;
  vertical-align: middle;
  font-weight: bold;
  line-height: normal;
  cursor: pointer;
  text-align: center;
}
.btn-send:hover {
  background: linear-gradient(to bottom, #FD2652 5%, #F56361 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="$bgcolor", endColorstr="$shadow_color",GradientType=0);
  background-color: #F56361;
  text-decoration: none;
}
.btn-send:active {
  position: relative;
  top: 1px;
}

/* リンク */
.btn-link {
  box-sizing: border-box;
  width: auto;
  -webkit-appearance: none;
  box-shadow: inset 0px 1px 0px 0px #F56361;
  background: linear-gradient(to bottom, #F56361 5%, #FD2652 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="$shadow_color", endColorstr="$bgcolor",GradientType=0);
  border: 1px solid #CB3051;
  border-radius: 4px;
  color: #fff;
  color: #fff\9 ; /* IE9 */
  text-decoration: none;
  height: auto;
  padding: 10px 20px;
  vertical-align: middle;
  font-weight: bold;
  line-height: normal;
  cursor: pointer;
  text-align: center;
}
.btn-link:hover {
  background: linear-gradient(to bottom, #FD2652 5%, #F56361 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="$bgcolor", endColorstr="$shadow_color",GradientType=0);
  background-color: #F56361;
  text-decoration: none;
}
.btn-link:active {
  position: relative;
  top: 1px;
}

/* 注意 */
.btn-attention {
  box-sizing: border-box;
  width: auto;
  -webkit-appearance: none;
  box-shadow: inset 0px 1px 0px 0px #F56361;
  background: linear-gradient(to bottom, #F56361 5%, #FD2652 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="$shadow_color", endColorstr="$bgcolor",GradientType=0);
  border: 1px solid #CB3051;
  border-radius: 4px;
  color: #fff;
  color: #fff\9 ; /* IE9 */
  text-decoration: none;
  height: auto;
  padding: 10px 20px;
  vertical-align: middle;
  font-weight: bold;
  line-height: normal;
  cursor: pointer;
  text-align: center;
}
.btn-attention:hover {
  background: linear-gradient(to bottom, #FD2652 5%, #F56361 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="$bgcolor", endColorstr="$shadow_color",GradientType=0);
  background-color: #F56361;
  text-decoration: none;
}
.btn-attention:active {
  position: relative;
  top: 1px;
}

/* 切り替え */
/*
.btn-toggle {
	@include font-size(14);
	display: none;
	cursor: pointer;
	vertical-align: top;
	border: none;
	background-color: #fff;
}
*/
/* 切り替え */
.btn-toggle {
  font-size: 14px;
  font-size: 1.4rem;
  display: none;
  cursor: pointer;
  vertical-align: top;
  background-color: #fff;
  border-style: solid;
  border-width: 12px 8px 0 8px;
  border-color: #000000 transparent transparent transparent;
  line-height: 100%;
  padding: 0;
  font-size: 0;
}
.btn-toggle.is-active {
  border-width: 0 8px 12px 8px;
  border-color: transparent transparent #000000 transparent;
}

@media screen and (max-width: 640px) {
  .btn-toggle {
    display: inline-block;
  }
}
/*==================================================	
/ 横幅
/=================================================*/
/* 更に短い */
.w-xshort, .input-text--xshort {
  width: 100px;
}

/* 短い */
.w-short, .input-text--short {
  width: 200px;
}

/* 中間 */
.w-middle, .input-password, .input-text--middle {
  width: 400px;
}

/* 長い */
.w-long, .input-text--long {
  width: 600px;
}

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

/* 200px */
.w200 {
  width: 200px !important;
}

/* 300px */
.w300 {
  width: 300px !important;
}

/*==================================================	
/ マージン
/=================================================*/
/* 上 */
.mt5 {
  margin-top: 5px;
}

.mt10 {
  margin-top: 10px;
}

.mt20 {
  margin-top: 20px;
}

/* 右 */
.mr5 {
  margin-right: 5px;
}

.mr10 {
  margin-right: 10px;
}

.mr20 {
  margin-right: 20px;
}

/* 下 */
.mb5 {
  margin-bottom: 5px;
}

.mb10 {
  margin-bottom: 10px;
}

.mb20 {
  margin-bottom: 20px;
}

/* 左 */
.ml5 {
  margin-left: 5px;
}

.ml10 {
  margin-left: 10px;
}

.ml20 {
  margin-left: 20px;
}

/* 解除 */
.m0 {
  margin: 0 !important;
}

/*==================================================	
/ その他
/=================================================*/
/* 省略 */
.is-ellipsis {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

/* サムネイル */
.js-thumbnail {
  overflow: hidden;
  position: relative;
}
.js-thumbnail img {
  position: relative;
}

@media screen and (max-width: 640px) {
  /* スマホ用切り替え */
  .js-sptoggle {
    position: relative;
    text-decoration: none;
    cursor: pointer;
  }
  .js-sptoggle:after {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    right: 10px;
    width: 6px;
    height: 6px;
    margin: -4px 0 0 0;
    border-bottom: solid 2px #0066cc;
    border-right: solid 2px #0066cc;
    transform: rotate(45deg);
  }
  /* 要素を開く */
  .is-open:after {
    border-top: solid 2px #0066cc;
    border-left: solid 2px #0066cc;
    border-right: none;
    border-bottom: none;
  }
}
/*==================================================	
/ CSS Reset
/=================================================*/
/* html5doctor.com Reset v1.6.1 (http://html5doctor.com/html-5-reset-stylesheet/) - http://cssreset.com */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

body {
  line-height: 1;
}

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

nav ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

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

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}

mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold;
}

del {
  text-decoration: line-through;
}

abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}

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

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}

input, select {
  vertical-align: middle;
}

/*==================================================	
/ Base
/=================================================*/
html {
  font-size: 62.5%;
  overflow-y: scroll;
}

body,
input,
select,
textarea,
button,
pre {
  font-size: 14px;
  font-size: 1.4rem;
  font-family: "Lucida Grande", Arial, "Hiragino Kaku Gothic Pro", Meiryo, "メイリオ", sans-serif;
}

a {
  text-decoration: none;
  color: #0066cc;
}

a:hover {
  text-decoration: underline;
}
a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=$opacity)";
}

img {
  vertical-align: bottom;
}

p,
dt,
dd,
th,
td {
  line-height: 1.7;
}

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

textarea {
  vertical-align: bottom;
}

/*==================================================	
/ 全体
/=================================================*/
.l-wrapper {
  border-top-width: 5px;
  border-top-style: solid;
  border-top-color: #CB3051;
  text-align: left;
}

/*==================================================	
/ ヘッドライン（ヘッダー上）
/=================================================*/
.l-headline {
  width: 960px;
  margin-left: auto;
  margin-right: auto;
  font-size: 12px;
  font-size: 1.2rem;
  padding-top: 10px;
}

@media screen and (max-width: 640px) {
  .l-headline {
    display: none;
  }
}
/*==================================================	
/ ヘッダー
/=================================================*/
.l-header {
  width: 960px;
  margin-left: auto;
  margin-right: auto;
  display: table;
  padding-top: 10px;
  padding-bottom: 10px;
}
.l-header-main {
  display: table-cell;
  width: 300px;
  vertical-align: middle;
}
.l-header-side {
  display: table-cell;
  text-align: right;
  vertical-align: middle;
}

/* サイトメッセージ */
.site-message {
  font-size: 12px;
  font-size: 1.2rem;
  margin-bottom: 10px;
}

/* サイトタイトル */
.site-title {
  width: 100%;
}
.site-title a {
  color: #000;
  text-decoration: none;
  font-size: 30px;
  font-size: 3rem;
}

@media screen and (max-width: 768px) {
  .l-header {
    box-sizing: border-box;
    width: 100%;
    padding: 10px;
  }
  .l-header-main {
    width: auto;
  }
  .site-title img {
    max-width: 100%;
    vertical-align: middle;
  }
}
@media screen and (max-width: 640px) {
  .l-header-main {
    width: 200px;
  }
}
@media screen and (max-width: 480px) {
  .l-header-main {
    width: 150px;
  }
}
@media screen and (max-width: 320px) {
  .l-header-main {
    display: none;
  }
}
/*==================================================	
/ 中央（ヘッダー下）
/=================================================*/
.l-center {
  width: 960px;
  margin-left: auto;
  margin-right: auto;
  margin: 0 auto;
  padding-top: 20px;
}

@media screen and (max-width: 768px) {
  .l-center {
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    padding: 0;
  }
}
/*==================================================	
/ コンテナ
/=================================================*/
.l-container {
  width: 960px;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
  padding: 20px 0;
  /* メンテナンス */
  /* 2カラム */
}
.l-container.is-maintenance {
  padding-top: 50px;
}
.l-container.is-twoColumn .l-main {
  float: left;
  width: 640px;
}

.l-main {
  width: 100%;
}
.l-main-top {
  margin-bottom: 20px;
}
.l-main-bottom {
  margin-top: 20px;
}

.l-sidebar {
  float: right;
  width: 300px;
}
.l-sidebar div:last-child {
  margin-bottom: 0;
}

@media screen and (max-width: 768px) {
  .l-container {
    box-sizing: border-box;
    width: 100%;
    padding: 20px;
    /* 2カラム */
  }
  .l-container.is-twoColumn .l-main {
    width: 440px;
  }
  .l-sidebar {
    width: 250px;
  }
}
@media screen and (max-width: 640px) {
  .l-container {
    padding: 0;
    /* 2カラム */
  }
  .l-container.is-twoColumn .l-main {
    float: none;
    width: 100%;
  }
  .l-sidebar {
    float: none;
    width: 100%;
  }
  .l-inner {
    padding: 10px;
  }
}
/*==================================================	
/ フッター
/=================================================*/
.l-footer {
  width: 100%;
}
.l-footer-inner {
  background-color: #F7EFDE;
  border-top-width: 2px;
  border-top-style: solid;
  border-top-color: #F56361;
  padding: 20px;
}
.l-footer-inner .navigation:last-child, .l-footer-inner .widget:last-child {
  margin-bottom: 0;
}

/*==================================================	
/ フォーム
/=================================================*/
@media screen and (max-width: 640px) {
  .l-form {
    padding: 10px;
  }
}
/*==================================================	
/ ログイン
/=================================================*/
.l-login {
  width: 600px;
  margin-left: auto;
  margin-right: auto;
}

/* ログインボックス */
.login-box {
  border: 1px solid #ccc;
}
.login-box__title {
  font-size: 16px;
  background-color: #eee;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #ccc;
  padding: 10px;
}
.login-box-bottom {
  text-align: right;
  padding: 0 20px 20px 20px;
}
.login-box-bottom__link {
  position: relative;
  padding-left: 1.2em;
  text-decoration: none;
}
.login-box-bottom__link:after {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 6px;
  height: 6px;
  margin: -4px 0 0 0;
  border-top: solid 2px #0066cc;
  border-right: solid 2px #0066cc;
  transform: rotate(45deg);
}

@media screen and (max-width: 640px) {
  .l-login {
    box-sizing: border-box;
    width: 100%;
    padding: 10px;
  }
}
/* css module */
/*==================================================	
/ セクション
/=================================================*/
.section {
  margin-bottom: 20px;
}
.section-heading {
  border-bottom-width: 2px;
  border-bottom-style: solid;
  border-bottom-color: #CB3051;
  padding-bottom: 8px;
  margin-bottom: 20px;
  overflow: hidden;
}
.section-heading__title {
  font-size: 20px;
  font-size: 2rem;
  float: left;
}
.section-heading__more {
  float: right;
}

@media screen and (max-width: 640px) {
  .section {
    margin-bottom: 0;
  }
  .section-heading {
    border-bottom: none;
    padding: 10px;
    margin-bottom: 0;
    background-color: #CB3051;
    color: #fff;
  }
  .section-heading a {
    color: #fff;
  }
}
/*==================================================	
/ パネル
/=================================================*/
.panel {
  margin-bottom: 20px;
}
.panel:last-child {
  margin-bottom: 0;
}
.panel-heading {
  background-color: #CB3051;
  padding: 10px;
  color: #fff;
  overflow: hidden;
}
.panel-heading__title {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: normal;
  float: left;
}
.panel-heading__action {
  float: right;
  margin-left: 10px;
}
.panel-heading__add {
  box-sizing: border-box;
  width: auto;
  -webkit-appearance: none;
  box-shadow: inset 0px 1px 0px 0px #ffffff;
  background: linear-gradient(to bottom, #ffffff 5%, #e0e0e0 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="$shadow_color", endColorstr="$bgcolor",GradientType=0);
  border: 1px solid #cccccc;
  border-radius: 4px;
  color: #666666;
  color: #fff\9 ; /* IE9 */
  text-decoration: none;
  height: auto;
  padding: 10px 20px;
  vertical-align: middle;
  font-weight: bold;
  line-height: normal;
  cursor: pointer;
  text-align: center;
}
.panel-heading__add:hover {
  background: linear-gradient(to bottom, #e0e0e0 5%, #ffffff 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="$bgcolor", endColorstr="$shadow_color",GradientType=0);
  background-color: #ffffff;
  text-decoration: none;
}
.panel-heading__add:active {
  position: relative;
  top: 1px;
}
.panel__title {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: normal;
  background-color: #CB3051;
  padding: 10px;
  color: #fff;
}
.panel-inner {
  overflow: hidden;
}
.panel-bottom__button {
  box-sizing: border-box;
  width: 150px;
  -webkit-appearance: none;
  box-shadow: inset 0px 1px 0px 0px #ffffff;
  background: linear-gradient(to bottom, #ffffff 5%, #e0e0e0 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="$shadow_color", endColorstr="$bgcolor",GradientType=0);
  border: 1px solid #cccccc;
  border-radius: 4px;
  color: #666666;
  color: #fff\9 ; /* IE9 */
  text-decoration: none;
  height: auto;
  padding: 10px 20px;
  vertical-align: middle;
  font-weight: bold;
  line-height: normal;
  cursor: pointer;
  text-align: center;
  display: block;
  margin: 0 auto;
}
.panel-bottom__button:hover {
  background: linear-gradient(to bottom, #e0e0e0 5%, #ffffff 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="$bgcolor", endColorstr="$shadow_color",GradientType=0);
  background-color: #ffffff;
  text-decoration: none;
}
.panel-bottom__button:active {
  position: relative;
  top: 1px;
}
.panel-table {
  box-sizing: border-box;
  width: 100%;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #F56361;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #F56361;
}
.panel-table thead th {
  text-align: center;
}
.panel-table tbody th {
  text-align: left;
}
.panel-table__row {
  display: table-row;
}
.panel-table__head, .panel-table__data {
  display: table-cell;
  vertical-align: middle;
  padding: 10px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-right-style: solid;
  border-bottom-style: solid;
  border-right-color: #F56361;
  border-bottom-color: #F56361;
}
.panel-table__head {
  font-weight: normal;
  width: 140px;
  background-color: #F3D5BC;
  color: #000;
}
.panel-table__data {
  background-color: #fff;
  color: #000;
}
.panel-table + .panel-bottom {
  padding-top: 10px;
}
.panel__message {
  margin-bottom: 10px;
  line-height: 1.7;
}

@media screen and (max-width: 640px) {
  .panel {
    margin-bottom: 10px;
  }
  .panel-inner {
    border: 0;
    padding: 10px 0;
  }
  .panel-table__row {
    display: block;
  }
  .panel-table__head, .panel-table__data {
    box-sizing: border-box;
    width: 100%;
    display: block;
  }
}
/*==================================================	
/ パンくずリスト
/=================================================*/
.breadcrumb {
  font-size: 12px;
  font-size: 1.2rem;
}
.breadcrumb__item {
  display: inline-block;
  letter-spacing: normal;
  list-style: none;
}
.breadcrumb__item:after {
  content: ">";
  margin: 0 4px;
}
.breadcrumb__item:last-child:after {
  content: "";
  margin: 0;
}

@media screen and (max-width: 768px) {
  .breadcrumb {
    box-sizing: border-box;
    width: 100%;
  }
  .breadcrumb-wrap {
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #CB3051;
    padding: 10px;
  }
  .breadcrumb__item {
    line-height: 1.7;
  }
}
/*==================================================	
/ サブ項目
/=================================================*/
.sub-field {
  font-size: 12px;
  font-size: 1.2rem;
}
.sub-field__row {
  overflow: hidden;
  border-bottom-width: 1px;
  border-bottom-style: dashed;
  border-bottom-color: #ccc;
  padding-bottom: 5px;
  margin-bottom: 5px;
}
.sub-field__row:last-child {
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: 0;
}
.sub-field__title {
  float: left;
  margin-right: 10px;
  padding: 5px;
  background-color: #F3D5BC;
}
.sub-field__data {
  float: left;
  padding: 5px;
}

/*==================================================
/ アラート
/=================================================*/
.alert {
  padding: 10px;
  line-height: 1.7;
  margin-bottom: 20px;
  /* エラー */
  /* 成功 */
  /* 注意 */
}
.alert.is-error {
  color: #FF0000;
  border: 1px solid #FF0000;
}
.alert.is-success {
  color: #9acd32;
  border: 1px solid #9acd32;
}
.alert.is-caution {
  color: #ff8c00;
  border: 1px solid #ff8c00;
}

/*==================================================
/ エラーメッセージ
/=================================================*/
.error-message {
  padding: 10px;
  line-height: 1.7;
  margin-top: 5px;
  color: #FF0000;
  border: 1px solid #FF0000;
}

/*==================================================	
/ ページの先頭へ
/=================================================*/
.pagetop {
  width: 50px;
  height: 50px;
  display: none;
  position: fixed;
  right: 16px;
  bottom: 16px;
}
.pagetop-inner {
  margin: 0;
  padding: 0;
  cursor: pointer;
  text-align: center;
  background: #333;
  transition: all 0.3s;
}
.pagetop__link {
  color: #fff;
  line-height: 50px;
  text-decoration: none;
  display: block;
  cursor: pointer;
}
.pagetop__link:hover {
  text-decoration: none;
}

/*==================================================	
/ テーブル
/=================================================*/
.table {
  box-sizing: border-box;
  width: 100%;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #ccc;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #ccc;
}
.table thead th {
  text-align: center;
}
.table tbody th {
  text-align: left;
}
.table__row {
  display: table-row;
}
.table__head, .table__data {
  display: table-cell;
  vertical-align: middle;
  padding: 10px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-right-style: solid;
  border-bottom-style: solid;
  border-right-color: #ccc;
  border-bottom-color: #ccc;
}
.table__head {
  font-weight: normal;
  width: 140px;
  background-color: #eee;
  color: #000;
}
.table__data {
  background-color: #fff;
  color: #000;
}

@media screen and (max-width: 640px) {
  .table__row {
    display: block;
  }
  .table__head, .table__data {
    box-sizing: border-box;
    width: 100%;
    display: block;
  }
}
/*==================================================	
/ 履歴テーブル
/=================================================*/
.history-table {
  width: 100%;
  border-collapse: collapse;
  /* 改ページ */
}
.history-table thead th {
  text-align: center;
}
.history-table tbody th {
  text-align: left;
}
.history-table th, .history-table td {
  vertical-align: middle;
  padding: 10px;
  border: 1px solid #ccc;
}
.history-table th {
  font-weight: normal;
  background-color: #eee;
}
.history-table td {
  background-color: #fff;
}
.history-table + .paginator {
  margin-top: 20px;
  margin-bottom: 0;
}
.history-table-head__action {
  width: 100px;
}
.history-table-head__select {
  width: 40px;
}
.history-table-head__number, .history-table-head__date, .history-table-head__status {
  width: 120px;
}
.history-table-head__auto {
  width: auto;
}
.history-table-head__short {
  width: 100px;
}
.history-table-head__middle {
  width: 150px;
}
.history-table-head__long {
  width: 200px;
}
.history-table-head__graph {
  width: 720px;
}
.history-table-data__normal, .history-table-data__left {
  text-align: left;
}
.history-table-data__action, .history-table-data__center, .history-table-data__date, .history-table-data__datetime, .history-table-data__select, .history-table-data__status {
  text-align: center;
}
.history-table-data__right, .history-table-data__number {
  text-align: right;
}
.history-table-data__title .is-ellipsis {
  width: 300px;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.history-table__button {
  box-sizing: border-box;
  width: 100px;
  -webkit-appearance: none;
  box-shadow: inset 0px 1px 0px 0px #ffffff;
  background: linear-gradient(to bottom, #ffffff 5%, #e0e0e0 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="$shadow_color", endColorstr="$bgcolor",GradientType=0);
  border: 1px solid #cccccc;
  border-radius: 4px;
  color: #666666;
  color: #fff\9 ; /* IE9 */
  text-decoration: none;
  height: auto;
  padding: 10px 20px;
  vertical-align: middle;
  font-weight: bold;
  line-height: normal;
  cursor: pointer;
  text-align: center;
  display: block;
}
.history-table__button:hover {
  background: linear-gradient(to bottom, #e0e0e0 5%, #ffffff 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="$bgcolor", endColorstr="$shadow_color",GradientType=0);
  background-color: #ffffff;
  text-decoration: none;
}
.history-table__button:active {
  position: relative;
  top: 1px;
}
.history-table td.is-listToggle {
  display: table-cell;
}

@media screen and (max-width: 768px) {
  .history-table-head__action {
    width: 80px;
  }
  .history-table-head__number, .history-table-head__date, .history-table-head__status {
    width: 80px;
  }
  .history-table-head__short {
    width: 60px;
  }
  .history-table-head__middle {
    width: 100px;
  }
  .history-table-head__long {
    width: 150px;
  }
  .history-table-head__graph {
    width: 520px;
  }
  .history-table-data__title .is-ellipsis {
    width: 200px;
  }
  .history-table__button {
    width: 100%;
  }
}
@media screen and (max-width: 640px) {
  .history-table {
    border: 1px solid #ccc;
  }
  .history-table th, .history-table td {
    border: none;
  }
  .history-table tbody tr {
    border-bottom: 1px solid #ccc !important;
  }
  .history-table tbody tr:last-child {
    border-bottom: none;
  }
  .history-table .is-listToggle {
    display: none;
  }
  .history-table-head__select, .history-table-head__title {
    border-bottom: 1px solid #ccc !important;
  }
  .history-table-head__action, .history-table-head__number, .history-table-head__date, .history-table-head__status, .history-table-head__auto, .history-table-head__short, .history-table-head__middle, .history-table-head__long, .history-table-head__graph {
    display: none;
  }
  .history-table-data__title {
    position: relative;
  }
  .history-table-data__title .is-ellipsis {
    width: 90%;
    display: block;
    white-space: normal;
    padding-right: 10px;
  }
  .history-table-data__title .btn-toggle {
    position: absolute;
    top: 8px;
    right: 8px;
  }
  .history-table-data__action {
    display: block;
  }
  .history-table td.is-listToggle {
    display: none;
    text-align: left;
    border-bottom: 1px dotted #ccc !important;
  }
  .history-table td.is-listToggle:before {
    content: attr(data-colname);
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    margin-right: 5px;
    color: #888;
    font-weight: normal;
    width: 80px;
  }
}
/*==================================================
/ 名前の漢字・カタカナ表示
/=================================================*/
.nameset__kana:before {
  content: "（";
}
.nameset__kana:after {
  content: "）";
}

@media screen and (max-width: 640px) {
  .nameset__main, .nameset__kana {
    display: block;
  }
  .nameset__kana:before {
    content: "";
  }
  .nameset__kana:after {
    content: "";
  }
}
/*==================================================
/ メール注釈
/=================================================*/
.mail-notes {
  border: 1px solid #ccc;
  border-radius: 4px;
  padding: 10px;
  margin-bottom: 20px;
}
.mail-notes__title {
  font-size: 16px;
  font-size: 1.6rem;
  background-color: #eee;
  padding: 10px;
  margin-bottom: 20px;
  text-align: center;
}
.mail-notes__text {
  line-height: 1.7;
  margin-bottom: 20px;
}
.mail-notes__text:last-child {
  margin-bottom: 0;
}
.mail-notes__list {
  margin-bottom: 20px;
}
.mail-notes__line {
  margin-left: 1.5em;
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom-width: 1px;
  border-bottom-style: dashed;
  border-bottom-color: #ccc;
}
.mail-notes__line:last-child {
  margin-bottom: 0;
}

@media screen and (max-width: 640px) {
  .mail-notes {
    margin: 10px;
  }
  .mail-notes__title {
    font-size: 16px;
    font-size: 1.6rem;
    background-color: #eee;
    padding: 10px;
    margin-bottom: 20px;
    text-align: center;
  }
  .mail-notes__text {
    line-height: 1.7;
    margin-bottom: 20px;
  }
  .mail-notes__text:last-child {
    margin-bottom: 0;
  }
  .mail-notes__list {
    margin-bottom: 20px;
  }
  .mail-notes__line {
    margin-left: 1.5em;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom-width: 1px;
    border-bottom-style: dashed;
    border-bottom-color: #ccc;
  }
  .mail-notes__line:last-child {
    margin-bottom: 0;
  }
}
/*==================================================	
/ アップロード
/=================================================*/
.upload-preview {
  margin-bottom: 10px;
}
.upload-preview__image {
  max-width: 300px;
}

.upload-entry {
  margin-bottom: 10px;
}
.upload-entry__image {
  max-width: 300px;
}

.js-upload-cancell,
.js-upload-delete {
  cursor: pointer;
}

@media screen and (max-width: 640px) {
  .upload-preview__image {
    display: block;
    margin: 10px 0;
  }
}
/*==================================================	
/ コピーライト
/=================================================*/
.copyright {
  background-color: #CB3051;
  color: #fff;
  text-align: center;
  padding: 10px;
}

/*==================================================	
/ ログインユーザー
/=================================================*/
.loginuser {
  position: relative;
  z-index: 90;
}
.loginuser__name {
  font-size: 14px;
  font-size: 1.4rem;
  cursor: pointer;
}
.loginuser__name:hover {
  text-decoration: underline;
}
.loginuser-menu {
  display: none;
  border: 1px solid #ccc;
  background-color: #f0f0f0;
  padding: 10px;
  width: 100px;
  position: absolute;
  top: 25px;
  right: 10px;
  box-shadow: 2px 4px 10px -5px #000;
  -moz-box-shadow: 2px 4px 10px -5px #000;
  -webkit-box-shadow: 2px 4px 10px -5px #000;
}
.loginuser-menu__link {
  font-size: 14px;
  font-size: 1.4rem;
  display: block;
}
.loginuser-menu__item {
  list-style: none;
  text-align: left;
  margin-bottom: 1em;
}
.loginuser-menu__item:last-child {
  margin-bottom: 0;
}
.loginuser-menu__item:before {
  content: "";
  position: absolute;
  top: -6px;
  left: 50%;
  margin-left: -9px;
  display: block;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 0 9px 9px 9px;
  border-color: transparent transparent #f0f0f0 transparent;
  z-index: 0;
}
.loginuser-menu__item:after {
  content: "";
  position: absolute;
  top: -8px;
  left: 50%;
  margin-left: -10px;
  display: block;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 0 10px 10px 10px;
  border-color: transparent transparent #ccc transparent;
  z-index: -1;
}

@media screen and (max-width: 640px) {
  .loginuser__message {
    display: none;
  }
}
/*==================================================	
/ 棒グラフ
/=================================================*/
.barGraph {
  max-width: 600px;
}
.barGraph__item {
  padding: 5px;
  background: #ff6347;
  -webkit-animation: anime1 1s 1 ease;
  animation: anime1 1s 1 ease;
}
@-webkit-keyframes anime1 {
  0% {
    width: 0px;
  }
}
@keyframes anime1 {
  0% {
    width: 0px;
  }
}

@media screen and (max-width: 768px) {
  .barGraph__item {
    max-width: 500px;
  }
}
@media screen and (max-width: 480px) {
  .barGraph__item {
    max-width: 400px;
  }
}
@media screen and (max-width: 320px) {
  .barGraph__item {
    max-width: 200px;
  }
}
/*==================================================	
/ 希望条件から探す
/=================================================*/
.condition-search__row {
  overflow: hidden;
  margin-bottom: 10px;
}
.condition-search__row:last-child {
  margin-bottom: 0;
}
.condition-search__area, .condition-search__category, .condition-search__employment {
  float: left;
  width: 200px;
}
.condition-search__area, .condition-search__category {
  margin-right: 9px;
}
.condition-search__keyword {
  float: left;
  width: 500px;
  margin-right: 9px;
}
.condition-search__submit {
  box-sizing: border-box;
  width: 109px;
  -webkit-appearance: none;
  box-shadow: inset 0px 1px 0px 0px #F56361;
  background: linear-gradient(to bottom, #F56361 5%, #FD2652 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="$shadow_color", endColorstr="$bgcolor",GradientType=0);
  border: 1px solid #CB3051;
  border-radius: 4px;
  color: #fff;
  color: #fff\9 ; /* IE9 */
  text-decoration: none;
  height: auto;
  padding: 10px 20px;
  vertical-align: middle;
  font-weight: bold;
  line-height: normal;
  cursor: pointer;
  text-align: center;
  float: left;
}
.condition-search__submit:hover {
  background: linear-gradient(to bottom, #FD2652 5%, #F56361 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="$bgcolor", endColorstr="$shadow_color",GradientType=0);
  background-color: #F56361;
  text-decoration: none;
}
.condition-search__submit:active {
  position: relative;
  top: 1px;
}

/* サイドバーでの表示 */
.l-sidebar .condition-search__area, .l-sidebar .condition-search__category, .l-sidebar .condition-search__employment {
  float: none;
  width: 100%;
}
.l-sidebar .condition-search__area, .l-sidebar .condition-search__category {
  margin-right: 0;
  margin-bottom: 10px;
}
.l-sidebar .condition-search__keyword {
  float: none;
  width: 100%;
  margin-right: 0;
  margin-bottom: 10px;
}
.l-sidebar .condition-search__submit {
  width: 100%;
  float: none;
}

@media screen and (max-width: 768px) {
  .condition-search__area, .condition-search__category, .condition-search__employment {
    float: none;
    width: 100%;
  }
  .condition-search__area, .condition-search__category {
    margin-right: 0;
    margin-bottom: 10px;
  }
  .condition-search__keyword {
    float: none;
    width: 100%;
    margin-right: 0;
    margin-bottom: 10px;
  }
  .condition-search__submit {
    width: 100%;
    float: none;
  }
}
@media screen and (max-width: 640px) {
  .condition-search {
    border-left: none;
    border-right: none;
  }
}
/*==================================================	
/ カテゴリーインデックス
/=================================================*/
.category-index__title {
  background-color: #eee;
  padding: 10px;
  margin-bottom: 20px;
}
.category-index__body {
  margin-bottom: 20px;
}
.category-index__body:last-child {
  margin-bottom: 0;
}

.category-menu {
  overflow: hidden;
  display: block;
}
.category-menu__item {
  list-style: none;
  float: left;
  margin-right: 20px;
  line-height: 200%;
}
.category-menu__item:last-child {
  margin-right: 0;
  padding-right: 0;
  border-right: none;
}
.category-menu__link {
  position: relative;
  padding-left: 1.2em;
  text-decoration: none;
}
.category-menu__link:after {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 6px;
  height: 6px;
  margin: -4px 0 0 0;
  border-top: solid 2px #0066cc;
  border-right: solid 2px #0066cc;
  transform: rotate(45deg);
}

@media screen and (max-width: 640px) {
  .category-menu__item {
    float: none;
    margin-right: 0;
    margin-bottom: 20px;
    line-height: 100%;
  }
  .category-menu__item:last-child {
    margin-bottom: 0;
  }
}
/*==================================================	
/ フォーム
/=================================================*/
.form-heading,
.search-form-heading {
  border-left-width: 5px;
  border-left-style: solid;
  border-left-color: #CB3051;
  padding-left: 10px;
  margin-bottom: 20px;
}
.form-heading__title,
.search-form-heading__title {
  font-size: 16px;
  font-size: 1.6rem;
}
.form-body,
.search-form-body {
  margin-bottom: 20px;
}
.form-row,
.search-form-row {
  display: table;
  width: 100%;
}
.form-row:first-child,
.search-form-row:first-child {
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #ccc;
}
.form-row__title,
.search-form-row__title {
  display: table-cell;
  background-color: #eee;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #ccc;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-right-style: solid;
  border-bottom-style: solid;
  border-right-color: #ccc;
  border-bottom-color: #ccc;
  padding: 10px;
  width: 200px;
  min-width: 200px;
  vertical-align: middle;
  overflow: hidden;
}
.form-row__title label,
.search-form-row__title label {
  float: left;
}
.form-row__data,
.search-form-row__data {
  display: table-cell;
  background-color: #fff;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-right-style: solid;
  border-bottom-style: solid;
  border-right-color: #ccc;
  border-bottom-color: #ccc;
  padding: 10px;
  vertical-align: middle;
}
.form-bottom,
.search-form-bottom {
  text-align: center;
}
.form-bottom-inline,
.search-form-bottom-inline {
  display: inline-block;
  margin-right: 10px;
}
.form-bottom-inline:last-child,
.search-form-bottom-inline:last-child {
  margin-right: 0;
}
.form-bottom__button,
.search-form-bottom__button {
  box-sizing: border-box;
  width: 150px;
  -webkit-appearance: none;
  box-shadow: inset 0px 1px 0px 0px #ffffff;
  background: linear-gradient(to bottom, #ffffff 5%, #e0e0e0 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="$shadow_color", endColorstr="$bgcolor",GradientType=0);
  border: 1px solid #cccccc;
  border-radius: 4px;
  color: #666666;
  color: #fff\9 ; /* IE9 */
  text-decoration: none;
  height: auto;
  padding: 10px 20px;
  vertical-align: middle;
  font-weight: bold;
  line-height: normal;
  cursor: pointer;
  text-align: center;
  margin-right: 10px;
}
.form-bottom__button:hover,
.search-form-bottom__button:hover {
  background: linear-gradient(to bottom, #e0e0e0 5%, #ffffff 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="$bgcolor", endColorstr="$shadow_color",GradientType=0);
  background-color: #ffffff;
  text-decoration: none;
}
.form-bottom__button:active,
.search-form-bottom__button:active {
  position: relative;
  top: 1px;
}
.form-bottom__submit,
.search-form-bottom__submit {
  box-sizing: border-box;
  width: 200px;
  -webkit-appearance: none;
  box-shadow: inset 0px 1px 0px 0px #F56361;
  background: linear-gradient(to bottom, #F56361 5%, #FD2652 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="$shadow_color", endColorstr="$bgcolor",GradientType=0);
  border: 1px solid #CB3051;
  border-radius: 4px;
  color: #fff;
  color: #fff\9 ; /* IE9 */
  text-decoration: none;
  height: auto;
  padding: 10px 20px;
  vertical-align: middle;
  font-weight: bold;
  line-height: normal;
  cursor: pointer;
  text-align: center;
}
.form-bottom__submit:hover,
.search-form-bottom__submit:hover {
  background: linear-gradient(to bottom, #FD2652 5%, #F56361 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="$bgcolor", endColorstr="$shadow_color",GradientType=0);
  background-color: #F56361;
  text-decoration: none;
}
.form-bottom__submit:active,
.search-form-bottom__submit:active {
  position: relative;
  top: 1px;
}
.form__fieldset,
.search-form__fieldset {
  margin-bottom: 20px;
}
.form__fieldset div + dl,
.search-form__fieldset div + dl {
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #ccc;
}
.form__legend,
.search-form__legend {
  font-size: 16px;
  font-size: 1.6rem;
  margin-bottom: 20px;
  padding-left: 10px;
  border-left-width: 5px;
  border-left-style: solid;
  border-left-color: #CB3051;
}
.form .table,
.search-form .table {
  margin-bottom: 20px;
}

/* 検索フォーム */
.search-form {
  padding: 10px;
  border: 5px solid #ccc;
  margin-bottom: 20px;
}

@media screen and (max-width: 768px) {
  /* 2カラムの調整 */
  .is-twoColumn .form-body {
    margin-bottom: 20px;
  }
  .is-twoColumn .form-body legend + dl {
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #ccc;
  }
  .is-twoColumn .form-row {
    display: block;
  }
  .is-twoColumn .form-row:first-child {
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #ccc;
  }
  .is-twoColumn .form-row__title {
    box-sizing: border-box;
    width: 100%;
    display: block;
  }
  .is-twoColumn .form-row__title label {
    float: left;
  }
  .is-twoColumn .form-row__data {
    box-sizing: border-box;
    width: 100%;
    display: block;
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: #ccc;
  }
  .is-twoColumn .form-bottom {
    text-align: center;
  }
  .is-twoColumn .form-bottom-inline {
    display: block;
    margin-right: 0;
    margin-bottom: 10px;
  }
  .is-twoColumn .form-bottom-inline:last-child {
    margin-bottom: 0;
  }
  .is-twoColumn .form-bottom__button {
    box-sizing: border-box;
    width: 100%;
    -webkit-appearance: none;
    box-shadow: inset 0px 1px 0px 0px #ffffff;
    background: linear-gradient(to bottom, #ffffff 5%, #e0e0e0 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="$shadow_color", endColorstr="$bgcolor",GradientType=0);
    border: 1px solid #cccccc;
    border-radius: 4px;
    color: #666666;
    color: #fff\9 ; /* IE9 */
    text-decoration: none;
    height: auto;
    padding: 10px 20px;
    vertical-align: middle;
    font-weight: bold;
    line-height: normal;
    cursor: pointer;
    text-align: center;
  }
  .is-twoColumn .form-bottom__button:hover {
    background: linear-gradient(to bottom, #e0e0e0 5%, #ffffff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="$bgcolor", endColorstr="$shadow_color",GradientType=0);
    background-color: #ffffff;
    text-decoration: none;
  }
  .is-twoColumn .form-bottom__button:active {
    position: relative;
    top: 1px;
  }
  .is-twoColumn .form-bottom__submit {
    box-sizing: border-box;
    width: 100%;
    -webkit-appearance: none;
    box-shadow: inset 0px 1px 0px 0px #F56361;
    background: linear-gradient(to bottom, #F56361 5%, #FD2652 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="$shadow_color", endColorstr="$bgcolor",GradientType=0);
    border: 1px solid #CB3051;
    border-radius: 4px;
    color: #fff;
    color: #fff\9 ; /* IE9 */
    text-decoration: none;
    height: auto;
    padding: 10px 20px;
    vertical-align: middle;
    font-weight: bold;
    line-height: normal;
    cursor: pointer;
    text-align: center;
  }
  .is-twoColumn .form-bottom__submit:hover {
    background: linear-gradient(to bottom, #FD2652 5%, #F56361 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="$bgcolor", endColorstr="$shadow_color",GradientType=0);
    background-color: #F56361;
    text-decoration: none;
  }
  .is-twoColumn .form-bottom__submit:active {
    position: relative;
    top: 1px;
  }
}
@media screen and (max-width: 640px) {
  .form-body,
.search-form-body {
    margin-bottom: 20px;
  }
  .form-body legend + dl,
.search-form-body legend + dl {
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #ccc;
  }
  .form-row,
.search-form-row {
    display: block;
  }
  .form-row:first-child,
.search-form-row:first-child {
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #ccc;
  }
  .form-row__title,
.search-form-row__title {
    box-sizing: border-box;
    width: 100%;
    display: block;
  }
  .form-row__title label,
.search-form-row__title label {
    float: left;
  }
  .form-row__data,
.search-form-row__data {
    box-sizing: border-box;
    width: 100%;
    display: block;
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: #ccc;
  }
  .form-bottom,
.search-form-bottom {
    text-align: center;
  }
  .form-bottom-inline,
.search-form-bottom-inline {
    display: block;
    margin-right: 0;
    margin-bottom: 10px;
  }
  .form-bottom-inline:last-child,
.search-form-bottom-inline:last-child {
    margin-bottom: 0;
  }
  .form-bottom__button,
.search-form-bottom__button {
    box-sizing: border-box;
    width: 100%;
    -webkit-appearance: none;
    box-shadow: inset 0px 1px 0px 0px #ffffff;
    background: linear-gradient(to bottom, #ffffff 5%, #e0e0e0 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="$shadow_color", endColorstr="$bgcolor",GradientType=0);
    border: 1px solid #cccccc;
    border-radius: 4px;
    color: #666666;
    color: #fff\9 ; /* IE9 */
    text-decoration: none;
    height: auto;
    padding: 10px 20px;
    vertical-align: middle;
    font-weight: bold;
    line-height: normal;
    cursor: pointer;
    text-align: center;
  }
  .form-bottom__button:hover,
.search-form-bottom__button:hover {
    background: linear-gradient(to bottom, #e0e0e0 5%, #ffffff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="$bgcolor", endColorstr="$shadow_color",GradientType=0);
    background-color: #ffffff;
    text-decoration: none;
  }
  .form-bottom__button:active,
.search-form-bottom__button:active {
    position: relative;
    top: 1px;
  }
  .form-bottom__submit,
.search-form-bottom__submit {
    box-sizing: border-box;
    width: 100%;
    -webkit-appearance: none;
    box-shadow: inset 0px 1px 0px 0px #F56361;
    background: linear-gradient(to bottom, #F56361 5%, #FD2652 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="$shadow_color", endColorstr="$bgcolor",GradientType=0);
    border: 1px solid #CB3051;
    border-radius: 4px;
    color: #fff;
    color: #fff\9 ; /* IE9 */
    text-decoration: none;
    height: auto;
    padding: 10px 20px;
    vertical-align: middle;
    font-weight: bold;
    line-height: normal;
    cursor: pointer;
    text-align: center;
  }
  .form-bottom__submit:hover,
.search-form-bottom__submit:hover {
    background: linear-gradient(to bottom, #FD2652 5%, #F56361 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="$bgcolor", endColorstr="$shadow_color",GradientType=0);
    background-color: #F56361;
    text-decoration: none;
  }
  .form-bottom__submit:active,
.search-form-bottom__submit:active {
    position: relative;
    top: 1px;
  }
  .search-form {
    border: none;
    padding-top: 0;
  }
}
/* 説明 */
.form-description {
  line-height: 1.7;
  margin-bottom: 20px;
}

/* 氏名入力フォーム */
.form-name:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}
.form-name-row {
  margin-bottom: 10px;
  padding-bottom: 10px;
  overflow: hidden;
  border-bottom-width: 1px;
  border-bottom-style: dashed;
  border-bottom-color: #ccc;
}
.form-name-row:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}
.form-name-row__title {
  display: inline-block;
  width: 40px;
}
.form-name-row__data {
  display: inline-block;
  padding-right: 20px;
}
.form-name-row__data:last-child {
  padding-right: 0;
}
.form-name__sei, .form-name__mei {
  width: 140px;
}

@media screen and (max-width: 640px) {
  .form-name-row__title {
    width: 30px;
  }
  .form-name__sei, .form-name__mei {
    width: 90px;
  }
}
/* 郵便番号入力 */
.form-zip__mark {
  margin-right: 5px;
}
.form-zip__input {
  width: 120px;
  margin-right: 5px;
}
.form-zip__button {
  box-sizing: border-box;
  width: auto;
  -webkit-appearance: none;
  box-shadow: inset 0px 1px 0px 0px #ffffff;
  background: linear-gradient(to bottom, #ffffff 5%, #dddddd 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="$shadow_color", endColorstr="$bgcolor",GradientType=0);
  border: 1px solid #999999;
  border-radius: 4px;
  color: #666666;
  color: #fff\9 ; /* IE9 */
  text-decoration: none;
  height: auto;
  padding: 10px;
  vertical-align: middle;
  font-weight: bold;
  line-height: normal;
  cursor: pointer;
  text-align: center;
}
.form-zip__button:hover {
  background: linear-gradient(to bottom, #dddddd 5%, #ffffff 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="$bgcolor", endColorstr="$shadow_color",GradientType=0);
  background-color: #ffffff;
  text-decoration: none;
}
.form-zip__button:active {
  position: relative;
  top: 1px;
}

@media screen and (max-width: 640px) {
  .form-zip__input {
    margin-bottom: 10px;
  }
  .form-zip__button {
    width: 100%;
  }
}
/* 住所入力フォーム */
.form-address {
  width: 100%;
}
.form-address-row {
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom-width: 1px;
  border-bottom-style: dashed;
  border-bottom-color: #ccc;
}
.form-address-row:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}
.form-address-row__title {
  display: inline-block;
  width: 74px;
  margin-right: 10px;
}
.form-address-row__data {
  display: inline-block;
}
.form-address__city, .form-address__town, .form-address__building {
  width: 300px;
}

@media screen and (max-width: 640px) {
  .form-address-row__title {
    display: block;
    width: 100%;
    margin-right: 0;
    margin-bottom: 10px;
  }
  .form-address-row__data {
    display: block;
    width: 100%;
  }
  .form-address__city, .form-address__town, .form-address__building {
    width: 100%;
  }
}
/* 子孫要素 */
.form-children {
  width: 100%;
}
.form-children__row {
  margin-bottom: 10px;
}
.form-children__row:last-child {
  margin-bottom: 0;
}
.form-children__title {
  background-color: #F7EFDE;
  padding: 5px 10px;
  margin-bottom: 10px;
}

/* ファイル */
.form-file__input {
  display: none;
}
.form-file__label {
  display: inline-block;
  background-color: #e0e0e0;
  padding: 10px;
  margin-right: 10px;
  cursor: pointer;
}
.form-file__preview {
  display: inline-block;
  border: none;
  width: 300px;
}

@media screen and (max-width: 640px) {
  .form-file__input {
    display: none;
  }
  .form-file__label {
    box-sizing: border-box;
    width: 200px;
    display: block;
    margin-right: 0;
    margin-bottom: 10px;
  }
  .form-file__preview {
    display: block;
    width: 100%;
  }
}
/*==================================================	
/ フォーム項目
/=================================================*/
/* 必須 */
.input-required {
  color: #FFFFFF;
  background-color: #ee0000;
}

/* 任意 */
.input-any {
  color: #FFFFFF;
  background-color: #0099cc;
}

.input-required,
.input-any {
  font-size: 11px;
  font-size: 1.1rem;
  padding: 1px 2px;
  float: right;
}

/* 例 */
.input-example {
  color: #666666;
  margin-bottom: 10px;
}

/* ヒント */
.input-hint {
  border: 1px dotted #ccc;
  background-color: #fffaf0;
  padding: 10px;
  margin-bottom: 10px;
}

/* 入力ルール */
.input-rule {
  font-size: 90%;
  margin-left: 5px;
}

/* 入力値の前 */
.input-front {
  margin-right: 5px;
}

/* 入力値の後ろ */
.input-back {
  margin-left: 5px;
}

/* 入力値の区切り */
.input-separator {
  margin-left: 5px;
  margin-right: 5px;
}

/* テキストボックス */
.input-text {
  width: 100%;
  /* 半分 */
  /* 更に短い */
  /* 短い */
  /* 中間 */
  /* 長い */
}
.input-text--half {
  width: 50%;
}
/* ラジオボタン */
.input-radios input {
  margin-right: 5px;
  vertical-align: middle;
}
.input-radios label {
  margin-right: 10px;
  vertical-align: middle;
}
.input-radios label:last-child {
  margin-right: 0;
}

/* チェックボックス */
.input-checkboxes .checkbox {
  display: inline-block;
  margin-right: 5px;
}
.input-checkboxes .checkbox:last-child {
  margin-right: 0;
}
.input-checkboxes input {
  margin-right: 2px;
  vertical-align: middle;
}
.input-checkboxes label {
  vertical-align: middle;
}

/* テキストエリア */
.textarea {
  width: 100%;
  line-height: 1.7;
}

/* セレクトボックス */
/* パスワード */
/* 入力テキスト確認 */
.input-text-confirm input {
  margin-bottom: 5px;
}
.input-text-confirm input:last-child {
  margin-bottom: 0px;
}

/* 複数入力 */
.input-multiple p {
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom-width: 1px;
  border-bottom-style: dashed;
  border-bottom-color: #ccc;
}
.input-multiple p:last-child {
  margin-bottom: 0px;
  padding-bottom: 0px;
  border-bottom: none;
}
.input-multiple label {
  display: inline-block;
  width: 40px;
}

/* 都道府県 */
/* メールアドレス */
.input-email {
  width: 400px;
}

/* 電話番号 */
.input-tel {
  width: 200px;
}

/* 数字 */
.input-number {
  width: 100px;
}

/* 日付 */
.select-date select {
  vertical-align: middle;
}
.select-date label {
  margin-left: 5px;
  margin-right: 5px;
}
.select-date label:last-child {
  margin-right: 0px;
}

/* インライン */
.input-inline__item {
  display: inline-block;
}

/* 入力数の確認 */
.input-txtcount {
  margin-top: 8px;
}
.input-txtcount__number {
  color: #666666;
}
.input-txtcount__number.is-over {
  color: #FF0000;
}
.input-txtcount__separator {
  margin-left: 2px;
  margin-right: 2px;
}
.input-txtcount__limit {
  font-weight: bold;
}

@media screen and (max-width: 640px) {
  .input-text--short, .input-text--middle, .input-text--long {
    width: 100% !important;
  }
  .input-email,
.input-tel,
.input-password {
    width: 100% !important;
  }
  .input-inline__item {
    display: block;
    margin-bottom: 5px;
  }
  .input-inline__item:last-child {
    margin-bottom: 0;
  }
}
/* グループ */
.input-group {
  width: 100%;
}
.input-group__row {
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom-width: 1px;
  border-bottom-style: dashed;
  border-bottom-color: #ccc;
}
.input-group__row:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}
.input-group__title, .input-group__data {
  display: inline-block;
  vertical-align: middle;
}
.input-group__title {
  width: 80px;
}

@media screen and (max-width: 640px) {
  .input-group__title {
    display: block;
    width: 100%;
    margin-right: 0;
    margin-bottom: 10px;
  }
  .input-group__data {
    display: block;
    width: 100%;
  }
}
/*==================================================	
/ フォームテーブル
/=================================================*/
.form-table {
  width: 100%;
  border-collapse: collapse;
  /* 改ページ */
  margin-bottom: 20px;
}
.form-table thead th {
  text-align: center;
}
.form-table tbody th {
  text-align: left;
}
.form-table th, .form-table td {
  vertical-align: middle;
  padding: 10px;
  border: 1px solid #ccc;
}
.form-table th {
  font-weight: normal;
  background-color: #eee;
}
.form-table td {
  background-color: #fff;
}
.form-table + .paginator {
  margin-top: 20px;
  margin-bottom: 0;
}
.form-table-head__action {
  width: 100px;
}
.form-table-head__select {
  width: 40px;
}
.form-table-head__number, .form-table-head__date, .form-table-head__status {
  width: 120px;
}
.form-table-head__auto {
  width: auto;
}
.form-table-head__short {
  width: 100px;
}
.form-table-head__middle {
  width: 150px;
}
.form-table-head__long {
  width: 200px;
}
.form-table-head__description {
  width: 400px;
}
.form-table-data__normal, .form-table-data__left {
  text-align: left;
}
.form-table-data__action, .form-table-data__center, .form-table-data__date, .form-table-data__datetime, .form-table-data__select, .form-table-data__status {
  text-align: center;
}
.form-table-data__right, .form-table-data__number {
  text-align: right;
}
.form-table__button {
  box-sizing: border-box;
  width: 100px;
  -webkit-appearance: none;
  box-shadow: inset 0px 1px 0px 0px #ffffff;
  background: linear-gradient(to bottom, #ffffff 5%, #e0e0e0 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="$shadow_color", endColorstr="$bgcolor",GradientType=0);
  border: 1px solid #cccccc;
  border-radius: 4px;
  color: #666666;
  color: #fff\9 ; /* IE9 */
  text-decoration: none;
  height: auto;
  padding: 10px 20px;
  vertical-align: middle;
  font-weight: bold;
  line-height: normal;
  cursor: pointer;
  text-align: center;
  display: block;
}
.form-table__button:hover {
  background: linear-gradient(to bottom, #e0e0e0 5%, #ffffff 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="$bgcolor", endColorstr="$shadow_color",GradientType=0);
  background-color: #ffffff;
  text-decoration: none;
}
.form-table__button:active {
  position: relative;
  top: 1px;
}
.form-table td.is-listToggle {
  display: table-cell;
}

@media screen and (max-width: 768px) {
  .form-table-head__action {
    width: 80px;
  }
  .form-table-head__number, .form-table-head__date, .form-table-head__status {
    width: 80px;
  }
  .form-table-head__short {
    width: 60px;
  }
  .form-table-head__middle {
    width: 100px;
  }
  .form-table-head__long {
    width: 150px;
  }
  .form-table-head__description {
    width: 200px;
  }
  .form-table-data__title .is-ellipsis {
    width: 200px;
  }
  .form-table__button {
    width: 100%;
  }
}
@media screen and (max-width: 640px) {
  .form-table {
    border: 1px solid #ccc;
  }
  .form-table th, .form-table td {
    border: none;
  }
  .form-table tbody tr {
    border-bottom: 1px solid #ccc !important;
  }
  .form-table tbody tr:last-child {
    border-bottom: none;
  }
  .form-table .is-listToggle {
    display: none;
  }
  .form-table-head__select, .form-table-head__title {
    border-bottom: 1px solid #ccc !important;
  }
  .form-table-head__action, .form-table-head__number, .form-table-head__date, .form-table-head__description, .form-table-head__status, .form-table-head__auto, .form-table-head__short, .form-table-head__middle, .form-table-head__long {
    display: none;
  }
  .form-table-data__title {
    position: relative;
  }
  .form-table-data__title .btn-toggle {
    position: absolute;
    top: 8px;
    right: 8px;
  }
  .form-table-data__description:before {
    display: none !important;
  }
  .form-table-data__action {
    display: block;
  }
  .form-table td.is-listToggle {
    display: none;
    text-align: left;
    border-bottom: 1px dotted #ccc !important;
  }
  .form-table td.is-listToggle:before {
    content: attr(data-colname);
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    margin-right: 5px;
    color: #888;
    font-weight: normal;
    width: 80px;
  }
}
/*==================================================	
/ ログインフォーム
/=================================================*/
.login-form {
  padding: 20px;
}
.login-form-body {
  margin-bottom: 20px;
}
.login-form-action {
  text-align: center;
}
.login-form-bottom {
  text-align: right;
  padding: 0 20px 20px 20px;
}
.login-form-bottom__link {
  position: relative;
  padding-left: 1.2em;
  text-decoration: none;
}
.login-form-bottom__link:after {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 6px;
  height: 6px;
  margin: -4px 0 0 0;
  border-top: solid 2px #0066cc;
  border-right: solid 2px #0066cc;
  transform: rotate(45deg);
}
.login-form__row {
  margin-bottom: 20px;
}
.login-form__row:last-child {
  margin-bottom: 0;
}
.login-form__submit {
  box-sizing: border-box;
  width: 200px;
  -webkit-appearance: none;
  box-shadow: inset 0px 1px 0px 0px #F56361;
  background: linear-gradient(to bottom, #F56361 5%, #FD2652 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="$shadow_color", endColorstr="$bgcolor",GradientType=0);
  border: 1px solid #CB3051;
  border-radius: 4px;
  color: #fff;
  color: #fff\9 ; /* IE9 */
  text-decoration: none;
  height: auto;
  padding: 10px 20px;
  vertical-align: middle;
  font-weight: bold;
  line-height: normal;
  cursor: pointer;
  text-align: center;
}
.login-form__submit:hover {
  background: linear-gradient(to bottom, #FD2652 5%, #F56361 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="$bgcolor", endColorstr="$shadow_color",GradientType=0);
  background-color: #F56361;
  text-decoration: none;
}
.login-form__submit:active {
  position: relative;
  top: 1px;
}

/*==================================================	
/ 検索ワードフォーム
/=================================================*/
.search-word-form {
  overflow: hidden;
}
.search-word-form__keyword {
  float: left;
  width: 500px;
  margin-right: 9px;
}
.search-word-form__submit {
  box-sizing: border-box;
  width: 109px;
  -webkit-appearance: none;
  box-shadow: inset 0px 1px 0px 0px #F56361;
  background: linear-gradient(to bottom, #F56361 5%, #FD2652 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="$shadow_color", endColorstr="$bgcolor",GradientType=0);
  border: 1px solid #CB3051;
  border-radius: 4px;
  color: #fff;
  color: #fff\9 ; /* IE9 */
  text-decoration: none;
  height: auto;
  padding: 10px 20px;
  vertical-align: middle;
  font-weight: bold;
  line-height: normal;
  cursor: pointer;
  text-align: center;
  float: left;
}
.search-word-form__submit:hover {
  background: linear-gradient(to bottom, #FD2652 5%, #F56361 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="$bgcolor", endColorstr="$shadow_color",GradientType=0);
  background-color: #F56361;
  text-decoration: none;
}
.search-word-form__submit:active {
  position: relative;
  top: 1px;
}

/* サイドバーでの表示 */
.l-sidebar .search-word-form__keyword {
  float: none;
  width: 100%;
  margin-right: 0;
  margin-bottom: 10px;
}
.l-sidebar .search-word-form__submit {
  width: 100%;
  float: none;
}

@media screen and (max-width: 768px) {
  .search-word-form__keyword {
    float: none;
    width: 100%;
    margin-right: 0;
    margin-bottom: 10px;
  }
  .search-word-form__submit {
    width: 100%;
    float: none;
  }
}
@media screen and (max-width: 640px) {
  .search-word-form {
    border-left: none;
    border-right: none;
  }
}
/*==================================================	
/ 詳細
/=================================================*/
.page-detail__content {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.7;
}
.page-detail__content h1 {
  font-size: 24px;
  font-size: 2.4rem;
  margin-bottom: 1em;
}
.page-detail__content h2 {
  font-size: 20px;
  font-size: 2rem;
  background-color: #CB3051;
  color: #fff;
  margin-bottom: 1em;
  padding: 10px;
}
.page-detail__content h3 {
  font-size: 18px;
  font-size: 1.8rem;
  border-left: 5px solid #CB3051;
  margin-bottom: 1em;
  padding-left: 10px;
}
.page-detail__content h4 {
  font-size: 16px;
  font-size: 1.6rem;
  border-bottom: 2px solid #CB3051;
  margin-bottom: 1em;
  padding: 0 0 10px 0;
}
.page-detail__content h5 {
  font-size: 14px;
  font-size: 1.4rem;
  margin-bottom: 1em;
}
.page-detail__content h6 {
  font-size: 12px;
  font-size: 1.2rem;
  margin-bottom: 1em;
}
.page-detail__content p, .page-detail__content pre, .page-detail__content address, .page-detail__content blockquote {
  margin-bottom: 1em;
}
.page-detail__content p:last-child, .page-detail__content pre:last-child, .page-detail__content address:last-child, .page-detail__content blockquote:last-child {
  margin-bottom: 0;
}
.page-detail__content pre {
  border: 1px solid #ccc;
  padding: 20px;
}
.page-detail__content address {
  font-style: italic;
}
.page-detail__content blockquote {
  position: relative;
  padding: 20px 20px 20px 50px;
  box-sizing: border-box;
  font-style: italic;
  background: #eee;
}
.page-detail__content blockquote:before {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  content: "“";
  font-family: "Lucida Grande", Arial, "Hiragino Kaku Gothic Pro", Meiryo, "メイリオ", sans-serif;
  color: #ccc;
  font-size: 90px;
  line-height: 1;
}
.page-detail__content blockquote cite {
  display: block;
  text-align: right;
  color: #888888;
  font-size: 0.9em;
}
.page-detail__content li {
  margin-left: 1.5em;
  list-style-position: outside;
}
.page-detail__content img {
  max-width: 100%;
  height: auto;
}

@media screen and (max-width: 768px) {
  .page-detail {
    padding: 10px;
  }
}
/*==================================================	
/ 見出し
/=================================================*/
.page-heading {
  box-sizing: border-box;
  width: 100%;
  display: table;
  border-top-width: 5px;
  border-top-style: solid;
  border-top-color: #CB3051;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #CB3051;
  padding: 15px 0;
  margin-bottom: 20px;
}
.page-heading__title {
  font-size: 20px;
  font-size: 2rem;
  display: table-cell;
  line-height: 1.7;
}
.page-heading__more {
  display: table-cell;
  padding-left: 10px;
  text-align: right;
}

@media screen and (min-width: 641px) {
  .page-heading__link {
    position: relative;
    padding-left: 1.2em;
    text-decoration: none;
  }
  .page-heading__link:after {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 6px;
    height: 6px;
    margin: -4px 0 0 0;
    border-top: solid 2px #0066cc;
    border-right: solid 2px #0066cc;
    transform: rotate(45deg);
  }
}
@media screen and (max-width: 640px) {
  .page-heading {
    padding: 15px 10px;
    margin-bottom: 10px;
  }
  .page-heading__title {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
/*==================================================	
/ 小見出し
/=================================================*/
.page__subtitle {
  font-size: 18px;
  font-size: 1.8rem;
  background: #eee;
  background: linear-gradient(to bottom, #ffffff 0%, #eeeeee 70%, #cccccc 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#ffffff", endColorstr="#cccccc",GradientType=0 );
  border: 1px solid #ccc;
  padding: 10px;
  margin-bottom: 20px;
}

/*==================================================	
/ 説明
/=================================================*/
.page-description {
  line-height: 1.7;
  margin-bottom: 20px;
}

@media screen and (max-width: 640px) {
  .page-description {
    padding: 0px 10px;
  }
}
/*==================================================	
/ ページ制御
/=================================================*/
.paginator {
  display: table;
  width: 100%;
  margin-bottom: 20px;
}
.paginator__info {
  display: table-cell;
  vertical-align: middle;
}

.pagination {
  display: table-cell;
  vertical-align: middle;
  text-align: right;
}
.pagination__prev, .pagination__next, .pagination__number {
  list-style-type: none;
  display: inline-block;
  margin-right: 2px;
  border: 1px solid #CCCCCC;
  border-radius: 4px;
}
.pagination__prev a, .pagination__prev.is-current strong, .pagination__next a, .pagination__next.is-current strong, .pagination__number a, .pagination__number.is-current strong {
  display: block;
  text-decoration: none;
  padding: 4px 8px;
}
.pagination__prev a:hover, .pagination__prev.is-current strong, .pagination__next a:hover, .pagination__next.is-current strong, .pagination__number a:hover, .pagination__number.is-current strong {
  background-color: #CB3051;
  color: #FFFFFF;
}

@media screen and (max-width: 640px) {
  .paginator {
    display: block;
    padding: 0 10px;
  }
  .paginator__info {
    display: block;
    margin-bottom: 20px;
  }
  .l-inner .paginator,
.l-form .paginator {
    padding: 0;
  }
  .pagination {
    display: block;
    text-align: center;
  }
  .pagination__number {
    display: none;
  }
  .pagination__prev a, .pagination__prev.is-current strong, .pagination__next a, .pagination__next.is-current strong {
    padding: 10px 20px;
  }
}
/*==================================================	
/ ナビゲーション
/=================================================*/
.pagenavi {
  width: 100%;
  margin-bottom: 20px;
  overflow: hidden;
  display: table;
}
.pagenavi-side {
  display: table-cell;
}
.pagenavi-menu {
  display: table-cell;
  text-align: right;
  letter-spacing: -0.4em;
}
.pagenavi-menu__item {
  list-style-type: none;
  display: inline-block;
  letter-spacing: normal;
  margin-right: 10px;
}
.pagenavi-menu__item:last-child {
  margin-right: 0px;
}
.pagenavi-menu__link {
  position: relative;
  padding-left: 1.2em;
  text-decoration: none;
  display: inline;
}
.pagenavi-menu__link:after {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 6px;
  height: 6px;
  margin: -4px 0 0 0;
  border-top: solid 2px #0066cc;
  border-right: solid 2px #0066cc;
  transform: rotate(45deg);
}
.pagenavi-menu__button {
  box-sizing: border-box;
  width: auto;
  -webkit-appearance: none;
  box-shadow: inset 0px 1px 0px 0px #ffffff;
  background: linear-gradient(to bottom, #ffffff 5%, #e0e0e0 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="$shadow_color", endColorstr="$bgcolor",GradientType=0);
  border: 1px solid #cccccc;
  border-radius: 4px;
  color: #666666;
  color: #fff\9 ; /* IE9 */
  text-decoration: none;
  height: auto;
  padding: 10px 20px;
  vertical-align: middle;
  font-weight: bold;
  line-height: normal;
  cursor: pointer;
  text-align: center;
  display: block;
}
.pagenavi-menu__button:hover {
  background: linear-gradient(to bottom, #e0e0e0 5%, #ffffff 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="$bgcolor", endColorstr="$shadow_color",GradientType=0);
  background-color: #ffffff;
  text-decoration: none;
}
.pagenavi-menu__button:active {
  position: relative;
  top: 1px;
}
.pagenavi-menu__delete {
  box-sizing: border-box;
  width: auto;
  -webkit-appearance: none;
  box-shadow: inset 0px 1px 0px 0px #F56361;
  background: linear-gradient(to bottom, #F56361 5%, #FD2652 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="$shadow_color", endColorstr="$bgcolor",GradientType=0);
  border: 1px solid #CB3051;
  border-radius: 4px;
  color: #fff;
  color: #fff\9 ; /* IE9 */
  text-decoration: none;
  height: auto;
  padding: 10px 20px;
  vertical-align: middle;
  font-weight: bold;
  line-height: normal;
  cursor: pointer;
  text-align: center;
  display: block;
}
.pagenavi-menu__delete:hover {
  background: linear-gradient(to bottom, #FD2652 5%, #F56361 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="$bgcolor", endColorstr="$shadow_color",GradientType=0);
  background-color: #F56361;
  text-decoration: none;
}
.pagenavi-menu__delete:active {
  position: relative;
  top: 1px;
}
.pagenavi-menu__send {
  box-sizing: border-box;
  width: auto;
  -webkit-appearance: none;
  box-shadow: inset 0px 1px 0px 0px #F56361;
  background: linear-gradient(to bottom, #F56361 5%, #FD2652 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="$shadow_color", endColorstr="$bgcolor",GradientType=0);
  border: 1px solid #CB3051;
  border-radius: 4px;
  color: #fff;
  color: #fff\9 ; /* IE9 */
  text-decoration: none;
  height: auto;
  padding: 10px 20px;
  vertical-align: middle;
  font-weight: bold;
  line-height: normal;
  cursor: pointer;
  text-align: center;
  display: block;
}
.pagenavi-menu__send:hover {
  background: linear-gradient(to bottom, #FD2652 5%, #F56361 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="$bgcolor", endColorstr="$shadow_color",GradientType=0);
  background-color: #F56361;
  text-decoration: none;
}
.pagenavi-menu__send:active {
  position: relative;
  top: 1px;
}

.l-container .pagenavi:last-child {
  margin-bottom: 0;
}

/*==================================================	
/ タブ
/=================================================*/
.page-tab {
  width: 960px;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
  margin-bottom: 20px;
  position: relative;
}
.page-tab:before {
  z-index: 1;
}
.page-tab:after {
  position: absolute;
  content: "";
  width: 100%;
  bottom: 0;
  left: 0;
  border-bottom: 1px solid #ccc;
  z-index: 1;
}
.page-tab__item {
  float: left;
  list-style-type: none;
  background-color: #eee;
  border: 1px solid #ccc;
  margin-right: 10px;
  position: relative;
  z-index: 0;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.page-tab__item:last-child {
  margin-right: 0px;
}
.page-tab__item a {
  color: #999;
  display: block;
  text-decoration: none;
  padding: 10px;
}
.page-tab__item.is-active {
  z-index: 2;
  border-bottom-color: #fff;
  background: #fff;
}
.page-tab__item.is-active a {
  color: #000;
}

@media screen and (max-width: 640px) {
  .page-tab {
    width: 100%;
  }
}
/*==================================================	
/ 記事一覧
/=================================================*/
.article-box {
  box-sizing: border-box;
  width: 100%;
  border: 1px solid #ccc;
  display: flex;
  margin-bottom: 20px;
  padding: 10px;
}
.article-box__thumbnail {
  margin-right: 10px;
  width: 80px;
}
.article-box__thumbnail img {
  max-width: 100%;
}
.article-box__body {
  flex: 1;
}
.article-box__info {
  display: inline-block;
  letter-spacing: -0.4em;
  line-height: 100%;
  margin-bottom: 10px;
}
.article-box__date, .article-box__category {
  display: inline-block;
  letter-spacing: normal;
}
.article-box__category {
  border-left: 1px solid #000;
  padding-left: 10px;
  margin-left: 10px;
}
.article-box__title {
  font-size: 16px;
  font-size: 1.6rem;
  margin-bottom: 10px;
}
.article-box__summary {
  margin-bottom: 10px;
}

@media screen and (max-width: 640px) {
  .article-box {
    padding-top: 0;
    border: none;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #ccc;
    display: block;
  }
  .article-box__thumbnail {
    float: none;
    width: 100%;
    margin-right: 0;
    margin-bottom: 20px;
    text-align: center;
  }
  .article-box__thumbnail img {
    max-width: auto;
  }
  .article-box__body {
    float: none;
    width: 100%;
  }
}
/*==================================================	
/ 記事詳細
/=================================================*/
.article-detail__info {
  display: inline-block;
  letter-spacing: -0.4em;
  line-height: 100%;
  margin-bottom: 20px;
}
.article-detail__date, .article-detail__category {
  display: inline-block;
  letter-spacing: normal;
}
.article-detail__category {
  border-left: 1px solid #000;
  padding-left: 10px;
  margin-left: 10px;
}
.article-detail__picture {
  margin-bottom: 20px;
}
.article-detail__picture img {
  max-width: 100%;
  height: auto;
}
.article-detail__content {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.7;
}
.article-detail__content h1 {
  font-size: 24px;
  font-size: 2.4rem;
  margin-bottom: 1em;
}
.article-detail__content h2 {
  font-size: 20px;
  font-size: 2rem;
  background-color: #CB3051;
  color: #fff;
  margin-bottom: 1em;
  padding: 10px;
}
.article-detail__content h3 {
  font-size: 18px;
  font-size: 1.8rem;
  border-left: 5px solid #CB3051;
  margin-bottom: 1em;
  padding-left: 10px;
}
.article-detail__content h4 {
  font-size: 16px;
  font-size: 1.6rem;
  border-bottom: 2px solid #CB3051;
  margin-bottom: 1em;
  padding: 0 0 10px 0;
}
.article-detail__content h5 {
  font-size: 14px;
  font-size: 1.4rem;
  margin-bottom: 1em;
}
.article-detail__content h6 {
  font-size: 12px;
  font-size: 1.2rem;
  margin-bottom: 1em;
}
.article-detail__content p, .article-detail__content pre, .article-detail__content address, .article-detail__content blockquote {
  margin-bottom: 1em;
}
.article-detail__content p:last-child, .article-detail__content pre:last-child, .article-detail__content address:last-child, .article-detail__content blockquote:last-child {
  margin-bottom: 0;
}
.article-detail__content pre {
  border: 1px solid #ccc;
  padding: 20px;
}
.article-detail__content address {
  font-style: italic;
}
.article-detail__content blockquote {
  position: relative;
  padding: 20px 20px 20px 50px;
  box-sizing: border-box;
  font-style: italic;
  background: #eee;
}
.article-detail__content blockquote:before {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  content: "“";
  font-family: "Lucida Grande", Arial, "Hiragino Kaku Gothic Pro", Meiryo, "メイリオ", sans-serif;
  color: #ccc;
  font-size: 90px;
  line-height: 1;
}
.article-detail__content blockquote cite {
  display: block;
  text-align: right;
  color: #888888;
  font-size: 0.9em;
}
.article-detail__content li {
  margin-left: 1.5em;
  list-style-position: outside;
}
.article-detail__content img {
  max-width: 100%;
  height: auto;
}

@media screen and (max-width: 768px) {
  .article-detail {
    padding: 0;
  }
  .article-detail__title {
    padding: 10px;
  }
  .article-detail__info {
    padding: 0 10px;
  }
  .article-detail__picture {
    padding: 0 10px;
  }
  .article-detail__content {
    padding: 10px;
  }
}
/*==================================================	
/ 目次
/=================================================*/
.article-toc {
  background-color: #f0f0f0;
  border: 4px double #ccc;
  padding: 20px;
  margin-bottom: 2em;
}
.article-toc-header {
  text-align: center;
}
.article-toc-header__title {
  font-size: 20px;
  font-size: 2rem;
  font-weight: bold;
  margin-right: 10px;
}
.article-toc-header__hide, .article-toc-header__show {
  font-size: 14px;
  font-size: 1.4rem;
  cursor: pointer;
  color: #0066cc;
}
.article-toc-list {
  margin-top: 1em !important;
  margin-bottom: 0 !important;
}
.article-toc-list .article-toc-list {
  margin-top: 0 !important;
}
.article-toc-list .article-toc-list li {
  font-size: 14px;
  font-size: 1.4rem;
  vertical-align: middle;
}

/*==================================================	
/ 企業検索
/=================================================*/
.company-search {
  padding: 10px;
  border: 5px solid #ccc;
  margin-bottom: 20px;
}

@media screen and (max-width: 640px) {
  .company-search {
    border: none;
    padding-top: 0;
  }
}
.company-box {
  border-top-width: 2px;
  border-top-style: solid;
  border-top-color: #CB3051;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #ccc;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #ccc;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #ccc;
  margin-bottom: 20px;
}
.company-box-heading {
  padding: 10px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #ccc;
  overflow: hidden;
}
.company-box-heading__title {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: normal;
  line-height: 1.7;
  margin-bottom: 8px;
}
.company-box-heading__kana {
  font-size: 14px;
  font-size: 1.4rem;
  color: #808080;
}
.company-box-body {
  padding: 10px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #ccc;
  overflow: hidden;
}
.company-box-table {
  float: left;
  box-sizing: border-box;
  width: 100%;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #F56361;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #F56361;
}
.company-box-table thead th {
  text-align: center;
}
.company-box-table tbody th {
  text-align: left;
}
.company-box-table__row {
  display: table-row;
}
.company-box-table__head, .company-box-table__data {
  display: table-cell;
  vertical-align: middle;
  padding: 10px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-right-style: solid;
  border-bottom-style: solid;
  border-right-color: #F56361;
  border-bottom-color: #F56361;
}
.company-box-table__head {
  font-weight: normal;
  width: 80px;
  background-color: #F3D5BC;
  color: #000;
}
.company-box-table__data {
  background-color: #fff;
  color: #000;
}
.company-box-action {
  background-color: #F7EFDE;
  padding: 10px;
  overflow: hidden;
}
.company-box__detail {
  box-sizing: border-box;
  width: 200px;
  -webkit-appearance: none;
  box-shadow: inset 0px 1px 0px 0px #F56361;
  background: linear-gradient(to bottom, #F56361 5%, #FD2652 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="$shadow_color", endColorstr="$bgcolor",GradientType=0);
  border: 1px solid #CB3051;
  border-radius: 4px;
  color: #fff;
  color: #fff\9 ; /* IE9 */
  text-decoration: none;
  height: auto;
  padding: 10px 20px;
  vertical-align: middle;
  font-weight: bold;
  line-height: normal;
  cursor: pointer;
  text-align: center;
  display: block;
  margin: 0 auto;
}
.company-box__detail:hover {
  background: linear-gradient(to bottom, #FD2652 5%, #F56361 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="$bgcolor", endColorstr="$shadow_color",GradientType=0);
  background-color: #F56361;
  text-decoration: none;
}
.company-box__detail:active {
  position: relative;
  top: 1px;
}

@media screen and (max-width: 640px) {
  .company-box {
    margin: 10px 10px 20px 10px;
  }
  .company-box-table {
    float: none;
    width: 100%;
  }
  .company-box__detail {
    width: 100%;
  }
}
/*==================================================	
/ 企業詳細
/=================================================*/
.company {
  /* 見出し */
  /* 会社概要 */
  /* 求人一覧 */
  /* 求人情報 */
}
.company-heading {
  padding: 10px;
  border: 1px solid #ccc;
  overflow: hidden;
  margin-bottom: 20px;
  text-align: center;
}
.company-heading__logo {
  display: inline-block;
  margin-right: 10px;
  vertical-align: middle;
}
.company-heading__title {
  display: inline-block;
  font-size: 20px;
  font-size: 2rem;
  vertical-align: middle;
}
.company-outline {
  margin-bottom: 20px;
}
.company-outline-table {
  box-sizing: border-box;
  width: 100%;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #F56361;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #F56361;
}
.company-outline-table thead th {
  text-align: center;
}
.company-outline-table tbody th {
  text-align: left;
}
.company-outline-table__row {
  display: table-row;
}
.company-outline-table__head, .company-outline-table__data {
  display: table-cell;
  vertical-align: middle;
  padding: 10px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-right-style: solid;
  border-bottom-style: solid;
  border-right-color: #F56361;
  border-bottom-color: #F56361;
}
.company-outline-table__head {
  font-weight: normal;
  width: 120px;
  background-color: #F3D5BC;
  color: #000;
}
.company-outline-table__data {
  background-color: #fff;
  color: #000;
}
.company-job {
  box-sizing: border-box;
  width: 100%;
  border: 1px solid #ccc;
  overflow: hidden;
  margin-bottom: 20px;
}
.company-job:last-child {
  margin-bottom: 0;
}
.company-job-body {
  padding: 10px;
  overflow: hidden;
}
.company-job-side {
  float: left;
  width: 100px;
  margin-right: 10px;
}
.company-job-main {
  float: left;
  width: 828px;
}
.company-job__thumbnail img {
  width: 100px;
  height: auto;
}
.company-job__title {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.7;
  margin-bottom: 10px;
}
.company-job-info__row {
  float: left;
  width: 359px;
  margin-bottom: 10px;
}
.company-job-info__row:last-child {
  margin-bottom: 0;
}
.company-job-info__row:nth-child(odd) {
  margin-right: 10px;
}
.company-job-info__title {
  font-size: 14px;
  font-size: 1.4rem;
  float: left;
  width: 80px;
  margin-right: 10px;
  background-color: #F3D5BC;
  text-align: center;
}
.company-job-info__data {
  font-size: 14px;
  font-size: 1.4rem;
  float: left;
  width: 269px;
}
.company-job-action {
  clear: both;
  background-color: #F7EFDE;
  padding: 10px;
  overflow: hidden;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #ccc;
}
.company-job__save {
  float: left;
  width: 120px;
}
.company-job__saveButton {
  box-sizing: border-box;
  width: 120px;
  -webkit-appearance: none;
  box-shadow: inset 0px 1px 0px 0px #ffffff;
  background: linear-gradient(to bottom, #ffffff 5%, #e0e0e0 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="$shadow_color", endColorstr="$bgcolor",GradientType=0);
  border: 1px solid #cccccc;
  border-radius: 4px;
  color: #666666;
  color: #fff\9 ; /* IE9 */
  text-decoration: none;
  height: auto;
  padding: 10px 20px;
  vertical-align: middle;
  font-weight: bold;
  line-height: normal;
  cursor: pointer;
  text-align: center;
  display: block;
}
.company-job__saveButton:hover {
  background: linear-gradient(to bottom, #e0e0e0 5%, #ffffff 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="$bgcolor", endColorstr="$shadow_color",GradientType=0);
  background-color: #ffffff;
  text-decoration: none;
}
.company-job__saveButton:active {
  position: relative;
  top: 1px;
}
.company-job__saveButton.is-active {
  color: #ee0000;
}
.company-job__entry {
  float: right;
  width: 569px;
}
.company-job__entryButton {
  box-sizing: border-box;
  width: 200px;
  -webkit-appearance: none;
  box-shadow: inset 0px 1px 0px 0px #F56361;
  background: linear-gradient(to bottom, #F56361 5%, #FD2652 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="$shadow_color", endColorstr="$bgcolor",GradientType=0);
  border: 1px solid #CB3051;
  border-radius: 4px;
  color: #fff;
  color: #fff\9 ; /* IE9 */
  text-decoration: none;
  height: auto;
  padding: 10px 20px;
  vertical-align: middle;
  font-weight: bold;
  line-height: normal;
  cursor: pointer;
  text-align: center;
  display: block;
}
.company-job__entryButton:hover {
  background: linear-gradient(to bottom, #FD2652 5%, #F56361 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="$bgcolor", endColorstr="$shadow_color",GradientType=0);
  background-color: #F56361;
  text-decoration: none;
}
.company-job__entryButton:active {
  position: relative;
  top: 1px;
}

@media screen and (max-width: 640px) {
  .company-heading {
    border: none;
  }
  .company-heading__logo {
    display: block;
    margin-right: 0;
    margin-bottom: 10px;
  }
  .company-heading__title {
    display: block;
  }
  .company-outline {
    padding: 10px;
    margin-bottom: 0;
  }
  .company-outline-table__row {
    display: block;
  }
  .company-outline-table__head, .company-outline-table__data {
    box-sizing: border-box;
    width: 100%;
    display: block;
  }
  .company-jobs {
    padding: 10px;
  }
  .company-jobs__title.js-sptoggle {
    position: relative;
    text-decoration: none;
    cursor: pointer;
  }
  .company-jobs__title.js-sptoggle:after {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    right: 10px;
    width: 6px;
    height: 6px;
    margin: -4px 0 0 0;
    border-bottom: solid 2px #0066cc;
    border-right: solid 2px #0066cc;
    transform: rotate(45deg);
  }
  .company-jobs__title.is-open:after {
    border-top: solid 2px #0066cc;
    border-left: solid 2px #0066cc;
    border-right: none;
    border-bottom: none;
  }
  .company-job-side {
    float: none;
    width: 100%;
    margin-right: 0;
    margin-bottom: 10px;
    text-align: center;
  }
  .company-job-main {
    float: none;
    width: 100%;
  }
  .company-job-dataview__row {
    float: none;
    width: 100%;
  }
  .company-job-dataview__title {
    float: none;
    display: inline-block;
    width: 80px;
  }
  .company-job-dataview__data {
    float: none;
    display: inline-block;
  }
  .company-job-action {
    clear: both;
    background-color: #F7EFDE;
    padding: 10px;
    overflow: hidden;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #ccc;
  }
  .company-job__save {
    float: none;
    width: 100%;
    margin-bottom: 10px;
  }
  .company-job__saveButton {
    width: 100%;
  }
  .company-job__entry {
    float: none;
    width: 100%;
  }
  .company-job__entryButton {
    width: 100%;
  }
}
/*==================================================	
/ イベント一覧
/=================================================*/
.event-box {
  padding: 10px;
  border: 1px solid #ccc;
  margin-bottom: 20px;
  overflow: hidden;
}
.event-box__thumbnail {
  float: left;
  margin-right: 10px;
  width: 80px;
}
.event-box__thumbnail img {
  max-width: 100%;
}
.event-box__body {
  float: left;
}
.event-box__date {
  margin-bottom: 0.5em;
}
.event-box__title {
  font-size: 16px;
  font-size: 1.6rem;
}
.event-box__venue {
  font-size: 14px;
  font-size: 1.4rem;
}

@media screen and (max-width: 640px) {
  .event-box {
    padding-top: 0;
    border: none;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #ccc;
  }
  .event-box__thumbnail {
    float: none;
    width: 100%;
    margin-right: 0;
    margin-bottom: 10px;
    text-align: center;
  }
  .event-box__thumbnail img {
    max-width: auto;
  }
  .event-box__title {
    font-size: 14px;
    font-size: 1.4rem;
  }
  .event-box__body {
    float: none;
    width: 100%;
  }
}
/*==================================================	
/ イベント詳細
/=================================================*/
.event-detail__check {
  margin-bottom: 20px;
}
.event-detail__picture {
  margin-bottom: 20px;
}
.event-detail__picture img {
  max-width: 100%;
  height: auto;
}
.event-detail__body {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.7;
  margin-bottom: 20px;
}

@media screen and (max-width: 768px) {
  .event-detail {
    padding: 0;
  }
  .event-detail__title {
    padding: 10px;
  }
  .event-detail__picture {
    padding: 0 10px;
  }
  .event-detail__body {
    padding: 0 10px 10px 10px;
    margin-bottom: 0;
  }
  .event-detail__info {
    padding: 0 10px 10px 10px;
  }
}
/*==================================================	
/ イベントタグ
/=================================================*/
.event-tag {
  box-sizing: border-box;
  width: 50px;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  font-size: 12px;
  font-size: 1.2rem;
  color: #fff;
  display: inline-block;
  margin-right: 5px;
  vertical-align: middle;
  text-align: center;
}
.event-tag--before {
  background-color: #808080;
}
.event-tag--now {
  background-color: #228b22;
}
.event-tag--after {
  background-color: #ee0000;
}

/*==================================================	
/ イベントメッセージ
/=================================================*/
.event-message {
  box-sizing: border-box;
  width: 100%;
  font-size: 14px;
  font-size: 1.4rem;
  color: #fff;
  margin-bottom: 20px;
  padding: 5px 10px;
  text-align: center;
}
.event-message--before {
  background-color: #808080;
}
.event-message--now {
  background-color: #228b22;
}
.event-message--after {
  background-color: #ee0000;
}

/*==================================================	
/ FAQ一覧
/=================================================*/
.faq-list {
  padding: 10px;
  border: 1px solid #ccc;
  margin-bottom: 10px;
}
.faq-list__item {
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom-width: 1px;
  border-bottom-style: dashed;
  border-bottom-color: #ccc;
  list-style: none;
}
.faq-list__item:last-child {
  margin-bottom: 0px;
  padding-bottom: 0px;
  border-bottom: none;
}
.faq-list__link {
  position: relative;
  padding-left: 1.2em;
  text-decoration: none;
}
.faq-list__link:after {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 6px;
  height: 6px;
  margin: -4px 0 0 0;
  border-top: solid 2px #0066cc;
  border-right: solid 2px #0066cc;
  transform: rotate(45deg);
}
.faq-list__title {
  position: relative;
  padding-left: 1.2em;
  text-decoration: none;
  line-height: 1.7;
}
.faq-list__title:after {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 6px;
  height: 6px;
  margin: -4px 0 0 0;
  border-top: solid 2px #0066cc;
  border-right: solid 2px #0066cc;
  transform: rotate(45deg);
}

@media screen and (max-width: 640px) {
  .faq-list {
    border: none;
    padding: 0 10px;
  }
  .faq-list a {
    display: block;
    width: 100%;
  }
}
/*==================================================	
/ FAQ詳細
/=================================================*/
.faq-detail__question {
  font-size: 16px;
  font-size: 1.6rem;
  background: url(../img/icn_question.jpg) no-repeat;
  padding-left: 40px;
  line-height: 25px;
  margin-bottom: 20px;
}
.faq-detail__answer {
  clear: both;
  background: url(../img/icn_answer.jpg) no-repeat;
  border-bottom-width: 1px;
  border-bottom-style: dotted;
  border-bottom-color: #ccc;
  padding-left: 40px;
  padding-bottom: 20px;
  line-height: 1.7;
  margin-bottom: 20px;
}
.faq-detail__answer p {
  margin-bottom: 20px;
}
.faq-detail__answer p:last-child {
  margin-bottom: 0;
}
.faq-detail-info {
  width: 100%;
  overflow: hidden;
}
.faq-detail-info__category {
  float: left;
}
.faq-detail-info__date {
  float: right;
}

@media screen and (max-width: 640px) {
  .faq-detail {
    padding: 10px;
  }
}
/*==================================================	
/ ガイド
/=================================================*/
.guide {
  margin-bottom: 20px;
  /* タイトル */
  /* 概要 */
  /* 備考 */
  /* 文章 */
}
.guide__summary {
  margin-bottom: 20px;
}
.guide__summary img {
  max-width: 100%;
  height: auto;
}
.guide__remarks img {
  max-width: 100%;
  height: auto;
}
.guide-section {
  margin-bottom: 2em;
}
.guide-section__title {
  font-size: 18px;
  font-size: 1.8rem;
  border-left-width: 5px;
  border-left-style: solid;
  border-left-color: #CB3051;
  line-height: 1.7;
  padding-left: 0.5em;
  margin-bottom: 1em;
}
.guide-section__content {
  line-height: 1.7;
}
.guide-section__content p {
  margin-bottom: 1em;
}
.guide-section__content li {
  margin-left: 1.5em;
  list-style-position: outside;
}
.guide-section__content ul + p {
  margin-top: 1em;
}
.guide-section__content img {
  max-width: 100%;
  height: auto;
}

@media screen and (max-width: 640px) {
  .guide {
    margin-bottom: 0;
    padding: 10px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #F56361;
  }
  .guide__footer {
    padding-bottom: 10px;
  }
}
/*==================================================	
/ 求人ボックス
/=================================================*/
.job-box {
  border-top-width: 2px;
  border-top-style: solid;
  border-top-color: #CB3051;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #ccc;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #ccc;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #ccc;
  margin-bottom: 20px;
}
.job-box-heading {
  padding: 10px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #ccc;
  overflow: hidden;
}
.job-box-heading__caption {
  float: left;
  width: 745px;
}
.job-box-heading__title {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: normal;
  line-height: 1.7;
  margin-bottom: 10px;
}
.job-box-heading__company {
  font-size: 14px;
  font-size: 1.4rem;
}
.job-box-heading__date {
  font-size: 12px;
  font-size: 1.2rem;
  float: right;
}
.job-box-body {
  padding: 10px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #ccc;
  overflow: hidden;
}
.job-box__thumbnail {
  float: left;
  width: 200px;
  margin-right: 10px;
}
.job-box__thumbnail img {
  width: 100%;
}
.job-box-table {
  float: left;
  box-sizing: border-box;
  width: 728px;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #F56361;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #F56361;
}
.job-box-table thead th {
  text-align: center;
}
.job-box-table tbody th {
  text-align: left;
}
.job-box-table__row {
  display: table-row;
}
.job-box-table__head, .job-box-table__data {
  display: table-cell;
  vertical-align: middle;
  padding: 10px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-right-style: solid;
  border-bottom-style: solid;
  border-right-color: #F56361;
  border-bottom-color: #F56361;
}
.job-box-table__head {
  font-weight: normal;
  width: 80px;
  background-color: #F3D5BC;
  color: #000;
}
.job-box-table__data {
  background-color: #fff;
  color: #000;
}
.job-box-action {
  clear: both;
  background-color: #F7EFDE;
  padding: 10px;
  overflow: hidden;
}
.job-box-action__save {
  float: left;
  width: 120px;
}
.job-box-action__detail {
  float: right;
  width: 569px;
}
.job-box__save {
  box-sizing: border-box;
  width: 120px;
  -webkit-appearance: none;
  box-shadow: inset 0px 1px 0px 0px #ffffff;
  background: linear-gradient(to bottom, #ffffff 5%, #e0e0e0 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="$shadow_color", endColorstr="$bgcolor",GradientType=0);
  border: 1px solid #cccccc;
  border-radius: 4px;
  color: #666666;
  color: #fff\9 ; /* IE9 */
  text-decoration: none;
  height: auto;
  padding: 10px 20px;
  vertical-align: middle;
  font-weight: bold;
  line-height: normal;
  cursor: pointer;
  text-align: center;
  display: block;
}
.job-box__save:hover {
  background: linear-gradient(to bottom, #e0e0e0 5%, #ffffff 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="$bgcolor", endColorstr="$shadow_color",GradientType=0);
  background-color: #ffffff;
  text-decoration: none;
}
.job-box__save:active {
  position: relative;
  top: 1px;
}
.job-box__save.is-active {
  color: #ee0000;
}
.job-box__detail {
  box-sizing: border-box;
  width: 200px;
  -webkit-appearance: none;
  box-shadow: inset 0px 1px 0px 0px #F56361;
  background: linear-gradient(to bottom, #F56361 5%, #FD2652 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="$shadow_color", endColorstr="$bgcolor",GradientType=0);
  border: 1px solid #CB3051;
  border-radius: 4px;
  color: #fff;
  color: #fff\9 ; /* IE9 */
  text-decoration: none;
  height: auto;
  padding: 10px 20px;
  vertical-align: middle;
  font-weight: bold;
  line-height: normal;
  cursor: pointer;
  text-align: center;
  display: block;
}
.job-box__detail:hover {
  background: linear-gradient(to bottom, #FD2652 5%, #F56361 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="$bgcolor", endColorstr="$shadow_color",GradientType=0);
  background-color: #F56361;
  text-decoration: none;
}
.job-box__detail:active {
  position: relative;
  top: 1px;
}

/* 2カラムの調整 */
.is-twoColumn .job-box .job-box-table {
  width: 408px;
}
.is-twoColumn .job-box .job-box-action__detail {
  width: 408px;
}

@media screen and (max-width: 768px) {
  .job-box__thumbnail {
    box-sizing: border-box;
    width: 100%;
    float: none;
    padding: 0 10px;
    margin-bottom: 10px;
    text-align: center;
  }
  .job-box__thumbnail img {
    width: auto;
  }
  .job-box-table {
    float: none;
    width: 100%;
  }
  .job-box-action {
    position: relative;
  }
  .job-box-action__save {
    position: relative;
    left: 0;
  }
  .job-box-action__detail {
    position: absolute;
    left: 50%;
    margin-left: -100px;
  }
  /* 2カラムの調整 */
  .is-twoColumn .job-box .job-box-action__detail {
    margin-left: 0;
  }
}
@media screen and (max-width: 640px) {
  .job-box {
    margin: 10px 10px 20px 10px;
  }
  .job-box-heading__caption {
    float: none;
    width: 100%;
    margin-bottom: 10px;
  }
  .job-box-heading__title {
    margin-bottom: 10px;
  }
  .job-box-heading__company {
    text-align: right;
  }
  .job-box-heading__period {
    float: none;
    text-align: right;
  }
  .job-box-action {
    position: inherit;
  }
  .job-box-action__save {
    position: inherit;
    float: none;
    width: 100%;
    margin-bottom: 10px;
  }
  .job-box-action__detail {
    position: inherit;
    float: none;
    width: 100%;
    margin-left: 0;
  }
  .job-box__save, .job-box__detail {
    width: 100%;
  }
  /* 2カラムの調整 */
  .is-twoColumn .job-box .job-box-table {
    width: 100%;
  }
  .is-twoColumn .job-box .job-box-action__detail {
    width: 100%;
  }
}
@media screen and (max-width: 320px) {
  .job-box__thumbnail {
    padding: 0;
  }
  .job-box__thumbnail img {
    width: 100%;
  }
}
/*==================================================	
/ 求人詳細
/=================================================*/
/* 見出し */
.job-heading {
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #CB3051;
  padding-top: 15px;
  padding-bottom: 15px;
  border-top-width: 5px;
  border-top-style: solid;
  border-top-color: #CB3051;
  margin-bottom: 20px;
  overflow: hidden;
}
.job-heading__caption {
  float: left;
  width: 640px;
}
.job-heading__info {
  float: right;
  width: 300px;
  text-align: right;
}
.job-heading__title {
  font-size: 20px;
  font-size: 2rem;
  line-height: 1.7;
  margin-bottom: 10px;
}
.job-heading__period {
  font-size: 14px;
  font-size: 1.4rem;
  margin-bottom: 20px;
}
.job-heading__celebration {
  background-color: #ffffe0;
  display: inline-block;
  letter-spacing: -0.4em;
  padding: 5px 10px;
  text-align: center;
}
.job-heading__celebration .celebration-label, .job-heading__celebration .celebration-money, .job-heading__celebration .celebration-unit {
  font-size: 14px;
  font-size: 1.4rem;
  display: inline-block;
  letter-spacing: normal;
  vertical-align: middle;
}
.job-heading__celebration .celebration-money {
  font-size: 20px;
  font-size: 2rem;
  color: #ff0000;
  font-family: "メイリオ", sans-serif;
  font-weight: bold;
}
.job-heading__celebration .celebration-unit {
  color: #ff0000;
  margin-left: 2px;
}

@media screen and (max-width: 640px) {
  .job-heading {
    padding: 10px;
    margin-bottom: 0;
  }
  .job-heading__caption {
    float: none;
    width: 100%;
    margin-bottom: 1em;
  }
  .job-heading__info {
    float: none;
    width: 100%;
    text-align: left;
  }
  .job-heading__period {
    margin-bottom: 1em;
  }
  .job-heading__celebration {
    background-color: #fff;
    padding: 0;
  }
  .job-heading__celebration .celebration-money {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
/* 特徴 */
.job-features {
  overflow: hidden;
  margin-bottom: 10px;
}
.job-features__name {
  font-size: 14px;
  font-size: 1.4rem;
  background-color: #CB3051;
  color: #fff;
  float: left;
  list-style: none;
  padding: 6px 8px;
  margin-right: 10px;
  margin-bottom: 10px;
}
.job-features__name:last-child {
  margin-right: 0;
}

@media screen and (max-width: 640px) {
  .job-features {
    padding: 10px;
    margin-bottom: 0;
  }
}
/* メッセージ */
.job-message {
  overflow: hidden;
  margin-bottom: 20px;
}
.job-message__image {
  float: left;
  width: 320px;
  padding: 9px;
  border: 1px solid #CCCCCC;
  margin-right: 20px;
}
.job-message__image img {
  width: 100%;
}
.job-message__text {
  font-size: 14px;
  font-size: 1.4rem;
  float: right;
  width: 600px;
  line-height: 1.7;
}

@media screen and (max-width: 640px) {
  .job-message {
    padding: 0 10px;
  }
  .job-message__image {
    box-sizing: border-box;
    width: 100%;
    float: none;
    padding: 0;
    margin-right: 0;
    margin-bottom: 20px;
    border: none;
  }
  .job-message__text {
    float: none;
    width: 100%;
  }
}
/* サブ画像 */
.job-subimage {
  text-align: center;
  margin-bottom: 20px;
  letter-spacing: -0.4em;
}
.job-subimage__image {
  display: inline-block;
  letter-spacing: normal;
  width: 300px;
  text-align: center;
  vertical-align: top;
  margin-right: 20px;
}
.job-subimage__image:last-child {
  margin-right: 0;
}
.job-subimage__image img {
  max-width: 100%;
}
.job-subimage__image figcaption {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.7;
  text-align: left;
  margin-top: 5px;
}

@media screen and (max-width: 640px) {
  .job-subimage {
    margin-bottom: 20px;
  }
  .job-subimage__image {
    box-sizing: border-box;
    width: 100%;
    display: block;
    margin-right: 0;
    padding: 10px;
  }
}
/* 募集要項 */
.job-outline {
  margin-bottom: 20px;
}
.job-outline-table {
  box-sizing: border-box;
  width: 100%;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #F56361;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #F56361;
  margin-bottom: 20px;
}
.job-outline-table thead th {
  text-align: center;
}
.job-outline-table tbody th {
  text-align: left;
}
.job-outline-table__row {
  display: table-row;
}
.job-outline-table__head, .job-outline-table__data {
  display: table-cell;
  vertical-align: middle;
  padding: 10px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-right-style: solid;
  border-bottom-style: solid;
  border-right-color: #F56361;
  border-bottom-color: #F56361;
}
.job-outline-table__head {
  font-weight: normal;
  width: 100px;
  background-color: #F3D5BC;
  color: #000;
}
.job-outline-table__data {
  background-color: #fff;
  color: #000;
}
.job-outline-table:last-child {
  margin-bottom: 0;
}

@media screen and (max-width: 640px) {
  .job-outline {
    margin-bottom: 0;
    padding: 10px;
  }
  .job-outline-table__row {
    display: block;
  }
  .job-outline-table__head, .job-outline-table__data {
    box-sizing: border-box;
    width: 100%;
    display: block;
  }
}
/* 操作 */
.job-action {
  clear: both;
  background-color: #eee;
  padding: 10px;
  text-align: center;
  margin-bottom: 20px;
  letter-spacing: -0.4em;
  /* スクロール後に上部固定 */
}
.job-action__save {
  display: inline-block;
  letter-spacing: normal;
  margin-right: 10px;
}
.job-action__saveButton {
  box-sizing: border-box;
  width: 120px;
  -webkit-appearance: none;
  box-shadow: inset 0px 1px 0px 0px #ffffff;
  background: linear-gradient(to bottom, #ffffff 5%, #e0e0e0 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="$shadow_color", endColorstr="$bgcolor",GradientType=0);
  border: 1px solid #cccccc;
  border-radius: 4px;
  color: #666666;
  color: #fff\9 ; /* IE9 */
  text-decoration: none;
  height: auto;
  padding: 10px 20px;
  vertical-align: middle;
  font-weight: bold;
  line-height: normal;
  cursor: pointer;
  text-align: center;
  display: block;
}
.job-action__saveButton:hover {
  background: linear-gradient(to bottom, #e0e0e0 5%, #ffffff 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="$bgcolor", endColorstr="$shadow_color",GradientType=0);
  background-color: #ffffff;
  text-decoration: none;
}
.job-action__saveButton:active {
  position: relative;
  top: 1px;
}
.job-action__saveButton.is-active {
  color: #ee0000;
}
.job-action__entry {
  display: inline-block;
  letter-spacing: normal;
}
.job-action__entryButton {
  box-sizing: border-box;
  width: 200px;
  -webkit-appearance: none;
  box-shadow: inset 0px 1px 0px 0px #F56361;
  background: linear-gradient(to bottom, #F56361 5%, #FD2652 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="$shadow_color", endColorstr="$bgcolor",GradientType=0);
  border: 1px solid #CB3051;
  border-radius: 4px;
  color: #fff;
  color: #fff\9 ; /* IE9 */
  text-decoration: none;
  height: auto;
  padding: 10px 20px;
  vertical-align: middle;
  font-weight: bold;
  line-height: normal;
  cursor: pointer;
  text-align: center;
  display: block;
}
.job-action__entryButton:hover {
  background: linear-gradient(to bottom, #FD2652 5%, #F56361 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="$bgcolor", endColorstr="$shadow_color",GradientType=0);
  background-color: #F56361;
  text-decoration: none;
}
.job-action__entryButton:active {
  position: relative;
  top: 1px;
}
.job-action.is-fixed {
  box-sizing: border-box;
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #F56361;
}

@media screen and (max-width: 640px) {
  .job-action__saveButton {
    width: auto;
  }
  .job-action__entryButton {
    width: auto;
  }
}
/*==================================================	
/ 関連する求人
/=================================================*/
.job-relation-box {
  box-sizing: border-box;
  width: 232px;
  border: 1px solid #ccc;
  padding: 10px;
  float: left;
  margin-right: 10px;
  margin-bottom: 10px;
  list-style: none;
}
.job-relation-box:nth-child(4n) {
  margin-right: 0;
}
.job-relation-box__thumbnail {
  width: 100%;
  text-align: center;
  margin-bottom: 10px;
}
.job-relation-box__thumbnail img {
  max-width: 100%;
  max-height: 100%;
}
.job-relation-box__title {
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom-width: 1px;
  border-bottom-style: dotted;
  border-bottom-color: #ccc;
  line-height: 1.7;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.job-relation-box__company {
  font-size: 12px;
  font-size: 1.2rem;
  margin-bottom: 10px;
}
.job-relation-box-info {
  font-size: 12px;
  font-size: 1.2rem;
}
.job-relation-box-info__row {
  overflow: hidden;
  margin-bottom: 5px;
}
.job-relation-box-info__row:last-child {
  margin-bottom: 0;
}
.job-relation-box-info__title {
  float: left;
  margin-right: 10px;
  padding: 0 5px;
  background-color: #F3D5BC;
}
.job-relation-box-info__data {
  float: left;
}

@media screen and (max-width: 640px) {
  .job-relation {
    margin-bottom: 0;
    padding: 10px;
  }
  .job-relation-box {
    width: 100%;
    float: none;
    margin-right: 0;
  }
  .job-relation-box:nth-last-child(-n+4) {
    margin-bottom: 10px;
  }
  .job-relation-box:last-child {
    margin-bottom: 0;
  }
}
/*==================================================	
/ 企業の求人一覧
/=================================================*/
.client-job {
  position: relative;
  border: 1px solid #F56361;
  padding: 10px;
  margin-bottom: 20px;
}
.client-job-period, .client-job-info {
  width: 100%;
  clear: both;
  letter-spacing: -0.4em;
}
.client-job-period__row, .client-job-info__row {
  display: inline-block;
  letter-spacing: -0.4em;
  margin-right: 10px;
}
.client-job-period__title, .client-job-info__title {
  display: inline-block;
  letter-spacing: normal;
  background-color: #F3D5BC;
  padding: 2px 5px;
  margin-right: 10px;
  text-align: center;
  width: 80px;
}
.client-job-period__data, .client-job-info__data {
  display: inline-block;
  letter-spacing: normal;
  min-width: 60px;
}
.client-job-period {
  margin-bottom: 5px;
}
.client-job-action {
  position: absolute;
  top: 10px;
  right: 10px;
  letter-spacing: -0.4em;
}
.client-job-action__item {
  display: inline-block;
  letter-spacing: normal;
  margin-right: 10px;
}
.client-job-action__item:last-child {
  margin-right: 0;
}
.client-job__title {
  width: 650px;
  line-height: 1.7;
  margin-bottom: 10px;
}
.client-job__button {
  box-sizing: border-box;
  width: auto;
  -webkit-appearance: none;
  box-shadow: inset 0px 1px 0px 0px #ffffff;
  background: linear-gradient(to bottom, #ffffff 5%, #e0e0e0 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="$shadow_color", endColorstr="$bgcolor",GradientType=0);
  border: 1px solid #cccccc;
  border-radius: 4px;
  color: #666666;
  color: #fff\9 ; /* IE9 */
  text-decoration: none;
  height: auto;
  padding: 10px 20px;
  vertical-align: middle;
  font-weight: bold;
  line-height: normal;
  cursor: pointer;
  text-align: center;
  display: block;
}
.client-job__button:hover {
  background: linear-gradient(to bottom, #e0e0e0 5%, #ffffff 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="$bgcolor", endColorstr="$shadow_color",GradientType=0);
  background-color: #ffffff;
  text-decoration: none;
}
.client-job__button:active {
  position: relative;
  top: 1px;
}

@media screen and (max-width: 640px) {
  .client-job-period, .client-job-info {
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #F56361;
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: #F56361;
    margin-bottom: 10px;
  }
  .client-job-period__row, .client-job-info__row {
    display: block;
    margin-right: 0;
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #F56361;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #F56361;
  }
  .client-job-period__title, .client-job-info__title {
    width: 80px;
    padding: 10px;
    text-align: left;
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #F56361;
  }
  .client-job-period__data, .client-job-info__data {
    min-width: auto;
  }
  .client-job-period {
    margin-bottom: -1px;
  }
  .client-job-action {
    position: relative;
    top: 0;
    right: 0;
    width: 100%;
    text-align: center;
  }
  .client-job-action__item {
    display: block;
    margin-right: 0;
    margin-bottom: 5px;
  }
  .client-job-action__item:last-child {
    margin-bottom: 0;
  }
  .client-job__title {
    width: 100%;
  }
  .client-job__edit, .client-job__preview, .client-job__delete {
    width: 100%;
  }
}
/*==================================================	
/ 会員登録済み
/=================================================*/
.already-member {
  float: left;
  width: 400px;
  border: 1px solid #ccc;
  margin-right: 20px;
}
.already-member__title {
  font-size: 16px;
  font-size: 1.6rem;
  background-color: #eee;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #ccc;
  padding: 10px;
}

@media screen and (max-width: 768px) {
  .already-member {
    float: none;
    width: 100%;
    margin-bottom: 20px;
  }
}
/*==================================================	
/ 未登録
/=================================================*/
.not-member {
  float: left;
  width: 536px;
}
.not-member-body {
  line-height: 1.7;
  margin-bottom: 20px;
}
.not-member-action {
  text-align: center;
}
.not-member-action__button {
  box-sizing: border-box;
  width: 150px;
  -webkit-appearance: none;
  box-shadow: inset 0px 1px 0px 0px #F56361;
  background: linear-gradient(to bottom, #F56361 5%, #FD2652 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="$shadow_color", endColorstr="$bgcolor",GradientType=0);
  border: 1px solid #CB3051;
  border-radius: 4px;
  color: #fff;
  color: #fff\9 ; /* IE9 */
  text-decoration: none;
  height: auto;
  padding: 10px 20px;
  vertical-align: middle;
  font-weight: bold;
  line-height: normal;
  cursor: pointer;
  text-align: center;
  display: inline-block;
}
.not-member-action__button:hover {
  background: linear-gradient(to bottom, #FD2652 5%, #F56361 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="$bgcolor", endColorstr="$shadow_color",GradientType=0);
  background-color: #F56361;
  text-decoration: none;
}
.not-member-action__button:active {
  position: relative;
  top: 1px;
}

@media screen and (max-width: 768px) {
  .not-member {
    float: none;
    width: 100%;
  }
  .not-member-action__button {
    width: 200px;
  }
}
/*==================================================	
/ 会員情報
/=================================================*/
.member-info {
  border-top-width: 2px;
  border-top-style: solid;
  border-top-color: #CB3051;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #ccc;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #ccc;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #ccc;
  margin-bottom: 20px;
}
.member-info-heading {
  padding: 10px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #ccc;
  overflow: hidden;
}
.member-info-heading__title {
  font-size: 16px;
  font-size: 1.6rem;
  float: left;
  width: 745px;
  font-weight: normal;
  line-height: 1.7;
}
.member-info-heading__date {
  font-size: 12px;
  font-size: 1.2rem;
  float: right;
}
.member-info-body {
  padding: 10px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #ccc;
}
.member-info-table {
  box-sizing: border-box;
  width: 100%;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #F56361;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #F56361;
}
.member-info-table thead th {
  text-align: center;
}
.member-info-table tbody th {
  text-align: left;
}
.member-info-table__row {
  display: table-row;
}
.member-info-table__head, .member-info-table__data {
  display: table-cell;
  vertical-align: middle;
  padding: 10px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-right-style: solid;
  border-bottom-style: solid;
  border-right-color: #F56361;
  border-bottom-color: #F56361;
}
.member-info-table__head {
  font-weight: normal;
  width: 100px;
  background-color: #F3D5BC;
  color: #000;
}
.member-info-table__data {
  background-color: #fff;
  color: #000;
}
.member-info-action {
  background-color: #F7EFDE;
  padding: 10px;
}
.member-info__send {
  box-sizing: border-box;
  width: 200px;
  -webkit-appearance: none;
  box-shadow: inset 0px 1px 0px 0px #F56361;
  background: linear-gradient(to bottom, #F56361 5%, #FD2652 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="$shadow_color", endColorstr="$bgcolor",GradientType=0);
  border: 1px solid #CB3051;
  border-radius: 4px;
  color: #fff;
  color: #fff\9 ; /* IE9 */
  text-decoration: none;
  height: auto;
  padding: 10px 20px;
  vertical-align: middle;
  font-weight: bold;
  line-height: normal;
  cursor: pointer;
  text-align: center;
  display: block;
  margin: 0 auto;
}
.member-info__send:hover {
  background: linear-gradient(to bottom, #FD2652 5%, #F56361 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="$bgcolor", endColorstr="$shadow_color",GradientType=0);
  background-color: #F56361;
  text-decoration: none;
}
.member-info__send:active {
  position: relative;
  top: 1px;
}

@media screen and (max-width: 640px) {
  .member-info {
    margin: 10px 10px 20px 10px;
  }
  .member-info-heading__title {
    float: none;
    margin-bottom: 10px;
  }
  .member-info-heading__period {
    float: none;
    text-align: right;
  }
  .member-info-action__send {
    width: 100%;
    margin: 0;
  }
}
/*==================================================	
/ 新着メッセージ
/=================================================*/
.latest-message__item {
  border-bottom-width: 1px;
  border-bottom-style: dashed;
  border-bottom-color: #ccc;
  margin-bottom: 10px;
  padding-bottom: 10px;
  overflow: hidden;
  list-style-type: none;
}
.latest-message__item:last-child {
  border-bottom: none;
  margin-bottom: 0px;
  padding-bottom: 0px;
}
.latest-message__date {
  float: left;
  margin-right: 10px;
}
.latest-message__summary {
  float: left;
}

/*==================================================	
/ メッセージ一覧
/=================================================*/
.message-table {
  width: 100%;
  border-collapse: collapse;
  /* 改ページ */
}
.message-table thead th {
  text-align: center;
}
.message-table tbody th {
  text-align: left;
}
.message-table th, .message-table td {
  vertical-align: middle;
  padding: 10px;
  border: 1px solid #ccc;
}
.message-table th {
  font-weight: normal;
  background-color: #eee;
}
.message-table td {
  background-color: #fff;
}
.message-table + .paginator {
  margin-top: 20px;
  margin-bottom: 0;
}
.message-table-head__read {
  width: 40px;
}
.message-table-head__datetime {
  width: 140px;
}
.message-table-head__type {
  width: 80px;
}
.message-table-data__datetime, .message-table-data__read, .message-table-data__type {
  text-align: center;
}
.message-table-data__title .is-ellipsis {
  width: 450px;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

@media screen and (max-width: 640px) {
  .message-table {
    border: 1px solid #ccc;
  }
  .message-table th, .message-table td {
    border: none;
  }
  .message-table tbody tr {
    border-bottom: 1px solid #ccc !important;
  }
  .message-table tbody tr:last-child {
    border-bottom: none;
  }
  .message-table .is-listToggle {
    display: none;
  }
  .message-table-head__sender, .message-table-head__datetime, .message-table-head__type {
    display: none;
  }
  .message-table-head__read, .message-table-head__title {
    border-bottom: 1px solid #ccc !important;
  }
  .message-table-data__title, .message-table-data__sender, .message-table-data__datetime, .message-table-data__type {
    display: block;
    text-align: left;
  }
  .message-table-data__sender:before, .message-table-data__datetime:before, .message-table-data__type:before {
    content: attr(data-colname);
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    margin-right: 5px;
    color: #888;
    font-weight: normal;
    width: 80px;
  }
  .message-table-data__sender, .message-table-data__datetime {
    border-bottom: 1px dotted #ccc !important;
  }
  .message-table-data__title {
    position: relative;
  }
  .message-table-data__title .is-ellipsis {
    width: 90%;
    display: block;
    white-space: normal;
    padding-right: 10px;
  }
  .message-table-data__title .btn-toggle {
    position: absolute;
    top: 8px;
    right: 8px;
  }
  .message-table__detail {
    width: 100%;
  }
}
/*==================================================	
/ メッセージ詳細
/=================================================*/
.message-detail-table {
  box-sizing: border-box;
  width: 100%;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #F56361;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #F56361;
}
.message-detail-table thead th {
  text-align: center;
}
.message-detail-table tbody th {
  text-align: left;
}
.message-detail-table__row {
  display: table-row;
}
.message-detail-table__head, .message-detail-table__data {
  display: table-cell;
  vertical-align: middle;
  padding: 10px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-right-style: solid;
  border-bottom-style: solid;
  border-right-color: #F56361;
  border-bottom-color: #F56361;
}
.message-detail-table__head {
  font-weight: normal;
  width: auto;
  background-color: #F3D5BC;
  color: #000;
}
.message-detail-table__data {
  background-color: #fff;
  color: #000;
}
.message-detail-table__head {
  text-align: left !important;
}
.message-detail-table__data {
  width: 320px;
}

@media screen and (max-width: 640px) {
  .message-detail-table__row {
    display: block;
  }
  .message-detail-table__head, .message-detail-table__data {
    box-sizing: border-box;
    width: 100%;
    display: block;
  }
  .message-detail-table__head {
    text-align: center !important;
  }
  .message-detail-table__data {
    width: 100%;
  }
  .message-detail-table tbody:before {
    display: block;
    content: "内容";
    text-align: center;
    padding: 10px;
    background-color: #F3D5BC;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #F56361;
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #F56361;
  }
}
/*==================================================	
/ 基本のナビゲーション
/=================================================*/
.navigation-menu__item {
  font-size: 14px;
  font-size: 1.4rem;
  list-style: none;
}

/*==================================================	
/ グローバルナビゲーション
/=================================================*/
.gnav {
  background-color: #CB3051;
  /* 切り替えボタン */
}
.gnav-menu {
  width: 960px;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
  font-size: 0;
}
.gnav-menu__item {
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #F56361;
  display: inline-block;
  list-style-type: none;
  width: 118px;
  text-align: center;
}
.gnav-menu__item:last-child {
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #F56361;
}
.gnav-menu__item a {
  display: block;
  font-size: 14px;
  font-size: 1.4rem;
  color: #FFFFFF;
  text-decoration: none;
  padding: 10px;
}
.gnav-menu__item a:hover, .gnav-menu__item.is-active a {
  color: #fff;
  background-color: #C21F50;
}
.gnav-toggle {
  position: relative;
  width: 32px;
  height: 32px;
  cursor: pointer;
  display: none;
  text-align: center;
  vertical-align: middle;
  padding-right: 10px;
}
.gnav-toggle span {
  position: relative;
  display: block;
  width: 28px;
  height: 22px;
  background-color: #848484;
}
.gnav-toggle span:before, .gnav-toggle span:after {
  position: absolute;
  right: 0;
  content: "";
  width: 100%;
  border-top: 5px solid #fff;
}
.gnav-toggle span:before {
  top: 4px;
}
.gnav-toggle span:after {
  bottom: 4px;
}

@media screen and (max-width: 768px) {
  .gnav-menu {
    width: 100%;
  }
}
@media screen and (max-width: 640px) {
  .gnav {
    display: none;
    position: fixed;
    top: 50px;
    left: 0;
    width: 90%;
    padding: 10px;
    z-index: 100;
    opacity: 0.9;
    background-color: #000;
  }
  .gnav-menu__item {
    width: 100%;
    display: block;
    border-left: none;
    border-right: none;
    text-align: left;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #999;
  }
  .gnav-menu__item:last-child {
    border-bottom: none;
  }
  .gnav-menu__item:nth-child(3) {
    display: block;
  }
  .gnav-menu__item a:hover {
    background-color: #666;
  }
  .gnav-menu__item.is-active a {
    background-color: transparent;
  }
  .gnav-menu__item.is-active a:hover {
    background-color: #666;
  }
  .gnav-toggle {
    display: table-cell;
  }
}
/*==================================================	
/ ヘッダーのナビゲーション
/=================================================*/
.l-header-side .navigation {
  overflow: hidden;
}
.l-header-side .navigation-menu {
  float: right;
}
.l-header-side .navigation-menu__item {
  display: inline;
  margin-right: 10px;
}
.l-header-side .navigation-menu__item:last-child {
  margin-right: 0;
}
.l-header-side .navigation-menu__link {
  position: relative;
  padding-left: 1.2em;
  text-decoration: none;
}
.l-header-side .navigation-menu__link:after {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 6px;
  height: 6px;
  margin: -4px 0 0 0;
  border-top: solid 2px #0066cc;
  border-right: solid 2px #0066cc;
  transform: rotate(45deg);
}

@media screen and (max-width: 640px) {
  .l-header-side .navigation-menu {
    letter-spacing: -0.5em;
  }
  .l-header-side .navigation-menu__item {
    display: inline-block;
    padding-right: 10px;
    margin-right: 0;
    line-height: 100px;
  }
  .l-header-side .navigation-menu__item a {
    padding: 0;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    display: block;
    width: 32px;
    height: 32px;
    top: 0;
    background-image: url(../img/icn_header.png);
  }
  .l-header-side .navigation-menu__item a:after {
    display: block;
    position: relative;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    margin: 0;
    border: none;
  }
  .l-header-side .navigation-menu__link {
    background-position: 0 0;
  }
  .l-header-side .navigation-menu__home {
    background-position: -32px 0px;
  }
  .l-header-side .navigation-menu__login {
    background-position: -128px 0px;
  }
  .l-header-side .navigation-menu__logout {
    background-position: -160px 0px;
  }
  .l-header-side .navigation-menu__register {
    background-position: -192px 0px;
  }
  .l-header-side .navigation-menu__beginner {
    background-position: -224px 0px;
  }
  .l-header-side .navigation-menu__user {
    background-position: -256px 0px;
  }
}
/*==================================================	
/ フッターのナビゲーション
/=================================================*/
.l-footer .navigation {
  margin-bottom: 20px;
}
.l-footer .navigation-menu {
  width: 960px;
  margin-left: auto;
  margin-right: auto;
}
.l-footer .navigation-menu__item {
  display: inline;
  margin-right: 10px;
  padding-right: 10px;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #333333;
  line-height: 1.7;
}

@media screen and (max-width: 768px) {
  .l-footer .navigation-menu {
    width: 100%;
    box-sizing: border-box;
    text-align: center;
  }
  .l-footer .navigation-menu__item {
    white-space: pre;
    line-height: 200%;
  }
}
/*==================================================	
/ 中央のナビゲーション
/=================================================*/
.l-center .navigation {
  margin-bottom: 20px;
}
.l-center .navigation-menu {
  border: 1px solid #ccc;
}
.l-center .navigation-menu__item {
  display: inline-block;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #ccc;
  padding: 10px;
}
.l-center .navigation-menu__link {
  position: relative;
  padding-left: 1.2em;
  text-decoration: none;
  display: block;
}
.l-center .navigation-menu__link:after {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 6px;
  height: 6px;
  margin: -4px 0 0 0;
  border-top: solid 2px #0066cc;
  border-right: solid 2px #0066cc;
  transform: rotate(45deg);
}

@media screen and (max-width: 640px) {
  .l-center .navigation {
    margin-bottom: 0;
  }
  .l-center .navigation-menu {
    border-left: none;
    border-right: none;
  }
  .l-center .navigation-menu__item {
    display: block;
    border-right: none;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #ccc;
    padding: 10px;
  }
  .l-center .navigation-menu__item:last-child {
    border-bottom: none;
  }
}
/*==================================================	
/ メインのナビゲーション
/=================================================*/
.l-main .navigation {
  margin-bottom: 20px;
}
.l-main .navigation-menu {
  border: 1px solid #ccc;
}
.l-main .navigation-menu__item {
  display: inline-block;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #ccc;
  padding: 10px;
}
.l-main .navigation-menu__link {
  position: relative;
  padding-left: 1.2em;
  text-decoration: none;
  display: block;
}
.l-main .navigation-menu__link:after {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 6px;
  height: 6px;
  margin: -4px 0 0 0;
  border-top: solid 2px #0066cc;
  border-right: solid 2px #0066cc;
  transform: rotate(45deg);
}

@media screen and (max-width: 640px) {
  .l-main .navigation {
    margin-bottom: 0;
  }
  .l-main .navigation-menu {
    border-left: none;
    border-right: none;
  }
  .l-main .navigation-menu__item {
    display: block;
    border-right: none;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #ccc;
    padding: 10px;
  }
  .l-main .navigation-menu__item:last-child {
    border-bottom: none;
  }
}
/*==================================================	
/ サイドバーのナビゲーション
/=================================================*/
.l-sidebar .navigation {
  margin-bottom: 20px;
}
.l-sidebar .navigation-menu__item {
  background-color: #eee;
  margin-bottom: 1px;
}
.l-sidebar .navigation-menu__item:last-child {
  margin-bottom: 0;
}
.l-sidebar .navigation-menu__item.is-active {
  background-color: #0066cc;
}
.l-sidebar .navigation-menu__item.is-active a {
  color: #fff;
}
.l-sidebar .navigation-menu__link {
  display: block;
  padding: 10px;
}
.l-sidebar .navigation-menu__link:hover {
  background-color: #0066cc;
  text-decoration: none;
  color: #fff;
}

@media screen and (max-width: 640px) {
  .l-sidebar .navigation {
    margin-bottom: 0;
  }
  .l-sidebar .navigation-menu {
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #ccc;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #ccc;
  }
  .l-sidebar .navigation-menu__item {
    background-color: #fff;
    margin-bottom: 0;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #ccc;
  }
  .l-sidebar .navigation-menu__item:last-child {
    border-bottom: none;
  }
  .l-sidebar .navigation-menu__item.is-active {
    background-color: #fff;
  }
  .l-sidebar .navigation-menu__item.is-active a {
    color: #0066cc;
  }
  .l-sidebar .navigation-menu__link {
    margin-left: 10px;
    position: relative;
    padding-left: 1.2em;
    text-decoration: none;
  }
  .l-sidebar .navigation-menu__link:after {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 6px;
    height: 6px;
    margin: -4px 0 0 0;
    border-top: solid 2px #0066cc;
    border-right: solid 2px #0066cc;
    transform: rotate(45deg);
  }
  .l-sidebar .navigation-menu__link:hover {
    background-color: #fff;
    color: #0066cc;
  }
}
/*==================================================	
/ お知らせ一覧
/=================================================*/
.news-list {
  padding: 10px;
  border: 1px solid #ccc;
  margin-bottom: 20px;
}
.news-list__item {
  overflow: hidden;
  list-style: none;
  border-bottom-width: 1px;
  border-bottom-style: dashed;
  border-bottom-color: #ccc;
  margin-bottom: 10px;
  padding-bottom: 10px;
}
.news-list__item:last-child {
  margin-bottom: 0px;
  padding-bottom: 0px;
  border-bottom: none;
}
.news-list__date {
  float: left;
  width: 120px;
}
.news-list__body {
  float: left;
}
.news-list__body .is-ellipsis {
  width: 498px;
}

@media screen and (max-width: 640px) {
  .news-list__date {
    width: 100%;
    margin-bottom: 10px;
  }
  .news-list__body .is-ellipsis {
    width: 100%;
    white-space: normal;
    line-height: 1.7;
  }
}
/*==================================================	
/ お知らせ詳細
/=================================================*/
.news {
  margin-bottom: 20px;
}
.news__date {
  color: #808080;
  text-align: right;
  margin-bottom: 20px;
}
.news__body {
  line-height: 1.7;
}
.news__body p {
  margin-bottom: 20px;
}
.news__body p:last-child {
  margin-bottom: 0;
}

@media screen and (max-width: 640px) {
  .news {
    margin-bottom: 0;
    padding: 10px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #ccc;
  }
}
/*==================================================	
/ 特集一覧
/=================================================*/
.special-box {
  padding: 10px;
  border: 1px solid #ccc;
  margin-bottom: 20px;
  overflow: hidden;
}
.special-box__thumbnail {
  float: left;
  margin-right: 10px;
  width: 80px;
}
.special-box__thumbnail img {
  max-width: 100%;
}
.special-box__body {
  float: left;
  width: 528px;
}
.special-box__title {
  font-size: 16px;
  font-size: 1.6rem;
  margin-bottom: 10px;
}
.special-box__summary {
  font-size: 14px;
  font-size: 1.4rem;
  margin-bottom: 10px;
}
.special-box__date {
  color: #808080;
  text-align: right;
}

@media screen and (max-width: 640px) {
  .special-box {
    padding-top: 0;
    border: none;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #ccc;
  }
  .special-box__thumbnail {
    float: none;
    width: 100%;
    margin-right: 0;
    margin-bottom: 10px;
    text-align: center;
  }
  .special-box__thumbnail img {
    max-width: auto;
  }
  .special-box__body {
    float: none;
    width: 100%;
  }
}
/*==================================================	
/ 特集詳細
/=================================================*/
.special-detail {
  /* 関連する求人 */
}
.special-detail__date {
  color: #808080;
  text-align: right;
  margin-bottom: 20px;
}
.special-detail__summary {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.7;
  margin-bottom: 20px;
}
.special-detail__picture {
  margin-bottom: 20px;
}
.special-detail__picture img {
  max-width: 100%;
  height: auto;
}
.special-detail__body {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.7;
  margin-bottom: 20px;
}
.special-detail__body h1 {
  font-size: 24px;
  font-size: 2.4rem;
  margin-bottom: 1em;
}
.special-detail__body h2 {
  font-size: 20px;
  font-size: 2rem;
  background-color: #CB3051;
  color: #fff;
  margin-bottom: 1em;
  padding: 10px;
}
.special-detail__body h3 {
  font-size: 18px;
  font-size: 1.8rem;
  border-left: 5px solid #CB3051;
  margin-bottom: 1em;
  padding-left: 10px;
}
.special-detail__body h4 {
  font-size: 16px;
  font-size: 1.6rem;
  border-bottom: 2px solid #CB3051;
  margin-bottom: 1em;
  padding: 0 0 10px 0;
}
.special-detail__body h5 {
  font-size: 14px;
  font-size: 1.4rem;
  margin-bottom: 1em;
}
.special-detail__body h6 {
  font-size: 12px;
  font-size: 1.2rem;
  margin-bottom: 1em;
}
.special-detail__body p, .special-detail__body pre, .special-detail__body address, .special-detail__body blockquote {
  margin-bottom: 1em;
}
.special-detail__body p:last-child, .special-detail__body pre:last-child, .special-detail__body address:last-child, .special-detail__body blockquote:last-child {
  margin-bottom: 0;
}
.special-detail__body pre {
  border: 1px solid #ccc;
  padding: 20px;
}
.special-detail__body address {
  font-style: italic;
}
.special-detail__body blockquote {
  position: relative;
  padding: 20px 20px 20px 50px;
  box-sizing: border-box;
  font-style: italic;
  background: #eee;
}
.special-detail__body blockquote:before {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  content: "“";
  font-family: "Lucida Grande", Arial, "Hiragino Kaku Gothic Pro", Meiryo, "メイリオ", sans-serif;
  color: #ccc;
  font-size: 90px;
  line-height: 1;
}
.special-detail__body blockquote cite {
  display: block;
  text-align: right;
  color: #888888;
  font-size: 0.9em;
}
.special-detail__body li {
  margin-left: 1.5em;
  list-style-position: outside;
}
.special-detail__body img {
  max-width: 100%;
  height: auto;
}
.special-detail-job {
  margin-bottom: 20px;
}
.special-detail-job__title {
  font-size: 16px;
  font-size: 1.6rem;
  border-left-width: 5px;
  border-left-style: solid;
  border-left-color: #0099CC;
  padding-left: 10px;
  margin-bottom: 10px;
  line-height: 1.7;
}
.special-detail-job__company {
  text-align: right;
  margin-bottom: 10px;
}
.special-detail-job-body {
  overflow: hidden;
}
.special-detail-job__thumbnail {
  float: left;
  width: 200px;
  overflow: hidden;
  margin-right: 10px;
}
.special-detail-job__thumbnail img {
  max-width: 100%;
  height: auto;
}
.special-detail-job-table {
  float: left;
  box-sizing: border-box;
  width: 430px;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #F56361;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #F56361;
}
.special-detail-job-table thead th {
  text-align: center;
}
.special-detail-job-table tbody th {
  text-align: left;
}
.special-detail-job-table__row {
  display: table-row;
}
.special-detail-job-table__head, .special-detail-job-table__data {
  display: table-cell;
  vertical-align: middle;
  padding: 10px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-right-style: solid;
  border-bottom-style: solid;
  border-right-color: #F56361;
  border-bottom-color: #F56361;
}
.special-detail-job-table__head {
  font-weight: normal;
  width: 80px;
  background-color: #F3D5BC;
  color: #000;
}
.special-detail-job-table__data {
  background-color: #fff;
  color: #000;
}

@media screen and (max-width: 768px) {
  .special-detail {
    padding: 0;
    /* 関連する求人 */
  }
  .special-detail__title {
    padding: 10px;
  }
  .special-detail__date, .special-detail__summary, .special-detail__picture {
    padding: 0 10px;
  }
  .special-detail__body {
    padding: 0 10px 10px 10px;
    margin-bottom: 0;
  }
  .special-detail-job {
    margin-bottom: 20px;
  }
  .special-detail-job:last-child {
    margin-bottom: 0;
  }
  .special-detail-job__title {
    font-size: 16px;
    font-size: 1.6rem;
    border-left-width: 5px;
    border-left-style: solid;
    border-left-color: #0099CC;
    padding-left: 10px;
    margin-bottom: 10px;
    line-height: 1.7;
  }
  .special-detail-job__thumbnail {
    float: none;
    width: 100%;
    margin-right: 0;
    margin-bottom: 10px;
    text-align: center;
  }
  .special-detail-job-table {
    float: none;
    box-sizing: border-box;
    width: 100%;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #F56361;
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: #F56361;
  }
  .special-detail-job-table thead th {
    text-align: center;
  }
  .special-detail-job-table tbody th {
    text-align: left;
  }
  .special-detail-job-table__row {
    display: table-row;
  }
  .special-detail-job-table__head, .special-detail-job-table__data {
    display: table-cell;
    vertical-align: middle;
    padding: 10px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-right-style: solid;
    border-bottom-style: solid;
    border-right-color: #F56361;
    border-bottom-color: #F56361;
  }
  .special-detail-job-table__head {
    font-weight: normal;
    width: 80px;
    background-color: #F3D5BC;
    color: #000;
  }
  .special-detail-job-table__data {
    background-color: #fff;
    color: #000;
  }
}
/*==================================================	
/ 特集の関連求人
/=================================================*/
.special-job {
  margin-bottom: 20px;
}
.special-job__title {
  font-size: 16px;
  font-size: 1.6rem;
  border-left-width: 5px;
  border-left-style: solid;
  border-left-color: #0099CC;
  padding-left: 10px;
  margin-bottom: 10px;
  line-height: 1.7;
}
.special-job__company {
  text-align: right;
  margin-bottom: 10px;
}
.special-job-body {
  overflow: hidden;
}
.special-job__thumbnail {
  float: left;
  width: 200px;
  overflow: hidden;
  margin-right: 10px;
}
.special-job__thumbnail img {
  max-width: 100%;
  height: auto;
}
.special-job-table {
  float: left;
  box-sizing: border-box;
  width: 430px;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #F56361;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #F56361;
}
.special-job-table thead th {
  text-align: center;
}
.special-job-table tbody th {
  text-align: left;
}
.special-job-table__row {
  display: table-row;
}
.special-job-table__head, .special-job-table__data {
  display: table-cell;
  vertical-align: middle;
  padding: 10px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-right-style: solid;
  border-bottom-style: solid;
  border-right-color: #F56361;
  border-bottom-color: #F56361;
}
.special-job-table__head {
  font-weight: normal;
  width: 80px;
  background-color: #F3D5BC;
  color: #000;
}
.special-job-table__data {
  background-color: #fff;
  color: #000;
}

@media screen and (max-width: 768px) {
  .special-job {
    padding: 0 10px;
    margin-bottom: 20px;
  }
  .special-job__title {
    font-size: 16px;
    font-size: 1.6rem;
    border-left-width: 5px;
    border-left-style: solid;
    border-left-color: #0099CC;
    padding-left: 10px;
    margin-bottom: 10px;
    line-height: 1.7;
  }
  .special-job__thumbnail {
    float: none;
    width: 100%;
    margin-right: 0;
    margin-bottom: 10px;
    text-align: center;
  }
  .special-job-table {
    float: none;
    box-sizing: border-box;
    width: 100%;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #F56361;
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: #F56361;
  }
  .special-job-table thead th {
    text-align: center;
  }
  .special-job-table tbody th {
    text-align: left;
  }
  .special-job-table__row {
    display: table-row;
  }
  .special-job-table__head, .special-job-table__data {
    display: table-cell;
    vertical-align: middle;
    padding: 10px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-right-style: solid;
    border-bottom-style: solid;
    border-right-color: #F56361;
    border-bottom-color: #F56361;
  }
  .special-job-table__head {
    font-weight: normal;
    width: 80px;
    background-color: #F3D5BC;
    color: #000;
  }
  .special-job-table__data {
    background-color: #fff;
    color: #000;
  }
}
/*==================================================	
/ 基本
/=================================================*/
.widget {
  font-size: 14px;
  font-size: 1.4rem;
  margin-bottom: 20px;
  /* 見出し */
  /* 内容 */
}
.widget-heading {
  box-sizing: border-box;
  width: 100%;
  display: table;
  background-color: #CB3051;
  padding: 10px;
}
.widget-heading__title {
  font-size: 20px;
  font-size: 2rem;
  display: table-cell;
  line-height: 1.7;
}
.widget-heading__more {
  display: table-cell;
  padding-left: 10px;
  text-align: right;
}
.widget-heading__link {
  color: #fff;
}
.widget-heading__link:hover {
  text-decoration: none;
}
.widget-body {
  padding: 10px;
  border: 1px solid #ccc;
  overflow: hidden;
}

@media screen and (max-width: 640px) {
  .widget {
    margin-bottom: 0;
    /* 内容 */
  }
  .widget-body {
    border: none;
  }
}
/*==================================================	
/ レイアウト毎の調節
/=================================================*/
.l-headline .widget:last-child,
.l-header-side .widget:last-child,
.l-header-bottom .widget:last-child,
.l-main .widget:last-child,
.l-main-top .widget:last-child,
.l-main-bottom .widget:last-child,
.l-sidebar .widget:last-child,
.l-footer .widget:last-child {
  margin-bottom: 0;
}

.l-sidebar .widget-heading__title {
  font-size: 14px;
  font-size: 1.4rem;
  color: #fff;
}

.l-header-bottom .widget {
  width: 960px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
}

.l-footer .widget {
  width: 960px;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (min-width: 641px) {
  .l-main .widget-heading,
.l-main-top .widget-heading,
.l-main-bottom .widget-heading {
    background-color: #fff;
    border-bottom-width: 2px;
    border-bottom-style: solid;
    border-bottom-color: #CB3051;
    padding: 0 0 8px 0;
    margin-bottom: 20px;
  }
  .l-main .widget-heading__title,
.l-main-top .widget-heading__title,
.l-main-bottom .widget-heading__title {
    font-size: 16px;
    font-size: 1.6rem;
    color: #000;
  }
  .l-main .widget-heading__link,
.l-main-top .widget-heading__link,
.l-main-bottom .widget-heading__link {
    position: relative;
    padding-left: 1.2em;
    text-decoration: none;
    color: #0066cc;
  }
  .l-main .widget-heading__link:after,
.l-main-top .widget-heading__link:after,
.l-main-bottom .widget-heading__link:after {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 6px;
    height: 6px;
    margin: -4px 0 0 0;
    border-top: solid 2px #0066cc;
    border-right: solid 2px #0066cc;
    transform: rotate(45deg);
  }
}
@media screen and (max-width: 640px) {
  .l-main .widget-heading,
.l-main-top .widget-heading,
.l-main-bottom .widget-heading {
    background-color: #CB3051;
    padding: 10px;
    margin-bottom: 0;
  }
  .l-main .widget-heading__title,
.l-main-top .widget-heading__title,
.l-main-bottom .widget-heading__title {
    font-size: 14px;
    font-size: 1.4rem;
    color: #fff;
  }
  .l-header-bottom .widget {
    width: 100%;
    margin-top: 0;
  }
  .l-footer .widget {
    width: 100%;
  }
}
/*==================================================	
/ 一覧
/=================================================*/
.widget-list {
  padding: 10px;
  border: 1px solid #ccc;
}
.widget-list__item {
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom-width: 1px;
  border-bottom-style: dashed;
  border-bottom-color: #ccc;
  list-style: none;
}
.widget-list__item:last-child {
  margin-bottom: 0px;
  padding-bottom: 0px;
  border-bottom: none;
}
.widget-list__link {
  position: relative;
  padding-left: 1.2em;
  text-decoration: none;
}
.widget-list__link:after {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 6px;
  height: 6px;
  margin: -4px 0 0 0;
  border-top: solid 2px #0066cc;
  border-right: solid 2px #0066cc;
  transform: rotate(45deg);
}
.widget-list__date {
  margin-bottom: 10px;
}

@media screen and (max-width: 640px) {
  .widget-list {
    border-left: none;
    border-right: none;
  }
}
/*==================================================	
/ 情報
/=================================================*/
.widget-info {
  /* 行 */
  /* タイトル */
  /* データ */
  /* カウント */
  /* 日付 */
}
.widget-info__row {
  text-align: right;
  padding-bottom: 5px;
  margin-bottom: 5px;
  border-bottom-width: 1px;
  border-bottom-style: dashed;
  border-bottom-color: #ccc;
}
.widget-info__row:last-child {
  margin-bottom: 0;
}
.widget-info__title {
  display: inline-block;
  width: 80px;
}
.widget-info__data {
  display: inline-block;
}
.widget-info__count {
  font-size: 20px;
  font-size: 2rem;
  color: #ff4500;
  margin: 0 5px;
}
.widget-info__date {
  font-size: 12px;
  font-size: 1.2rem;
  color: #808080;
  text-align: right;
  margin-top: 10px;
}

@media screen and (max-width: 640px) {
  .widget-info {
    /* 行 */
    /* カウント */
  }
  .widget-info__row {
    text-align: left;
  }
  .widget-info__count {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
/*==================================================	
/ メディア（サムネイル付きの投稿）
/=================================================*/
.widget-media {
  border: 1px solid #ccc;
}
.widget-media__item {
  box-sizing: border-box;
  width: 100%;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #ccc;
  display: table;
  padding: 10px;
  list-style: none;
}
.widget-media__item:last-child {
  border-bottom: none;
}
.widget-media__thumbnail {
  display: table-cell;
  width: 80px;
  padding-right: 10px;
}
.widget-media__thumbnail img {
  max-width: 100%;
  max-height: 100%;
}
.widget-media__body {
  display: table-cell;
  vertical-align: top;
}
.widget-media__title {
  margin-bottom: 10px;
}
.widget-media__date {
  margin-bottom: 10px;
}
.widget-media__title {
  font-size: 14px;
  font-size: 1.4rem;
}
.widget-media__title, .widget-media__summary {
  line-height: 1.7;
}
.widget-media__company, .widget-media__summary {
  font-size: 12px;
  font-size: 1.2rem;
  color: #808080;
}

@media screen and (max-width: 640px) {
  .widget-media {
    border-left: none;
    border-right: none;
  }
}
/*==================================================	
/ ログインフォーム
/=================================================*/
.widget-login {
  padding: 10px;
  border: 1px solid #ccc;
  background-color: #fff;
  border: 1px solid #ccc;
}
.widget-login-form {
  margin-bottom: 20px;
}
.widget-login-form-body {
  margin-bottom: 10px;
}
.widget-login-form__row {
  margin-bottom: 10px;
}
.widget-login-form__submit {
  box-sizing: border-box;
  width: 100%;
  -webkit-appearance: none;
  box-shadow: inset 0px 1px 0px 0px #F56361;
  background: linear-gradient(to bottom, #F56361 5%, #FD2652 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="$shadow_color", endColorstr="$bgcolor",GradientType=0);
  border: 1px solid #CB3051;
  border-radius: 4px;
  color: #fff;
  color: #fff\9 ; /* IE9 */
  text-decoration: none;
  height: auto;
  padding: 10px 20px;
  vertical-align: middle;
  font-weight: bold;
  line-height: normal;
  cursor: pointer;
  text-align: center;
  display: block;
}
.widget-login-form__submit:hover {
  background: linear-gradient(to bottom, #FD2652 5%, #F56361 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="$bgcolor", endColorstr="$shadow_color",GradientType=0);
  background-color: #F56361;
  text-decoration: none;
}
.widget-login-form__submit:active {
  position: relative;
  top: 1px;
}
.widget-login-bottom {
  text-align: right;
}
.widget-login-bottom__link {
  position: relative;
  padding-left: 1.2em;
  text-decoration: none;
}
.widget-login-bottom__link:after {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 6px;
  height: 6px;
  margin: -4px 0 0 0;
  border-top: solid 2px #0066cc;
  border-right: solid 2px #0066cc;
  transform: rotate(45deg);
}

/* ログアウト */
.widget-logout {
  box-sizing: border-box;
  width: 100%;
  -webkit-appearance: none;
  box-shadow: inset 0px 1px 0px 0px #F56361;
  background: linear-gradient(to bottom, #F56361 5%, #FD2652 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="$shadow_color", endColorstr="$bgcolor",GradientType=0);
  border: 1px solid #CB3051;
  border-radius: 4px;
  color: #fff;
  color: #fff\9 ; /* IE9 */
  text-decoration: none;
  height: auto;
  padding: 10px 20px;
  vertical-align: middle;
  font-weight: bold;
  line-height: normal;
  cursor: pointer;
  text-align: center;
  display: block;
}
.widget-logout:hover {
  background: linear-gradient(to bottom, #FD2652 5%, #F56361 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="$bgcolor", endColorstr="$shadow_color",GradientType=0);
  background-color: #F56361;
  text-decoration: none;
}
.widget-logout:active {
  position: relative;
  top: 1px;
}

/*==================================================	
/ ギャラリー
/=================================================*/
.widget-gallery__image {
  max-width: 100%;
  height: auto;
}

@media screen and (max-width: 640px) {
  .widget-gallery {
    text-align: center;
    margin-bottom: 20px !important;
  }
}
/*==================================================	
/ フリースペース
/=================================================*/
.widget-freespace img {
  max-width: 100%;
  height: auto;
}

/*==================================================	
/ スレッド
/=================================================*/
.widget-threaded {
  margin-bottom: 1em;
  /* 全体 */
  /* 親要素 */
  /* 一覧 */
}
.widget-threadeds {
  padding: 10px;
  border: 1px solid #ccc;
  overflow: hidden;
}
.widget-threaded__parent {
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: bold;
  margin-bottom: 10px;
}
.widget-threaded__list {
  overflow: hidden;
  display: block;
}
.widget-threaded__item {
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.7em;
  list-style: none;
  float: left;
  margin-right: 10px;
}
.widget-threaded__item:last-child {
  margin-right: 0;
  padding-right: 0;
  border-right: none;
}

/* メイン */
.l-main .widget-threaded {
  width: 300px;
  margin-bottom: 1em;
}
.l-main .widget-threaded:nth-last-child(-n+2) {
  margin-bottom: 0;
}
.l-main .widget-threaded:nth-child(odd) {
  float: left;
  clear: both;
}
.l-main .widget-threaded:nth-child(even) {
  float: right;
  margin-left: 18px;
}

@media screen and (max-width: 768px) {
  .l-main .widget-threaded {
    float: none;
    width: 100%;
  }
  .l-main .widget-threaded:nth-last-child(-n+2) {
    margin-bottom: 1em;
  }
  .l-main .widget-threaded:last-child {
    margin-bottom: 0;
  }
}
@media screen and (max-width: 640px) {
  .l-main .widget-threaded,
.l-sidebar .widget-threaded {
    padding: 0;
    margin: 0;
  }
  .l-main .widget-threaded:nth-last-child(-n+2),
.l-sidebar .widget-threaded:nth-last-child(-n+2) {
    margin-bottom: 0;
  }
  .l-main .widget-threaded:nth-child(even),
.l-sidebar .widget-threaded:nth-child(even) {
    margin-left: 0;
  }
  .widget-threadeds {
    border: none;
    padding: 0;
  }
  .widget-threaded__parent {
    position: relative;
    text-decoration: none;
    font-weight: normal;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #ccc;
    margin-bottom: 0;
    cursor: pointer;
  }
  .widget-threaded__parent:after {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    right: 10px;
    width: 6px;
    height: 6px;
    margin: -4px 0 0 0;
    border-bottom: solid 2px #0066cc;
    border-right: solid 2px #0066cc;
    transform: rotate(45deg);
  }
  .widget-threaded__parent a {
    display: block;
    padding: 10px;
    pointer-events: none;
  }
  .widget-threaded__parent.is-open:after {
    border-top: solid 2px #0066cc;
    border-left: solid 2px #0066cc;
    border-right: none;
    border-bottom: none;
  }
  .widget-threaded__list {
    display: none;
  }
  .widget-threaded__item {
    float: none;
    margin-right: 0;
    padding-right: 0;
    border-right: none;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #ccc;
  }
  .widget-threaded__link {
    display: block;
    padding: 10px;
    background-color: #eee;
  }
}
/*==================================================	
/ タグクラウド
/=================================================*/
.widget-tags {
  padding: 10px;
  border: 1px solid #ccc;
  overflow: hidden;
}
.widget-tags__item {
  float: left;
  list-style: none;
  margin-right: 10px;
  margin-bottom: 10px;
}
.widget-tags__item:last-child {
  margin: 0;
}
.widget-tags__link {
  display: block;
  padding: 10px;
  background-color: #eee;
}
.widget-tags__link:hover {
  background-color: #CB3051;
  text-decoration: none;
  color: #fff;
  transition: 0.8s;
}

@media screen and (max-width: 640px) {
  .widget-tags {
    border: none;
  }
}
/*==================================================	
/ 求人情報
/=================================================*/
.widget-job {
  border: 1px solid #ccc;
}
.widget-job__item {
  box-sizing: border-box;
  width: 100%;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #ccc;
  display: table;
  padding: 10px;
  list-style: none;
}
.widget-job__item:last-child {
  border-bottom: none;
}
.widget-job__thumbnail {
  display: table-cell;
  width: 80px;
  padding-right: 10px;
}
.widget-job__body {
  display: table-cell;
  vertical-align: top;
}
.widget-job__title {
  margin-bottom: 5px;
  line-height: 1.7;
}
.widget-job-info {
  font-size: 12px;
  font-size: 1.2rem;
}
.widget-job-info__row {
  width: 100%;
  overflow: hidden;
}
.widget-job-info__title {
  float: left;
  width: 44px;
  color: #808080;
}
.widget-job-info__data {
  float: left;
}

@media screen and (max-width: 640px) {
  .widget-job {
    border-left: none;
    border-right: none;
  }
}/*# sourceMappingURL=style.css.map */