@charset "UTF-8";
/*!
Theme Name: とこキャリ
Description: 
Author: TOKON
Author URI: https://tokon.co.jp
Version: 1.0.0
*/
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block;
}

/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  -webkit-box-sizing: content-box;
          box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type=checkbox],
[type=radio] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}

/* ------------------------------------------
構造の設定
-------------------------------------------*/
/* ハンバーガーメニュー */
/* 企業ロゴ幅 */
/* スライダーの文字部分（.text-wrapper）のボックス高さ — 矢印の位置の調整に使用 */
/* ------------------------------------------
ブレイクポイントの設定
-------------------------------------------*/
/* ------------------------------------------
色の設定 
-------------------------------------------*/
/* タイトル */
/* h2タイトル 下線 */
/* ヘッダー ベース */
/* ヘッダー ハンバーガーメニュー */
/* ボタン - ベース */
/* ボタン - ホーム カテゴリーリスティング */
/* ボタン - カテゴリー & タグ */
/* ボタン - サイドバー 採用情報 背景 */
/* ボタン - SNS */
/* ホーム スライダーの文字の背景 */
/* ホーム スライダーの矢印の色 */
/* アーカイブ　アイコンの色 */
/* 最新記事「NEW」の色 */
/* ------------------------------------------
    採用情報
-------------------------------------------*/
/* フォーム */
/* ------------------------------------------
フォントの設定
-------------------------------------------*/
body {
  color: #000000;
  font-family: "Noto Sans JP", sans-serif;
}
body .ja {
  font-family: "Noto Sans JP", sans-serif;
}

/* 
タイトルの英語表記のフォント デザインにより変更 
セリフ体を使用する場合は、下の.en-serifも同様のフォントを指定して下さい。
*/
/* Google Font Literata 700 */
.en {
  font-family: "Inter", serif;
  font-weight: 700;
}

/* Font awesome */
@font-face {
  font-family: "icomoon";
  src: url("fonts/icomoon.eot?cwxt01");
  src: url("fonts/icomoon.eot?cwxt01#iefix") format("embedded-opentype"), url("fonts/icomoon.ttf?cwxt01") format("truetype"), url("fonts/icomoon.woff?cwxt01") format("woff"), url("fonts/icomoon.svg?cwxt01#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
}
.fac {
  display: inline-block;
  font: normal normal normal 14px/1 icomoon;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: baseline;
}

.fac-feedly:before {
  position: relative;
  top: 1px;
  content: "\e900";
}

.fac-line:before {
  position: relative;
  top: 1px;
  content: "\e901";
}

.fac-hatebu:before {
  position: relative;
  top: 1px;
  content: "\e902";
}

/* Reset ----------*/
header,
section,
footer,
article,
div,
ul,
li,
dt,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
p,
img,
span {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

a {
  text-decoration: none;
}

img {
  height: auto;
  vertical-align: bottom;
}
img.img-fluid {
  width: 100%;
  height: auto;
}

/* アニメーション ----------*/
.wow {
  visibility: hidden;
}

/* text ----------*/
html {
  height: 100%;
  font-size: 16px;
  /* 1rem */
}

h2,
h3,
h4,
h5 {
  line-height: 1.3;
}

p {
  font-size: 1rem;
  line-height: 1.85;
}

a {
  color: #000000;
}

ul {
  list-style: none;
}

.textleft {
  text-align: left;
}

.textcenter {
  text-align: center;
}

.textright {
  text-align: right;
}

.note {
  font-size: 0.8125rem;
  /* 13px */
}

.linebreak-pc {
  display: block;
  margin: 0;
  padding: 0;
}

/*--------------------------------------
icons
---------------------------------------*/
.icon-arrow-l,
.icon-arrow-r,
.icon-double-arrow-l,
.icon-double-arrow-r {
  display: inline-block;
  width: 13px;
  height: 13px;
  vertical-align: middle;
  overflow: hidden;
}

#backtotop {
  position: fixed;
  display: none;
  right: 20px;
  bottom: 130px;
  z-index: 190;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
@media (hover: hover) {
  #backtotop:hover {
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
  }
}
@media all and (max-width: 640px) {
  #backtotop {
    bottom: 120px;
  }
}
#backtotop .wrapper {
  position: relative;
  width: 70px;
  height: 70px;
  background: #E2B70F;
  border-radius: 50%;
}
#backtotop .wrapper:hover {
  cursor: pointer;
}
@media (hover: hover) {
  #backtotop .wrapper:hover::before {
    opacity: 0.6;
  }
}
#backtotop .inner {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding-top: 10px;
  width: 100%;
  height: 100%;
  background: transparent;
  border-radius: 50vw;
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.1;
  text-align: center;
}
#backtotop .inner:before {
  content: "";
  position: absolute;
  top: 14px;
  display: block;
  width: 8px;
  height: 8px;
  border-top: solid 2px #fff;
  border-right: solid 2px #fff;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

#floating-btn {
  position: fixed;
  right: 20px;
  bottom: 20px;
  display: block;
  width: 280px;
  z-index: 191;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
@media all and (max-width: 640px) {
  #floating-btn {
    width: 200px;
  }
}
#floating-btn .sub {
  width: 100%;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 8px;
  text-align: center;
}
#floating-btn .main {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  margin-top: 10px;
  width: 100%;
  height: 72px;
  color: #000000;
  font-size: 22px;
  font-weight: 700;
  letter-spacing: 2px;
  text-align: center;
  background: #fff;
  border: 4px #E2B70F solid;
  border-radius: 50vw;
}
@media all and (max-width: 640px) {
  #floating-btn .main {
    margin-top: 8px;
    height: 60px;
    font-size: 18px;
    border-width: 3px;
  }
}
#floating-btn .main::after {
  content: "";
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  top: calc(50% + 2px);
  right: 32px;
  width: 17px;
  height: 17px;
  background: url("img/common/icon-btn-arrow.svg") no-repeat;
  background-size: cover;
}
@media all and (max-width: 640px) {
  #floating-btn .main::after {
    right: 14px;
    width: 16px;
    height: 16px;
  }
}
#floating-btn.over-footer .sub {
  color: #fff;
}
@media (hover: hover) {
  #floating-btn:hover .main {
    color: #fff;
    background: #E2B70F;
  }
  #floating-btn:hover .main::after {
    background: url("img/common/icon-btn-arrow-w.svg") no-repeat;
    background-size: cover;
  }
}

/* ----------------------------------------
* all
---------------------------------------- */
body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
  padding: 80px 0 0;
  min-height: 100vh;
  color: #000000;
}
body.active {
  overflow: hidden;
}
@media all and (max-width: 640px) {
  body {
    min-height: auto;
  }
}

a {
  text-decoration: none;
  color: #000000;
}

.container {
  position: relative;
}

.btn-page-link {
  margin-top: 0.5rem;
  font-size: 0.875rem;
}
.btn-page-link i {
  padding-right: 0.75rem;
  color: #FF5800;
}

.linebreak-sp {
  display: none;
}
@media all and (max-width: 480px) {
  .linebreak-sp {
    display: block;
  }
}

/*
.wp-block-advanced-gutenberg-blocks-summary {
	margin-bottom: 2rem;
	padding: 24px;
	background: #fcfaec !important;
	box-sizing: border-box;

	.wp-block-advanced-gutenberg-blocks-summary__title {
		margin: 0;
		font-weight: bold;
	}

	&>ul {
		margin: 0;
		padding-left: 1rem !important;

		ul {
			padding-left: 0 !important;
		}
	}

	li {
		&::before {
			color: $color-base !important;
		}
	}

	a:hover {
		@media (hover: hover) {
			font-weight: bold;
		}
	}
}
*/
.wp-block-quote {
  position: relative;
  margin-left: 0;
  margin-right: 0;
  padding: 34px 24px 30px 48px;
  border: none !important;
  border-radius: 12px;
  background: rgba(185, 185, 185, 0.2);
  color: #000000;
}
.wp-block-quote p {
  margin: 0 !important;
  color: #000000;
  font-size: 1rem;
  line-height: 1.8;
}
.wp-block-quote .editor-rich-text:first-child p {
  margin-top: 0;
}
.wp-block-quote .editor-rich-text:last-child p {
  margin-bottom: 0;
}
.wp-block-quote:before {
  content: "\f10d";
  position: absolute;
  top: 12px;
  left: 12px;
  font-family: "FontAwesome";
  font-size: 20px;
  color: #fff;
}
.wp-block-quote cite {
  font-size: 12px;
}

/*--------------------------------------
header
---------------------------------------*/
header#header {
  position: fixed;
  top: 0;
  left: 0;
  margin: auto;
  width: 100%;
  background-color: #FFF;
  height: 80px;
  z-index: 100;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  z-index: 300;
}
@media (hover: hover) {
  header#header a:hover {
    opacity: 0.5;
  }
}
header#header #site-title-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 0 0 0 24px;
}
@media all and (max-width: 1280px) {
  header#header #site-title-wrapper {
    margin-top: 14px;
    padding-left: 16px;
  }
}
@media all and (max-width: 840px) {
  header#header #site-title-wrapper {
    padding-left: 12px;
  }
}
@media all and (max-width: 480px) {
  header#header #site-title-wrapper {
    padding-left: 12px;
  }
}
@media all and (max-width: 340px) {
  header#header #site-title-wrapper {
    padding-top: 0;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
header#header #site-title-wrapper .sub-title {
  margin-bottom: 6px;
  margin-left: 5px;
  font-size: 13px;
  font-weight: 500;
}
@media all and (max-width: 480px) {
  header#header #site-title-wrapper .sub-title {
    font-size: 12px;
  }
}
@media all and (max-width: 350px) {
  header#header #site-title-wrapper .sub-title {
    font-size: 10px;
  }
}
@media all and (max-width: 319px) {
  header#header #site-title-wrapper .sub-title {
    display: none;
  }
}
header#header #site-title-wrapper #site-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
header#header #site-title-wrapper #site-title h1,
header#header #site-title-wrapper #site-title span#site-logo {
  display: inline-block;
  color: #000000;
  font-size: 34px;
  font-weight: bold;
  line-height: 1;
  white-space: nowrap;
}
header#header #site-title-wrapper #site-title h1 img,
header#header #site-title-wrapper #site-title span#site-logo img {
  width: auto;
  width: 240px;
}
@media all and (max-width: 1280px) {
  header#header #site-title-wrapper #site-title h1 img,
  header#header #site-title-wrapper #site-title span#site-logo img {
    max-width: 200px;
  }
}
@media all and (max-width: 840px) {
  header#header #site-title-wrapper #site-title h1 img,
  header#header #site-title-wrapper #site-title span#site-logo img {
    width: 100%;
    max-width: 150px;
  }
}
@media all and (max-width: 480px) {
  header#header #site-title-wrapper #site-title h1 img,
  header#header #site-title-wrapper #site-title span#site-logo img {
    max-width: 130px;
  }
}
header#header #site-title-wrapper #site-title .corporate {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  margin-left: 14px;
}
@media all and (max-width: 840px) {
  header#header #site-title-wrapper #site-title .corporate {
    margin-left: 4px;
  }
}
@media all and (max-width: 480px) {
  header#header #site-title-wrapper #site-title .corporate {
    display: none;
  }
}
header#header #site-title-wrapper #site-title .corporate .by {
  position: relative;
  display: inline-block;
  font-size: 13px;
  line-height: 1;
  letter-spacing: 1px;
  white-space: nowrap;
}
@media all and (max-width: 1020px) {
  header#header #site-title-wrapper #site-title .corporate .by {
    font-size: 12px;
  }
}
@media all and (max-width: 1280px) {
  header#header #site-title-wrapper #site-title .corporate .by {
    font-size: 10px;
  }
}
header#header #site-title-wrapper #site-title .corporate #company-logo {
  position: relative;
  display: inline-block;
  color: #000000;
  font-size: 14px;
  line-height: 1;
  white-space: nowrap;
}
header#header #site-title-wrapper #site-title .corporate #company-logo img {
  width: 130px;
}
@media all and (max-width: 1020px) {
  header#header #site-title-wrapper #site-title .corporate #company-logo img {
    width: 90px;
  }
}
@media all and (max-width: 840px) {
  header#header #site-title-wrapper #site-title .corporate #company-logo img {
    width: 80px;
  }
}
header#header #nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  height: 100%;
}
header#header #nav ul {
  margin-bottom: 0;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
header#header #nav li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  height: 100%;
}
header#header #nav li.nav-pc {
  padding-right: 30px;
}
@media all and (max-width: 1540px) {
  header#header #nav li.nav-pc {
    padding-right: 20px;
  }
}
@media all and (max-width: 1420px) {
  header#header #nav li.nav-pc {
    display: none;
  }
}
header#header #nav li.nav-pc > ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
header#header #nav li.nav-pc > ul > li {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  padding: 0 30px;
}
@media all and (max-width: 1540px) {
  header#header #nav li.nav-pc > ul > li {
    padding: 0 20px;
  }
}
header#header #nav li.nav-pc > ul > li > a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  font-weight: 700;
}
header#header #nav li.nav-contact, header#header #nav li.nav-entry {
  padding: 0;
}
header#header #nav li.nav-contact a, header#header #nav li.nav-entry a {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  padding: 5px 10px;
  width: 156px;
  height: 30px;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: 1px;
  text-align: center;
  border-radius: 5px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
@media (hover: hover) {
  header#header #nav li.nav-contact a:hover, header#header #nav li.nav-entry a:hover {
    opacity: 1;
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
  }
}
@media all and (max-width: 880px) {
  header#header #nav li.nav-contact, header#header #nav li.nav-entry {
    display: none;
  }
}
header#header #nav li.nav-contact {
  margin-right: 20px;
}
header#header #nav li.nav-contact a {
  background-color: #1D61BA;
}
header#header #nav li.nav-entry {
  margin-right: 10px;
}
header#header #nav li.nav-entry a {
  background-color: #CEAA1C;
}
header#header #nav li.nav-hamburger {
  width: 80px;
}
@media all and (min-width: 1421px) {
  header#header #nav li.nav-hamburger {
    display: none;
  }
}
header#header #nav li.nav-hamburger .hamburger {
  display: inline-block;
  cursor: pointer;
  -webkit-transition-property: opacity, top, right filter;
  transition-property: opacity, top, right filter;
  -webkit-transition-duration: 0.3s;
          transition-duration: 0.3s;
  -webkit-transition-timing-function: linear;
          transition-timing-function: linear;
  font: inherit;
  color: inherit;
  text-transform: none;
  background: transparent;
  border: 0;
  margin: 0;
  padding: 6px 0 0 0;
  width: 80px;
  height: 80px;
  overflow: visible;
  z-index: 99;
  pointer-events: auto;
}
header#header #nav li.nav-hamburger .hamburger.is-active {
  z-index: 300;
}
header#header #nav li.nav-hamburger .hamburger.hamburger--spin .hamburger-inner {
  -webkit-transition-duration: 0.22s;
          transition-duration: 0.22s;
  -webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
          transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
header#header #nav li.nav-hamburger .hamburger.hamburger--spin .hamburger-inner::before {
  -webkit-transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in;
  transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in;
}
header#header #nav li.nav-hamburger .hamburger.hamburger--spin .hamburger-inner::after {
  -webkit-transition: bottom 0.1s 0.25s ease-in, -webkit-transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: bottom 0.1s 0.25s ease-in, -webkit-transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
header#header #nav li.nav-hamburger .hamburger.hamburger--spin.is-active .hamburger-inner {
  -webkit-transform: rotate(225deg);
          transform: rotate(225deg);
  -webkit-transition-delay: 0.12s;
          transition-delay: 0.12s;
  -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
          transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
header#header #nav li.nav-hamburger .hamburger.hamburger--spin.is-active .hamburger-inner::before {
  top: 0;
  opacity: 0;
  -webkit-transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out;
  transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out;
}
header#header #nav li.nav-hamburger .hamburger.hamburger--spin.is-active .hamburger-inner::after {
  bottom: 0;
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
  -webkit-transition: bottom 0.1s ease-out, -webkit-transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 0.8);
  transition: bottom 0.1s ease-out, -webkit-transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 0.8);
  transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 0.8);
  transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 0.8), -webkit-transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 0.8);
}
header#header #nav li.nav-hamburger .hamburger span.hamburger-box {
  margin: 0 auto;
  width: 36px;
  height: 24px;
  display: inline-block;
  position: relative;
}
header#header #nav li.nav-hamburger .hamburger span.hamburger-box span.hamburger-inner {
  display: block;
  top: 50%;
  margin-top: -3px;
}
header#header #nav li.nav-hamburger .hamburger span.hamburger-box span.hamburger-inner,
header#header #nav li.nav-hamburger .hamburger span.hamburger-box span.hamburger-inner::before,
header#header #nav li.nav-hamburger .hamburger span.hamburger-box span.hamburger-inner::after {
  width: 36px;
  height: 2px;
  background-color: #000000;
  border-radius: 0;
  position: absolute;
  -webkit-transition-property: width, -webkit-transform;
  transition-property: width, -webkit-transform;
  transition-property: width, transform;
  transition-property: width, transform, -webkit-transform;
  -webkit-transition-duration: 0.15s;
          transition-duration: 0.15s;
  -webkit-transition-timing-function: ease;
          transition-timing-function: ease;
}
header#header #nav li.nav-hamburger .hamburger span.hamburger-box span.hamburger-inner::before,
header#header #nav li.nav-hamburger .hamburger span.hamburger-box span.hamburger-inner::after {
  content: "";
  display: block;
}
header#header #nav li.nav-hamburger .hamburger span.hamburger-box span.hamburger-inner::before {
  top: -10px;
}
header#header #nav li.nav-hamburger .hamburger span.hamburger-box span.hamburger-inner::after {
  bottom: -10px;
}
header#header #nav li.nav-hamburger .hamburger.is-active span.hamburger-box span.hamburger-inner,
header#header #nav li.nav-hamburger .hamburger.is-active span.hamburger-box span.hamburger-inner::before,
header#header #nav li.nav-hamburger .hamburger.is-active span.hamburger-box span.hamburger-inner::after {
  background: #000000;
}
header#header #nav li.nav-hamburger .hamburger.is-active span.hamburger-inner, header#header #nav li.nav-hamburger .hamburger.is-active span.hamburger-inner::before, header#header #nav li.nav-hamburger .hamburger.is-active span.hamburger-inner::after {
  background: #000000;
}
@media (hover: hover) {
  header#header #nav li.nav-hamburger .hamburger:hover span.hamburger-box span.hamburger-inner,
  header#header #nav li.nav-hamburger .hamburger:hover span.hamburger-box span.hamburger-inner::before,
  header#header #nav li.nav-hamburger .hamburger:hover span.hamburger-box span.hamburger-inner::after {
    background: rgba(0, 0, 0, 0.6);
  }
}

