@charset "UTF-8";
/* instagram バナー */
@font-face {
  font-family: YuGothicM;
  font-weight: normal;
  src: local("YuGothic-Medium"), local("Yu Gothic Medium"), local("YuGothic-Regular");
  /* Windows8.1ではMediumがないのでRegularを指定 */ }
@font-face {
  font-family: YuGothicM;
  font-weight: bold;
  src: local("YoGothic-Bold"), local("Yu Gothic");
  /* Chrome用 */ }
/* バージョン5 */
/* 縦書き*/
.tategaki-wrap {
  margin: 0 auto;
  /*width: 500px;*/ }

.tategaki {
  writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  -webkit-writing-mode: vertical-rl; }

/* きずな 表 */
.sample_03 {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0px;
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc; }

.sample_03 th {
  width: 25%;
  padding: 4px;
  text-align: left;
  vertical-align: top;
  color: #444;
  background-color: #feedf3;
  border-left: 3px double #999;
  border-top: 1px solid #fff;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc; }

.sample_03 td {
  width: 75%;
  padding: 4px;
  background-color: #fafafa;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc; }

/* アンダーライン */
.under {
  border-bottom: dashed 1px #696969;
  padding-bottom: 10px; }

#contents {
  position: relative;
  width: 500px;
  /* 任意 */
  height: 200px;
  /* 任意 */ }

.block {
  position: absolute;
  top: -350px;
  /* #contents内の上から何pxか */
  left: 250px;
  /* #contents内の左から何pxか */ }

/* --- お問い合わせフォーム --- */
div.wpcf7 {
  background: #fafafa;
  border: 1px solid #ddd;
  padding: 10px;
  -moz-border-radius: 10px;
  -khtml-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  margin: 0 0 30px 0; }

div.wpcf7 p {
  padding: 20px 20px 0;
  margin: 0;
  font-size: 16px; }

div.wpcf7 input, .wpcf7 textarea {
  border: 1px solid #ccc;
  padding: 8px;
  font-size: 14px; }

div.wpcf7 textarea {
  width: 97.5%;
  height: 300px; }

div.wpcf7 input.wpcf7-submit {
  cursor: pointer;
  color: #fff;
  font-weight: bold;
  font-size: 14px;
  width: 200px;
  height: 45px;
  margin: 0 auto;
  display: block;
  -moz-border-radius: 5px;
  -khtml-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background: #333;
  box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.5), inset 0px 32px 0px -12px #808080;
  border: 1px solid #666; }

div.wpcf7 input.wpcf7-submit:hover {
  background: #006080;
  box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.5), inset 0px 32px 0px -12px #007ea8;
  border: 1px solid #006080; }

.wpcf7 input.wpcf7-submit:active {
  box-shadow: none;
  bottom: -2px;
  position: relative; }

.wpcf7 input:focus, .wpcf7 textarea:focus {
  border: 1px solid #009de1; }

.wpcf7-captchac {
  border: 1px solid #ccc; }

/* エラー個所をわかりやすく表示 */
.wpcf7 .wpcf7-not-valid {
  background: #ffb6c1; }

.wpcf7 span.wpcf7-not-valid-tip {
  font-size: 80%; }

.wpcf7 .wpcf7-response-output {
  margin: 10px 0 0;
  padding: 8px 35px 8px 14px;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px; }

.wpcf7 .wpcf7-validation-errors {
  color: #B94A48;
  background-color: #F2DEDE;
  border: 1px solid #EED3D7; }

.wpcf7 .wpcf7-mail-sent-ok {
  color: #3A87AD;
  background-color: #D9EDF7;
  border: 1px solid #BCE8F1; }

/* 必須赤色表示 */
.wpcf7 .required {
  color: #f00; }

/* 任意緑色表示 */
.wpcf7 .any {
  color: #080; }

/* 項目オレンジ枠 */
.box3 {
  padding: 0.5em 1em;
  margin: 0.5em 0;
  color: #2c2c2f;
  background: #ffc68e;
  /*背景色*/ }

.box3 p {
  margin: 0;
  padding: 0; }

/* 項目うすいオレンジ枠 */
.box4 {
  padding: 0.5em 1em;
  margin: 0.5em 0;
  color: #2c2c2f;
  background: #f6e5cc;
  /*背景色*/ }

.box4 p {
  margin: 0;
  padding: 0; }

/* 項目濃いオレンジ枠 */
.box5 {
  padding: 0.5em 1em;
  margin: 0.5em 0;
  color: #2c2c2f;
  background: #ed6d46;
  /*背景色*/ }

.box5 p {
  margin: 0;
  padding: 0; }

/* ページタイトル */
.circle {
  width: 100%;
  text-align: center; }

.circle h2 {
  position: relative;
  display: inline-block;
  padding: 1px 80px;
  border-top: 1px solid #111; }

.circle h2:before, .circle h2:after {
  content: "";
  display: block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #111;
  position: absolute;
  top: -4px; }

.circle h2:before {
  left: -4px; }

.circle h2:after {
  right: -4px; }

body {
  color: #222222;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, Verdana, sans-serif, serif;
  font-size: 1rem;
  line-height: 1.6;
  /* font-sizeを基準に相対値 */ }

/* WP のテーマ infinite の再定義
------------------------------------ */
/* infiniteのフォントサイズを大きく */
.infinite-navigation .sf-menu > li > a,
.infinite-navigation .sf-vertical > li > a {
  font-size: 1rem; }

/* infinite のフォントファミリーを統一 */
.infinite-navigation .sf-menu > li > a,
.infinite-navigation .sf-vertical > li > a,
.infinite-navigation-font {
  font-family: "游明朝体", YuMincho, "游明朝 Medium", "Yu Mincho Medium", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; }

/* メインナビの色が薄いので */
.sf-menu > li > a,
.sf-vertical > li > a {
  color: #333; }

/* 不要なものを非表示にするため用 */
.hidden {
  display: none; }

/* ナビをテキストにしたので、余白を確保 */
.menu-item a {
  padding: 10px; }

/* リンクの hover 背景色 */
.m-menu .menu-item a:hover,
.sf-menu .menu-item a:hover {
  /* background-color: #EEE;*/
  color: #C00; }

/* アイコンフォントは少し大きめに */
.icon.fas {
  font-size: 24px;
  margin-right: 10px; }

/* infinite テーマの文字カラーを変更 */
.infinite-body,
.infinite-body span.wpcf7-not-valid-tip {
  color: #333; }

/* トップページのデフォルト表示の上マージンがないので */
.infinite-navigation {
  padding-top: 30px; }

/* PCのときのカレントのリンク色が黒になっているので */
.sf-menu > li > a:hover,
.sf-menu > li.current-menu-item > a,
.sf-menu > li.current-menu-ancestor > a,
.sf-vertical > li > a:hover,
.sf-vertical > li.current-menu-item > a,
.sf-vertical > li.current-menu-ancestor > a {
  color: #C00; }

/* スマホのとき、カレントのリンク色が白になっているので */
.mm-navbar .mm-title:hover,
.mm-navbar .mm-btn:hover,
ul.mm-listview li a:hover,
ul.mm-listview li > span:hover,
ul.mm-listview li.current-menu-item > a,
ul.mm-listview li.current-menu-ancestor > a,
ul.mm-listview li.current-menu-ancestor > span {
  color: #C00; }

/* 縦書き
参考サイト：https://www.webcreatorbox.com/tech/responsive-tategaki 
*/
.tategaki_wrapper {
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  /* 段組み 
    column-count: 2;
    column-rule: solid 1px #ccc;
    column-gap: 2.5rem;
  */
  width: 100vw;
  /* ←これを足すだけ！ */ }

/* 別の縦書き
参考サイト：https://tategaki.github.io/explan6.html
*/
.tategaki_outer {
  text-align: center;
  /* 横方向に中央揃え */ }

.tategaki_inner {
  text-align: left;
  display: inline-block;
  font-family: "游明朝体", YuMincho, "游明朝 Medium", "Yu Mincho Medium", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-weight: 500;
  /* 縦書きの方向 */
  -webkit-writing-mode: vertical-rl;
  -moz-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  -ms-writing-mode: vertical-rl;
  writing-mode: vertical-rl;
  /* 段組み数 */
  -webkit-column-count: 1;
  -moz-column-count: 1;
  -ms-column-count: 1;
  column-count: 1;
  /* 段組のギャップ */
  -moz-column-gap: 30px;
  -webkit-column-gap: 30px;
  -ms-column-gap: 30px;
  column-gap: 30px; }

/* 横書きも明朝ありにするため */
.mincho {
  font-family: "游明朝体", YuMincho, "游明朝 Medium", "Yu Mincho Medium", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; }

/* リンクカラー */
a {
  /*color: $text_link_color;*/
  text-decoration: none; }

a:hover,
a:focus {
  /*color: $text_hover_color;*/
  text-decoration: none; }

/* 画像の hover  */
.bs4 a:hover img {
  opacity: 0.8; }

.infinite-body a {
  color: #E55B00; }

ul.sf-menu {
  padding-bottom: 20px; }

header.infinite-header-wrap {
  border-bottom: solid 1px #DDD; }

/* WPテーマ infinite でテキスト配置を効かせるため */
.infinite-body .text-left {
  text-align: left; }
.infinite-body .text-center {
  text-align: center; }
.infinite-body .text-right {
  text-align: right; }

/* bootstrap4 レイアウトを利用する部分
------------------------------------ */
.bs4 {
  /* bootstrap4 フォントサイズ 再定義 */ }
  .bs4 h1 {
    font-size: 1.6rem;
    font-weight: 600; }
  .bs4 h2 {
    font-size: 1.4rem;
    font-weight: 500; }
  .bs4 h3 {
    font-size: 1.2rem; }
  .bs4 h4 {
    font-size: 1.1rem; }
  .bs4 h5 {
    font-size: 0.9rem; }
  .bs4 h6 {
    font-size: 0.85rem; }
  .bs4 h1 .small {
    font-size: 1.2rem; }
  .bs4 h2 .small {
    font-size: 1rem; }
  .bs4 h3 .small {
    font-size: 1rem; }
  .bs4 h4 .small {
    font-size: 0.85rem; }

/* 求人ページ
------------------------------------ */
/* リード部分の背景イメージ */
.bs4 #job .lead {
  background-image: url(../wp/wp-content/uploads/2019/01/gurade_orange-4x430.png);
  background-repeat: repeat-x; }

/* リード部分は明朝体 */
.bs4 #job .lead .mincho {
  font-family: "游明朝体", YuMincho, "游明朝 Medium", "Yu Mincho Medium", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  color: #cc0000; }

/* タイトルは明朝 */
.bs4 .title {
  font-family: "游明朝体", YuMincho, "游明朝 Medium", "Yu Mincho Medium", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  color: #cc0000; }

.bs4 .subtitle {
  font-family: "游明朝体", YuMincho, "游明朝 Medium", "Yu Mincho Medium", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  color: #888888; }

.bs4 .question {
  font-family: "游明朝体", YuMincho, "游明朝 Medium", "Yu Mincho Medium", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  color: #cc0000;
  border-bottom: solid 1px #CCCCCC;
  padding-bottom: 0.5rem;
  margin-bottom: 0.5rem; }

.bs4 .mincho {
  font-family: "游明朝体", YuMincho, "游明朝 Medium", "Yu Mincho Medium", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; }

/* アイテム */
.bs4 .item_title {
  font-family: "游明朝体", YuMincho, "游明朝 Medium", "Yu Mincho Medium", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  color: #cc0000;
  border-left: solid 5px #cc0000;
  padding-left: 10px; }

/* 求人ページ（WPのテーマ利用）
------------------------------------ */
/* 求人事業所別の外枠 */
.bs4 #job .gdlr-core-pbf-wrapper-container.clearfix.gdlr-core-container {
  border: solid 1px #CCC; }

/* 求人事業所別の写真の位置調整 */
.bs4 #job a img.alignnone {
  margin: 20px 20px 20px 0; }

/* 求人ページ（bootstrap4利用）
------------------------------------ */
/* 求人事業所別の外枠 */
#job .card {
  border: solid 1px #CCC; }

#job a:hover .card {
  background-color: #EEE; }

#job p {
  font-size: 1rem; }

/* ページタイトル */
.bs4 .lead {
  background-color: #EEEEEE; }

.bs4 .eng {
  font-family: "Times New Roman", Times, "serif";
  font-size: 2rem;
  color: #222222; }

/* テーブル */
.bs4 table tr th {
  background-color: #EEEEEE;
  color: #222222;
  white-space: nowrap; }

.bs4 table tr td {
  background-color: #FFFFFF;
  color: #222222;
  text-align: left; }

/* ステッチ付きバナー */
.bs4 {
  /* ステッチの入ったヘッダ */
  /* ステッチの外枠 */
  /* ステッチの hover  */
  /* ステッチのカラーバリエ */ }
  .bs4 .stitch {
    margin-bottom: 0;
    /* ステッチの下の部分 */
    padding: 1em;
    text-align: center;
    text-decoration: none;
    background: #E55B00;
    color: #FFFFFF;
    /*border-radius: 4px;*/
    box-shadow: 0px 0px 0px 10px #E55B00;
    border: dashed 1px #FFF; }
  .bs4 .stitch_outer {
    padding: 10px; }
  .bs4 a.stitch_outer {
    display: block; }
  .bs4 a:hover .stitch {
    opacity: 0.8; }
  .bs4 .stitch.contact {
    background: #B25900;
    box-shadow: 0px 0px 0px 10px #B25900; }
  .bs4 .stitch.facebook {
    background: #4267B2;
    box-shadow: 0px 0px 0px 10px #4267B2; }
  .bs4 .stitch.instagram {
    background-color: #C40092;
    box-shadow: 0px 0px 0px 10px #C40092; }

/* イーアイデムの広告サイトを iframe で利用 */
.bs4 #job iframe {
  border: solid 1px #CCCCCC; }

/* 受託事業
--------------------------------*/
/* リード */
main .page_title {
  background-image: url(../wp/wp-content/uploads/2019/01/gurade_orange-4x430.png);
  background-repeat: repeat-x; }

/* 上記の色違い背景 */
main .page_title.bg_img_green {
  background-image: url(../wp/wp-content/uploads/2019/01/gurade_green.png); }

/* テーマの背景カラー */
.color_theme {
  background-color: rgba(229, 91, 0, 0.2);
  color: #E55B00; }

.color_theme.reverse {
  background-color: #E55B00;
  color: #FFFFFF; }

/* レンガ（積み木状のもの） bricks */
.bricks .alert {
  text-align: center; }

/* カードの背景を変える */
.card.bg_theme {
  background-color: rgba(247, 181, 44, 0.1);
  border: none; }

.card.bg_theme .card-header {
  background-color: rgba(247, 181, 44, 0.2);
  border: none;
  color: #E55B00; }

/* 業務内容の修正
--------------------------------*/
/* 各項目に背景をつける */
.bs4 .gdlr-core-pbf-element.bg_color {
  background-color: #f0f0f0;
  padding: 10px 0; }

/* フットナビ
-------------------------------- */
/* セパレータとマージン調整 */
.footnavi li:not(:first-child)::before {
  content: "｜"; }

.footnavi li:not(:last-child) {
  margin-right: 0; }

/* 電話番号を大きく */
.address {
  font-size: 1rem; }

.phone {
  font-size: 1.4rem; }

/* 会社沿革
-------------------------------- */
#profile th {
  background-color: rgba(247, 181, 44, 0.2); }

#history .year {
  white-space: nowrap; }

#history .month {
  text-align: right;
  white-space: nowrap; }

/* 外食事業
-------------------------------- */
/* かつやロゴ背景 */
.bg_color_katsuya {
  background-color: #EC6A12; }

/* 嘉すがいロゴ背景 */
.bg_color_kasugai {
  background-color: #660000; }

/* 五島うどんきずなロゴ背景 */
.bg_color_kizuna {
  background-color: #B6CFFE; }

.bg_color_gotoudon {
  background-color: #333; }

/* お問い合わせ
-------------------------------- */
.form_require {
  color: #cc0000; }

.form_require:before {
  color: #cc0000;
  content: "*"; }

/* プレースホルダーの色が濃すぎるので */
.form-control::placeholder {
  color: #CCC; }