/*--------------------------------------
Global menu Start
---------------------------------------*/
nav#nav-main {
  position: fixed;
  overflow-y: scroll;
  display: none;
  top: 80px;
  right: 0;
  width: 100%;
  height: calc(100% - 80px);
  background: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  z-index: 200;
  pointer-events: auto;
}
nav#nav-main .nav-main-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  overflow-y: scroll;
  width: 100%;
  height: 100%;
}
nav#nav-main .nav-main-inner > ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: normal;
      -ms-flex-align: normal;
          align-items: normal;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
  height: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media all and (max-width: 840px) {
  nav#nav-main .nav-main-inner > ul {
    display: block;
  }
}
nav#nav-main .nav-main-inner > ul > li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  padding: 0 30px;
  width: 40%;
  height: 100%;
  text-align: center;
}
@media all and (max-width: 840px) {
  nav#nav-main .nav-main-inner > ul > li {
    padding: 0 40px;
  }
}
@media all and (max-width: 840px) {
  nav#nav-main .nav-main-inner > ul > li {
    margin: 0 auto;
    padding: 0 0 30px;
    width: calc(100% - 40px);
    height: auto;
  }
  nav#nav-main .nav-main-inner > ul > li:not(:first-child) {
    padding: 30px 0;
  }
}
nav#nav-main .nav-main-inner > ul > li:last-child {
  width: 60%;
  border-left: 1px #B9B9B9 solid;
}
@media all and (max-width: 840px) {
  nav#nav-main .nav-main-inner > ul > li:last-child {
    width: calc(100% - 40px);
    border-left: none;
    border-top: 1px #B9B9B9 solid;
  }
}
nav#nav-main .nav-main-inner > ul > li .menu {
  padding: 0 10px;
  width: 100%;
}
nav#nav-main .nav-main-inner > ul > li .menu > li {
  display: block;
  padding: 30px 0;
  text-align: left;
}
@media all and (max-width: 840px) {
  nav#nav-main .nav-main-inner > ul > li .menu > li {
    padding: 0;
  }
}
@media all and (min-width: 881px) {
  nav#nav-main .nav-main-inner > ul > li .menu > li.nav-contact, nav#nav-main .nav-main-inner > ul > li .menu > li.nav-entry {
    display: none;
  }
}
nav#nav-main .nav-main-inner > ul > li .menu > li a {
  display: inline-block;
  color: #000000;
  font-size: 30px;
  font-weight: 700;
}
@media all and (max-width: 1020px) {
  nav#nav-main .nav-main-inner > ul > li .menu > li a {
    font-size: 24px;
  }
}
@media all and (max-width: 840px) {
  nav#nav-main .nav-main-inner > ul > li .menu > li a {
    padding: 16px 0;
    font-size: 20px;
  }
}
@media all and (max-width: 640px) {
  nav#nav-main .nav-main-inner > ul > li .menu > li a {
    font-size: 18px;
  }
}
@media (hover: hover) {
  nav#nav-main .nav-main-inner > ul > li .menu > li a:hover {
    opacity: 0.6;
  }
}
nav#nav-main .nav-main-inner > ul > li .title {
  font-size: 31px;
  font-weight: 700;
  letter-spacing: 4px;
}
@media all and (max-width: 840px) {
  nav#nav-main .nav-main-inner > ul > li .title {
    font-size: 24px;
  }
}
nav#nav-main .nav-main-inner > ul > li .tag-listing {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 40px;
  max-width: 720px;
  width: 100%;
}
@media all and (max-width: 840px) {
  nav#nav-main .nav-main-inner > ul > li .tag-listing {
    margin-top: 30px;
    max-width: 100%;
  }
}
nav#nav-main .nav-main-inner > ul > li .tag-listing > a {
  width: calc(50% - 15px);
  height: 86px;
}
@media all and (max-width: 840px) {
  nav#nav-main .nav-main-inner > ul > li .tag-listing > a {
    height: 48px;
  }
}
@media all and (max-width: 480px) {
  nav#nav-main .nav-main-inner > ul > li .tag-listing > a {
    font-size: 14px;
  }
}
nav#nav-main .btn {
  display: inline-block;
  width: auto;
  border-radius: 0;
  color: #000000;
}
nav#nav-main .btn.btn-recruitment {
  padding: 0;
  height: auto;
  font-size: 20px;
  background: transparent;
  border: 0;
}
nav#nav-main .btn.btn-recruitment .icon-search-recruitment {
  position: relative;
  top: 2px;
  margin-right: 8px;
  width: 20px;
  height: 20px;
  fill: #000000;
}
nav#nav-main .btn.btn-allposts {
  margin-top: 45px;
  padding: 0;
  font-size: 20px;
  border: 0;
}
nav#nav-main .btn.btn-inquiry {
  margin-top: 45px;
  padding: 0;
  font-size: 20px;
  border: 0;
}
nav#nav-main .btn.btn-inquiry .icon-circle-arrow-r {
  position: relative;
  top: -3px;
  margin-right: 8px;
  width: 16px;
  height: 16px;
  fill: #000000;
}
@media all and (max-width: 840px) {
  nav#nav-main .btn.btn-recruitment {
    margin-right: 6px;
    font-size: 22px;
  }
  nav#nav-main .btn.btn-recruitment .icon-search-recruitment {
    top: 4px;
    width: 24px;
    height: 24px;
  }
  nav#nav-main .btn.btn-allposts, nav#nav-main .btn.btn-inquiry {
    font-size: 22px;
  }
  nav#nav-main .btn.btn-allposts .icon-circle-arrow-r, nav#nav-main .btn.btn-inquiry .icon-circle-arrow-r {
    top: -3px;
    width: 18px;
    height: 18px;
  }
}
@media (hover: hover) {
  nav#nav-main .btn:hover {
    color: #3F3F3F;
    background: transparent;
  }
  nav#nav-main .btn:hover .icon-search-recruitment,
  nav#nav-main .btn:hover .icon-circle-arrow-r {
    fill: #3F3F3F;
  }
}
nav#nav-main.col .nav-main-inner {
  min-height: 100%;
  height: auto;
}
nav#nav-main.col .nav-main-inner > ul {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
nav#nav-main.col .nav-main-inner > ul li {
  height: auto;
}
nav#nav-main.col .nav-main-inner .corporate {
  display: none;
  padding: 20px 0;
  height: 80px;
}
@media all and (max-width: 840px) {
  nav#nav-main.col .nav-main-inner .corporate {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
}
@media all and (max-width: 480px) {
  nav#nav-main.col .nav-main-inner .corporate {
    padding: 0 0 20px;
    height: 60px;
  }
}
nav#nav-main.col .nav-main-inner .corporate .pre {
  margin-right: 12px;
  font-size: 14px;
  font-weight: bold;
  line-height: 1;
  white-space: nowrap;
}
@media all and (max-width: 480px) {
  nav#nav-main.col .nav-main-inner .corporate .pre {
    font-size: 12px;
  }
}
nav#nav-main.col .nav-main-inner .corporate h2,
nav#nav-main.col .nav-main-inner .corporate span#company-logo {
  position: relative;
  bottom: 2px;
  color: #000000;
  font-size: 14px;
  line-height: 1;
  white-space: nowrap;
}
nav#nav-main.col .nav-main-inner .corporate h2 img,
nav#nav-main.col .nav-main-inner .corporate span#company-logo img {
  width: 130px;
}
@media all and (max-width: 480px) {
  nav#nav-main.col .nav-main-inner .corporate h2 img,
  nav#nav-main.col .nav-main-inner .corporate span#company-logo img {
    width: 80px;
  }
}

/* END Global menu */
/*--------------------------------------
Fixed SP bottom button Start
---------------------------------------*/
#nav-main-entry {
  position: fixed;
  display: none;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 400;
}
#nav-main-entry a {
  display: block;
  padding: 0.75rem 0;
  width: 100%;
  font-size: 1rem;
  text-align: center;
  background: #3F3F3F;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #fff;
}
@media (hover: hover) {
  #nav-main-entry a:hover {
    background: #FF5800;
  }
}
#nav-main-entry a:active {
  background: #FF5800;
}
@media all and (max-width: 880px) {
  #nav-main-entry {
    display: block;
  }
}

/* END Fixed SP bottom button Start */
/* ----------------------------------------
* breadcrumb
---------------------------------------- */
/*
.breadcrumb {
	margin: 0 0 0 0;
	overflow: hidden;
	padding: 0;
	font-size: 0.75rem;
	line-height: 2;

	li {
		display: inline-block;

		a {
			text-decoration: none;

			&:hover {
				@media (hover: hover) {
					font-weight: 700;
				}
			}
		}

		.delimiter {
			padding: 0 6px;
			font-weight: 700;
			color: $color-lightgrey;
		}
	}
}
*/
/* ----------------------------------------
共通項目
---------------------------------------- */
.icon-new {
  position: relative;
  display: inline-block;
  margin-left: 10px;
  padding: 8px 12px;
  top: -4px;
  width: auto;
  color: #000000;
  font-size: 12px;
  font-weight: bold;
  line-height: 1;
  letter-spacing: 0.1rem;
  text-align: center;
  background: #F2D813;
  border: 2px #fff solid;
  border-radius: 8px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

/* タグ ベーシック設定 */
.tags,
.widget_tag_cloud {
  margin-top: 48px;
}
.tags .tagcloud,
.widget_tag_cloud .tagcloud {
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px #B9B9B9 solid;
}
@media all and (max-width: 840px) {
  .tags .tagcloud,
  .widget_tag_cloud .tagcloud {
    margin-top: 20px;
    border-top: 0;
  }
}
.tags .tagcloud a,
.widget_tag_cloud .tagcloud a {
  display: inline-block;
  margin: 0 8px 8px 0;
  padding: 2px 8px;
  color: #5F5E5A;
  font-size: 12px;
  line-height: 1.5;
  border: 1px #5F5E5A solid;
  border-radius: 50vw;
}
@media all and (max-width: 840px) {
  .tags .tagcloud a,
  .widget_tag_cloud .tagcloud a {
    padding: 10px 12px;
  }
}
@media (hover: hover) {
  .tags .tagcloud a:hover,
  .widget_tag_cloud .tagcloud a:hover {
    color: #fff;
    background: #5F5E5A;
  }
}

.tag-btn {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 5px 10px;
  padding: 6px 10px;
  color: #fff;
  font-size: 26px;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: 2px;
  text-align: center;
  background: #5F5E5A;
  border-radius: 5px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  z-index: 1;
}
@media all and (max-width: 1280px) {
  .tag-btn {
    height: 68px;
    font-size: 20px;
  }
}
@media all and (max-width: 1020px) {
  .tag-btn {
    height: 48px;
    font-size: 18px;
  }
}
@media all and (max-width: 480px) {
  .tag-btn {
    font-size: 16px;
  }
}
.tag-btn.tag-btn-all {
  color: #5F5E5A;
  background: #D4D4D4;
}
.tag-btn.tag-btn-side {
  margin: 0 0 12px;
  padding: 8px 12px;
  width: calc(50% - 6px);
  min-height: 56px;
  color: #ffffff;
  font-size: 1６px;
  line-height: 1;
  background: #3F3F3F;
  border-radius: 5px;
}
@media all and (max-width: 1660px) {
  .tag-btn.tag-btn-side {
    width: 100%;
    min-height: 40px !important;
    height: auto !important;
    font-size: 14px !important;
  }
}
.tag-btn.tag-btn-m {
  margin: 0 0 12px;
  padding: 8px 12px;
  min-width: 210px;
  height: 47px;
  color: #ffffff;
  font-size: 18px;
  line-height: 1;
  background: #3F3F3F;
  border-radius: 5px;
}
.tag-btn.tag-btn-m:not(:last-child) {
  margin-right: 12px;
}
@media all and (max-width: 840px) {
  .tag-btn.tag-btn-m {
    min-width: 190px;
    font-size: 16px;
  }
}
.tag-btn.tag-btn-s {
  margin: 0 0 8px;
  padding: 8px 12px;
  min-width: 90px;
  height: 30px;
  color: #ffffff;
  font-size: 13px;
  line-height: 1;
  background: #3F3F3F;
  border-radius: 5px;
}
.tag-btn.tag-btn-s:not(:last-child) {
  margin-right: 7px;
}
@media all and (max-width: 840px) {
  .tag-btn.tag-btn-s {
    margin-bottom: 14px;
    height: 42px;
  }
}
.tag-btn.tag-btn-w {
  color: #3F3F3F;
  background: #ffffff;
}
@media (hover: hover) {
  .tag-btn:hover {
    opacity: 0.6;
  }
}

/* ボタン ベーシック設定 */
.btn {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  margin: 0 auto;
  width: 100%;
  height: 76px;
  color: #000000;
  font-size: 24px;
  font-weight: 700;
  background: #F2D86F;
  letter-spacing: 6px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  z-index: 1;
}
@media (hover: hover) {
  .btn:hover {
    overflow: hidden;
    -webkit-transform: scale(1.03);
            transform: scale(1.03);
  }
}
@media all and (max-width: 1020px) {
  .btn {
    max-width: 420px;
    height: 52px;
    font-size: 20px;
  }
}
.btn.btn-allposts, .btn.entry {
  position: relative;
  margin-top: 18px;
  padding: 20px;
  max-width: 610px;
  height: 76px;
  font-size: 24px;
}

.btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
}

/* タイトルとURL コピーボタン */
.copy-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  margin: 60px auto;
  padding: 18px 20px;
  max-width: 400px;
  width: 100%;
  background: #fff;
  border: 1px #B9B9B9 solid;
  border-radius: 20px;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  -webkit-filter: drop-shadow(3px 3px 3px rgba(0, 0, 0, 0.15));
          filter: drop-shadow(3px 3px 3px rgba(0, 0, 0, 0.15));
}
.copy-btn .icon-circle-arrow-r {
  position: relative;
  top: 1px;
  margin-left: 6px;
  width: 18px;
  height: 18px;
  fill: #B9B9B9;
}
@media all and (max-width: 480px) {
  .copy-btn {
    margin: 40px auto;
    padding: 16px 10px;
    font-size: 12px;
  }
  .copy-btn .icon-circle-arrow-r {
    width: 14px;
    height: 14px;
  }
}
@media (hover: hover) {
  .copy-btn:hover {
    color: #fff;
    background: #B9B9B9;
    cursor: pointer;
  }
  .copy-btn:hover .icon-circle-arrow-r {
    fill: #fff;
  }
}
.copy-btn.copied {
  color: #fff;
  background: #B9B9B9;
  pointer-events: none;
}
.copy-btn.copied:hover {
  cursor: auto;
}

/* SNS　シェアボタン */
.btns-sns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 60px;
}
.btns-sns > li {
  padding-bottom: 16px;
  width: 16%;
}
@media all and (max-width: 840px) {
  .btns-sns > li {
    width: calc(50% - 8px);
  }
}
.btns-sns > li.wide {
  width: 49.6%;
}
@media all and (max-width: 840px) {
  .btns-sns > li.wide {
    width: calc(50% - 8px);
  }
}
.btns-sns > li a {
  display: block;
  width: 100%;
  text-align: center;
  padding: 0.5rem 0;
  background-color: #DDD;
  color: #fff;
  border-radius: 3px;
}
.btns-sns > li a i {
  margin-right: 4px;
}
.btns-sns > li a.facebook {
  background-color: #3B5998;
}
.btns-sns > li a.twitter {
  background-color: #55ACEE;
}
.btns-sns > li a.hatena {
  background-color: #2C6EBD;
}
.btns-sns > li a.pocket {
  background-color: #EE4056;
}
.btns-sns > li a.line {
  background-color: #00C300;
}
@media (hover: hover) {
  .btns-sns > li a:hover {
    opacity: 0.6;
  }
}

/* ----------------------------------------
* content
---------------------------------------- */
#content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0;
  padding: 0;
  width: 100%;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 0px;
          flex: 1 0 0;
}
#content.content-home {
  padding-top: 0;
}
#content.content-about {
  padding-top: 0;
  background: none;
}

#about-news {
  background: #B9B9B9;
}

/* ----------------------------------------
* main
---------------------------------------- */
.max-width {
  margin: 0 auto;
  padding: 0 30px;
  max-width: 1260px;
  width: 100%;
}
@media all and (max-width: 640px) {
  .max-width {
    padding: 0 18px;
  }
}

#main {
  width: 100%;
}

#side,
#side-recruit {
  width: 400px;
}
@media all and (max-width: 1660px) {
  #side,
  #side-recruit {
    width: 240px;
  }
}

/* -- セクション タイトル START -- */
.section-title {
  margin-bottom: 60px;
  text-align: center;
}
@media all and (max-width: 840px) {
  .section-title {
    margin-bottom: 40px;
  }
}
.section-title span {
  color: #000000;
}
.section-title span.en {
  font-size: 50px;
  font-weight: 900;
  letter-spacing: 5px;
}
.section-title span.ja {
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 3px;
}

/* -- セクション タイトル END -- */
/* ------------------------------
記事ベースデザイン START 
------------------------------ */
.article {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: normal;
      -ms-flex-align: normal;
          align-items: normal;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 0 30px;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media all and (max-width: 640px) {
  .article {
    margin: 0 0 20px;
  }
}
@media (hover: hover) {
  .article a:hover {
    opacity: 0.6;
  }
}
.article .post-thumbnail {
  position: relative;
  width: 100%;
}
.article .post-thumbnail .img-wrapper {
  display: block;
  width: 100%;
  aspect-ratio: 385/289;
}
.article .post-thumbnail img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.article .post-header {
  width: 100%;
}
.article .post-header h2 {
  width: 100%;
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  max-height: 62px;
  font-size: 1.25rem;
  line-height: 1.6;
}
.article .article-main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 20px;
  width: 100%;
}
.article .article-main .post-content .text {
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  max-height: 50px;
  margin-top: 12px;
  color: #000000;
  font-weight: normal;
}
.article .article-main .post-content .text p {
  font-size: 14px;
  line-height: 1.4;
}
.article .post-meta {
  margin-top: 10px;
}
.article .date {
  font-size: 13px;
  font-weight: 500;
  letter-spacing: 2px;
}

/* -- 記事が無い時の表記 START -- */
.noposts {
  margin-top: 30px;
  color: #000000;
  font-size: 1rem;
} /* -- END 記事が無い時の表記 -- */
.post-note {
  margin: 80px auto 0;
  padding: 1.5rem;
  background: #fefcf3;
  border: 2px #FCF1CD solid;
  border-radius: 12px;
}
.post-note .title {
  font-size: 1rem;
  font-weight: 500;
  text-align: center;
}
.post-note .body {
  margin-top: 1rem;
  font-size: 0.875rem;
  line-height: 1.8;
}

.cta {
  margin: 60px auto 0;
  background: #EEEEEE;
}
@media all and (max-width: 840px) {
  .cta {
    margin-top: 40px;
  }
}
.cta .title {
  padding: 12px 16px;
  color: #292929;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.5;
  text-align: center;
  background: #F2D86F;
  letter-spacing: 4px;
}
@media all and (max-width: 1020px) {
  .cta .title {
    font-size: 20px;
  }
}
@media all and (max-width: 640px) {
  .cta .title {
    font-size: 18px;
  }
}
.cta .text {
  padding: 40px 40px 60px;
}
@media all and (max-width: 640px) {
  .cta .text {
    padding: 24px 24px 30px;
  }
}
.cta p {
  margin: 0 auto;
  font-size: 22px;
  max-width: 993px;
}
@media all and (max-width: 1020px) {
  .cta p {
    font-size: 20px;
  }
}
@media all and (max-width: 640px) {
  .cta p {
    font-size: 18px;
  }
}
.cta .btns {
  display: block;
  margin: 64px auto 0;
  padding: 0;
  text-align: center;
}
@media all and (max-width: 640px) {
  .cta .btns {
    margin: 32px auto 0;
  }
}
.cta .btns p {
  padding: 0;
  font-weight: 500;
}
.cta .btns p:not(:first-of-type) {
  margin-top: 60px;
}
.cta .btns .btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 24px auto 0;
  max-width: 344px;
  width: 100%;
  height: 56px;
  border-radius: 5px;
  background: #3F3F3F;
  color: #fff;
  font-size: 21px;
  font-weight: 700;
  letter-spacing: 0;
}

/* -- END 記事ベースデザイン -- */
/* ------------------------------
CATEGORY LISTING START 
------------------------------ */
#tags {
  position: relative;
  padding: 40px;
  background: #FCF1CD;
  z-index: 10;
}
#tags::after {
  content: "";
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  bottom: -28px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 28px 17px 0 17px;
  border-color: #FCF1CD transparent transparent transparent;
}
#tags .section-title {
  margin-bottom: 26px;
  font-size: 1.75rem;
  text-align: center;
}

/* -- END CATEGORY LISTING  -- */
/* ------------------------------
記事リスティング START 
------------------------------ */
.post-listing {
  width: 100%;
}
.post-listing .post-loop-wrap {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
}
.post-listing .post-loop-wrap .article {
  width: calc((100% - 48px) / 3);
}
@media all and (max-width: 1020px) {
  .post-listing .post-loop-wrap .article {
    width: calc((100% - 24px) / 2);
  }
}
@media all and (max-width: 840px) {
  .post-listing .post-loop-wrap .article {
    width: 100%;
  }
}
.post-listing .post-loop-wrap::after {
  content: "";
  display: block;
  width: calc((100% - 48px) / 3);
}
@media all and (max-width: 1020px) {
  .post-listing .post-loop-wrap::after {
    width: calc((100% - 24px) / 2);
  }
}
@media all and (max-width: 840px) {
  .post-listing .post-loop-wrap::after {
    width: 100%;
  }
}

.post-listing-col {
  width: 100%;
}
.post-listing-col .post-loop-wrap {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
}
.post-listing-col .post-loop-wrap .article {
  width: 100%;
}

/* ------------------------------
サイドバー START 
------------------------------ */
#side {
  position: sticky;
  top: 100px;
  left: 0;
}
@media all and (max-width: 840px) {
  #side {
    display: none;
  }
}
#side .side-widget:not(:first-of-type):not(.widget_allposts_widget) {
  margin-top: 48px;
}
#side .side-title {
  position: relative;
  padding: 0 0 0 36px;
  color: #6A6A6A;
  font-size: 21px;
  font-weight: 700;
  line-height: 1.5;
}
@media all and (max-width: 1660px) {
  #side .side-title {
    padding: 0 0 0 24px;
    font-size: 16px;
  }
}
#side .side-title::before {
  content: "";
  position: absolute;
  top: calc(50% + 2px);
  left: 0;
  width: 30px;
  height: 30px;
  background: url(img/common/icon-search.svg) no-repeat;
  background-size: cover;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
}
@media all and (max-width: 1660px) {
  #side .side-title::before {
    width: 24px;
    height: 24px;
  }
}
#side .tags {
  margin-top: 16px;
}
#side .tag-listing {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0;
}
#side .btns {
  margin-top: 28px;
}
#side .btns .btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 auto 20px;
  width: 100%;
  height: 56px;
  color: #fff;
  font-size: 17px;
  text-align: left;
  border-radius: 5px;
  background: #3F3F3F;
}
#side .btns .btn.about {
  color: #000000;
  background: #F2D86F;
}
@media all and (max-width: 1660px) {
  #side .btns .btn {
    height: 48px;
  }
}

/* ----------------------------------------
* Home
---------------------------------------- */
#kv {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  width: 100vw;
  height: 100vh;
  min-height: 600px;
  max-height: 1080px;
  z-index: 1;
}
@media all and (max-width: 1540px) {
  #kv {
    max-height: 800px;
    min-height: 400px;
  }
}
@media all and (max-width: 840px) {
  #kv {
    max-height: 600px;
  }
}
@media all and (max-width: 480px) {
  #kv {
    max-height: 400px;
  }
}
#kv h1 {
  position: absolute;
  bottom: 7%;
  left: 180px;
  display: inline-block;
  color: #000000;
  font-size: 70px;
  font-weight: 700;
  line-height: 1.6;
  letter-spacing: 14px;
  z-index: 3;
}
@media all and (max-width: 1540px) {
  #kv h1 {
    left: 54px;
    font-size: 42px;
  }
}
@media all and (max-width: 840px) {
  #kv h1 {
    letter-spacing: 8px;
  }
}
@media all and (max-width: 480px) {
  #kv h1 {
    left: 20px;
    font-size: 20px;
    letter-spacing: 4px;
  }
}
#kv .img-wrapper {
  width: 100%;
  height: 100%;
}
#kv img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  z-index: 1;
}
@media all and (max-width: 1280px) {
  #kv img {
    -o-object-position: 30% 50%;
       object-position: 30% 50%;
  }
}
@media all and (max-width: 480px) {
  #kv img {
    -o-object-position: 40% 50%;
       object-position: 40% 50%;
  }
}
#kv::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  max-width: 476px;
  width: 100%;
  height: 100%;
  background: #F2D86F;
  opacity: 0;
  z-index: 2;
  -webkit-animation: kvAnime 1.2s ease forwards;
          animation: kvAnime 1.2s ease forwards;
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;
}
@media all and (max-width: 1280px) {
  #kv::after {
    max-width: 400px;
  }
}
@media all and (max-width: 840px) {
  #kv::after {
    max-width: 270px;
  }
}
@media all and (max-width: 480px) {
  #kv::after {
    max-width: 160px;
  }
}

@-webkit-keyframes kvAnime {
  0% {
    max-width: 100%;
    opacity: 0;
  }
  100% {
    max-width: auto;
    opacity: 1;
  }
}

@keyframes kvAnime {
  0% {
    max-width: 100%;
    opacity: 0;
  }
  100% {
    max-width: auto;
    opacity: 1;
  }
}
/* ------------------------------
TO YOU 
------------------------------ */
#toyou {
  padding-top: 120px;
  padding-bottom: 180px;
}
@media all and (max-width: 840px) {
  #toyou {
    padding-top: 100px;
    padding-bottom: 150px;
  }
}
@media all and (max-width: 480px) {
  #toyou {
    padding-top: 60px;
    padding-bottom: 90px;
  }
}
#toyou .inner > ul {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto 80px auto;
  grid-template-columns: auto auto;
  -ms-grid-rows: auto 80px auto;
  grid-template-rows: auto auto;
  gap: 80px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  width: 100%;
}
#toyou .inner > ul > *:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}
#toyou .inner > ul > *:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
}
#toyou .inner > ul > *:nth-child(3) {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
}
#toyou .inner > ul > *:nth-child(4) {
  -ms-grid-row: 3;
  -ms-grid-column: 3;
}
@media all and (max-width: 840px) {
  #toyou .inner > ul {
    gap: 40px;
  }
}
@media all and (max-width: 780px) {
  #toyou .inner > ul {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: auto auto auto;
    grid-template-rows: auto auto auto;
    text-align: center;
  }
  #toyou .inner > ul > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  #toyou .inner > ul > *:nth-child(2) {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
  }
  #toyou .inner > ul > *:nth-child(3) {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
}
#toyou .inner > ul > li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
#toyou .inner > ul > li.catch {
  -ms-grid-column: 1;
  grid-column: 1;
  -ms-grid-row: 1;
  grid-row: 1;
  padding: 60px 40px 0;
}
@media all and (max-width: 1260px) {
  #toyou .inner > ul > li.catch {
    padding: 30px 20px 0;
  }
}
@media all and (max-width: 780px) {
  #toyou .inner > ul > li.catch {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 1;
    grid-row: 1;
    width: 100%;
  }
}
@media all and (max-width: 480px) {
  #toyou .inner > ul > li.catch {
    padding-top: 0;
  }
}
#toyou .inner > ul > li.catch h4,
#toyou .inner > ul > li.catch h4 p,
#toyou .inner > ul > li.catch h4 span {
  font-size: 60px;
  font-weight: 700;
  line-height: 1.7;
}
@media all and (max-width: 1260px) {
  #toyou .inner > ul > li.catch h4,
  #toyou .inner > ul > li.catch h4 p,
  #toyou .inner > ul > li.catch h4 span {
    font-size: 3.8vw;
  }
}
@media all and (max-width: 1020px) {
  #toyou .inner > ul > li.catch h4,
  #toyou .inner > ul > li.catch h4 p,
  #toyou .inner > ul > li.catch h4 span {
    font-size: 3.5vw;
  }
}
@media all and (max-width: 840px) {
  #toyou .inner > ul > li.catch h4,
  #toyou .inner > ul > li.catch h4 p,
  #toyou .inner > ul > li.catch h4 span {
    font-size: 3.3vw;
  }
}
@media all and (max-width: 780px) {
  #toyou .inner > ul > li.catch h4,
  #toyou .inner > ul > li.catch h4 p,
  #toyou .inner > ul > li.catch h4 span {
    margin: 0 auto;
    font-size: 24px;
  }
}
@media all and (max-width: 480px) {
  #toyou .inner > ul > li.catch h4,
  #toyou .inner > ul > li.catch h4 p,
  #toyou .inner > ul > li.catch h4 span {
    font-size: 22px;
  }
}
#toyou .inner > ul > li.btns {
  -ms-grid-column: 1;
  grid-column: 1;
  -ms-grid-row: 2;
  grid-row: 2;
  -ms-grid-row-align: end;
      align-self: end;
}
@media all and (max-width: 780px) {
  #toyou .inner > ul > li.btns {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 3;
    grid-row: 3;
    margin: 0 auto;
    width: 100%;
  }
}
#toyou .inner > ul > li.btns .btn {
  width: 100%;
}
@media all and (max-width: 780px) {
  #toyou .inner > ul > li.btns .btn {
    margin: 0 auto;
  }
}
#toyou .inner > ul > li.text {
  -ms-grid-column: 2;
  grid-column: 2;
  -ms-grid-row: 1;
  -ms-grid-row-span: 2;
  grid-row: 1/span 2;
  font-size: 21px;
  line-height: 1.8;
  letter-spacing: 2px;
  -ms-grid-row-align: end;
      align-self: end;
}
#toyou .inner > ul > li.text p:not(:first-child) {
  margin-top: 1rem;
}
#toyou .inner > ul > li.text .body {
  margin: 0 auto;
}
@media all and (max-width: 1260px) {
  #toyou .inner > ul > li.text {
    width: 400px;
    font-size: 18px;
  }
}
@media all and (max-width: 840px) {
  #toyou .inner > ul > li.text {
    width: 360px;
    font-size: 16px;
  }
}
@media all and (max-width: 780px) {
  #toyou .inner > ul > li.text {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 2;
    grid-row: 2;
    width: 100%;
  }
}
@media all and (max-width: 480px) {
  #toyou .inner > ul > li.text {
    text-align: left;
  }
  #toyou .inner > ul > li.text br {
    display: none;
  }
}

/* ------------------------------
Column, Recruit
------------------------------ */
#column,
#recruit {
  position: relative;
  padding: 4rem 0 12rem;
}
#column .title,
#recruit .title {
  margin: 0 auto 30px;
  font-size: 27px;
  font-weight: 700;
  text-align: center;
  letter-spacing: 5px;
}

/* ------------------------------
Column
------------------------------ */
#column {
  background: #F4EFDD;
}
@media all and (max-width: 1020px) {
  #column {
    padding-bottom: 8rem;
  }
}
@media all and (max-width: 640px) {
  #column {
    padding-bottom: 4rem;
  }
}
#column .categories {
  background-color: #F2D86F;
}
#column .tags {
  background-color: #DBB92F;
}
#column .post-listing {
  margin: 0 auto;
  max-width: 1260px;
}

/* ------------------------------
Recruit
------------------------------ */
#recruit {
  background: #F1F1F1;
}
#recruit .recruit-listing {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
#recruit .recruit-listing .recruit-box {
  width: calc((100% - 80px) / 3);
}
@media all and (max-width: 1020px) {
  #recruit .recruit-listing .recruit-box {
    width: calc((100% - 40px) / 2);
  }
}
@media all and (max-width: 840px) {
  #recruit .recruit-listing .recruit-box {
    width: 100%;
  }
}
#recruit .recruit-listing::after {
  content: "";
  display: block;
  width: calc((100% - 40px) / 3);
}
@media all and (max-width: 1020px) {
  #recruit .recruit-listing::after {
    width: calc((100% - 40px) / 2);
  }
}
@media all and (max-width: 840px) {
  #recruit .recruit-listing::after {
    width: 100%;
  }
}

/* ----------------------------------------
* とこキャリについて
---------------------------------------- */
#about #content {
  padding: 0 0 230px;
}
@media all and (max-width: 1020px) {
  #about #content {
    padding: 0 0 180px;
  }
}
@media all and (max-width: 840px) {
  #about #content {
    padding: 0 0 130px;
  }
}
@media all and (max-width: 480px) {
  #about #content {
    padding: 0 0 80px;
  }
}
#about #intro {
  padding-bottom: 180px;
}
@media all and (max-width: 1020px) {
  #about #intro {
    padding-bottom: 144px;
  }
}
@media all and (max-width: 640px) {
  #about #intro {
    padding-bottom: 17.1875vw;
  }
}
#about #intro .logo {
  padding: 270px 24px 180px;
  text-align: center;
}
@media all and (max-width: 1020px) {
  #about #intro .logo {
    padding: 200px 24px 144px;
  }
}
@media all and (max-width: 640px) {
  #about #intro .logo {
    padding: 25vw 24px 17.1875vw;
  }
}
#about #intro .logo img {
  max-width: 640px;
  width: 100%;
}
#about #intro .text {
  margin: 0 auto;
  max-width: 1040px;
  width: 100%;
  text-align: left;
}
#about #intro .text h1 {
  font-size: 40px;
  font-weight: 700;
  line-height: 1.6;
  letter-spacing: 8px;
}
@media all and (max-width: 1020px) {
  #about #intro .text h1 {
    font-size: 30px;
  }
  #about #intro .text h1 br {
    display: none;
  }
}
@media all and (max-width: 640px) {
  #about #intro .text h1 {
    font-size: 24px;
  }
}
#about #intro .text .body {
  margin-top: 72px;
  font-size: 21px;
  font-weight: 500;
  line-height: 2;
  letter-spacing: 2px;
}
@media all and (max-width: 1020px) {
  #about #intro .text .body {
    margin-top: 50px;
  }
}
@media all and (max-width: 640px) {
  #about #intro .text .body {
    margin-top: 30px;
    font-size: 18px;
  }
}
#about .about-sec h2 {
  font-size: 50px;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 5px;
  text-align: center;
}
@media all and (max-width: 1020px) {
  #about .about-sec h2 {
    font-size: 40px;
    letter-spacing: 4px;
  }
}
@media all and (max-width: 840px) {
  #about .about-sec h2 {
    font-size: 32px;
    letter-spacing: 3px;
  }
}
#about .about-sec h3 {
  width: 100%;
  font-size: 40px;
  font-weight: 700;
  letter-spacing: 4px;
  text-align: center;
}
@media all and (max-width: 1020px) {
  #about .about-sec h3 {
    font-size: 30px;
    letter-spacing: 3px;
  }
}
@media all and (max-width: 840px) {
  #about .about-sec h3 {
    font-size: 24px;
    letter-spacing: 2px;
  }
}
#about .about-sec .body {
  font-size: 20px;
  font-weight: 500;
  line-height: 1.6;
  letter-spacing: 2px;
}
@media all and (max-width: 840px) {
  #about .about-sec .body {
    font-size: 18px;
  }
}
#about .about-sec .img-wrapper {
  width: 100%;
}
#about .about-sec .img-wrapper img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
#about #merit {
  padding: 60px 0 30px;
  width: 100%;
  background: #F4EFDD;
}
@media all and (max-width: 480px) {
  #about #merit {
    padding: 60px 0 0;
  }
}
#about #merit .inner > ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 80px;
}
#about #merit .inner > ul > li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 60px;
  width: calc((100% - 60px) / 3);
  max-width: 309px;
}
@media all and (max-width: 640px) {
  #about #merit .inner > ul > li {
    max-width: 100%;
    width: 100%;
  }
}
#about #merit .inner > ul > li .img-wrapper {
  margin-top: 10px;
  aspect-ratio: 305/224;
}
#about #flow {
  padding: 180px 0 0;
}
@media all and (max-width: 1020px) {
  #about #flow {
    padding: 140px 0 0;
  }
}
@media all and (max-width: 840px) {
  #about #flow {
    padding: 100px 0 0;
  }
}
@media all and (max-width: 480px) {
  #about #flow {
    padding: 60px 0 0;
  }
}
#about #flow .inner > ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
#about #flow .inner > ul > li {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 60px;
  width: 100%;
  border-radius: 30px;
  background: #F4EFDD;
}
#about #flow .inner > ul > li:not(:first-of-type)::before {
  content: "";
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  top: -41px;
  width: 84px;
  height: 30px;
  clip-path: polygon(0 0, 100% 0, 50% 100%);
  background: #F4EFDD;
}
#about #flow .inner > ul > li .text {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 0px;
          flex: 1 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  margin: 0;
  padding: 24px 20px 24px 32px;
}
@media all and (max-width: 640px) {
  #about #flow .inner > ul > li .text {
    -webkit-box-flex: 1;
        -ms-flex: auto;
            flex: auto;
    padding: 24px;
    width: 100%;
  }
}
#about #flow .inner > ul > li .text .text-block {
  max-width: 725px;
}
#about #flow .inner > ul > li .text h3 {
  text-align: left;
}
#about #flow .inner > ul > li .text .body {
  margin-top: 24px;
}
#about #flow .inner > ul > li .img-wrapper {
  padding: 24px 24px 24px 20px;
  width: 37%;
  aspect-ratio: 400/218;
  max-width: 448px;
}
@media all and (max-width: 840px) {
  #about #flow .inner > ul > li .img-wrapper {
    aspect-ratio: 5/4;
  }
}
@media all and (max-width: 640px) {
  #about #flow .inner > ul > li .img-wrapper {
    padding: 0 24px 24px;
    max-width: 100%;
    aspect-ratio: 400/218;
    width: 100%;
  }
}
#about .about-sec-flex {
  padding: 180px 0 0;
}
@media all and (max-width: 1020px) {
  #about .about-sec-flex {
    padding: 140px 0 0;
  }
}
@media all and (max-width: 840px) {
  #about .about-sec-flex {
    padding: 100px 0 0;
  }
}
@media all and (max-width: 480px) {
  #about .about-sec-flex {
    padding: 60px 0 0;
  }
}
#about .about-sec-flex .body,
#about .about-sec-flex .img-wrapper {
  margin: 30px auto 0;
}
#about .about-sec-flex .body {
  line-height: 2;
  text-align: center;
}
#about .about-sec-flex .body > div {
  margin: 0 auto;
  max-width: 1020px;
}

/* ------------------------------
記事ページ
------------------------------ */
#single-post #content,
#archive-post #content,
#allposts #content {
  padding: 130px 0 160px;
}
@media all and (max-width: 1020px) {
  #single-post #content,
  #archive-post #content,
  #allposts #content {
    padding: 100px 0 120px;
  }
}
@media all and (max-width: 840px) {
  #single-post #content,
  #archive-post #content,
  #allposts #content {
    padding: 70px 0 100px;
  }
}
@media all and (max-width: 480px) {
  #single-post #content,
  #archive-post #content,
  #allposts #content {
    padding: 40px 0 80px;
  }
}

#single-post {
  /*
  .breadcrumb {
  	padding: 16px 32px 0 32px;

  	@include max($breakpoint-max-sp) {
  		padding: 16px 24px 0 24px;
  	}
  }
  */
  /* content-none */
}
#single-post .post-header .date {
  margin: 0;
  color: #717171;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: 3px;
}
#single-post .post-header h1 {
  margin: 10px 0 0;
  font-size: 40px;
  line-height: 1.5;
}
@media all and (max-width: 840px) {
  #single-post .post-header h1 {
    font-size: 32px;
  }
}
@media all and (max-width: 480px) {
  #single-post .post-header h1 {
    font-size: 24px;
  }
}
#single-post .post-header h1 .for_admin {
  position: relative;
  top: -3px;
  display: inline-block;
  padding: 4px 6px;
  border: 1px #000000 solid;
  border-radius: 50vw;
  font-size: 13px;
  font-weight: normal;
  line-height: 1;
  white-space: nowrap;
}
#single-post .post-header .tags {
  margin-top: 24px;
}
#single-post .post-header + .copy-btn {
  margin: 80px auto;
}
@media all and (max-width: 480px) {
  #single-post .post-header + .copy-btn {
    margin: 60px auto;
  }
}
#single-post .post-thumbnail {
  margin-top: 42px;
}
#single-post .post-thumbnail img {
  width: 100%;
}
#single-post .post-header + .post-content {
  margin-top: 40px;
}
#single-post .post-content .post-body,
#single-post .post-content .post-body p {
  font-size: 23px;
  line-height: 1.8;
}
@media all and (max-width: 1020px) {
  #single-post .post-content .post-body,
  #single-post .post-content .post-body p {
    font-size: 20px;
  }
}
@media all and (max-width: 640px) {
  #single-post .post-content .post-body,
  #single-post .post-content .post-body p {
    font-size: 18px;
  }
}
#single-post .post-content .post-body h1,
#single-post .post-content .post-body h2,
#single-post .post-content .post-body h3,
#single-post .post-content .post-body h4,
#single-post .post-content .post-body h5,
#single-post .post-content .post-body h6 {
  display: block;
  margin-top: 60px;
  font-weight: 700;
  line-height: 1.5;
  text-align: left;
}
@media all and (max-width: 840px) {
  #single-post .post-content .post-body h1,
  #single-post .post-content .post-body h2,
  #single-post .post-content .post-body h3,
  #single-post .post-content .post-body h4,
  #single-post .post-content .post-body h5,
  #single-post .post-content .post-body h6 {
    margin-top: 40px;
  }
}
#single-post .post-content .post-body div,
#single-post .post-content .post-body p,
#single-post .post-content .post-body ul,
#single-post .post-content .post-body ol {
  margin-top: 60px;
}
@media all and (max-width: 840px) {
  #single-post .post-content .post-body div,
  #single-post .post-content .post-body p,
  #single-post .post-content .post-body ul,
  #single-post .post-content .post-body ol {
    margin-top: 40px;
  }
}
#single-post .post-content .post-body h2 {
  position: relative;
  margin: 100px 0 0;
  font-size: 38px;
  text-decoration: underline;
  text-decoration-color: #F2D86F;
  text-underline-offset: 10px;
  text-decoration-thickness: 7px;
}
@media all and (max-width: 1020px) {
  #single-post .post-content .post-body h2 {
    font-size: 32px;
  }
}
@media all and (max-width: 840px) {
  #single-post .post-content .post-body h2 {
    margin: 60px 0 0;
    font-size: 28px;
    text-decoration-thickness: 5px;
  }
}
#single-post .post-content .post-body h3 {
  font-size: 23px;
}
@media all and (max-width: 1020px) {
  #single-post .post-content .post-body h3 {
    font-size: 20px;
  }
}
@media all and (max-width: 640px) {
  #single-post .post-content .post-body h3 {
    font-size: 18px;
  }
}
#single-post .post-content .post-body h3 + p {
  margin-top: 0.5rem;
}
#single-post .post-content .post-body h4 {
  font-size: 20px;
}
@media all and (max-width: 1020px) {
  #single-post .post-content .post-body h4 {
    font-size: 18px;
  }
}
@media all and (max-width: 640px) {
  #single-post .post-content .post-body h4 {
    font-size: 17px;
  }
}
#single-post .post-content .post-body h5,
#single-post .post-content .post-body h6 {
  font-size: 18px;
}
@media all and (max-width: 1020px) {
  #single-post .post-content .post-body h5,
  #single-post .post-content .post-body h6 {
    font-size: 16px;
  }
}
#single-post .post-content .post-body img {
  width: 100%;
  height: auto;
}
#single-post .post-content .post-body .wp-block-image,
#single-post .post-content .post-body .wp-block-embed,
#single-post .post-content .post-body .wp-block-video {
  margin: 42px 0 0;
}
#single-post .post-content .post-body .wp-block-embed__wrapper {
  position: relative;
  overflow: hidden;
  padding-bottom: 56.25%;
  width: 100%;
  height: 0;
}
#single-post .post-content .post-body .wp-block-embed__wrapper iframe {
  position: absolute;
  margin: 0;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#single-post .post-content .post-body a {
  position: relative;
  padding: 0;
  z-index: 1;
}
#single-post .post-content .post-body a::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: -4px;
  width: 100%;
  height: 20%;
  opacity: 0.6;
  z-index: -1;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
#single-post .post-content .post-body ul li {
  position: relative;
  line-height: 1.8;
  padding-left: 1.5rem;
}
#single-post .post-content .post-body ul li:not(:first-child) {
  margin-top: 15px;
}
#single-post .post-content .post-body ul li:before {
  content: "•";
  position: absolute;
  top: 0;
  left: 0.5rem;
  padding-right: 0.5rem;
  color: #000;
}
#single-post .post-content .post-body .ub_table-of-contents,
#single-post .post-content .post-body .ub_table-of-contents-collapsed {
  padding: 30px 24px;
  width: 100%;
  border-radius: 10px;
  border: 0;
  background: #EEEEEE;
  color: #626262;
}
@media (hover: hover) {
  #single-post .post-content .post-body .ub_table-of-contents a:hover,
  #single-post .post-content .post-body .ub_table-of-contents-collapsed a:hover {
    opacity: 0.6;
  }
}
#single-post .post-content .post-body .ub_table-of-contents div,
#single-post .post-content .post-body .ub_table-of-contents-collapsed div {
  margin: 0;
  padding: 0;
}
#single-post .post-content .post-body .ub_table-of-contents ul,
#single-post .post-content .post-body .ub_table-of-contents-collapsed ul {
  margin: 0;
  padding: 0;
}
#single-post .post-content .post-body .ub_table-of-contents ul li,
#single-post .post-content .post-body .ub_table-of-contents-collapsed ul li {
  padding: 0;
}
#single-post .post-content .post-body .ub_table-of-contents ul li > a,
#single-post .post-content .post-body .ub_table-of-contents-collapsed ul li > a {
  display: inline-block;
  color: #626262;
  font-size: 23px;
  font-weight: 500;
}
@media all and (max-width: 840px) {
  #single-post .post-content .post-body .ub_table-of-contents ul li > a,
  #single-post .post-content .post-body .ub_table-of-contents-collapsed ul li > a {
    font-size: 18px;
  }
}
#single-post .post-content .post-body .ub_table-of-contents ul li:not(:first-child),
#single-post .post-content .post-body .ub_table-of-contents-collapsed ul li:not(:first-child) {
  margin-top: 0;
}
#single-post .post-content .post-body .ub_table-of-contents ul li:before,
#single-post .post-content .post-body .ub_table-of-contents-collapsed ul li:before {
  display: none;
}
#single-post .post-content .post-body .ub_table-of-contents .ub_table-of-contents-header,
#single-post .post-content .post-body .ub_table-of-contents-collapsed .ub_table-of-contents-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  padding: 0 0 20px;
  font-size: 18px;
  font-weight: 500;
}
@media all and (max-width: 840px) {
  #single-post .post-content .post-body .ub_table-of-contents .ub_table-of-contents-header,
  #single-post .post-content .post-body .ub_table-of-contents-collapsed .ub_table-of-contents-header {
    font-size: 16px;
  }
}
#single-post .post-content .post-body .ub_table-of-contents .ub_table-of-contents-header .ub_table-of-contents-toggle,
#single-post .post-content .post-body .ub_table-of-contents-collapsed .ub_table-of-contents-header .ub_table-of-contents-toggle {
  margin-left: 0.5rem;
}
#single-post .post-content .post-body .ub_table-of-contents .ub_table-of-contents-header .ub_table-of-contents-toggle a,
#single-post .post-content .post-body .ub_table-of-contents-collapsed .ub_table-of-contents-header .ub_table-of-contents-toggle a {
  color: #4889BE;
}
#single-post .post-content .post-body .ub_table-of-contents .ub_table-of-contents-container > ul > li,
#single-post .post-content .post-body .ub_table-of-contents-collapsed .ub_table-of-contents-container > ul > li {
  padding: 10px 0;
  border-top: 1px #C6C6C6 solid;
}
#single-post .post-content .post-body .ub_table-of-contents .ub_table-of-contents-container > ul > li > ul li,
#single-post .post-content .post-body .ub_table-of-contents-collapsed .ub_table-of-contents-container > ul > li > ul li {
  padding-left: 30px;
}
@media all and (max-width: 840px) {
  #single-post .post-content .post-body .ub_table-of-contents .ub_table-of-contents-container > ul > li > ul li,
  #single-post .post-content .post-body .ub_table-of-contents-collapsed .ub_table-of-contents-container > ul > li > ul li {
    padding-left: 24px;
  }
}
#single-post .post-content .post-body .ub_table-of-contents .ub_table-of-contents-container > ul > li > ul li > a,
#single-post .post-content .post-body .ub_table-of-contents-collapsed .ub_table-of-contents-container > ul > li > ul li > a {
  font-size: 18px;
}
@media all and (max-width: 840px) {
  #single-post .post-content .post-body .ub_table-of-contents .ub_table-of-contents-container > ul > li > ul li > a,
  #single-post .post-content .post-body .ub_table-of-contents-collapsed .ub_table-of-contents-container > ul > li > ul li > a {
    font-size: 16px;
  }
}
#single-post .post-content .post-body span.btn {
  display: inline-block;
  margin: 1rem 0;
  padding: 8px 12px;
  border: none;
  border-radius: 8px;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}
#single-post .post-content .post-body span.btn a {
  position: relative;
}
#single-post .post-content .post-body span.btn a::before {
  display: none;
}
#single-post .post-content .post-body span.btn a ::after {
  content: "";
  display: inline-block;
  position: relative;
  top: -2px;
  margin-left: 0.5rem;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 0 5px 7px;
  border-color: transparent transparent transparent #000000;
  vertical-align: middle;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}
@media (hover: hover) {
  #single-post .post-content .post-body span.btn:hover {
    border-radius: 18px;
  }
  #single-post .post-content .post-body span.btn:hover a ::after {
    margin-left: 1.5rem;
  }
}
#single-post.content-none {
  padding: 24px 0;
}
#single-post.content-none h1 {
  font-size: 1.5rem;
}
#single-post.content-none .content-none-body {
  margin-top: 24px;
}
#single-post.content-none .content-none-body h2 {
  margin: 0 0 0.5rem 0;
  padding: 0 0 0.5rem 0;
  font-size: 1rem;
}
#single-post.content-none .content-none-body p {
  margin: 0;
  font-size: 0.875rem;
}
@media (hover: hover) {
  #single-post.content-none .content-none-body a:hover {
    color: #FF5800;
  }
}
#single-post.content-none .content-none-body > ul {
  padding: 0;
  list-style: none;
  font-size: 0.875rem;
}
#single-post.content-none .content-none-body > ul > li, #single-post.content-none .content-none-body > ul > ol {
  margin: 1.5rem 0 0 0;
}
#single-post.content-none .content-none-body > ul > li > ul, #single-post.content-none .content-none-body > ul > li > ol, #single-post.content-none .content-none-body > ul > ol > ul, #single-post.content-none .content-none-body > ul > ol > ol {
  margin-top: 0.5rem;
  padding: 0;
  list-style: none;
}
#single-post.content-none .content-none-body > ul > li > ul li, #single-post.content-none .content-none-body > ul > li > ol li, #single-post.content-none .content-none-body > ul > ol > ul li, #single-post.content-none .content-none-body > ul > ol > ol li {
  margin-top: 0.5rem;
}
#single-post.content-none .content-none-body > ul > li > ul li:before, #single-post.content-none .content-none-body > ul > li > ol li:before, #single-post.content-none .content-none-body > ul > ol > ul li:before, #single-post.content-none .content-none-body > ul > ol > ol li:before {
  content: "•";
  padding-right: 0.5rem;
  color: #FA0026;
}
#single-post #related-posts {
  padding-top: 60px;
}
#single-post #related-posts .title {
  position: relative;
  padding-left: 54px;
  height: 34px;
  color: #6A6A6A;
  font-size: 31px;
  font-weight: 700;
  letter-spacing: 6px;
}
#single-post #related-posts .title::before {
  content: "";
  position: absolute;
  top: calc(50% + 4px);
  left: 0;
  width: 46px;
  height: 46px;
  background: url(img/common/icon-search.svg) no-repeat;
  background-size: cover;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
}
#single-post #related-posts .btns {
  margin-top: 160px;
}
@media all and (max-width: 1020px) {
  #single-post #related-posts .btns {
    margin-top: 120px;
  }
}
@media all and (max-width: 840px) {
  #single-post #related-posts .btns {
    margin-top: 100px;
  }
}
@media all and (max-width: 480px) {
  #single-post #related-posts .btns {
    margin-top: 80px;
  }
}
#single-post #related-posts .btns .btn {
  max-width: 472px;
  height: 66px;
  font-size: 26px;
  font-weight: 700;
  border-radius: 5px;
  background: #3F3F3F;
  color: #fff;
}
@media all and (max-width: 640px) {
  #single-post #related-posts .btns .btn {
    height: 48px;
    font-size: 20px;
  }
}
#single-post .note {
  margin-top: 60px;
}
@media all and (max-width: 840px) {
  #single-post .note {
    margin-top: 40px;
  }
}

.note .title {
  font-size: 30px;
  font-weight: 700;
  text-align: center;
}
@media all and (max-width: 640px) {
  .note .title {
    font-size: 24px;
  }
}
.note .img-wrapper {
  margin-top: 24px;
  text-align: center;
}
.note .img-wrapper img {
  width: 96px;
  height: 96px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 50%;
}
.note .body {
  margin: 60px auto 0;
  max-width: 940px;
}
@media all and (max-width: 640px) {
  .note .body {
    margin-top: 32px;
  }
}
.note .body,
.note .body p {
  font-size: 20px;
  font-weight: 500;
  line-height: 2;
  letter-spacing: 2px;
}
@media all and (max-width: 640px) {
  .note .body,
  .note .body p {
    font-size: 16px;
  }
}

/* ------------------------------
記事一覧
------------------------------ */
#archive-post h1 {
  padding-bottom: 60px;
  font-size: 60px;
  font-weight: 700;
  line-height: 1.7;
  text-align: center;
}
@media all and (max-width: 1020px) {
  #archive-post h1 {
    padding-bottom: 40px;
    font-size: 50px;
  }
}
@media all and (max-width: 640px) {
  #archive-post h1 {
    padding-bottom: 20px;
    font-size: 40px;
  }
}

#archive-post .article,
#allposts .article {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
#archive-post .article:not(:first-of-type),
#allposts .article:not(:first-of-type) {
  margin-top: 40px;
}
@media all and (max-width: 1020px) {
  #archive-post .article:not(:first-of-type),
  #allposts .article:not(:first-of-type) {
    margin-top: 20px;
  }
}
#archive-post .article .post-thumbnail,
#allposts .article .post-thumbnail {
  margin-right: 40px;
  width: 35%;
}
@media all and (max-width: 640px) {
  #archive-post .article .post-thumbnail,
  #allposts .article .post-thumbnail {
    margin-right: 0;
    width: 100%;
  }
}
#archive-post .article .post-thumbnail .img-wrapper,
#allposts .article .post-thumbnail .img-wrapper {
  width: 100%;
  aspect-ratio: 4/3;
}
#archive-post .article .post-thumbnail .img-wrapper img,
#allposts .article .post-thumbnail .img-wrapper img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
#archive-post .article .article-main,
#allposts .article .article-main {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 0px;
          flex: 1 0 0;
  padding: 0;
}
@media all and (max-width: 640px) {
  #archive-post .article .article-main,
  #allposts .article .article-main {
    -webkit-box-flex: 1;
        -ms-flex: auto;
            flex: auto;
    width: 100%;
  }
}
#archive-post .article .post-header .post-title,
#allposts .article .post-header .post-title {
  font-size: 30px;
  font-weight: 700;
  max-height: 90px;
}
@media all and (max-width: 1660px) {
  #archive-post .article .post-header .post-title,
  #allposts .article .post-header .post-title {
    font-size: 24px;
    max-height: 70px;
  }
}
@media all and (max-width: 1200px) {
  #archive-post .article .post-header .post-title,
  #allposts .article .post-header .post-title {
    font-size: 20px;
    max-height: 60px;
  }
}
#archive-post .article .tag-btn-m,
#allposts .article .tag-btn-m {
  min-width: 156px;
  min-height: 45px;
  height: auto;
  font-size: 17px;
}
@media all and (max-width: 1660px) {
  #archive-post .article .tag-btn-m,
  #allposts .article .tag-btn-m {
    min-height: 36px;
    min-width: 130px;
    font-size: 14px;
  }
}
@media all and (max-width: 1020px) {
  #archive-post .article .tag-btn-m,
  #allposts .article .tag-btn-m {
    min-height: 32px;
  }
}
#archive-post .article .post-meta,
#allposts .article .post-meta {
  margin: 0;
}
#archive-post .article .text,
#allposts .article .text {
  margin-top: 24px;
  max-height: 90px;
  -webkit-line-clamp: 3;
}
@media all and (max-width: 1200px) {
  #archive-post .article .text,
  #allposts .article .text {
    -webkit-line-clamp: 2;
  }
}
@media all and (max-width: 1020px) {
  #archive-post .article .text,
  #allposts .article .text {
    margin-top: 18px;
  }
}
#archive-post .article .text,
#archive-post .article .text p,
#allposts .article .text,
#allposts .article .text p {
  font-size: 18px;
  line-height: 1.6;
}
@media all and (max-width: 1200px) {
  #archive-post .article .text,
  #archive-post .article .text p,
  #allposts .article .text,
  #allposts .article .text p {
    font-size: 16px;
  }
}
#archive-post .article .date,
#allposts .article .date {
  margin-top: 16px;
}
@media all and (max-width: 1020px) {
  #archive-post .article .date,
  #allposts .article .date {
    margin-top: 12px;
  }
}
#archive-post .article .date > span,
#allposts .article .date > span {
  display: inline-block;
  padding-top: 8px;
  color: #717171;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: 3px;
  border-top: 1px #717171 solid;
}
@media all and (max-width: 1020px) {
  #archive-post .article .date > span,
  #allposts .article .date > span {
    font-size: 13px;
  }
}

/* ------------------------------
インタビュー アーカイブ 
------------------------------ */
#archive-interview,
#archive-agent {
  padding-top: 240px;
}
@media all and (max-width: 1020px) {
  #archive-interview,
  #archive-agent {
    padding-top: 190px;
  }
}
@media all and (max-width: 840px) {
  #archive-interview,
  #archive-agent {
    padding-top: 140px;
  }
}
@media all and (max-width: 480px) {
  #archive-interview,
  #archive-agent {
    padding-top: 90px;
  }
}
#archive-interview h1,
#archive-agent h1 {
  font-size: 60px;
  font-weight: 700;
  line-height: 1.7;
  text-align: center;
}
@media all and (max-width: 1020px) {
  #archive-interview h1,
  #archive-agent h1 {
    font-size: 50px;
  }
}
@media all and (max-width: 640px) {
  #archive-interview h1,
  #archive-agent h1 {
    font-size: 40px;
  }
}
#archive-interview .description,
#archive-agent .description {
  margin: 130px auto 0;
  max-width: 984px;
  font-size: 20px;
  line-height: 2;
  letter-spacing: 2px;
}
@media all and (max-width: 1020px) {
  #archive-interview .description,
  #archive-agent .description {
    margin: 90px auto 0;
  }
}
@media all and (max-width: 840px) {
  #archive-interview .description,
  #archive-agent .description {
    margin: 60px auto 0;
  }
}
@media all and (max-width: 480px) {
  #archive-interview .description,
  #archive-agent .description {
    margin: 40px auto 0;
  }
}
#archive-interview .listing,
#archive-agent .listing {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 150px auto 0;
}
@media all and (max-width: 1020px) {
  #archive-interview .listing,
  #archive-agent .listing {
    margin: 110px auto 0;
  }
}
@media all and (max-width: 840px) {
  #archive-interview .listing,
  #archive-agent .listing {
    margin: 80px auto 0;
  }
}
@media all and (max-width: 480px) {
  #archive-interview .listing,
  #archive-agent .listing {
    margin: 60px auto 0;
  }
}
@media (hover: hover) {
  #archive-interview .listing a:hover,
  #archive-agent .listing a:hover {
    opacity: 0.6;
  }
}
#archive-interview .listing .interview-list,
#archive-interview .listing .agent-list,
#archive-agent .listing .interview-list,
#archive-agent .listing .agent-list {
  margin: 0 0 170px;
  width: calc((100% - 20px) / 2);
}
@media all and (max-width: 1020px) {
  #archive-interview .listing .interview-list,
  #archive-interview .listing .agent-list,
  #archive-agent .listing .interview-list,
  #archive-agent .listing .agent-list {
    margin: 0 auto 130px;
  }
}
@media all and (max-width: 840px) {
  #archive-interview .listing .interview-list,
  #archive-interview .listing .agent-list,
  #archive-agent .listing .interview-list,
  #archive-agent .listing .agent-list {
    margin: 0 auto 100px;
    width: 100%;
  }
}
@media all and (max-width: 480px) {
  #archive-interview .listing .interview-list,
  #archive-interview .listing .agent-list,
  #archive-agent .listing .interview-list,
  #archive-agent .listing .agent-list {
    margin: 0 auto 80px;
  }
}
#archive-interview .listing .interview-list .img-wrapper,
#archive-interview .listing .agent-list .img-wrapper,
#archive-agent .listing .interview-list .img-wrapper,
#archive-agent .listing .agent-list .img-wrapper {
  display: block;
  width: 100%;
  aspect-ratio: 59/30;
}
#archive-interview .listing .interview-list .img-wrapper img,
#archive-interview .listing .agent-list .img-wrapper img,
#archive-agent .listing .interview-list .img-wrapper img,
#archive-agent .listing .agent-list .img-wrapper img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
#archive-interview .listing .interview-list .text,
#archive-interview .listing .agent-list .text,
#archive-agent .listing .interview-list .text,
#archive-agent .listing .agent-list .text {
  padding: 26px 34px;
}
#archive-interview .listing .interview-list .text .interviewee,
#archive-interview .listing .agent-list .text .interviewee,
#archive-agent .listing .interview-list .text .interviewee,
#archive-agent .listing .agent-list .text .interviewee {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
#archive-interview .listing .interview-list .text .interviewee h2,
#archive-interview .listing .agent-list .text .interviewee h2,
#archive-agent .listing .interview-list .text .interviewee h2,
#archive-agent .listing .agent-list .text .interviewee h2 {
  display: inline-block;
  padding-right: 30px;
  font-size: 43px;
  font-weight: 700;
  letter-spacing: 4px;
}
@media all and (max-width: 1020px) {
  #archive-interview .listing .interview-list .text .interviewee h2,
  #archive-interview .listing .agent-list .text .interviewee h2,
  #archive-agent .listing .interview-list .text .interviewee h2,
  #archive-agent .listing .agent-list .text .interviewee h2 {
    font-size: 30px;
  }
}
@media all and (max-width: 640px) {
  #archive-interview .listing .interview-list .text .interviewee h2,
  #archive-interview .listing .agent-list .text .interviewee h2,
  #archive-agent .listing .interview-list .text .interviewee h2,
  #archive-agent .listing .agent-list .text .interviewee h2 {
    font-size: 24px;
  }
}
#archive-interview .listing .interview-list .text .interviewee .name-en,
#archive-interview .listing .agent-list .text .interviewee .name-en,
#archive-agent .listing .interview-list .text .interviewee .name-en,
#archive-agent .listing .agent-list .text .interviewee .name-en {
  display: inline-block;
  font-size: 19px;
  font-weight: 500;
  letter-spacing: 2px;
}
#archive-interview .listing .interview-list .text .body,
#archive-interview .listing .agent-list .text .body,
#archive-agent .listing .interview-list .text .body,
#archive-agent .listing .agent-list .text .body {
  margin: 18px auto 0;
  padding-top: 18px;
  font-size: 17px;
  line-height: 2;
  letter-spacing: 2px;
  border-top: 1px #000000 solid;
}
#archive-interview .listing .interview-list .text .btns,
#archive-interview .listing .agent-list .text .btns,
#archive-agent .listing .interview-list .text .btns,
#archive-agent .listing .agent-list .text .btns {
  margin-top: 1rem;
  width: 100%;
}
#archive-interview .listing .interview-list .text .btns .btn,
#archive-interview .listing .agent-list .text .btns .btn,
#archive-agent .listing .interview-list .text .btns .btn,
#archive-agent .listing .agent-list .text .btns .btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
  height: 38px;
  font-size: 18px;
  font-weight: 500;
}
@media (hover: hover) {
  #archive-interview .listing .interview-list .text .btns .btn:hover,
  #archive-interview .listing .agent-list .text .btns .btn:hover,
  #archive-agent .listing .interview-list .text .btns .btn:hover,
  #archive-agent .listing .agent-list .text .btns .btn:hover {
    -webkit-transform: none;
            transform: none;
  }
}

/* ------------------------------
インタビュー シングル
------------------------------ */
#single-interview,
#single-interview h1,
#single-interview .agents,
#single-interview .interview,
#single-interview .note,
#single-company-interviews,
#single-company-interviews h1,
#single-company-interviews .agents,
#single-company-interviews .interview,
#single-company-interviews .note,
#single-employee-interviews,
#single-employee-interviews h1,
#single-employee-interviews .agents,
#single-employee-interviews .interview,
#single-employee-interviews .note {
  padding-top: 180px;
}
@media all and (max-width: 1020px) {
  #single-interview,
  #single-interview h1,
  #single-interview .agents,
  #single-interview .interview,
  #single-interview .note,
  #single-company-interviews,
  #single-company-interviews h1,
  #single-company-interviews .agents,
  #single-company-interviews .interview,
  #single-company-interviews .note,
  #single-employee-interviews,
  #single-employee-interviews h1,
  #single-employee-interviews .agents,
  #single-employee-interviews .interview,
  #single-employee-interviews .note {
    padding-top: 140px;
  }
}
@media all and (max-width: 840px) {
  #single-interview,
  #single-interview h1,
  #single-interview .agents,
  #single-interview .interview,
  #single-interview .note,
  #single-company-interviews,
  #single-company-interviews h1,
  #single-company-interviews .agents,
  #single-company-interviews .interview,
  #single-company-interviews .note,
  #single-employee-interviews,
  #single-employee-interviews h1,
  #single-employee-interviews .agents,
  #single-employee-interviews .interview,
  #single-employee-interviews .note {
    padding-top: 100px;
  }
}
@media all and (max-width: 480px) {
  #single-interview,
  #single-interview h1,
  #single-interview .agents,
  #single-interview .interview,
  #single-interview .note,
  #single-company-interviews,
  #single-company-interviews h1,
  #single-company-interviews .agents,
  #single-company-interviews .interview,
  #single-company-interviews .note,
  #single-employee-interviews,
  #single-employee-interviews h1,
  #single-employee-interviews .agents,
  #single-employee-interviews .interview,
  #single-employee-interviews .note {
    padding-top: 60px;
  }
}

#single-interview #content,
#single-company-interviews #content,
#single-employee-interviews #content {
  padding-bottom: 180px;
}
@media all and (max-width: 1020px) {
  #single-interview #content,
  #single-company-interviews #content,
  #single-employee-interviews #content {
    padding-bottom: 150px;
  }
}
@media all and (max-width: 840px) {
  #single-interview #content,
  #single-company-interviews #content,
  #single-employee-interviews #content {
    padding-bottom: 100px;
  }
}
@media all and (max-width: 480px) {
  #single-interview #content,
  #single-company-interviews #content,
  #single-employee-interviews #content {
    padding-bottom: 50px;
  }
}
#single-interview .interview-max-width,
#single-company-interviews .interview-max-width,
#single-employee-interviews .interview-max-width {
  padding-right: 60px;
  padding-left: 60px;
}
@media all and (max-width: 1020px) {
  #single-interview .interview-max-width,
  #single-company-interviews .interview-max-width,
  #single-employee-interviews .interview-max-width {
    padding-right: 30px;
  }
}
#single-interview .page-title,
#single-interview h1,
#single-company-interviews .page-title,
#single-company-interviews h1,
#single-employee-interviews .page-title,
#single-employee-interviews h1 {
  font-size: 48px;
  font-weight: 700;
}
@media all and (max-width: 1020px) {
  #single-interview .page-title,
  #single-interview h1,
  #single-company-interviews .page-title,
  #single-company-interviews h1,
  #single-employee-interviews .page-title,
  #single-employee-interviews h1 {
    font-size: 40px;
  }
}
@media all and (max-width: 640px) {
  #single-interview .page-title,
  #single-interview h1,
  #single-company-interviews .page-title,
  #single-company-interviews h1,
  #single-employee-interviews .page-title,
  #single-employee-interviews h1 {
    font-size: 32px;
  }
}
@media all and (max-width: 480px) {
  #single-interview .page-title,
  #single-interview h1,
  #single-company-interviews .page-title,
  #single-company-interviews h1,
  #single-employee-interviews .page-title,
  #single-employee-interviews h1 {
    font-size: 26px;
  }
}
#single-interview .page-title,
#single-company-interviews .page-title,
#single-employee-interviews .page-title {
  line-height: 1.4;
  text-align: center;
}
#single-interview .page-title .en,
#single-company-interviews .page-title .en,
#single-employee-interviews .page-title .en {
  letter-spacing: 2px;
}
#single-interview h1,
#single-company-interviews h1,
#single-employee-interviews h1 {
  line-height: 1.7;
  text-align: left;
}
#single-interview .position,
#single-company-interviews .position,
#single-employee-interviews .position {
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: 1px;
}
@media all and (max-width: 480px) {
  #single-interview .position,
  #single-company-interviews .position,
  #single-employee-interviews .position {
    font-size: 14px;
  }
}
#single-interview .position span:not(:last-child),
#single-company-interviews .position span:not(:last-child),
#single-employee-interviews .position span:not(:last-child) {
  padding-right: 10px;
}
#single-interview .agent,
#single-company-interviews .agent,
#single-employee-interviews .agent {
  margin-top: 20px;
  width: 100%;
  letter-spacing: 1px;
  text-align: right;
}
#single-interview .agent .name,
#single-company-interviews .agent .name,
#single-employee-interviews .agent .name {
  margin-top: 24px;
  font-size: 24px;
  font-weight: 700;
}
@media all and (max-width: 640px) {
  #single-interview .agent .name,
  #single-company-interviews .agent .name,
  #single-employee-interviews .agent .name {
    margin-top: 16px;
    font-size: 20px;
  }
}
#single-interview #profile .agents,
#single-company-interviews #profile .agents,
#single-employee-interviews #profile .agents {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
}
#single-interview #profile .agents > li,
#single-company-interviews #profile .agents > li,
#single-employee-interviews #profile .agents > li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 70px;
  width: 100%;
}
#single-interview #profile .agents > li .img-wrapper,
#single-company-interviews #profile .agents > li .img-wrapper,
#single-employee-interviews #profile .agents > li .img-wrapper {
  width: 170px;
  height: 170px;
  aspect-ratio: 1/1;
}
@media all and (max-width: 640px) {
  #single-interview #profile .agents > li .img-wrapper,
  #single-company-interviews #profile .agents > li .img-wrapper,
  #single-employee-interviews #profile .agents > li .img-wrapper {
    width: 120px;
    height: 120px;
  }
}
@media all and (max-width: 480px) {
  #single-interview #profile .agents > li .img-wrapper,
  #single-company-interviews #profile .agents > li .img-wrapper,
  #single-employee-interviews #profile .agents > li .img-wrapper {
    width: 96px;
    height: 96px;
  }
}
#single-interview #profile .agents > li .img-wrapper img,
#single-company-interviews #profile .agents > li .img-wrapper img,
#single-employee-interviews #profile .agents > li .img-wrapper img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 50%;
}
#single-interview #profile .agents > li .text,
#single-company-interviews #profile .agents > li .text,
#single-employee-interviews #profile .agents > li .text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: calc(100% - 206px);
}
@media all and (max-width: 640px) {
  #single-interview #profile .agents > li .text,
  #single-company-interviews #profile .agents > li .text,
  #single-employee-interviews #profile .agents > li .text {
    width: calc(100% - 156px);
  }
}
@media all and (max-width: 480px) {
  #single-interview #profile .agents > li .text,
  #single-company-interviews #profile .agents > li .text,
  #single-employee-interviews #profile .agents > li .text {
    width: calc(100% - 120px);
  }
}
#single-interview #profile .agents > li .title,
#single-company-interviews #profile .agents > li .title,
#single-employee-interviews #profile .agents > li .title {
  padding: 6px 10px;
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: 1px;
  border-radius: 5px;
}
@media all and (max-width: 640px) {
  #single-interview #profile .agents > li .title,
  #single-company-interviews #profile .agents > li .title,
  #single-employee-interviews #profile .agents > li .title {
    font-size: 16px;
  }
}
#single-interview #profile .agents > li .name,
#single-company-interviews #profile .agents > li .name,
#single-employee-interviews #profile .agents > li .name {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 8px;
  font-size: 20px;
  font-weight: 700;
}
@media all and (max-width: 640px) {
  #single-interview #profile .agents > li .name,
  #single-company-interviews #profile .agents > li .name,
  #single-employee-interviews #profile .agents > li .name {
    font-size: 1rem;
  }
}
#single-interview #profile .agents > li .name .ja,
#single-company-interviews #profile .agents > li .name .ja,
#single-employee-interviews #profile .agents > li .name .ja {
  padding-right: 24px;
}
@media all and (max-width: 480px) {
  #single-interview #profile .agents > li .name .ja,
  #single-company-interviews #profile .agents > li .name .ja,
  #single-employee-interviews #profile .agents > li .name .ja {
    display: block;
  }
}
#single-interview #profile .agents > li .name .en,
#single-company-interviews #profile .agents > li .name .en,
#single-employee-interviews #profile .agents > li .name .en {
  position: relative;
  top: 1px;
  display: inline-block;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 1px;
}
@media all and (max-width: 480px) {
  #single-interview #profile .agents > li .name .en,
  #single-company-interviews #profile .agents > li .name .en,
  #single-employee-interviews #profile .agents > li .name .en {
    display: block;
    margin-top: 4px;
  }
}
#single-interview #profile .agents > li .position,
#single-company-interviews #profile .agents > li .position,
#single-employee-interviews #profile .agents > li .position {
  margin-top: 8px;
}
#single-interview #profile .agents > li.interviewer .title,
#single-company-interviews #profile .agents > li.interviewer .title,
#single-employee-interviews #profile .agents > li.interviewer .title {
  background: #E8F2F1;
}
#single-interview #profile .agents > li.interviewee .title,
#single-company-interviews #profile .agents > li.interviewee .title,
#single-employee-interviews #profile .agents > li.interviewee .title {
  background: #FFE38E;
}
#single-interview #profile .interviewee-profile .title,
#single-company-interviews #profile .interviewee-profile .title,
#single-employee-interviews #profile .interviewee-profile .title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  width: 200px;
  height: 38px;
  color: #fff;
  font-size: 1rem;
  font-weight: 700;
  background: #000000;
}
@media all and (max-width: 640px) {
  #single-interview #profile .interviewee-profile .title,
  #single-company-interviews #profile .interviewee-profile .title,
  #single-employee-interviews #profile .interviewee-profile .title {
    width: 140px;
    height: 32px;
  }
}
#single-interview #profile .interviewee-profile .body,
#single-company-interviews #profile .interviewee-profile .body,
#single-employee-interviews #profile .interviewee-profile .body {
  margin-top: 8px;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.7;
}
#single-interview #table-of-contents,
#single-company-interviews #table-of-contents,
#single-employee-interviews #table-of-contents {
  padding-top: 190px;
}
@media all and (max-width: 1020px) {
  #single-interview #table-of-contents,
  #single-company-interviews #table-of-contents,
  #single-employee-interviews #table-of-contents {
    padding-top: 140px;
  }
}
@media all and (max-width: 840px) {
  #single-interview #table-of-contents,
  #single-company-interviews #table-of-contents,
  #single-employee-interviews #table-of-contents {
    padding-top: 90px;
  }
}
@media all and (max-width: 480px) {
  #single-interview #table-of-contents,
  #single-company-interviews #table-of-contents,
  #single-employee-interviews #table-of-contents {
    padding-top: 60px;
  }
}
@media (hover: hover) {
  #single-interview #table-of-contents a:hover,
  #single-company-interviews #table-of-contents a:hover,
  #single-employee-interviews #table-of-contents a:hover {
    opacity: 0.6;
  }
}
#single-interview #table-of-contents .title,
#single-company-interviews #table-of-contents .title,
#single-employee-interviews #table-of-contents .title {
  font-size: 24px;
  font-weight: 700;
  text-decoration: underline;
  text-underline-offset: 12px;
  text-decoration-thickness: 1px;
}
@media all and (max-width: 640px) {
  #single-interview #table-of-contents .title,
  #single-company-interviews #table-of-contents .title,
  #single-employee-interviews #table-of-contents .title {
    font-size: 20px;
  }
}
#single-interview #table-of-contents ul,
#single-company-interviews #table-of-contents ul,
#single-employee-interviews #table-of-contents ul {
  padding-left: 30px;
}
@media all and (max-width: 640px) {
  #single-interview #table-of-contents ul,
  #single-company-interviews #table-of-contents ul,
  #single-employee-interviews #table-of-contents ul {
    padding-left: 0;
  }
}
#single-interview #table-of-contents ul > li,
#single-company-interviews #table-of-contents ul > li,
#single-employee-interviews #table-of-contents ul > li {
  position: relative;
  margin-top: 30px;
  padding-left: 56px;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.4;
}
@media all and (max-width: 640px) {
  #single-interview #table-of-contents ul > li,
  #single-company-interviews #table-of-contents ul > li,
  #single-employee-interviews #table-of-contents ul > li {
    padding-left: 36px;
    font-size: 1rem;
  }
}
#single-interview #table-of-contents ul > li:first-of-type,
#single-company-interviews #table-of-contents ul > li:first-of-type,
#single-employee-interviews #table-of-contents ul > li:first-of-type {
  margin-top: 40px;
}
#single-interview #table-of-contents ul > li::before,
#single-company-interviews #table-of-contents ul > li::before,
#single-employee-interviews #table-of-contents ul > li::before {
  content: "ー　";
  position: absolute;
  top: 0;
  left: 0;
}
#single-interview .interview h2,
#single-company-interviews .interview h2,
#single-employee-interviews .interview h2 {
  width: 100%;
  font-size: 28px;
  font-weight: 700;
  line-height: 2;
  text-decoration: underline;
  text-underline-offset: 12px;
  text-decoration-thickness: 2px;
  text-align: center;
}
@media all and (max-width: 640px) {
  #single-interview .interview h2,
  #single-company-interviews .interview h2,
  #single-employee-interviews .interview h2 {
    font-size: 22px;
  }
}
#single-interview .interview .interview-max-width + h2,
#single-company-interviews .interview .interview-max-width + h2,
#single-employee-interviews .interview .interview-max-width + h2 {
  margin-top: 120px;
}
@media all and (max-width: 1020px) {
  #single-interview .interview .interview-max-width + h2,
  #single-company-interviews .interview .interview-max-width + h2,
  #single-employee-interviews .interview .interview-max-width + h2 {
    margin-top: 100px;
  }
}
@media all and (max-width: 640px) {
  #single-interview .interview .interview-max-width + h2,
  #single-company-interviews .interview .interview-max-width + h2,
  #single-employee-interviews .interview .interview-max-width + h2 {
    margin-top: 80px;
  }
}
#single-interview .interview .comment,
#single-company-interviews .interview .comment,
#single-employee-interviews .interview .comment {
  position: relative;
  margin-top: 80px;
}
@media all and (max-width: 640px) {
  #single-interview .interview .comment,
  #single-company-interviews .interview .comment,
  #single-employee-interviews .interview .comment {
    margin-top: 48px;
  }
}
#single-interview .interview .comment > li.comment-portrait,
#single-company-interviews .interview .comment > li.comment-portrait,
#single-employee-interviews .interview .comment > li.comment-portrait {
  position: absolute;
  top: 32px;
  left: -48px;
  width: 96px;
  height: 96px;
  z-index: 2;
}
#single-interview .interview .comment > li.comment-portrait img,
#single-company-interviews .interview .comment > li.comment-portrait img,
#single-employee-interviews .interview .comment > li.comment-portrait img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
}
#single-interview .interview .comment > li.comment-body, #single-interview .interview .comment > li.comment-body p,
#single-company-interviews .interview .comment > li.comment-body,
#single-company-interviews .interview .comment > li.comment-body p,
#single-employee-interviews .interview .comment > li.comment-body,
#single-employee-interviews .interview .comment > li.comment-body p {
  font-size: 20px;
  font-weight: 500;
  line-height: 1.7;
  letter-spacing: 1px;
}
@media all and (max-width: 640px) {
  #single-interview .interview .comment > li.comment-body, #single-interview .interview .comment > li.comment-body p,
  #single-company-interviews .interview .comment > li.comment-body,
  #single-company-interviews .interview .comment > li.comment-body p,
  #single-employee-interviews .interview .comment > li.comment-body,
  #single-employee-interviews .interview .comment > li.comment-body p {
    font-size: 16px;
  }
}
#single-interview .interview .comment > li.comment-body,
#single-company-interviews .interview .comment > li.comment-body,
#single-employee-interviews .interview .comment > li.comment-body {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 36px 36px 36px 96px;
  width: 100%;
  min-height: 150px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 20px;
  text-align: left;
}
@media all and (max-width: 640px) {
  #single-interview .interview .comment > li.comment-body,
  #single-company-interviews .interview .comment > li.comment-body,
  #single-employee-interviews .interview .comment > li.comment-body {
    padding: 16px 16px 16px 64px;
    border-radius: 16px;
  }
}
#single-interview .interview .comment.comment_employee_1 .comment-body,
#single-company-interviews .interview .comment.comment_employee_1 .comment-body,
#single-employee-interviews .interview .comment.comment_employee_1 .comment-body {
  background: #E8F2F1;
}
#single-interview .interview .comment.comment_employee_2 .comment-body,
#single-company-interviews .interview .comment.comment_employee_2 .comment-body,
#single-employee-interviews .interview .comment.comment_employee_2 .comment-body {
  background: #FFE38E;
}

/* ------------------------------
pagination START 
------------------------------ */
.pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 130px 0 0 0;
  padding: 0;
  text-align: center;
}
@media all and (max-width: 1020px) {
  .pagination {
    margin: 100px 0 0;
  }
}
@media all and (max-width: 840px) {
  .pagination {
    margin: 70px 0 0;
  }
}
@media all and (max-width: 480px) {
  .pagination {
    margin: 40px 0 0;
  }
}

.post-content .pagination {
  margin: 0;
}

.pagination a,
.pagination > span,
.page-item > span {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  margin: 10px 6px;
  padding: 0;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background-color: #F0F0F0;
  font-size: 1rem;
  text-decoration: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media all and (max-width: 840px) {
  .pagination a,
  .pagination > span,
  .page-item > span {
    width: 36px;
    height: 36px;
    font-size: 14px;
  }
}
.pagination a .icon-arrow-l,
.pagination a .icon-arrow-r,
.pagination a .icon-double-arrow-l,
.pagination a .icon-double-arrow-r,
.pagination > span .icon-arrow-l,
.pagination > span .icon-arrow-r,
.pagination > span .icon-double-arrow-l,
.pagination > span .icon-double-arrow-r,
.page-item > span .icon-arrow-l,
.page-item > span .icon-arrow-r,
.page-item > span .icon-double-arrow-l,
.page-item > span .icon-double-arrow-r {
  overflow: hidden;
  position: relative;
  top: 1px;
  vertical-align: middle;
  fill: #292929;
}
.pagination a .icon-arrow-l,
.pagination a .icon-arrow-r,
.pagination > span .icon-arrow-l,
.pagination > span .icon-arrow-r,
.page-item > span .icon-arrow-l,
.page-item > span .icon-arrow-r {
  width: 12px;
  height: 12px;
}
.pagination a .icon-arrow-l,
.pagination > span .icon-arrow-l,
.page-item > span .icon-arrow-l {
  left: 2px;
}
.pagination a .icon-arrow-r,
.pagination > span .icon-arrow-r,
.page-item > span .icon-arrow-r {
  left: 4px;
}
.pagination a .icon-double-arrow-l,
.pagination a .icon-double-arrow-r,
.pagination > span .icon-double-arrow-l,
.pagination > span .icon-double-arrow-r,
.page-item > span .icon-double-arrow-l,
.page-item > span .icon-double-arrow-r {
  width: 10px;
  height: 10px;
}
.pagination a .icon-double-arrow-r,
.pagination > span .icon-double-arrow-r,
.page-item > span .icon-double-arrow-r {
  left: 1px;
}

@media (hover: hover) {
  .pagination a:hover {
    color: #fff;
    background: #292929;
  }
  .pagination a:hover .icon-arrow-l,
  .pagination a:hover .icon-arrow-r,
  .pagination a:hover .icon-double-arrow-l,
  .pagination a:hover .icon-double-arrow-r {
    fill: #fff;
  }
}

.pagination .current {
  color: #fff;
  background: #292929;
}

#archive-agent .pagination {
  margin: 0 0 130px;
}
@media all and (max-width: 1020px) {
  #archive-agent .pagination {
    margin: 0 0 100px;
  }
}
@media all and (max-width: 840px) {
  #archive-agent .pagination {
    margin: 0 0 70px;
  }
}
@media all and (max-width: 480px) {
  #archive-agent .pagination {
    margin: 0 0 40px;
  }
}

/* ----------------------------------------
* フッター
---------------------------------------- */
#footer {
  position: relative;
  padding: 30px 0 120px;
  text-align: center;
  background: #1E1E1E;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media all and (max-width: 840px) {
  #footer {
    padding-bottom: 50px;
  }
}
#footer > ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media all and (max-width: 840px) {
  #footer > ul {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}
#footer > ul > li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
#footer > ul > li .corporate > a,
#footer > ul > li .site-title > a {
  display: inline-block;
}
#footer > ul > li:first-child {
  padding: 0 32px;
  width: 310px;
}
@media all and (max-width: 840px) {
  #footer > ul > li:first-child {
    margin-top: 40px;
    padding: 0;
    width: 100%;
  }
}
#footer > ul > li:first-child .corporate img {
  max-width: 152px;
}
@media all and (max-width: 840px) {
  #footer > ul > li:first-child .corporate img {
    max-width: 130px;
  }
}
#footer > ul > li:first-child .pmark {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 0px;
          flex: 1 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 20px 0;
}
@media all and (max-width: 840px) {
  #footer > ul > li:first-child .pmark {
    padding: 30px 0;
  }
}
#footer > ul > li:first-child .pmark img {
  max-width: 76px;
}
@media all and (max-width: 840px) {
  #footer > ul > li:first-child .pmark img {
    max-width: 56px;
  }
}
#footer > ul > li:not(:first-child) {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 0px;
          flex: 1 0 0;
}
@media all and (max-width: 840px) {
  #footer > ul > li:not(:first-child) {
    -webkit-box-flex: 1;
        -ms-flex: auto;
            flex: auto;
    width: 100%;
  }
}
#footer > ul > li:not(:first-child) .site-title img {
  max-width: 152px;
}
#footer > ul > li:not(:first-child) .footer-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 30px;
}
#footer > ul > li:not(:first-child) .footer-nav > li {
  display: inline-block;
  margin-bottom: 0.5rem;
}
#footer > ul > li:not(:first-child) .footer-nav > li:not(:last-child) {
  margin-right: 2rem;
}
#footer > ul > li:not(:first-child) .footer-nav > li a {
  display: inline-block;
  color: #fff;
  font-size: 15px;
  font-weight: 700;
}
@media all and (max-width: 840px) {
  #footer > ul > li:not(:first-child) .footer-nav > li a {
    padding: 0.5rem 0;
  }
}
@media (hover: hover) {
  #footer > ul > li:not(:first-child) .footer-nav > li a:hover {
    opacity: 0.6;
  }
}
#footer > ul > li:not(:first-child) .tags {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 30px;
}
@media all and (max-width: 840px) {
  #footer > ul > li:not(:first-child) .tags {
    margin-top: 20px;
  }
}
#footer > ul > li:not(:first-child) .tags .tag-btn {
  margin: 0 16px 16px 0;
}
#footer .copyright {
  margin: 0 auto;
  padding: 60px 0 24px;
  color: #fff;
  font-size: 0.8125rem;
}
@media all and (max-width: 840px) {
  #footer .copyright {
    padding: 45px 0 24px;
  }
}

/* ----------------------------------------
* table scroll
---------------------------------------- */
table {
  width: 100%;
}

table td,
table th {
  word-break: break-all;
  text-align: left;
}

.table-wrap {
  overflow-x: scroll;
  white-space: nowrap;
  margin-bottom: 48px;
}

.table-grad {
  position: relative;
  white-space: nowrap;
}

.table-grad:after {
  background-image: -webkit-gradient(linear, left top, right top, color-stop(80%, rgba(255, 255, 255, 0)), to(white));
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 80%, white 100%);
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

/*--------------------------------------
採用情報
---------------------------------------*/
.status {
  display: none;
  margin-bottom: 1.5rem;
  font-weight: 700;
}

#selected-terms {
  display: none;
  margin-bottom: 1rem;
  font-size: 13px;
}
#selected-terms .title {
  font-size: 1rem;
}
#selected-terms .term {
  display: inline-block;
  margin: 12px 8px 8px 0;
  padding: 8px 10px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 4px;
  white-space: nowrap;
}

.badge {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 14px 14px 0;
  padding: 3px 10px;
  min-width: 90px;
  min-height: 30px;
  color: #fff;
  background: #3F3F3F;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.3;
  text-align: center;
  white-space: nowrap;
  border-radius: 5px;
  z-index: 1;
}

.recruit-box {
  overflow: hidden;
  position: relative;
  margin-bottom: 60px;
  padding: 20px 20px 10px;
  width: calc((100% - 2rem) / 3);
  background-color: #fff;
  border-radius: 20px;
}
@media all and (max-width: 1020px) {
  .recruit-box {
    margin-bottom: 40px;
  }
}
@media (hover: hover) {
  .recruit-box a:hover {
    opacity: 0.6;
  }
}
.recruit-box .company_name {
  font-size: 15px;
  font-weight: 700;
}
.recruit-box h4 {
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  max-height: 120px;
  margin-top: 16px;
  font-size: 25px;
  font-weight: 700;
  line-height: 1.4;
}
.recruit-box .salary,
.recruit-box .location {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.recruit-box .salary dt,
.recruit-box .salary dd,
.recruit-box .location dt,
.recruit-box .location dd {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.recruit-box .salary dt,
.recruit-box .location dt {
  position: relative;
  padding-left: 28px;
  width: 110px;
  font-size: 23px;
  font-weight: 700;
}
@media all and (max-width: 340px) {
  .recruit-box .salary dt,
  .recruit-box .location dt {
    padding-left: 18px;
    width: 84px;
    font-size: 18px;
  }
}
.recruit-box .salary dt::before,
.recruit-box .location dt::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 24px;
  height: 35px;
}
@media all and (max-width: 340px) {
  .recruit-box .salary dt::before,
  .recruit-box .location dt::before {
    top: 3px;
    width: 18px;
    height: 21px;
  }
}
.recruit-box .salary dd,
.recruit-box .location dd {
  font-size: 19px;
  font-weight: 700;
}
@media all and (max-width: 340px) {
  .recruit-box .salary dd,
  .recruit-box .location dd {
    font-size: 16px;
  }
}
.recruit-box .salary {
  margin-top: 30px;
}
@media all and (max-width: 340px) {
  .recruit-box .salary {
    margin-top: 20px;
  }
}
.recruit-box .salary dt {
  color: #1789D0;
}
.recruit-box .salary dt::before {
  background: url("img/common/icon-yen.svg") no-repeat;
  background-size: 24px auto;
}
@media all and (max-width: 340px) {
  .recruit-box .salary dt::before {
    background-size: 15px auto;
  }
}
.recruit-box .location {
  margin-top: 14px;
}
.recruit-box .location dt {
  color: #A90101;
}
.recruit-box .location dt::before {
  top: -3px;
  background: url("img/common/icon-location.svg") no-repeat;
  background-size: 22px auto;
}
@media all and (max-width: 340px) {
  .recruit-box .location dt::before {
    top: 1px;
    background-size: 14px auto;
  }
}
.recruit-box .text {
  margin-top: 20px;
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  max-height: 90px;
  font-size: 14px;
  line-height: 1.5;
}
.recruit-box .categories {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 24px;
}
.recruit-box.new {
  border-radius: 0 20px 20px 20px;
}
.recruit-box.new .company_name {
  padding-left: 15px;
}

.recruit-box.new,
.interview-list.new .img-wrapper,
.agent-list.new .img-wrapper,
.article.new .post-thumbnail {
  overflow: hidden;
  position: relative;
}
.recruit-box.new::before,
.interview-list.new .img-wrapper::before,
.agent-list.new .img-wrapper::before,
.article.new .post-thumbnail::before {
  content: "NEW";
  position: absolute;
  top: -8px;
  left: -24px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  padding-bottom: 2px;
  width: 68px;
  height: 34px;
  background: #F2D86F;
  font-size: 12px;
  font-weight: 700;
  text-align: center;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  z-index: 10;
}

#single-recruit #content > .inner .main {
  max-width: 1300px;
  width: 100%;
}

#single-post #content > .inner .main,
#archive-post #content > .inner .main,
#allposts #content > .inner .main,
#archive-recruit #content > .inner .main {
  width: calc(100% - 460px);
}
@media all and (max-width: 1660px) {
  #single-post #content > .inner .main,
  #archive-post #content > .inner .main,
  #allposts #content > .inner .main,
  #archive-recruit #content > .inner .main {
    width: calc(100% - 300px);
  }
}
@media all and (max-width: 840px) {
  #single-post #content > .inner .main,
  #archive-post #content > .inner .main,
  #allposts #content > .inner .main,
  #archive-recruit #content > .inner .main {
    width: 100%;
  }
}

#single-post #content > .inner,
#archive-post #content > .inner,
#allposts #content > .inner,
#single-recruit #content > .inner,
#archive-recruit #content > .inner {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 auto;
  padding: 0 30px;
  max-width: 1660px;
  width: 100%;
}
@media all and (max-width: 840px) {
  #single-post #content > .inner,
  #archive-post #content > .inner,
  #allposts #content > .inner,
  #single-recruit #content > .inner,
  #archive-recruit #content > .inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}
@media all and (max-width: 640px) {
  #single-post #content > .inner,
  #archive-post #content > .inner,
  #allposts #content > .inner,
  #single-recruit #content > .inner,
  #archive-recruit #content > .inner {
    padding: 0 18px;
  }
}

#single-recruit,
#archive-recruit {
  background: #f1f1f1;
}
#single-recruit #content,
#archive-recruit #content {
  padding: 90px 0 120px;
}
@media all and (max-width: 840px) {
  #single-recruit #content,
  #archive-recruit #content {
    padding: 60px 0 100px;
  }
}
@media all and (max-width: 480px) {
  #single-recruit #content,
  #archive-recruit #content {
    padding: 30px 0 80px;
  }
}
#single-recruit .category > li,
#archive-recruit .category > li {
  display: inline-block;
}
#single-recruit .category > li .badge,
#archive-recruit .category > li .badge {
  margin: 16px 14px 0 0;
  padding: 4px 12px;
  min-width: 156px;
  min-height: 45px;
  font-size: 1rem;
}
@media all and (max-width: 1020px) {
  #single-recruit .category > li .badge,
  #archive-recruit .category > li .badge {
    min-width: 100px;
    min-height: 30px;
    font-size: 14px;
  }
}

.recruit-list {
  overflow: hidden;
  position: relative;
  margin-bottom: 60px;
  padding: 14px 34px 30px;
  background-color: #fff;
  border-radius: 5px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
@media all and (max-width: 480px) {
  .recruit-list {
    padding: 6px 24px 26px;
  }
}
.recruit-list .sub {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
}
@media all and (max-width: 1020px) {
  .recruit-list .sub {
    display: block;
  }
}
.recruit-list .sub .company_name {
  margin-top: 16px;
  padding-top: 8px;
  font-size: 24px;
  font-weight: 700;
  white-space: nowrap;
}
@media all and (max-width: 1020px) {
  .recruit-list .sub .company_name {
    font-size: 20px;
  }
}
.recruit-list h2.title {
  margin-top: 40px;
  font-size: 32px;
  font-weight: 500;
  line-height: 1.5;
}
@media all and (max-width: 1020px) {
  .recruit-list h2.title {
    margin-top: 32px;
    font-size: 24px;
  }
}
.recruit-list .salary-location {
  margin-top: 42px;
}
@media all and (max-width: 340px) {
  .recruit-list .salary-location {
    margin-top: 32px;
  }
}
.recruit-list .salary-location .salary,
.recruit-list .salary-location .location {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.recruit-list .salary-location .salary dt,
.recruit-list .salary-location .salary dd,
.recruit-list .salary-location .location dt,
.recruit-list .salary-location .location dd {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.recruit-list .salary-location .salary dt,
.recruit-list .salary-location .location dt {
  position: relative;
  padding-left: 28px;
  width: 110px;
  font-size: 23px;
  font-weight: 700;
}
@media all and (max-width: 340px) {
  .recruit-list .salary-location .salary dt,
  .recruit-list .salary-location .location dt {
    padding-left: 18px;
    width: 84px;
    font-size: 18px;
  }
}
.recruit-list .salary-location .salary dt::before,
.recruit-list .salary-location .location dt::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 24px;
  height: 35px;
}
@media all and (max-width: 340px) {
  .recruit-list .salary-location .salary dt::before,
  .recruit-list .salary-location .location dt::before {
    top: 3px;
    width: 18px;
    height: 21px;
  }
}
.recruit-list .salary-location .salary dd,
.recruit-list .salary-location .location dd {
  font-size: 19px;
  font-weight: 700;
}
@media all and (max-width: 340px) {
  .recruit-list .salary-location .salary dd,
  .recruit-list .salary-location .location dd {
    font-size: 16px;
  }
}
.recruit-list .salary-location .salary dt {
  color: #1789D0;
}
.recruit-list .salary-location .salary dt::before {
  background: url("img/common/icon-yen.svg") no-repeat;
  background-size: 24px auto;
}
@media all and (max-width: 340px) {
  .recruit-list .salary-location .salary dt::before {
    background-size: 15px auto;
  }
}
.recruit-list .salary-location .salary + .location {
  margin-left: 48px;
}
.recruit-list .salary-location .location dt {
  color: #A90101;
}
.recruit-list .salary-location .location dt::before {
  top: -3px;
  background: url("img/common/icon-location.svg") no-repeat;
  background-size: 22px auto;
}
@media all and (max-width: 340px) {
  .recruit-list .salary-location .location dt::before {
    top: 1px;
    background-size: 14px auto;
  }
}
.recruit-list .description {
  margin-top: 20px;
  font-size: 24px;
  line-height: 1.6;
}
@media all and (max-width: 1020px) {
  .recruit-list .description {
    margin-top: 16px;
    font-size: 18px;
  }
}
.recruit-list .recruitlist-btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  margin: 20px 0 0;
  padding: 0;
  width: 100%;
}
@media all and (max-width: 480px) {
  .recruit-list .recruitlist-btns {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.recruit-list .btn {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  margin: 0;
  padding: 10px 12px;
  max-width: 264px;
  width: 100%;
  height: 62px;
  color: #fff;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: 1px;
  text-align: center;
  background: #CEAA1C;
  border-radius: 5px;
}
@media all and (max-width: 640px) {
  .recruit-list .btn {
    height: 48px;
  }
}
@media (hover: hover) {
  .recruit-list .btn:hover {
    opacity: 0.6;
  }
}
.recruit-list.new {
  border-radius: 0 5px 5px;
}
.recruit-list.new::before {
  content: "NEW";
  position: absolute;
  top: -10px;
  left: -32px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  padding-bottom: 2px;
  width: 94px;
  height: 45px;
  background: #F2D86F;
  font-size: 18px;
  font-weight: 700;
  text-align: center;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
@media all and (max-width: 640px) {
  .recruit-list.new::before {
    top: -8px;
    left: -24px;
    padding-bottom: 2px;
    width: 68px;
    height: 34px;
    font-size: 12px;
  }
}
.recruit-list.new .company_name {
  padding-left: 12px;
}

#filter_loadmore {
  display: none;
}

/*-- サイドバー --*/
@media all and (max-width: 840px) {
  #side-recruit {
    margin-bottom: 60px;
    width: 100%;
  }
}
@media all and (max-width: 480px) {
  #side-recruit {
    margin-bottom: 30px;
  }
}
#side-recruit fieldset {
  min-width: 0;
  margin: 0;
  padding: 0 0 1.5rem;
  border: 0;
}
#side-recruit .btn-bl {
  margin-top: 1rem;
  margin-top: 1rem;
}
#side-recruit legend {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  margin-bottom: 1rem;
  padding: 0 0 0 36px;
  width: 100%;
  color: #6A6A6A;
  font-size: 21px;
  font-weight: 700;
  line-height: 1.5;
}
@media all and (max-width: 1660px) {
  #side-recruit legend {
    padding: 0 0 0 30px;
    font-size: 18px;
  }
}
#side-recruit legend::before {
  content: "";
  position: absolute;
  top: calc(50% + 2px);
  left: 0;
  width: 30px;
  height: 30px;
  background: url(img/common/icon-search.svg) no-repeat;
  background-size: cover;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
}
@media all and (max-width: 1660px) {
  #side-recruit legend::before {
    width: 26px;
    height: 26px;
  }
}
#side-recruit .control-label {
  margin: 1.5rem 0 0.75rem;
  border-radius: 3px;
  font-weight: bold;
  font-size: 23px;
  font-weight: 700;
}
#side-recruit .control-label:first-child {
  margin-top: 0.5rem;
}
@media all and (max-width: 1660px) {
  #side-recruit .control-label {
    margin: 1.5rem 0 0.5rem;
    font-size: 16px;
  }
}
@media all and (max-width: 840px) {
  #side-recruit .control-label {
    margin-bottom: 1rem;
  }
}
@media all and (max-width: 840px) {
  #side-recruit fieldset {
    padding: 0;
  }
  #side-recruit form {
    border-radius: 0.25rem;
    background: #fff;
  }
  #side-recruit form legend {
    position: relative;
    margin: 0;
    padding: 0 0 0 40px;
    height: 48px;
    line-height: 1;
    border-bottom: none;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    cursor: pointer;
  }
  #side-recruit form legend::before {
    left: 12px;
  }
  #side-recruit form legend::after {
    content: "";
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    right: 1rem;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px 5px 0 5px;
    border-color: #000000 transparent transparent transparent;
  }
  #side-recruit form legend.open::after {
    -webkit-transform: translateY(-50%) rotate(180deg);
            transform: translateY(-50%) rotate(180deg);
  }
  #side-recruit form #searchform-body {
    display: none;
    padding: 1rem 1.5rem 1.75rem;
  }
  #side-recruit form #searchform-body.open {
    display: block;
  }
  #side-recruit form .btn {
    margin-bottom: 1rem;
  }
  #side-recruit form .btn-bl {
    display: none;
  }
}
#side-recruit input {
  position: relative;
  padding: 0;
  color: #000000;
  outline: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  vertical-align: middle;
}
#side-recruit input::-webkit-input-placeholder {
  color: #B9B9B9;
}
#side-recruit input::-moz-placeholder {
  color: #B9B9B9;
}
#side-recruit input:-ms-input-placeholder {
  color: #B9B9B9;
}
#side-recruit input::-ms-input-placeholder {
  color: #B9B9B9;
}
#side-recruit input::placeholder {
  color: #B9B9B9;
}
#side-recruit label {
  position: relative;
  /*-- Selectの矢印 --*/
}
@media all and (max-width: 840px) {
  #side-recruit label {
    top: 0;
  }
}
#side-recruit label.select-wrap {
  position: relative;
  display: block;
  height: 56px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: #fff;
  border: 1px rgba(0, 0, 0, 0.7) solid;
  border-radius: 4px;
  font-size: 26px;
}
@media all and (max-width: 1660px) {
  #side-recruit label.select-wrap {
    height: 40px;
    font-size: 1rem;
  }
}
#side-recruit label.select-wrap select {
  padding: 6px 2rem 8px 8px;
  height: 100%;
  outline: none;
  border: none;
  background: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
#side-recruit label.select-wrap::after {
  content: "";
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 0.625rem;
  width: 0px;
  height: 0px;
  margin-top: 4px;
  border: 5px solid transparent;
  border-top: 5px solid #000000;
}
#side-recruit .number .number-input {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
#side-recruit .number input {
  margin: 0;
  padding: 10px 14px;
  width: 120px;
  height: 56px;
  font-size: 26px;
  font-weight: 500;
  background-color: #FFF;
  max-width: auto;
  outline: none;
  border: 1px rgba(0, 0, 0, 0.7) solid;
  border-radius: 4px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
@media all and (max-width: 1660px) {
  #side-recruit .number input {
    width: 5rem;
    height: 40px;
    font-size: 1rem;
  }
}
#side-recruit .number input:focus {
  background: rgba(242, 199, 19, 0.1);
}
#side-recruit .number input.on {
  background: rgba(242, 199, 19, 0.1);
}
#side-recruit .number .currency {
  margin-left: 4px;
  width: 2rem;
  font-size: 14px;
  text-align: right;
}
#side-recruit .number .error {
  margin-top: 0.5rem;
  width: 100%;
  color: #FA0026;
  font-size: 13px;
  line-height: 1.3;
}
#side-recruit .multiselect {
  position: relative;
  width: 100%;
}
#side-recruit .selectBox {
  position: relative;
}
#side-recruit .selectBox.selected .select-wrap {
  background: rgba(242, 199, 19, 0.1);
}
#side-recruit .selectBox.active .select-wrap {
  background: rgba(242, 199, 19, 0.1);
  border-radius: 4px 4px 0 0;
}
#side-recruit .selectBox.active .select-wrap::after {
  top: 50%;
  -webkit-transform: translateY(-100%) rotate(180deg);
          transform: translateY(-100%) rotate(180deg);
}
#side-recruit .overSelect {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
#side-recruit .checkboxes {
  overflow: scroll;
  display: none;
  position: absolute;
  top: 39px;
  left: 0;
  width: 100%;
  max-height: 310px;
  background: #fff;
  border: 1px rgba(0, 0, 0, 0.7) solid;
  border-radius: 0 0 4px 4px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  z-index: 100;
}
#side-recruit .checkboxes label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  padding: 10px 8px;
}
#side-recruit .checkboxes label input {
  position: relative;
  top: 4px;
}
#side-recruit .checkboxes label > span {
  display: inline-block;
  margin-left: 8px;
  font-size: 14px;
  line-height: 1.4;
}
#side-recruit .checkboxes label.is-active {
  background: rgba(242, 199, 19, 0.1);
}
@media (hover: hover) {
  #side-recruit .checkboxes label:hover {
    background: rgba(242, 199, 19, 0.1);
  }
}

/*-- 採用情報　シングル --*/
.single-recruit .article-single {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
}
.single-recruit .article-single .article-single-main {
  padding: 0.5rem 1.5rem 1.5rem;
  background-color: #fff;
  border-radius: 0.25rem;
}
.single-recruit .article-single.finished {
  padding-top: 5rem;
  padding-bottom: 5rem;
}
.single-recruit .article-single.finished .btn {
  margin-top: 60px;
  z-index: 300;
}
.single-recruit h1.card-title {
  margin: 80px auto 0;
  font-size: 36px;
  line-height: 1.5;
}
@media all and (max-width: 1020px) {
  .single-recruit h1.card-title {
    margin: 60px auto 0;
    font-size: 24px;
  }
}
@media all and (max-width: 480px) {
  .single-recruit h1.card-title {
    margin: 40px auto 0;
    font-size: 22px;
  }
}
.single-recruit .category {
  margin-bottom: 1rem;
  /*
  .badge-info {
  	color: $category_font;
  	background: $category_bg;
  }
  */
}
.single-recruit .category li {
  display: inline-block;
}
.single-recruit .note {
  margin-top: 1rem;
  font-size: 0.8125rem;
  line-height: 5;
}
.single-recruit .list {
  margin: 60px 0 0;
  width: 100%;
}
@media all and (max-width: 767px) {
  .single-recruit .list {
    margin: 1rem 0 0;
  }
}
.single-recruit .list dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0;
}
@media all and (max-width: 767px) {
  .single-recruit .list dl:nth-child(1) {
    border: none;
  }
}
@media all and (max-width: 767px) {
  .single-recruit .list dl {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    border: none;
  }
}
.single-recruit .list dl dt,
.single-recruit .list dl dd,
.single-recruit .list dl h3 {
  font-size: 20px;
  line-height: 1.6;
}
@media all and (max-width: 1020px) {
  .single-recruit .list dl dt,
  .single-recruit .list dl dd,
  .single-recruit .list dl h3 {
    font-size: 1rem;
  }
}
.single-recruit .list dl dt,
.single-recruit .list dl dd {
  margin-bottom: 0;
  padding: 40px 24px 64px;
}
@media all and (max-width: 1020px) {
  .single-recruit .list dl dt,
  .single-recruit .list dl dd {
    padding: 24px 1rem 48px;
  }
}
.single-recruit .list dl dt {
  width: 390px;
  border-top: #333333 1px solid;
  color: #000000;
  text-align: left;
}
.single-recruit .list dl dt h3 {
  font-weight: 700;
  line-height: 1.5;
}
@media all and (max-width: 1020px) {
  .single-recruit .list dl dt {
    width: 220px;
  }
}
@media all and (max-width: 767px) {
  .single-recruit .list dl dt {
    border-top: none;
    border-bottom: #333333 1px solid;
    padding: 1.5rem 0 0.5rem;
    width: 100%;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}
@media all and (max-width: 575px) {
  .single-recruit .list dl dt {
    padding-top: 0.5rem;
  }
}
.single-recruit .list dl dd {
  width: calc(100% - 390px);
  border-top: gray 1px solid;
}
@media all and (max-width: 1020px) {
  .single-recruit .list dl dd {
    width: calc(100% - 220px);
  }
}
@media all and (max-width: 767px) {
  .single-recruit .list dl dd {
    padding: 1rem 0 1rem;
    width: 100%;
    border-top: none;
  }
}
@media all and (max-width: 575px) {
  .single-recruit .list dl dd {
    padding: 1rem 0 2rem;
  }
}
.single-recruit #company-overview {
  margin-top: 90px;
  width: 100%;
  text-align: left;
}
@media all and (max-width: 1020px) {
  .single-recruit #company-overview {
    margin-top: 4rem;
  }
}
.single-recruit #company-overview h2 {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  padding: 0.5rem 1rem;
  width: 240px;
  height: 52px;
  border-radius: 5px 5px 0 0;
  background-color: #CEAA1C;
  color: #fff;
  font-size: 20px;
  font-weight: bold;
  line-height: 1;
}
.single-recruit #company-overview .inner {
  padding: 1.5rem;
  width: 100%;
  background-color: #fdfcf9;
  border-radius: 0 5px 5px;
  border: 5px #CEAA1C solid;
}
@media all and (max-width: 1020px) {
  .single-recruit #company-overview .inner {
    border-width: 3px;
  }
}
.single-recruit #company-overview dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0;
  text-align: left;
}
.single-recruit #company-overview dl:not(:first-child) {
  border-top: #CEAA1C 1px solid;
}
@media all and (max-width: 575px) {
  .single-recruit #company-overview dl {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.single-recruit #company-overview dl dt,
.single-recruit #company-overview dl dd,
.single-recruit #company-overview dl h3 {
  font-size: 18px;
  line-height: 1.6;
}
@media all and (max-width: 1020px) {
  .single-recruit #company-overview dl dt,
  .single-recruit #company-overview dl dd,
  .single-recruit #company-overview dl h3 {
    font-size: 1rem;
  }
}
.single-recruit #company-overview dl dt,
.single-recruit #company-overview dl dd {
  margin-bottom: 0;
  padding: 28px 20px;
}
@media all and (max-width: 1020px) {
  .single-recruit #company-overview dl dt,
  .single-recruit #company-overview dl dd {
    padding: 0.75rem 1rem;
  }
}
.single-recruit #company-overview dl dt {
  width: 390px;
  color: #000000;
  text-align: left;
}
@media all and (max-width: 1020px) {
  .single-recruit #company-overview dl dt {
    width: 220px;
  }
}
.single-recruit #company-overview dl dt h3 {
  font-weight: 700;
}
@media all and (max-width: 575px) {
  .single-recruit #company-overview dl dt {
    padding: 0.75rem 0 0;
    width: 100%;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}
.single-recruit #company-overview dl dd {
  width: calc(100% - 7rem);
}
@media all and (max-width: 575px) {
  .single-recruit #company-overview dl dd {
    padding: 0.75rem 0;
    width: 100%;
  }
}
.single-recruit #about-tokon {
  margin-top: 90px;
  width: 100%;
}
@media all and (max-width: 1020px) {
  .single-recruit #about-tokon {
    margin-top: 4rem;
  }
}
.single-recruit #about-tokon .inner {
  padding: 64px;
  width: 100%;
  background-color: #fff;
  border-radius: 40px;
  line-height: 1.6;
}
@media all and (max-width: 1020px) {
  .single-recruit #about-tokon .inner {
    padding: 40px;
    border-radius: 30px;
    font-size: 18px;
  }
}
@media all and (max-width: 640px) {
  .single-recruit #about-tokon .inner {
    padding: 24px;
    border-radius: 20px;
  }
}
.single-recruit #about-tokon .inner p,
.single-recruit #about-tokon .inner h2 {
  font-size: 20px;
}
@media all and (max-width: 1020px) {
  .single-recruit #about-tokon .inner p,
  .single-recruit #about-tokon .inner h2 {
    font-size: 1rem;
  }
}
.single-recruit #about-tokon .inner h2 {
  margin: 2rem auto 1rem;
  font-weight: 700;
}
.single-recruit #about-tokon .inner a {
  color: #F29413;
}
@media (hover: hover) {
  .single-recruit #about-tokon .inner a:hover {
    color: #FA0026;
  }
}
.single-recruit .btns {
  margin-top: 60px;
}
.single-recruit .btns .btn {
  max-width: 472px;
  background: #CEAA1C;
  border-radius: 5px;
  color: #fff;
}
.single-recruit dl.hq_address, .single-recruit dl.zipcode, .single-recruit dl.prefecture, .single-recruit dl.city, .single-recruit dl.company_in_charge, .single-recruit dl.person_in_charge, .single-recruit dl.revision_date {
  display: none;
}
.single-recruit .content .btns .btn {
  margin-top: 4rem;
}

/*--------------------------------------
contact - WPForms
---------------------------------------*/
#entry {
  /*
  h1 {
  	font-size: 40px;
  	font-weight: $bold;
  	line-height: 1.7;
  	text-align: center;

  	@include max($breakpoint-max-pc) {
  		font-size: 30px;
  	}
  	@include max($breakpoint-max-stb) {
  		font-size: 20px;
  	}
  }
  */
}
#entry #content {
  padding: 130px 0 160px;
}
@media all and (max-width: 1020px) {
  #entry #content {
    padding: 100px 0 120px;
  }
}
@media all and (max-width: 840px) {
  #entry #content {
    padding: 70px 0 100px;
  }
}
@media all and (max-width: 480px) {
  #entry #content {
    padding: 40px 0 80px;
  }
}
#entry h1 {
  margin: 0;
  padding: 0;
  font-size: 1.17em;
  line-height: 1.3;
}
#entry h1 > span {
  display: inline-block;
}
#entry p {
  margin: 40px auto 0;
  max-width: 640px;
  font-size: 20px;
}
@media all and (max-width: 1020px) {
  #entry p {
    margin: 30px auto 0;
    font-size: 18px;
  }
}
@media all and (max-width: 640px) {
  #entry p {
    margin: 20px auto 0;
    font-size: 16px;
  }
}
#entry .wpforms-container-full:not(:empty) {
  margin: 80px auto 0;
  width: 100%;
}
#entry .wpforms-page-indicator {
  display: none;
}
#entry .wpforms-page > .wpforms-field {
  margin: 0 0 2rem 0;
  padding: 0 0 2rem 0;
  border-bottom: 1px #ccc solid;
}
@media all and (max-width: 575px) {
  #entry .wpforms-page > .wpforms-field {
    margin: 0 0 1rem 0;
    padding: 0 0 1rem 0;
  }
}
#entry .wpforms-page > .wpforms-field .wpforms-field-label-inline,
#entry .wpforms-page > .wpforms-field .wpforms-field-label {
  color: #000000;
  line-height: 1.5;
}
#entry .wpforms-page > .wpforms-field .wpforms-field-label-inline {
  position: relative;
  top: -0.1em;
}
#entry .wpforms-page > .wpforms-field:not(.wpforms-field-pagebreak), #entry .wpforms-page > .wpforms-field.wpforms-field-radio {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: stretch;
      -ms-flex-pack: stretch;
          justify-content: stretch;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
#entry .wpforms-page > .wpforms-field:not(.wpforms-field-pagebreak) > fieldset, #entry .wpforms-page > .wpforms-field.wpforms-field-radio > fieldset {
  display: contents;
}
#entry .wpforms-page > .wpforms-field:not(.wpforms-field-pagebreak) > fieldset > ul, #entry .wpforms-page > .wpforms-field.wpforms-field-radio > fieldset > ul {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 0px;
          flex: 1 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
#entry .wpforms-page > .wpforms-field.wpforms-field-radio.radio-btn ul {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 0px;
          flex: 1 0 0;
}
#entry .wpforms-page > .wpforms-field.wpforms-field-radio.radio-btn ul > li {
  margin: 0;
  width: calc((100% - 15px) / 2);
}
#entry .wpforms-page > .wpforms-field.wpforms-field-radio.radio-btn label {
  cursor: pointer;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 8px 12px;
  width: 100%;
  height: 100%;
  min-height: 66px;
  background: #fff;
  border: 2px solid #000000;
  border-radius: 20px;
  color: #000000;
  text-align: center;
}
@media all and (max-width: 480px) {
  #entry .wpforms-page > .wpforms-field.wpforms-field-radio.radio-btn label {
    font-size: 14px;
  }
}
#entry .wpforms-page > .wpforms-field.wpforms-field-radio.radio-btn input[type=radio] {
  position: absolute;
  visibility: hidden;
}
#entry .wpforms-page > .wpforms-field.wpforms-field-radio.radio-btn input[type=radio]:checked + label {
  color: #fff;
  background: #000000;
}
#entry .wpforms-page > .wpforms-field:not(.wpforms-field-pagebreak),
#entry .wpforms-page > .wpforms-field > fieldset {
  padding: 0 0 2rem;
  width: 100%;
}
#entry .wpforms-page > .wpforms-field:not(.wpforms-field-pagebreak) > .wpforms-field-label,
#entry .wpforms-page > .wpforms-field > fieldset > .wpforms-field-label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 25%;
          flex: 0 0 25%;
  max-width: 25%;
  font-weight: 700;
}
@media all and (max-width: 840px) {
  #entry .wpforms-page > .wpforms-field:not(.wpforms-field-pagebreak) > .wpforms-field-label,
  #entry .wpforms-page > .wpforms-field > fieldset > .wpforms-field-label {
    -webkit-box-flex: 1;
        -ms-flex: auto;
            flex: auto;
    margin-bottom: 1.25rem;
    max-width: 100%;
    width: 100%;
  }
}
#entry .wpforms-page > .wpforms-field > div {
  padding: 0;
}
#entry .wpforms-page > .wpforms-field:last-of-type {
  margin-bottom: 0;
  padding: 0;
  border-bottom: none;
}
#entry .wpforms-page > .wpforms-field:last-of-type > div {
  margin: auto;
  text-align: center;
}
#entry .wpforms-page > .wpforms-field.age {
  position: relative;
}
#entry .wpforms-page > .wpforms-field.age::after {
  content: "歳";
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  padding-left: 6px;
  width: 10%;
}
#entry .wpforms-page > .wpforms-field.age input {
  max-width: 80px;
}
#entry .wpforms-page > .wpforms-field .wpforms-disclaimer-description {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 1em 0 0;
  padding: 0 0 0 300px;
  width: 100%;
  height: auto;
  border: 0;
  overflow: hidden;
  color: #000000;
  font-size: 1rem;
}
@media all and (max-width: 840px) {
  #entry .wpforms-page > .wpforms-field .wpforms-disclaimer-description {
    padding: 0;
  }
}
#entry .wpforms-page > .wpforms-field .wpforms-disclaimer-description a {
  text-decoration: underline;
  text-decoration-color: #000000;
}
#entry .wpforms-field {
  margin: 0;
  padding: 0;
}
#entry .wpforms-field:not(.wpforms-field-pagebreak) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: stretch;
      -ms-flex-pack: stretch;
          justify-content: stretch;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
#entry .wpforms-field:not(.wpforms-field-pagebreak) input[type=text],
#entry .wpforms-field:not(.wpforms-field-pagebreak) input[type=tel],
#entry .wpforms-field:not(.wpforms-field-pagebreak) input[type=email],
#entry .wpforms-field:not(.wpforms-field-pagebreak) textarea {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 0px;
          flex: 1 0 0;
  padding: 0.375rem 0.75rem;
  height: auto;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: 0.25rem;
  border: 1px solid #CCC;
}
#entry .wpforms-field:not(.wpforms-field-pagebreak) input[type=text]::-webkit-input-placeholder, #entry .wpforms-field:not(.wpforms-field-pagebreak) input[type=tel]::-webkit-input-placeholder, #entry .wpforms-field:not(.wpforms-field-pagebreak) input[type=email]::-webkit-input-placeholder, #entry .wpforms-field:not(.wpforms-field-pagebreak) textarea::-webkit-input-placeholder {
  color: #999;
  font-weight: normal;
}
#entry .wpforms-field:not(.wpforms-field-pagebreak) input[type=text]::-moz-placeholder, #entry .wpforms-field:not(.wpforms-field-pagebreak) input[type=tel]::-moz-placeholder, #entry .wpforms-field:not(.wpforms-field-pagebreak) input[type=email]::-moz-placeholder, #entry .wpforms-field:not(.wpforms-field-pagebreak) textarea::-moz-placeholder {
  color: #999;
  font-weight: normal;
}
#entry .wpforms-field:not(.wpforms-field-pagebreak) input[type=text]:-ms-input-placeholder, #entry .wpforms-field:not(.wpforms-field-pagebreak) input[type=tel]:-ms-input-placeholder, #entry .wpforms-field:not(.wpforms-field-pagebreak) input[type=email]:-ms-input-placeholder, #entry .wpforms-field:not(.wpforms-field-pagebreak) textarea:-ms-input-placeholder {
  color: #999;
  font-weight: normal;
}
#entry .wpforms-field:not(.wpforms-field-pagebreak) input[type=text]::-ms-input-placeholder, #entry .wpforms-field:not(.wpforms-field-pagebreak) input[type=tel]::-ms-input-placeholder, #entry .wpforms-field:not(.wpforms-field-pagebreak) input[type=email]::-ms-input-placeholder, #entry .wpforms-field:not(.wpforms-field-pagebreak) textarea::-ms-input-placeholder {
  color: #999;
  font-weight: normal;
}
#entry .wpforms-field:not(.wpforms-field-pagebreak) input[type=text]::placeholder,
#entry .wpforms-field:not(.wpforms-field-pagebreak) input[type=tel]::placeholder,
#entry .wpforms-field:not(.wpforms-field-pagebreak) input[type=email]::placeholder,
#entry .wpforms-field:not(.wpforms-field-pagebreak) textarea::placeholder {
  color: #999;
  font-weight: normal;
}
#entry .wpforms-field:not(.wpforms-field-pagebreak) input[type=text]:focus,
#entry .wpforms-field:not(.wpforms-field-pagebreak) input[type=tel]:focus,
#entry .wpforms-field:not(.wpforms-field-pagebreak) input[type=email]:focus,
#entry .wpforms-field:not(.wpforms-field-pagebreak) textarea:focus {
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}
@media all and (max-width: 840px) {
  #entry .wpforms-field:not(.wpforms-field-pagebreak) input[type=text],
  #entry .wpforms-field:not(.wpforms-field-pagebreak) input[type=tel],
  #entry .wpforms-field:not(.wpforms-field-pagebreak) input[type=email],
  #entry .wpforms-field:not(.wpforms-field-pagebreak) textarea {
    -webkit-box-flex: 1;
        -ms-flex: auto;
            flex: auto;
  }
}
#entry .wpforms-field:not(.wpforms-field-pagebreak) textarea {
  min-height: 134px;
}
#entry .wpforms-field:not(.wpforms-field-pagebreak) select {
  padding: 0.375rem 1rem 0.375rem 0.75rem;
  height: auto !important;
  min-height: 38px;
  border: 1px solid #CCC;
  background: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0Ljk1IDEwIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2ZmZjt9LmNscy0ye2ZpbGw6IzQ0NDt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPmFycm93czwvdGl0bGU+PHJlY3QgY2xhc3M9ImNscy0xIiB3aWR0aD0iNC45NSIgaGVpZ2h0PSIxMCIvPjxwb2x5Z29uIGNsYXNzPSJjbHMtMiIgcG9pbnRzPSIxLjQxIDQuNjcgMi40OCAzLjE4IDMuNTQgNC42NyAxLjQxIDQuNjciLz48cG9seWdvbiBjbGFzcz0iY2xzLTIiIHBvaW50cz0iMy41NCA1LjMzIDIuNDggNi44MiAxLjQxIDUuMzMgMy41NCA1LjMzIi8+PC9zdmc+) no-repeat 99% 50%;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  font-size: 1rem;
}
#entry .wpforms-field:not(.wpforms-field-pagebreak) select.wpforms-field-medium {
  max-width: 240px;
}
#entry .wpforms-field:not(.wpforms-field-pagebreak) select::-webkit-input-placeholder {
  color: #999;
  font-weight: normal;
}
#entry .wpforms-field:not(.wpforms-field-pagebreak) select::-moz-placeholder {
  color: #999;
  font-weight: normal;
}
#entry .wpforms-field:not(.wpforms-field-pagebreak) select:-ms-input-placeholder {
  color: #999;
  font-weight: normal;
}
#entry .wpforms-field:not(.wpforms-field-pagebreak) select::-ms-input-placeholder {
  color: #999;
  font-weight: normal;
}
#entry .wpforms-field:not(.wpforms-field-pagebreak) select::placeholder {
  color: #999;
  font-weight: normal;
}
#entry .wpforms-field:not(.wpforms-field-pagebreak) select:focus {
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}
#entry .wpforms-field-layout-rows {
  width: 100%;
}
#entry .wpforms-field-layout-rows .wpforms-layout-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: stretch;
      -ms-flex-pack: stretch;
          justify-content: stretch;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0;
  width: 100%;
}
#entry .wpforms-field-layout-rows .wpforms-layout-row .wpforms-layout-column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0;
}
#entry .wpforms-field-pagebreak.btns {
  padding-top: 0;
  padding-bottom: 32px;
}
#entry .wpforms-pagebreak-left {
  text-align: center;
}
#entry .wpforms-pagebreak-left .wpforms-page-button {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  margin: 0;
  padding: 10px 12px !important;
  max-width: 264px;
  width: 100%;
  height: 62px;
  color: #fff;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: 1px;
  background-color: #000000;
  border-color: #000000;
  border-radius: 5px;
}
#entry .wpforms-pagebreak-left .wpforms-page-button::after {
  display: none;
}
@media (hover: hover) {
  #entry .wpforms-pagebreak-left .wpforms-page-button:hover {
    overflow: hidden;
    color: #fff;
    background-color: #000000 !important;
    border-color: #000000 !important;
    -webkit-transform: scale(1.03);
            transform: scale(1.03);
  }
}
#entry .wpforms-pagebreak-left .wpforms-page-button:focus {
  border: none !important;
}
#entry .wpforms-pagebreak-left .wpforms-page-button.wpforms-page-prev {
  min-width: 150px;
  color: #fff;
  background-color: #000000;
}
@media (hover: hover) {
  #entry .wpforms-pagebreak-left .wpforms-page-button.wpforms-page-prev:hover {
    overflow: hidden;
    color: #fff;
    background-color: #000000 !important;
    border-color: #000000 !important;
    -webkit-transform: scale(1.03);
            transform: scale(1.03);
  }
}
#entry .wpforms-submit-container {
  text-align: center;
}
#entry .wpforms-submit-container .wpforms-submit {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  margin: 0;
  padding: 10px 12px !important;
  max-width: 264px;
  width: 100%;
  height: 62px;
  color: #fff;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: 1px;
  background-color: #000000;
  border-color: #000000;
  border-radius: 0.25rem;
}
#entry .wpforms-submit-container .wpforms-submit::after {
  display: none;
}
@media (hover: hover) {
  #entry .wpforms-submit-container .wpforms-submit:hover {
    overflow: hidden;
    color: #fff;
    background-color: #000000 !important;
    border-color: #000000 !important;
    -webkit-transform: scale(1.03);
            transform: scale(1.03);
  }
}
#entry .wpforms-submit-container .wpforms-submit:focus {
  border: none !important;
}
#entry .form-group {
  padding-bottom: 1rem;
}
#entry .form-group:last-child > div {
  margin: auto;
}
#entry .form-group:last-child > div .btn {
  font-size: 18px;
}
#entry .sent fieldset {
  display: none;
}
#entry input::-webkit-input-placeholder {
  color: #CCC;
  font-weight: normal;
}
#entry input::-moz-placeholder {
  color: #CCC;
  font-weight: normal;
}
#entry input:-ms-input-placeholder {
  color: #CCC;
  font-weight: normal;
}
#entry textarea::-moz-placeholder {
  color: #CCC;
  font-weight: normal;
}
#entry textarea::-webkit-input-placeholder {
  color: #CCC;
  font-weight: normal;
}
#entry textarea:-ms-input-placeholder {
  color: #CCC;
  font-weight: normal;
}
#entry .wpforms-required-label {
  display: inline-block;
  margin: 0 6px;
  padding: 2px 6px;
  background: #D62C1A;
  color: #fff;
  font-size: 10px;
  line-height: 1.3;
  margin: 0 8px;
  padding: 4px 6px;
  border-radius: 5px;
  vertical-align: top;
  white-space: nowrap;
}
#entry .flex-column-reverse {
  -webkit-box-pack: center !important;
      -ms-flex-pack: center !important;
          justify-content: center !important;
  border-bottom: 0 !important;
}
#entry .flex-column-reverse fieldset {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
}
#entry .flex-column-reverse fieldset > ul li {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
#entry .flex-column-reverse fieldset textarea {
  margin: 0;
}
#entry #wpforms-2104-field_35-container input {
  padding: 0;
}
#entry #wpforms-2104-field_35-container em.wpforms-error {
  padding-left: 0;
  text-align: center;
}

#thankyou {
  padding: 0;
}
#thankyou .container {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 0px;
          flex: 1 0 0;
  padding: 140px 0 0;
}
@media all and (max-width: 640px) {
  #thankyou .container {
    padding: 100px 0 0;
  }
}
#thankyou #content {
  padding: 0 0 3rem;
  padding-top: 0;
}
#thankyou #content .main {
  margin: 0 auto;
  padding: 0 20px;
  max-width: 640px;
}
#thankyou h2,
#thankyou .post-title {
  margin-bottom: 20px;
  font-size: 1.75rem;
  line-height: 1.5;
}
@media all and (max-width: 640px) {
  #thankyou h2,
  #thankyou .post-title {
    font-size: 1.5rem;
  }
}
#thankyou .btn {
  margin-top: 40px;
  max-width: 640px;
}

div.wpforms-container-full .wpforms-form .wpforms-field > label.wpforms-error,
div.wpforms-container-full .wpforms-form .wpforms-field > em.wpforms-error {
  padding: 0 0 0 calc(25% + 8px);
}
@media all and (max-width: 840px) {
  div.wpforms-container-full .wpforms-form .wpforms-field > label.wpforms-error,
  div.wpforms-container-full .wpforms-form .wpforms-field > em.wpforms-error {
    padding: 0 0 0 6px;
  }
}

div.wpforms-container-full .wpforms-form label.wpforms-error,
div.wpforms-container-full .wpforms-form em.wpforms-error {
  width: 100%;
  color: #D62C1A;
}

div.wpforms-container-full .wpforms-form label.wpforms-error:before,
div.wpforms-container-full .wpforms-form em.wpforms-error:before {
  background-color: #D62C1A;
}

.wpforms-entry-preview-compact, div.wpforms-container-full .wpforms-entry-preview-compact, div.wpforms-container-full .wpforms-form .wpforms-entry-preview-compact {
  padding-bottom: 0 !important;
}

.wpforms-entry-preview-basic, .wpforms-entry-preview-compact, div.wpforms-container-full .wpforms-entry-preview-basic, div.wpforms-container-full .wpforms-entry-preview-compact, div.wpforms-container-full .wpforms-form .wpforms-entry-preview-basic, div.wpforms-container-full .wpforms-form .wpforms-entry-preview-compact {
  border-bottom: 0 !important;
}

@media all and (max-width: 767px) {
  .wpforms-entry-preview-compact .wpforms-entry-preview-label, .wpforms-entry-preview-table_compact .wpforms-entry-preview-label, div.wpforms-container-full .wpforms-entry-preview-compact .wpforms-entry-preview-label, div.wpforms-container-full .wpforms-entry-preview-table_compact .wpforms-entry-preview-label, div.wpforms-container-full .wpforms-form .wpforms-entry-preview-compact .wpforms-entry-preview-label, div.wpforms-container-full .wpforms-form .wpforms-entry-preview-table_compact .wpforms-entry-preview-label {
    width: 100% !important;
  }
}

@media all and (max-width: 767px) {
  .wpforms-entry-preview-compact .wpforms-entry-preview-value, .wpforms-entry-preview-table_compact .wpforms-entry-preview-value, div.wpforms-container-full .wpforms-entry-preview-compact .wpforms-entry-preview-value, div.wpforms-container-full .wpforms-entry-preview-table_compact .wpforms-entry-preview-value, div.wpforms-container-full .wpforms-form .wpforms-entry-preview-compact .wpforms-entry-preview-value, div.wpforms-container-full .wpforms-form .wpforms-entry-preview-table_compact .wpforms-entry-preview-value {
    width: 100% !important;
  }
}