@charset "UTF-8";
@import url("https://use.typekit.net/jkm3tip.css");
/* ==========================================================================
Foundation
========================================================================== */
/* Font
----------------------------------------------------------------- */
/* @font-face {
  font-family: 'YakuHanJP';
  font-style: normal;
  font-weight: 100;
  src: url("/recruit_info/common/font/YakuHanJP/YakuHanJP-Thin.eot");
  src: url("/recruit_info/common/font/YakuHanJP/YakuHanJP-Thin.woff2") format("woff2"), url("/recruit_info/common/font/YakuHanJP/YakuHanJP-Thin.woff") format("woff");
  font-display: swap; }

@font-face {
  font-family: 'YakuHanJP';
  font-style: normal;
  font-weight: 200;
  src: url("/recruit_info/common/font/YakuHanJP/YakuHanJP-Light.eot");
  src: url("/recruit_info/common/font/YakuHanJP/YakuHanJP-Light.woff2") format("woff2"), url("/recruit_info/common/font/YakuHanJP/YakuHanJP-Light.woff") format("woff");
  font-display: swap; }

@font-face {
  font-family: 'YakuHanJP';
  font-style: normal;
  font-weight: 300;
  src: url("/recruit_info/common/font/YakuHanJP/YakuHanJP-DemiLight.eot");
  src: url("/recruit_info/common/font/YakuHanJP/YakuHanJP-DemiLight.woff2") format("woff2"), url("/recruit_info/common/font/YakuHanJP/YakuHanJP-DemiLight.woff") format("woff");
  font-display: swap; }

@font-face {
  font-family: 'YakuHanJP';
  font-style: normal;
  font-weight: 400;
  src: url("/recruit_info/common/font/YakuHanJP/YakuHanJP-Regular.eot");
  src: url("/recruit_info/common/font/YakuHanJP/YakuHanJP-Regular.woff2") format("woff2"), url("/recruit_info/common/font/YakuHanJP/YakuHanJP-Regular.woff") format("woff");
  font-display: swap; }

@font-face {
  font-family: 'YakuHanJP';
  font-style: normal;
  font-weight: 500;
  src: url("/recruit_info/common/font/YakuHanJP/YakuHanJP-Medium.eot");
  src: url("/recruit_info/common/font/YakuHanJP/YakuHanJP-Medium.woff2") format("woff2"), url("/recruit_info/common/font/YakuHanJP/YakuHanJP-Medium.woff") format("woff");
  font-display: swap; }

@font-face {
  font-family: 'YakuHanJP';
  font-style: normal;
  font-weight: 700;
  src: url("/recruit_info/common/font/YakuHanJP/YakuHanJP-Bold.eot");
  src: url("/recruit_info/common/font/YakuHanJP/YakuHanJP-Bold.woff2") format("woff2"), url("/recruit_info/common/font/YakuHanJP/YakuHanJP-Bold.woff") format("woff");
  font-display: swap; }

@font-face {
  font-family: 'YakuHanJP';
  font-style: normal;
  font-weight: 900;
  src: url("/recruit_info/common/font/YakuHanJP/YakuHanJP-Black.eot");
  src: url("/recruit_info/common/font/YakuHanJP/YakuHanJP-Black.woff2") format("woff2"), url("/recruit_info/common/font/YakuHanJP/YakuHanJP-Black.woff") format("woff");
  font-display: swap; } */

/* YakuHan（文字詰め）なし
----------------------------------------------------------------- */
/* Reset
----------------------------------------------------------------- */
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
l,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0; }

h1,
h2,
h3,
h4,
h5,
h6,
table,
input,
textarea,
select,
option,
button {
  font-size: 100%; }

blockquote,
q {
  quotes: none; }

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

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

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

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

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

caption,
th {
  text-align: left; }

img,
a img {
  border: none; }

a {
  cursor: pointer; }

input:not([type='checkbox']) {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; }

/* Base
----------------------------------------------------------------- */
html {
  height: 100%;
  line-height: 1.6; }

body {
  position: relative;
  min-height: 100%;
  -webkit-text-size-adjust: 100%;
  color: #222; }
  @media print, screen and (min-width: 48em) {
    body {
      font-family: "YakuHanJP", "Yu Gothic Medium", "游ゴシック Medium", "Yu Gothic", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "arial";
      line-height: 1.75; } }
  @media only screen and (max-width: 47.9375em) {
    body {
      font-family: "YakuHanJP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "arial";
      line-height: 1.75; } }

a {
  text-decoration: none;
  color: #222;
  -webkit-transition: color 0.1s 0s ease;
  transition: color 0.1s 0s ease; }
  @media print, screen and (min-width: 64em) {
    a:hover {
      color: #036; } }
  @media print, screen and (min-width: 64em) {
    a[href^='tel'] {
      pointer-events: none;
      cursor: text; } }

h1,
h2,
h3,
h4,
h5,
h6 {
  line-height: 1.4;
  font-weight: normal; }

address {
  font-style: normal; }

.browser-is-ie wbr:after {
  content: '\00200B'; }

.preload * {
  -webkit-transition: all 0s !important;
  transition: all 0s !important; }

/* KeyFrames
----------------------------------------------------------------- */
/* ==========================================================================
Layout
========================================================================== */
.l-breadcrumbs {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding-left: 40px; }
  @media only screen and (max-width: 47.9375em) {
    .l-breadcrumbs {
      display: none; } }

.l-breadcrumbs__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%; }
  @media print, screen and (min-width: 48em) {
    .l-breadcrumbs__inner {
      margin-right: auto;
      margin-left: auto; } }

.l-breadcrumbs__item {
  position: relative;
  padding-left: 28px;
  font-size: 13px;
  font-size: 0.8125rem;
  white-space: nowrap;
  color: rgba(34, 34, 34, 0.3); }
  .l-breadcrumbs__item:first-child {
    padding-left: 0; }
    .l-breadcrumbs__item:first-child:before {
      display: none; }
  .l-breadcrumbs__item:last-child {
    overflow: hidden;
    text-overflow: ellipsis; }
  .l-breadcrumbs__item:before {
    display: block;
    position: absolute;
    top: 0.4em;
    left: 13px;
    width: 1px;
    height: 12px;
    background-color: #cccccc;
    -webkit-transform: rotate(25deg);
            transform: rotate(25deg);
    content: ''; }
  .l-breadcrumbs__item > a {
    display: block;
    -webkit-transition: color cubic-bezier(0.215, 0.61, 0.355, 1) 0.1s;
    transition: color cubic-bezier(0.215, 0.61, 0.355, 1) 0.1s;
    text-decoration: none; }
    @media print, screen and (min-width: 64em) {
      .l-breadcrumbs__item > a:hover > svg {
        fill: #036; } }
  .l-breadcrumbs__item > span {
    margin-right: 15px;
    margin-left: 10px; }

/* ==========================================================================
* モディファイア
========================================================================== */
/* カラー反転
----------------------------------------------------------------- */
.l-breadcrumbs.-inverted .l-breadcrumbs__item {
  color: #fff; }
  .l-breadcrumbs.-inverted .l-breadcrumbs__item:before {
    border-color: #fff; }
  .l-breadcrumbs.-inverted .l-breadcrumbs__item > a {
    color: #fff; }
    @media print, screen and (min-width: 64em) {
      .l-breadcrumbs.-inverted .l-breadcrumbs__item > a:hover {
        color: #036; } }

.l-breadcrumbs__item.-home a:before {
  display: block;
  position: relative;
  top: 0.3em;
  width: 12px;
  height: 12px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212.356%22%20height%3D%2212%22%20viewBox%3D%220%200%2012.356%2012%22%3E\a%20%20%20%20%20%20%3Cg%20transform%3D%22translate%280%20-7.375%29%22%3E\a%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M6.179%2C7.375%2C0%2C11.79v7.585H4.865V15.322H7.491v4.053h4.865V11.79Z%22%20transform%3D%22translate%280%200%29%22%20fill%3D%22%23888888%22%2F%3E\a%20%20%20%20%20%20%3C%2Fg%3E\a%20%20%20%20%3C%2Fsvg%3E");
  -webkit-transition: background-color cubic-bezier(0.215, 0.61, 0.355, 1) 0.1s;
  transition: background-color cubic-bezier(0.215, 0.61, 0.355, 1) 0.1s;
  content: ''; }

.l-breadcrumbs__item.-home a:hover:before {
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212.356%22%20height%3D%2212%22%20viewBox%3D%220%200%2012.356%2012%22%3E\a%20%20%20%20%20%20%3Cg%20transform%3D%22translate%280%20-7.375%29%22%3E\a%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M6.179%2C7.375%2C0%2C11.79v7.585H4.865V15.322H7.491v4.053h4.865V11.79Z%22%20transform%3D%22translate%280%200%29%22%20fill%3D%22%23496a0b%22%2F%3E\a%20%20%20%20%20%20%3C%2Fg%3E\a%20%20%20%20%3C%2Fsvg%3E"); }

.l-header {
  grid-area: layoutHeader;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: fixed;
  z-index: 1000;
  top: 0;
  left: 0;
  width: 100%;
  background-color: #fff;
  -webkit-transition: height cubic-bezier(0.215, 0.61, 0.355, 1) 0.4s, background-color cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s, -webkit-box-shadow cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s;
  transition: height cubic-bezier(0.215, 0.61, 0.355, 1) 0.4s, background-color cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s, -webkit-box-shadow cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s;
  transition: height cubic-bezier(0.215, 0.61, 0.355, 1) 0.4s, background-color cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s, box-shadow cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s;
  transition: height cubic-bezier(0.215, 0.61, 0.355, 1) 0.4s, background-color cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s, box-shadow cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s, -webkit-box-shadow cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s; }
  @media only screen and (max-width: 63.9375em) {
    .l-header {
      height: 68px; } }
  @media print, screen and (min-width: 64em) {
    .l-header {
      height: 96px; } }
  .l-header button {
    outline: none; }

/* -----------------------------------------------------------------
/* ホームのスタイル（背景が透明）
----------------------------------------------------------------- */
.l-header.-transparent {
  background-color: transparent;
  /* 固定時 */ }
  @media print, screen and (min-width: 64em) {
    .l-header.-transparent .l-header__link {
      color: #fff; } }
  @media print, screen and (min-width: 64em) {
    .l-header.-transparent .l-header__link:before {
      background-color: #fff; } }
  .l-header.-transparent .l-header__logo span {
    color: #fff; }
  .l-header.-transparent .l-header__green-logo {
    opacity: 0; }
  .l-header.-transparent .l-header__white-logo {
    opacity: 1; }
  .l-header.-transparent.-fixed .l-header__logo span {
    color: #222; }
  .l-header.-transparent.-fixed .l-header__green-logo {
    opacity: 1; }
  .l-header.-transparent.-fixed .l-header__white-logo {
    opacity: 0; }
  .l-header.-transparent.-fixed .l-header__link {
    color: #222; }
    .l-header.-transparent.-fixed .l-header__link:before {
      background-color: #036; }
    @media print, screen and (min-width: 64em) {
      .l-header.-transparent.-fixed .l-header__link:hover, .l-header.-transparent.-fixed .l-header__link.-current {
        color: #036; } }

/* -----------------------------------------------------------------
/* 追従固定時のスタイル
----------------------------------------------------------------- */
.l-header.-fixed {
  background-color: #fff;
  -webkit-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
          box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); }
  @media only screen and (max-width: 47.9375em) {
    .l-header.-fixed {
      height: 52px; } }
  @media print, screen and (min-width: 48em) {
    .l-header.-fixed {
      height: 64px; } }

/* -----------------------------------------------------------------
/* カルーセルで反転時のスタイル
----------------------------------------------------------------- */
@media print, screen and (min-width: 64em) {
  .l-header.-inverted .l-header__link {
    color: #222; } }

@media print, screen and (min-width: 64em) {
  .l-header.-inverted .l-header__link:before {
    background-color: #222; } }

.l-header.-inverted .l-header__logo span {
  color: #222; }

.l-header.-inverted .l-header__green-logo {
  opacity: 1; }

.l-header.-inverted .l-header__white-logo {
  opacity: 0; }

/* -----------------------------------------------------------------
/* お問い合わせページのスタイル
----------------------------------------------------------------- */
.l-header.-simple {
  position: absolute;
  border-bottom: solid 1px #e0e0e0; }
  @media print, screen and (min-width: 64em) {
    .l-header.-simple {
      height: 80px; } }
  .l-header.-simple .l-header__inner {
    max-width: 800px;
    width: 89.332%; }
  @media print, screen and (min-width: 48em) {
    .l-header.-simple .l-header__logo {
      padding-left: 0; } }
  @media print, screen and (min-width: 48em) {
    .l-header.-simple .l-header__logo a {
      padding-left: 0; } }

.l-header__inner {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  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;
  width: 100%;
  height: 100%;
  -webkit-transition: background-color cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s;
  transition: background-color cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s; }
  @media print, screen and (min-width: 48em) {
    .l-header__inner {
      margin: 0 auto; } }
  @media print, screen and (min-width: 64em) {
    .l-header__inner {
      position: relative; } }

/* -----------------------------------------------------------------
/* ロゴ
----------------------------------------------------------------- */
.l-header__logo {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  z-index: 1030;
  -webkit-transform: translateY(0);
          transform: translateY(0); }
  @media only screen and (max-width: 47.9375em) {
    .l-header__logo {
      padding-left: 5.334%; } }
  @media print, screen and (min-width: 48em) {
    .l-header__logo {
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      z-index: 1030;
      height: 100%;
      padding-left: 20px; } }
  .l-header__logo a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-top: 10px;
    padding-bottom: 9px;
    color: #222; }
    @media print, screen and (min-width: 48em) {
      .l-header__logo a {
        padding-top: 10px;
        padding-bottom: 10px;
        padding-left: 20px; } }
  .l-header__logo span {
    margin-top: 5px;
    margin-left: 11px;
    line-height: 1.4;
    -webkit-font-feature-settings: 'palt' 1;
            font-feature-settings: 'palt' 1;
    font-weight: 600;
    font-weight: bold;
    white-space: nowrap; }
    @media only screen and (max-width: 47.9375em) {
      .l-header__logo span {
        font-family: "YakuHanJP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "arial"; } }
    @media print, screen and (min-width: 48em) {
      .l-header__logo span {
        font-family: "YakuHanJP", "Yu Gothic", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "arial"; } }
    @media only screen and (max-width: 47.9375em) {
      .l-header__logo span {
        font-size: 10px;
        font-size: 0.625rem; } }
    @media print, screen and (min-width: 48em) {
      .l-header__logo span {
        font-size: 13px;
        font-size: 0.8125rem; } }

.l-header__img {
  position: relative; }
  @media only screen and (max-width: 47.9375em) {
    .l-header__img {
      width: 84px;
      height: 22px; } }
  @media print, screen and (min-width: 48em) {
    .l-header__img {
      width: 107px;
      height: 28px; } }
  .l-header__img img {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transition: opacity linear 0.15s;
    transition: opacity linear 0.15s; }
    @media only screen and (max-width: 47.9375em) {
      .l-header__img img {
        width: auto;
        height: 22px; } }
    @media print, screen and (min-width: 48em) {
      .l-header__img img {
        width: auto;
        height: 28px; } }

.l-header__green-logo {
  opacity: 1; }

.l-header__white-logo {
  opacity: 0; }

/* ==========================================================================
* ナビゲーション サイド
========================================================================== */
.l-header__nav {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }
  @media print, screen and (min-width: 48em) {
    .l-header__nav {
      height: 100%; } }
  @media only screen and (max-width: 63.9375em) {
    .l-header__nav {
      position: fixed;
      overflow-y: auto;
      z-index: 1100;
      top: 0;
      left: 0;
      width: 75%;
      height: 100%;
      background-color: #fff;
      -webkit-transform: translate(-100%, 0);
              transform: translate(-100%, 0); } }
  @media print, screen and (min-width: 64em) {
    .l-header__nav {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: end;
          -ms-flex-pack: end;
              justify-content: flex-end;
      -webkit-box-align: stretch;
          -ms-flex-align: stretch;
              align-items: stretch;
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1; } }
  .l-header__nav.animation {
    -webkit-transition: -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.4s;
    transition: -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.4s;
    transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.4s;
    transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.4s, -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.4s; }
  .l-header__nav.-active {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); }

.l-header__main {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%; }
  @media only screen and (max-width: 63.9375em) {
    .l-header__main {
      position: relative;
      margin-top: 34px; } }
  @media print, screen and (min-width: 64em) {
    .l-header__main {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      width: auto;
      padding: 0;
      -webkit-transition: none;
      transition: none; } }

@media only screen and (max-width: 63.9375em) {
  .l-header__item {
    opacity: 0;
    -webkit-transform: translate(0, 10px);
            transform: translate(0, 10px);
    width: 100%;
    border-bottom: solid 1px rgba(51, 51, 51, 0.1);
    -webkit-transition: all cubic-bezier(0.215, 0.61, 0.355, 1) 0.4s;
    transition: all cubic-bezier(0.215, 0.61, 0.355, 1) 0.4s; } }

@media only screen and (max-width: 63.9375em) {
  .l-header__item.-active {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); } }

/* -----------------------------------------------------------------
/* .l-header__item > a, button 共通
----------------------------------------------------------------- */
.l-header__link {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  line-height: 1.4;
  -webkit-font-feature-settings: 'palt' 1;
          font-feature-settings: 'palt' 1;
  font-weight: 600;
  font-weight: bold;
  font-size: 14px;
  font-size: 0.875rem;
  color: #222;
  line-height: 1.4;
  text-decoration: none; }
  @media only screen and (max-width: 47.9375em) {
    .l-header__link {
      font-family: "YakuHanJP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "arial"; } }
  @media print, screen and (min-width: 48em) {
    .l-header__link {
      font-family: "YakuHanJP", "Yu Gothic", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "arial"; } }
  @media only screen and (max-width: 63.9375em) {
    .l-header__link {
      display: block;
      width: 100%;
      padding-top: 15px;
      padding-bottom: 15px;
      padding-right: 24px;
      padding-left: 24px;
      font-size: 14px;
      font-size: 0.875rem; } }
  @media print, screen and (min-width: 64em) {
    .l-header__link {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      height: 100%;
      padding-right: 10px;
      padding-left: 10px;
      font-size: 14px;
      font-size: 0.875rem;
      -webkit-transition: padding cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, color cubic-bezier(0.215, 0.61, 0.355, 1) 0.1s, background-color cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
      transition: padding cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, color cubic-bezier(0.215, 0.61, 0.355, 1) 0.1s, background-color cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s; } }
  @media print, screen and (min-width: 75em) {
    .l-header__link {
      padding-right: 20px;
      padding-left: 20px; } }
  @media print, screen and (min-width: 64em) {
    .l-header__link:before {
      display: none;
      position: absolute;
      top: 0;
      left: 50%;
      -webkit-transform: translate(-50%, 0);
              transform: translate(-50%, 0);
      width: calc(100% - 20px - 20px);
      height: 3px;
      background-color: #036;
      content: ''; } }
  .l-header__link span {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    position: relative; }
    @media print, screen and (min-width: 64em) {
      .l-header__link span {
        display: block;
        overflow: hidden; } }
  @media print, screen and (min-width: 64em) {
    .l-header__link:hover, .l-header__link.-open, .l-header__link.-current {
      color: #036; } }
  .l-header__link.-current:before {
    display: block; }
  .-open .l-header__link {
    color: #222; }

@media only screen and (max-width: 47.9375em) and (max-width: 47.9375em) {
  .l-header__link.-current {
    color: #036; } }
  @media only screen and (max-width: 47.9375em) {
    .l-header__link.-open.-current {
      color: #036; } }

@media only screen and (max-width: 47.9375em) {
  span.l-header__link__sp {
    display: block; } }

@media print, screen and (min-width: 48em) {
  span.l-header__link__sp {
    display: none; } }

@media only screen and (max-width: 47.9375em) {
  span.l-header__link__pc {
    display: none; } }

@media print, screen and (min-width: 48em) {
  span.l-header__link__pc {
    display: block; } }

@media only screen and (max-width: 63.9375em) {
  .l-header__link.-trigger:before, .l-header__link.-trigger:after {
    position: absolute;
    display: block;
    top: 50%;
    background-color: #222;
    -webkit-transition: background-color cubic-bezier(0.215, 0.61, 0.355, 1) 0.4s, -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.4s;
    transition: background-color cubic-bezier(0.215, 0.61, 0.355, 1) 0.4s, -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.4s;
    transition: background-color cubic-bezier(0.215, 0.61, 0.355, 1) 0.4s, transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.4s;
    transition: background-color cubic-bezier(0.215, 0.61, 0.355, 1) 0.4s, transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.4s, -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.4s;
    content: ''; } }

@media only screen and (max-width: 63.9375em) {
  .l-header__link.-trigger:before {
    width: 12px;
    height: 2px;
    right: 24px;
    -webkit-transform: translate(0, -50%);
            transform: translate(0, -50%); } }

@media only screen and (max-width: 63.9375em) {
  .l-header__link.-trigger:after {
    width: 2px;
    height: 12px;
    right: 29px;
    -webkit-transform: translate(0, -50%) rotate(0deg);
            transform: translate(0, -50%) rotate(0deg); } }

@media only screen and (max-width: 63.9375em) {
  .l-header__link.-trigger.-open:after {
    -webkit-transform: translate(0, -50%) rotate(90deg);
            transform: translate(0, -50%) rotate(90deg); } }

.l-header__sub {
  margin-top: 28px;
  padding-left: 24px; }
  @media print, screen and (min-width: 64em) {
    .l-header__sub {
      display: none; } }
  .l-header__sub li {
    opacity: 0;
    margin-top: 5px;
    -webkit-transform: translate(0, 10px);
            transform: translate(0, 10px);
    -webkit-transition: all cubic-bezier(0.215, 0.61, 0.355, 1) 0.4s;
    transition: all cubic-bezier(0.215, 0.61, 0.355, 1) 0.4s; }
    @media only screen and (max-width: 63.9375em) {
      .l-header__sub li.-active {
        opacity: 1;
        -webkit-transform: translate(0, 0);
                transform: translate(0, 0); } }
  .l-header__sub a {
    display: inline-block;
    color: #888888;
    font-size: 12px;
    font-size: 0.75rem; }

/* お問い合わせボタン
----------------------------------------------------------------- */
.l-header__contact {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }
  @media only screen and (max-width: 63.9375em) {
    .l-header__contact {
      padding-right: 5.334%;
      -webkit-transition: all cubic-bezier(0.215, 0.61, 0.355, 1) 0.4s;
      transition: all cubic-bezier(0.215, 0.61, 0.355, 1) 0.4s; } }
  @media print, screen and (min-width: 64em) {
    .l-header__contact {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      margin-left: 20px;
      padding-right: 40px; } }
  .l-header__contact .c-circle-arrow {
    display: none; }

/* SPロゴ
----------------------------------------------------------------- */
.l-header__splogo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  opacity: 0;
  padding-top: 24px;
  padding-bottom: 24px;
  padding-right: 24px;
  padding-left: 24px;
  -webkit-transform: translate(0, 10px);
          transform: translate(0, 10px);
  -webkit-transition: all cubic-bezier(0.215, 0.61, 0.355, 1) 0.4s;
  transition: all cubic-bezier(0.215, 0.61, 0.355, 1) 0.4s; }
  @media print, screen and (min-width: 64em) {
    .l-header__splogo {
      display: none; } }
  @media only screen and (max-width: 63.9375em) {
    .l-header__splogo.-active {
      opacity: 1;
      -webkit-transform: translate(0, 0);
              transform: translate(0, 0); } }
  .l-header__splogo img {
    display: block;
    width: auto;
    height: 24px; }
  .l-header__splogo span {
    display: block;
    margin-top: -1px;
    margin-left: 10px;
    font-weight: bold;
    font-size: 10px;
    font-size: 0.625rem; }

.l-localheader {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  background-color: #333333; }
  @media print, screen and (min-width: 48em) {
    .l-localheader {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      height: 48px;
      padding-right: 30px;
      padding-left: 30px; } }

.l-localheader__block {
  position: relative; }
  @media print, screen and (min-width: 48em) {
    .l-localheader__block {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      height: 100%; } }
  .l-localheader__block:last-child {
    display: none; }
    @media print, screen and (min-width: 75em) {
      .l-localheader__block:last-child {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; } }

.l-localheader__head {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  color: #fff; }
  @media only screen and (max-width: 47.9375em) {
    .l-localheader__head {
      height: 34px;
      padding-top: 5px;
      padding-right: 5.334%;
      padding-left: 5.334%;
      font-weight: bold;
      font-size: 14px;
      font-size: 0.875rem; } }
  @media print, screen and (min-width: 48em) {
    .l-localheader__head {
      padding-top: 10px;
      font-size: 15px;
      font-size: 0.9375rem; } }

.l-localheader__icon {
  display: inline-block;
  width: 13px;
  height: 5px; }
  .l-localheader__icon.-absolute {
    position: absolute;
    top: 54%;
    right: 0; }
  .l-localheader__icon:before, .l-localheader__icon:after {
    display: block;
    position: absolute;
    top: 0%;
    width: 8px;
    height: 2px;
    background-color: #fff;
    -webkit-transition: color ease 0.1s, -webkit-transform cubic-bezier(0.86, 0, 0.07, 1) 0.4s;
    transition: color ease 0.1s, -webkit-transform cubic-bezier(0.86, 0, 0.07, 1) 0.4s;
    transition: transform cubic-bezier(0.86, 0, 0.07, 1) 0.4s, color ease 0.1s;
    transition: transform cubic-bezier(0.86, 0, 0.07, 1) 0.4s, color ease 0.1s, -webkit-transform cubic-bezier(0.86, 0, 0.07, 1) 0.4s;
    content: ''; }
  .l-localheader__icon:before {
    left: 0;
    -webkit-transform: translate(0, 0) rotate(45deg);
            transform: translate(0, 0) rotate(45deg); }
  .l-localheader__icon:after {
    right: 0;
    -webkit-transform: translate(0, 0) rotate(-45deg);
            transform: translate(0, 0) rotate(-45deg); }
  @media print, screen and (min-width: 48em) {
    .l-localheader__icon {
      display: none; } }
  .l-localheader__icon.-absolute {
    top: 50%;
    right: 5.334%; }
  @media print, screen and (min-width: 64em) {
    .l-localheader__head.-open .l-localheader__icon:before, .l-localheader__head.-open .l-localheader__icon:after {
      background-color: #036; } }
  .l-localheader__head.-open .l-localheader__icon:before {
    -webkit-transform: translate(0, 0) rotate(-45deg);
            transform: translate(0, 0) rotate(-45deg); }
  .l-localheader__head.-open .l-localheader__icon:after {
    -webkit-transform: translate(0, 0) rotate(45deg);
            transform: translate(0, 0) rotate(45deg); }

@media only screen and (max-width: 47.9375em) {
  .l-localheader__main {
    position: absolute;
    top: 34px;
    overflow: hidden;
    z-index: 100;
    width: 100%;
    height: 0;
    background-color: #262626; } }

@media print, screen and (min-width: 48em) {
  .l-localheader__main {
    margin-left: 7px; } }

.l-localheader__main.-animation {
  -webkit-transition: height cubic-bezier(0.215, 0.61, 0.355, 1) 0.4s;
  transition: height cubic-bezier(0.215, 0.61, 0.355, 1) 0.4s; }

@media only screen and (max-width: 47.9375em) {
  .l-localheader__block.-open .l-localheader__main {
    height: calc(100vh - 65px - 34px); } }

@media only screen and (max-width: 47.9375em) {
  .l-localheader__menu {
    padding-top: 12px; } }

@media print, screen and (min-width: 48em) {
  .l-localheader__menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%; } }

.l-localheader__menu a {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: block;
  color: #fff; }
  @media only screen and (max-width: 47.9375em) {
    .l-localheader__menu a {
      padding-top: 4px;
      padding-bottom: 4px;
      padding-right: 5.334%;
      padding-left: 5.334%;
      font-weight: bold;
      font-size: 13px;
      font-size: 0.8125rem; } }
  @media print, screen and (min-width: 48em) {
    .l-localheader__menu a {
      height: 100%;
      padding-top: 10px;
      padding-right: 14px;
      padding-left: 14px;
      font-size: 15px;
      font-size: 0.9375rem; } }
  @media print, screen and (min-width: 48em) {
    .l-localheader__menu a.-current {
      color: #036;
      font-weight: bold; } }
  @media print, screen and (min-width: 64em) {
    .l-localheader__menu a:hover {
      color: #036; } }

@media print, screen and (min-width: 48em) {
  .l-localheader__menu .c-circle-arrow {
    display: none; } }

.l-localheader__sub {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .l-localheader__sub a {
    display: block;
    height: 100%;
    padding-top: 10px;
    padding-right: 16px;
    padding-left: 16px;
    font-size: 15px;
    font-size: 0.9375rem;
    color: #fff; }
    @media print, screen and (min-width: 64em) {
      .l-localheader__sub a:hover {
        color: #036; } }

.l-localheader__tel {
  padding-left: 13px; }
  .l-localheader__tel a {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: block;
    padding-top: 6px;
    -webkit-font-feature-settings: 'palt' 1;
            font-feature-settings: 'palt' 1;
    font-family: "din-2014", sans-serif;
    font-weight: 400;
    font-size: 20px;
    font-size: 1.25rem;
    color: #fff; }
  .l-localheader__tel svg {
    width: 14px;
    height: 14px;
    margin-right: 10px;
    fill: #fff; }

.l-menu-button {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: fixed;
  right: 16px;
  bottom: 50px;
  z-index: 1110;
  width: 60px;
  height: 60px;
  padding-top: 8px;
  border: none;
  background-color: #fff;
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
          box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
  font-family: "YakuHanJP", "Yu Gothic Medium", "游ゴシック Medium", "Yu Gothic", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "arial";
  outline: none;
  cursor: pointer; }
  @media print, screen and (min-width: 64em) {
    .l-menu-button {
      display: none; } }
  .fixed .l-menu-button {
    display: none; }

.l-menu-button__line {
  display: block;
  position: relative;
  overflow: hidden;
  width: 20px;
  height: 16px;
  margin-right: auto;
  margin-left: auto;
  padding: 0;
  background-color: transparent; }
  .l-menu-button__line .l-menu-button__line-1, .l-menu-button__line:before, .l-menu-button__line:after {
    display: block;
    position: absolute;
    width: 100%;
    height: 2px;
    background-color: #222;
    -webkit-transition: -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s;
    transition: -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s;
    transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s;
    transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s, -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s; }
  .l-menu-button__line .l-menu-button__line-1 {
    top: 7px;
    left: 0;
    -webkit-transition-delay: 0.1s;
            transition-delay: 0.1s; }
  .l-menu-button__line:before {
    top: 0;
    left: 0;
    -webkit-transition-delay: 0s;
            transition-delay: 0s;
    content: ''; }
  .l-menu-button__line:after {
    bottom: 0;
    left: 0;
    -webkit-transition-delay: 0.2s;
            transition-delay: 0.2s;
    content: ''; }
  .l-menu-button.-active .l-menu-button__line .l-menu-button__line-1, .l-menu-button.-active .l-menu-button__line:before, .l-menu-button.-active .l-menu-button__line:after {
    -webkit-transform: translate(100%, 0);
            transform: translate(100%, 0); }

.l-menu-button__line-2 {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%; }
  .l-menu-button__line-2:before, .l-menu-button__line-2:after {
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #036;
    -webkit-transition: -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s 0.4s;
    transition: -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s 0.4s;
    transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s 0.4s;
    transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s 0.4s, -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s 0.4s;
    content: ''; }
  .l-menu-button__line-2:before {
    -webkit-transform: translate(-16px, -16px) rotate(45deg);
            transform: translate(-16px, -16px) rotate(45deg);
    -webkit-transition-delay: 0.4s;
            transition-delay: 0.4s; }
  .l-menu-button__line-2:after {
    -webkit-transform: translate(-16px, 16px) rotate(-45deg);
            transform: translate(-16px, 16px) rotate(-45deg);
    -webkit-transition-delay: 0.5s;
            transition-delay: 0.5s; }
  .l-menu-button.-active .l-menu-button__line-2:before {
    -webkit-transform: translate(0, 0) rotate(45deg);
            transform: translate(0, 0) rotate(45deg); }
  .l-menu-button.-active .l-menu-button__line-2:after {
    -webkit-transform: translate(0, 0) rotate(-45deg);
            transform: translate(0, 0) rotate(-45deg); }

.l-menu-button__line {
  border: none;
  position: relative;
  width: 24px;
  height: 19px;
  padding: 0;
  background-color: transparent; }
  @media print, screen and (min-width: 64em) {
    .l-menu-button__line {
      top: 23px; } }
  .l-menu-button__line span {
    display: block;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    top: 9px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
    -webkit-transition: all cubic-bezier(0.215, 0.61, 0.355, 1) 0.85s;
    transition: all cubic-bezier(0.215, 0.61, 0.355, 1) 0.85s; }
  .l-menu-button__line:before, .l-menu-button__line:after {
    content: '';
    -webkit-transition: -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.85s;
    transition: -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.85s;
    transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.85s;
    transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.85s, -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.85s; }
  .l-menu-button__line:before {
    top: 0;
    left: 0; }
  .l-menu-button__line:after {
    bottom: 0;
    left: 0; }
  .l-menu-button__line span, .l-menu-button__line:before, .l-menu-button__line:after {
    position: absolute;
    width: 100%;
    height: 2px;
    background-color: #222; }
  .l-menu-button.-active .l-menu-button__line span {
    width: 0; }
  @media only screen and (max-width: 63.9375em) {
    .l-menu-button.-active .l-menu-button__line:before {
      -webkit-transform: translateY(8px) rotate(45deg);
              transform: translateY(8px) rotate(45deg); } }
  @media print, screen and (min-width: 64em) {
    .l-menu-button.-active .l-menu-button__line:before {
      -webkit-transform: translateY(11px) rotate(45deg);
              transform: translateY(11px) rotate(45deg); } }
  @media only screen and (max-width: 63.9375em) {
    .l-menu-button.-active .l-menu-button__line:after {
      -webkit-transform: translateY(-9px) rotate(-45deg);
              transform: translateY(-9px) rotate(-45deg); } }
  @media print, screen and (min-width: 64em) {
    .l-menu-button.-active .l-menu-button__line:after {
      -webkit-transform: translateY(-11px) rotate(-45deg);
              transform: translateY(-11px) rotate(-45deg); } }

.l-menu-button__text {
  display: block;
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 10px;
  margin-top: 6px;
  font-weight: bold;
  font-size: 8px;
  font-size: 0.5rem;
  text-align: center; }

.l-menu-button__text1,
.l-menu-button__text2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 20px;
  line-height: 1; }
  .l-menu-button__text1 span,
  .l-menu-button__text2 span {
    display: block; }
    .l-menu-button__text1 span:nth-child(1),
    .l-menu-button__text2 span:nth-child(1) {
      -webkit-transition: -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.85s 0.05s;
      transition: -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.85s 0.05s;
      transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.85s 0.05s;
      transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.85s 0.05s, -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.85s 0.05s; }
    .l-menu-button__text1 span:nth-child(2),
    .l-menu-button__text2 span:nth-child(2) {
      -webkit-transition: -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.85s 0.1s;
      transition: -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.85s 0.1s;
      transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.85s 0.1s;
      transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.85s 0.1s, -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.85s 0.1s; }
    .l-menu-button__text1 span:nth-child(3),
    .l-menu-button__text2 span:nth-child(3) {
      -webkit-transition: -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.85s 0.15s;
      transition: -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.85s 0.15s;
      transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.85s 0.15s;
      transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.85s 0.15s, -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.85s 0.15s; }
    .l-menu-button__text1 span:nth-child(4),
    .l-menu-button__text2 span:nth-child(4) {
      -webkit-transition: -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.85s 0.2s;
      transition: -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.85s 0.2s;
      transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.85s 0.2s;
      transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.85s 0.2s, -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.85s 0.2s; }
    .l-menu-button.-active .l-menu-button__text1 span, .l-menu-button.-active
    .l-menu-button__text2 span {
      -webkit-transform: translate(0, -100%);
              transform: translate(0, -100%); }

/* Body直下のwrapper
----------------------------------------------------------------- */
.l-root-container {
  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;
  height: 100vh; }
  @media print {
    .browser-is-ff .l-root-container {
      display: block; } }
  .browser-is-ie .l-root-container {
    display: block; }

@media print {
  .browser-is-ff .l-header {
    position: absolute !important; } }

.l-content-container {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  background-color: #f7f7f7; }
  @media only screen and (max-width: 63.9375em) {
    .l-content-container {
      margin-top: 68px; } }
  @media print, screen and (min-width: 64em) {
    .l-content-container {
      margin-top: 96px; } }
  .l-content-container.-padding_0 {
    margin-top: 0; }
  @media print, screen and (min-width: 64em) {
    .l-content-container.-padding_s {
      margin-top: 80px; } }
  .l-content-container.-white {
    background-color: #fff; }

 .l-contact {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  width: 100%; }
  @media print, screen and (min-width: 48em) {
    .l-contact {
      padding-bottom: 60px; } }
  @media print, screen and (min-width: 64em) {
    .l-contact {
      padding-bottom: 100px; } }

@media only screen and (max-width: 47.9375em) {
  .l-contact__img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: relative;
    overflow: hidden;
    max-height: 120px;
    background-image: none; } }

@media print, screen and (min-width: 48em) {
  .l-contact__img {
    width: 100%;
    height: 31.28vw;
    max-height: 400px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover; } }

@media print, screen and (min-width: 64em) {
  .l-contact__img {
    width: 100%;
    height: 22.85vw;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover; } }

@media only screen and (max-width: 47.9375em) {
  .l-contact__img img {
    display: block;
    width: 100%; } }

@media print, screen and (min-width: 48em) {
  .l-contact__img img {
    display: none; } }

.l-contact__inner {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative; }
  @media print, screen and (min-width: 48em) {
    .l-contact__inner {
      padding-right: 5.334%;
      padding-left: 5.334%; } }

.l-contact__board {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  width: 100%;
  max-width: 1200px;
  margin-right: auto;
  margin-left: auto;
  background-color: #fff; }
  @media print, screen and (min-width: 48em) {
    .l-contact__board {
      margin-top: -80px; } }

@media print, screen and (min-width: 48em) {
  .l-contact__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse; } }

.l-contact__item {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-style: solid;
  border-color: #e6e6e6; }
  @media only screen and (max-width: 47.9375em) {
    .l-contact__item {
      width: 100%;
      padding-top: 36px;
      padding-bottom: 50px;
      padding-right: 5.334%;
      padding-left: 5.334%;
      border-width: 1px 0 0 0; } }
  @media print, screen and (min-width: 48em) {
    .l-contact__item {
      width: 50%;
      padding-top: 40px;
      padding-bottom: 40px;
      padding-right: 32px;
      padding-left: 32px;
      border-width: 0 1px 0 0; } }
  @media print, screen and (min-width: 64em) {
    .l-contact__item {
      padding-top: 68px;
      padding-bottom: 80px;
      padding-right: 80px;
      padding-left: 80px; } }
  .l-contact__item:first-child {
    border-width: 0; }

.l-contact__heading {
  line-height: 1.4;
  -webkit-font-feature-settings: 'palt' 1;
          font-feature-settings: 'palt' 1;
  font-weight: 600;
  line-height: 1.5; }
  @media only screen and (max-width: 47.9375em) {
    .l-contact__heading {
      font-family: "YakuHanJP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "arial"; } }
  @media print, screen and (min-width: 48em) {
    .l-contact__heading {
      font-family: "YakuHanJP", "Yu Gothic", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "arial"; } }
  @media only screen and (max-width: 47.9375em) {
    .l-contact__heading {
      font-size: 18px;
      font-size: 1.125rem; } }
  @media print, screen and (min-width: 48em) {
    .l-contact__heading {
      font-size: 26px;
      font-size: 1.625rem;
      text-align: center; } }

.l-contact__desc {
  display: block;
  text-align: justify;
  text-justify: inter-ideograph;
  line-height: 1.75;
  text-align: center; }
  @media only screen and (max-width: 47.9375em) {
    .l-contact__desc {
      font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "arial";
      line-height: 2; } }
  @media print, screen and (min-width: 48em) {
    .l-contact__desc {
      font-family: "Yu Gothic Medium", "游ゴシック Medium", "Yu Gothic", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "arial"; } }
  @media only screen and (max-width: 47.9375em) {
    .l-contact__desc {
      margin-top: 10px;
      font-weight: bold;
      font-size: 14px;
      font-size: 0.875rem; } }
  @media print, screen and (min-width: 48em) {
    .l-contact__desc {
      margin-top: 11px;
      font-size: 16px;
      font-size: 1rem; } }

.l-page-top {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }
  @media only screen and (max-width: 63.9375em) {
    .l-page-top {
      position: relative;
      background-color: #f7f7f7; } }
  @media print, screen and (min-width: 64em) {
    .l-page-top {
      visibility: hidden;
      opacity: 0;
      position: fixed;
      right: 40px;
      bottom: 40px;
      width: 60px;
      height: 60px;
      z-index: 20;
      -webkit-transform: translateY(10px);
              transform: translateY(10px);
      -webkit-box-shadow: 0 3px 4px rgba(0, 0, 0, 0.1);
              box-shadow: 0 3px 4px rgba(0, 0, 0, 0.1);
      -webkit-transition: all cubic-bezier(0.215, 0.61, 0.355, 1) 0.4s;
      transition: all cubic-bezier(0.215, 0.61, 0.355, 1) 0.4s; } }
  @media print, screen and (min-width: 64em) {
    .l-page-top.-absolute {
      position: absolute;
      top: -30px;
      bottom: auto; } }
  .l-page-top.-visible {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); }
  .l-page-top > a {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: block;
    position: relative;
    width: 100%;
    text-align: center; }
    @media only screen and (max-width: 63.9375em) {
      .l-page-top > a {
        padding-top: 11px;
        padding-bottom: 12px;
        font-weight: bold;
        font-size: 12px;
        font-size: 0.75rem;
        color: #036; } }
    @media print, screen and (min-width: 64em) {
      .l-page-top > a {
        overflow: hidden;
        height: 100%;
        padding-top: 12px;
        background-color: #fff; } }
    .l-page-top > a:before {
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      display: block;
      position: absolute;
      z-index: 20;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: #036;
      -webkit-transform: translate(0, 100%);
              transform: translate(0, 100%);
      -webkit-transition: -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.4s;
      transition: -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.4s;
      transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.4s;
      transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.4s, -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.4s; }
      @media print, screen and (min-width: 64em) {
        .l-page-top > a:before {
          content: ''; } }
    .l-page-top > a:after {
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      display: block;
      position: absolute;
      top: 50%;
      width: 8px;
      height: 8px;
      border-style: solid;
      border-width: 1px 0 0 1px;
      -webkit-transform: translate(0, -50%) rotate(45deg);
              transform: translate(0, -50%) rotate(45deg);
      border-color: #222;
      -webkit-transition: border-color cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
      transition: border-color cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
      transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, border-color cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
      transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, border-color cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden;
      content: '';
      z-index: 30;
      top: 54%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%) rotate(45deg);
              transform: translate(-50%, -50%) rotate(45deg);
      -webkit-transition: border-color cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s, -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.85s;
      transition: border-color cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s, -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.85s;
      transition: border-color cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s, transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.85s;
      transition: border-color cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s, transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.85s, -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.85s; }
      @media only screen and (max-width: 63.9375em) {
        .l-page-top > a:after {
          display: none; } }
    @media print, screen and (min-width: 64em) {
      .l-page-top > a:hover:before {
        -webkit-transform: translate(0, 0);
                transform: translate(0, 0); } }
    @media print, screen and (min-width: 64em) {
      .l-page-top > a:hover:after {
        border-color: #fff;
        -webkit-transform: translate(-50%, calc(-50% - 4px)) rotate(45deg);
                transform: translate(-50%, calc(-50% - 4px)) rotate(45deg); } }
  @media print, screen and (min-width: 64em) {
    .l-page-top span {
      display: none; } }
  .l-page-top i {
    top: 0.3em; }
    @media print, screen and (min-width: 64em) {
      .l-page-top i {
        display: none; } }

.l-footer {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  width: 100%;
  background-color: #333333; }

.l-footer__inner {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative; }
  @media only screen and (max-width: 47.9375em) {
    .l-footer__inner {
      padding-top: 60px;
      padding-bottom: 98px; } }
  @media print, screen and (min-width: 48em) {
    .l-footer__inner {
      padding-top: 100px;
      padding-bottom: 116px;
      padding-right: 5.334%;
      padding-left: 5.334%; } }

/* ロゴブロック
----------------------------------------------------------------- */
.l-footer__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  @media only screen and (max-width: 47.9375em) {
    .l-footer__top {
      padding-right: 5.334%;
      padding-left: 5.334%; } }
  @media print, screen and (min-width: 48em) {
    .l-footer__top {
      max-width: 1200px;
      margin-right: auto;
      margin-left: auto; } }

.l-footer__name {
  margin-left: 16px;
  line-height: 1.4;
  -webkit-font-feature-settings: 'palt' 1;
          font-feature-settings: 'palt' 1;
  font-weight: 600;
  font-weight: bold;
  color: #fff; }
  @media only screen and (max-width: 47.9375em) {
    .l-footer__name {
      font-family: "YakuHanJP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "arial"; } }
  @media print, screen and (min-width: 48em) {
    .l-footer__name {
      font-family: "YakuHanJP", "Yu Gothic", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "arial"; } }
  @media only screen and (max-width: 47.9375em) {
    .l-footer__name {
      margin-top: 6px;
      font-size: 10px;
      font-size: 0.625rem; } }
  @media print, screen and (min-width: 48em) {
    .l-footer__name {
      margin-top: 7px;
      font-size: 12px;
      font-size: 0.75rem; } }

@media only screen and (max-width: 47.9375em) {
  .l-footer__logo {
    width: 121px;
    height: 32px; } }

@media print, screen and (min-width: 48em) {
  .l-footer__logo {
    width: 139px;
    height: 37px; } }

.l-footer__logo a {
  display: block; }

.l-footer__logo img {
  display: block;
  width: 100%; }

/* リンク部分
----------------------------------------------------------------- */
.l-footer__middle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  @media only screen and (max-width: 47.9375em) {
    .l-footer__middle {
      margin-top: 46px;
      padding-right: 5.334%;
      padding-left: 5.334%; } }
  @media print, screen and (min-width: 48em) {
    .l-footer__middle {
      max-width: 1200px;
      margin-top: 6px;
      margin-right: auto;
      margin-left: auto; } }
  @media print, screen and (min-width: 75em) {
    .l-footer__middle {
      margin-top: 64px; } }

.l-footer__block {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }
  @media only screen and (max-width: 47.9375em) {
    .l-footer__block {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      width: 100%;
      padding-top: 29px;
      padding-bottom: 30px;
      border-top: solid 1px rgba(249, 249, 249, 0.1); } }
  @media print, screen and (min-width: 48em) {
    .l-footer__block {
      width: 33.33%;
      margin-top: 36px; } }
  @media print, screen and (min-width: 75em) {
    .l-footer__block {
      width: 20%;
      margin-top: 0;
      margin-left: 0; } }
  @media only screen and (max-width: 47.9375em) {
    .l-footer__block:first-child {
      padding-top: 0;
      border-top: none; } }
  @media print, screen and (min-width: 48em) {
    .l-footer__block:first-child {
      margin-left: 0; } }
  @media print, screen and (min-width: 48em) {
    .l-footer__block.-home {
      margin-bottom: 23px; } }

@media print, screen and (min-width: 48em) {
  .l-footer__block__requirements {
    margin-top: 21px; } }

@media print, screen and (min-width: 48em) {
  .l-footer__set {
    width: 33.33%;
    margin-top: 36px; } }

@media print, screen and (min-width: 75em) {
  .l-footer__set {
    width: 20%;
    margin-top: 0; } }

@media print, screen and (min-width: 48em) {
  .l-footer__set .l-footer__block {
    width: 100%;
    margin-top: 0; } }

.l-footer__parent {
  display: block;
  line-height: 1.4;
  -webkit-font-feature-settings: 'palt' 1;
          font-feature-settings: 'palt' 1;
  font-weight: 600;
  font-weight: bold;
  color: #fff; }
  @media only screen and (max-width: 47.9375em) {
    .l-footer__parent {
      font-family: "YakuHanJP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "arial"; } }
  @media print, screen and (min-width: 48em) {
    .l-footer__parent {
      font-family: "YakuHanJP", "Yu Gothic", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "arial"; } }
  @media only screen and (max-width: 47.9375em) {
    .l-footer__parent {
      min-width: 93px;
      padding-top: 2px;
      font-size: 11px;
      font-size: 0.6875rem; } }
  @media print, screen and (min-width: 48em) {
    .l-footer__parent {
      margin-top: 23px;
      font-size: 15px;
      font-size: 0.9375rem; } }
  .l-footer__parent:first-child {
    margin-top: 0; }
  @media print, screen and (min-width: 64em) {
    .l-footer__parent:hover {
      color: #fff;
      text-decoration: underline; } }

@media only screen and (max-width: 47.9375em) {
  .l-footer__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin-top: -10px;
    margin-left: -10px; } }

@media print, screen and (min-width: 48em) {
  .l-footer__list {
    margin-top: 16px; } }

@media print, screen and (min-width: 48em) {
  .l-footer__list.-mt_small {
    margin-top: 10px; } }

.l-footer__link {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }
  @media only screen and (max-width: 47.9375em) {
    .l-footer__link {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      width: calc(50% - 10px);
      margin-top: 10px;
      margin-left: 10px; } }
  @media print, screen and (min-width: 48em) {
    .l-footer__link {
      margin-top: 10px; } }
  @media print, screen and (min-width: 48em) {
    .l-footer__link:first-child {
      margin-top: 0; } }
  .l-footer__link a {
    color: #fff; }
    @media only screen and (max-width: 47.9375em) {
      .l-footer__link a {
        font-size: 11px;
        font-size: 0.6875rem; } }
    @media print, screen and (min-width: 48em) {
      .l-footer__link a {
        display: inline-block;
        font-size: 13px;
        font-size: 0.8125rem; } }
    @media print, screen and (min-width: 64em) {
      .l-footer__link a:hover {
        color: #fff;
        text-decoration: underline; } }

/* フッター下部
----------------------------------------------------------------- */
.l-footer__bottom {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }
  @media only screen and (max-width: 47.9375em) {
    .l-footer__bottom {
      margin-top: 20px;
      padding-right: 5.334%;
      padding-left: 5.334%;
      border-top: solid 1px rgba(249, 249, 249, 0.1); } }
  @media print, screen and (min-width: 48em) {
    .l-footer__bottom {
      margin-top: 48px; } }
  @media print, screen and (min-width: 64em) {
    .l-footer__bottom {
      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;
      max-width: 1200px;
      margin-top: 106px;
      margin-right: auto;
      margin-left: auto; } }

.l-footer__other {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  @media only screen and (max-width: 47.9375em) {
    .l-footer__other {
      margin-top: -18px;
      padding-top: 35px; } }
  .l-footer__other li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }
    @media only screen and (max-width: 47.9375em) {
      .l-footer__other li {
        width: 50%;
        margin-top: 18px;
        padding-right: 10px; } }
    @media print, screen and (min-width: 48em) {
      .l-footer__other li {
        margin-left: 24px; } }
    @media print, screen and (min-width: 64em) {
      .l-footer__other li {
        display: block;
        margin-left: 24px; } }
    .l-footer__other li:first-child {
      margin-left: 0; }
  .l-footer__other a {
    color: #fff; }
    @media only screen and (max-width: 47.9375em) {
      .l-footer__other a {
        font-size: 10px;
        font-size: 0.625rem; } }
    @media print, screen and (min-width: 48em) {
      .l-footer__other a {
        font-size: 12px;
        font-size: 0.75rem; } }
    @media print, screen and (min-width: 64em) {
      .l-footer__other a:hover {
        text-decoration: underline; } }

.l-footer__copyright {
  display: block;
  margin-top: 45px;
  -webkit-font-feature-settings: 'palt' 1;
          font-feature-settings: 'palt' 1;
  font-family: "din-2014", sans-serif;
  font-weight: 400;
  color: #fff;
  letter-spacing: 0.1em; }
  @media only screen and (max-width: 47.9375em) {
    .l-footer__copyright {
      font-size: 10px;
      font-size: 0.625rem; } }
  @media print, screen and (min-width: 48em) {
    .l-footer__copyright {
      font-size: 11px;
      font-size: 0.6875rem; } }
  @media print, screen and (min-width: 64em) {
    .l-footer__copyright {
      width: 33.33%;
      margin-top: 6px; } }
  @media print, screen and (min-width: 75em) {
    .l-footer__copyright {
      width: 20%; } }

/* ==========================================================================
* モディファイア
========================================================================== */
/* お問い合わせページのスタイル
----------------------------------------------------------------- */
.l-footer.-simple {
  height: 60px;
  background-color: #fff;
  border-top: solid 1px #e0e0e0; }
  .l-footer.-simple .l-footer__inner {
    height: 100%;
    padding-top: 0;
    padding-bottom: 0; }
  .l-footer.-simple .l-footer__bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 60px;
    margin-top: 0; }
  .l-footer.-simple .l-footer__copyright {
    color: #222;
    width: auto;
    margin: 0; }

/* ==========================================================================
Object
========================================================================== */
.c-annotation {
  text-align: justify;
  text-justify: inter-ideograph;
  line-height: 1.75;
  position: relative;
  margin-top: 4px; }
  @media only screen and (max-width: 47.9375em) {
    .c-annotation {
      font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "arial";
      line-height: 2; } }
  @media print, screen and (min-width: 48em) {
    .c-annotation {
      font-family: "Yu Gothic Medium", "游ゴシック Medium", "Yu Gothic", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "arial"; } }
  @media only screen and (max-width: 47.9375em) {
    .c-annotation {
      padding-left: 22px;
      font-size: 14px;
      font-size: 0.875rem; } }
  @media print, screen and (min-width: 48em) {
    .c-annotation {
      padding-left: 24px;
      font-size: 14px;
      font-size: 0.875rem;
      line-height: 1.9; } }
  .c-annotation:first-child {
    margin-top: 0; }
  .c-annotation:before {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    content: '※'; }
  .c-annotation span {
    display: block;
    font-weight: bold; }
  @media only screen and (max-width: 47.9375em) {
    * + .c-annotation {
      margin-top: 15px; } }
  @media print, screen and (min-width: 48em) {
    * + .c-annotation {
      margin-top: 15px; } }
  .c-annotation + .c-annotation {
    margin-top: 4px; }
    .c-annotation + .c-annotation:first-child {
      margin-top: 0; }

/* ==========================================================================
* モディファイア
========================================================================== */
/* SPで太字
----------------------------------------------------------------- */
@media only screen and (max-width: 47.9375em) {
  .c-annotation.-sp_bold {
    font-weight: bold; } }

/* 無印
----------------------------------------------------------------- */
.c-annotation.-nomark {
  padding-left: 0; }
  .c-annotation.-nomark:before {
    display: none; }

/* 警告
----------------------------------------------------------------- */
.c-annotation.-error {
  padding-left: 0;
  color: #d10000; }
  .c-annotation.-error:before {
    display: none; }

.c-arrow {
  position: relative;
  display: block;
  content: '';
  width: 18px;
  height: 18px; }

/* 方向
----------------------------------------------------------------- */
.c-arrow.-right {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: inline-block;
  position: relative;
  top: -0.1em;
  width: 7px;
  height: 7px;
  border-style: solid;
  border-width: 2px 2px 0 0;
  margin-left: 7px;
  border-color: #036;
  -webkit-transform: translate(0, 0) rotate(45deg);
          transform: translate(0, 0) rotate(45deg);
  -webkit-transition: border-color cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s, -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s;
  transition: border-color cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s, -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s;
  transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s, border-color cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s;
  transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s, border-color cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s, -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  content: ''; }
  @media print, screen and (min-width: 64em) {
    a:hover .c-arrow.-right {
      -webkit-transform: translate(4px, 0) rotate(45deg);
              transform: translate(4px, 0) rotate(45deg); } }

.c-arrow.-left {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: inline-block;
  position: relative;
  top: -0.1em;
  width: 7px;
  height: 7px;
  border-style: solid;
  border-width: 0 0 2px 2px;
  margin-right: 7px;
  border-color: #036;
  -webkit-transform: translate(0, 0) rotate(45deg);
          transform: translate(0, 0) rotate(45deg);
  -webkit-transition: border-color cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s, -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s;
  transition: border-color cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s, -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s;
  transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s, border-color cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s;
  transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s, border-color cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s, -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  content: ''; }
  @media print, screen and (min-width: 64em) {
    a:hover .c-arrow.-left {
      -webkit-transform: translate(-4px, 0) rotate(45deg);
              transform: translate(-4px, 0) rotate(45deg); } }

/* 外部リンク
----------------------------------------------------------------- */
.c-arrow-outside {
  background: url(/recruit_info/common/svg/icon_outside.svg);
  background-repeat: no-repeat;
  position: relative;
  display: inline-block;
  content: '';
  width: 18px;
  height: 18px; }
  @media only screen and (max-width: 47.9375em) {
    .c-arrow-outside {
      background-position: center top 0.65em; } }
  @media print, screen and (min-width: 48em) {
    .c-arrow-outside {
      background-position: center top 0.65em; } }
  @media print, screen and (min-width: 64em) {
    .c-arrow-outside {
      background-position: center top 0.55em; } }

.c-blank {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: inline-block;
  position: relative;
  width: 8px;
  height: 8px;
  margin-left: 5px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%228%22%20height%3D%228%22%20viewBox%3D%220%200%208%208%22%3E\a%20%20%20%20%20%20%3Cg%20fill%3D%22none%22%3E\a%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M0%2C8V2H6V8ZM7%2C6V1H2V0H8V6Z%22%20stroke%3D%22none%22%2F%3E\a%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M%205.00029993057251%207.000100135803223%20L%205.00029993057251%202.999799966812134%20L%201.00000011920929%202.999799966812134%20L%201.00000011920929%207.000100135803223%20L%205.00029993057251%207.000100135803223%20M%206.00029993057251%208.000100135803223%20L%206.790160966829717e-08%208.000100135803223%20L%206.790160966829717e-08%201.999800086021423%20L%206.00029993057251%201.999800086021423%20L%206.00029993057251%208.000100135803223%20Z%20M%208.000100135803223%206.00029993057251%20L%207.000200271606445%206.00029993057251%20L%207.000200271606445%200.9999000430107117%20L%201.999800086021423%200.9999000430107117%20L%201.999800086021423%206.790160966829717e-08%20L%208.000100135803223%206.790160966829717e-08%20L%208.000100135803223%206.00029993057251%20Z%22%20stroke%3D%22none%22%20fill%3D%22%23fff%22%2F%3E\a%20%20%20%20%20%20%3C%2Fg%3E\a%20%20%20%20%3C%2Fsvg%3E"); }
  .c-blank.-gray {
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%228%22%20height%3D%228%22%20viewBox%3D%220%200%208%208%22%3E\a%20%20%20%20%20%20%3Cg%20fill%3D%22none%22%3E\a%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M0%2C8V2H6V8ZM7%2C6V1H2V0H8V6Z%22%20stroke%3D%22none%22%2F%3E\a%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M%205.00029993057251%207.000100135803223%20L%205.00029993057251%202.999799966812134%20L%201.00000011920929%202.999799966812134%20L%201.00000011920929%207.000100135803223%20L%205.00029993057251%207.000100135803223%20M%206.00029993057251%208.000100135803223%20L%206.790160966829717e-08%208.000100135803223%20L%206.790160966829717e-08%201.999800086021423%20L%206.00029993057251%201.999800086021423%20L%206.00029993057251%208.000100135803223%20Z%20M%208.000100135803223%206.00029993057251%20L%207.000200271606445%206.00029993057251%20L%207.000200271606445%200.9999000430107117%20L%201.999800086021423%200.9999000430107117%20L%201.999800086021423%206.790160966829717e-08%20L%208.000100135803223%206.790160966829717e-08%20L%208.000100135803223%206.00029993057251%20Z%22%20stroke%3D%22none%22%20fill%3D%22%23888888%22%2F%3E\a%20%20%20%20%20%20%3C%2Fg%3E\a%20%20%20%20%3C%2Fsvg%3E"); }
  .c-blank.-accent {
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%228%22%20height%3D%228%22%20viewBox%3D%220%200%208%208%22%3E\a%20%20%20%20%20%20%3Cg%20fill%3D%22none%22%3E\a%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M0%2C8V2H6V8ZM7%2C6V1H2V0H8V6Z%22%20stroke%3D%22none%22%2F%3E\a%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M%205.00029993057251%207.000100135803223%20L%205.00029993057251%202.999799966812134%20L%201.00000011920929%202.999799966812134%20L%201.00000011920929%207.000100135803223%20L%205.00029993057251%207.000100135803223%20M%206.00029993057251%208.000100135803223%20L%206.790160966829717e-08%208.000100135803223%20L%206.790160966829717e-08%201.999800086021423%20L%206.00029993057251%201.999800086021423%20L%206.00029993057251%208.000100135803223%20Z%20M%208.000100135803223%206.00029993057251%20L%207.000200271606445%206.00029993057251%20L%207.000200271606445%200.9999000430107117%20L%201.999800086021423%200.9999000430107117%20L%201.999800086021423%206.790160966829717e-08%20L%208.000100135803223%206.790160966829717e-08%20L%208.000100135803223%206.00029993057251%20Z%22%20stroke%3D%22none%22%20fill%3D%22%23496a0b%22%2F%3E\a%20%20%20%20%20%20%3C%2Fg%3E\a%20%20%20%20%3C%2Fsvg%3E"); }

.c-block {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  position: relative;
  padding-right: 5.334%;
  padding-left: 5.334%; }

.c-block__inner {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  z-index: 10;
  width: 100%; }
  @media only screen and (max-width: 47.9375em) {
    .c-block__inner {
      padding-top: 40px;
      padding-bottom: 48px; } }
  @media print, screen and (min-width: 48em) {
    .c-block__inner {
      max-width: 1200px;
      margin-right: auto;
      margin-left: auto;
      padding-top: 80px;
      padding-bottom: 100px; }
      .c-block__inner.-pb80 {
        padding-bottom: 80px; } }
  .c-block__inner > * {
    position: relative;
    z-index: 11; }

.c-block__section {
  max-width: 920px;
  margin-right: auto;
  margin-left: auto; }

/* ==========================================================================
* モディファイア
========================================================================== */
/* Width
----------------------------------------------------------------- */
@media print, screen and (min-width: 48em) {
  .c-block.-medium .c-block__inner {
    max-width: 960px; } }

/* Margin
----------------------------------------------------------------- */
@media only screen and (max-width: 47.9375em) {
  .c-block.-sp_mt {
    margin-top: 40px; } }

@media only screen and (max-width: 47.9375em) {
  .c-block.-sp_mt40_61 {
    margin-top: 40px; } }

@media print, screen and (min-width: 48em) {
  .c-block.-sp_mt40_61 {
    margin-top: 61px; } }

@media print, screen and (min-width: 64em) {
  .c-block.-sp_mt40_61 {
    margin-top: 0; } }

@media only screen and (max-width: 47.9375em) {
  .c-block.-sp_mt_0 {
    margin-top: 0; } }

/* Padding
----------------------------------------------------------------- */
.c-block.-ptop_0 .c-block__inner {
  padding-top: 0; }

.c-block.-pbottom_0 .c-block__inner {
  padding-bottom: 0; }

@media only screen and (max-width: 47.9375em) {
  .c-block.-pbottom_job .c-block__inner {
    padding-bottom: 57px; } }

@media only screen and (max-width: 63.9375em) {
  .c-block.-padding_l .c-block__inner {
    padding-top: 47px;
    padding-bottom: 60px; } }

@media print, screen and (min-width: 64em) {
  .c-block.-padding_l .c-block__inner {
    padding-top: 120px;
    padding-bottom: 120px; } }

@media print, screen and (min-width: 48em) {
  .c-block.-ptop_l .c-block__inner {
    padding-top: 120px; } }

@media print, screen and (min-width: 48em) {
  .c-block.-pbottom_l .c-block__inner {
    padding-bottom: 120px; } }

@media only screen and (max-width: 47.9375em) {
  .c-block.-ptop_s .c-block__inner {
    padding-top: 25px; } }

@media print, screen and (min-width: 48em) {
  .c-block.-ptop_s .c-block__inner {
    padding-top: 35px; } }

@media only screen and (max-width: 47.9375em) {
  .c-block.-pbottom_s .c-block__inner {
    padding-bottom: 25px; } }

@media print, screen and (min-width: 48em) {
  .c-block.-pbottom_s .c-block__inner {
    padding-bottom: 35px; } }

.c-block.-full {
  padding: 0; }
  .c-block.-full .c-block__inner {
    max-width: inherit;
    padding: 0; }

@media only screen and (max-width: 47.9375em) {
  .c-block.-sp_wide {
    padding: 0; } }

@media only screen and (max-width: 47.9375em) {
  .c-block.-sp_tall .c-block__inner {
    padding: 0; } }

@media only screen and (max-width: 47.9375em) {
  .c-block.-sp_full {
    padding: 0; } }

@media only screen and (max-width: 47.9375em) {
  .c-block.-sp_full .c-block__inner {
    padding: 0; } }

@media only screen and (max-width: 63.9375em) {
  .c-block.-underM_full {
    padding: 0; } }

@media only screen and (max-width: 63.9375em) {
  .c-block.-underM_full .c-block__inner {
    padding: 0; } }

/* 背景色つき
----------------------------------------------------------------- */
.c-block.-fillwhite {
  background-color: #fff; }

@media only screen and (max-width: 47.9375em) {
  .c-block.-sp_white {
    background-color: #fff; } }

@media only screen and (max-width: 47.9375em) {
  .c-block.-whiteboard {
    padding: 0;
    background-color: #fff; } }

@media print, screen and (min-width: 48em) {
  .c-block.-whiteboard {
    padding-right: 10px;
    padding-left: 10px; } }

.c-block.-whiteboard .c-block__inner {
  padding-right: 5.334%;
  padding-left: 5.334%; }
  @media print, screen and (min-width: 48em) {
    .c-block.-whiteboard .c-block__inner {
      background-color: #fff; } }

@media only screen and (max-width: 47.9375em) {
  .c-block.-whiteboard.-border {
    border-top: solid 1px #e6e6e6; } }

@media print, screen and (min-width: 48em) {
  .c-block.-whiteboard.-border .c-block__inner {
    border-top: solid 1px #e6e6e6; } }

.c-block.-whiteboard_s {
  padding-right: 5.334%;
  padding-left: 5.334%; }
  @media only screen and (max-width: 47.9375em) {
    .c-block.-whiteboard_s {
      margin-top: 40px; } }
  @media print, screen and (min-width: 48em) {
    .c-block.-whiteboard_s {
      padding-top: 80px; } }
  @media print, screen and (min-width: 64em) {
    .c-block.-whiteboard_s {
      padding-top: 100px; } }
  .c-block.-whiteboard_s .c-block__inner {
    background-color: #fff;
    padding-right: 5.334%;
    padding-left: 5.334%; }
    @media print, screen and (min-width: 48em) {
      .c-block.-whiteboard_s .c-block__inner.-plpb {
        padding-left: 60px;
        padding-right: 60px; } }

.c-block.-mask1 {
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover; }
  @media only screen and (max-width: 47.9375em) {
    .c-block.-mask1 {
      background-image: url(/recruit_info/img/bg_home_screening_sp@2x.jpg); } }
  @media print, screen and (min-width: 48em) {
    .c-block.-mask1 {
      background-image: url(/recruit_info/img/bg_home_screening@2x.jpg); } }
  @media only screen and (max-width: 47.9375em) {
    .c-block.-mask1 .c-block__inner {
      padding-top: 0px;
      padding-bottom: 60px; } }
  @media print, screen and (min-width: 48em) {
    .c-block.-mask1 .c-block__inner {
      padding-top: 108px;
      padding-bottom: 120px; } }
  @media print, screen and (min-width: 64em) {
    .c-block.-mask1 .c-block__inner {
      padding-top: 112px;
      padding-bottom: 120px; } }

@media only screen and (max-width: 47.9375em) {
  .c-block.-top {
    margin-top: 0; } }

@media print, screen and (min-width: 48em) {
  .c-block.-top {
    padding-top: 80px; } }

@media print, screen and (min-width: 64em) {
  .c-block.-top {
    padding-top: 100px; } }

@media only screen and (max-width: 47.9375em) {
  .c-block.-top .c-block__inner {
    padding-top: 0; } }

@media only screen and (max-width: 47.9375em) {
  .c-block.-sp_wide .c-block__inner {
    padding-left: 0;
    padding-right: 0; } }

@media print, screen and (min-width: 48em) {
  .c-block.-last {
    margin-bottom: 86px; } }

/* その他
----------------------------------------------------------------- */
.c-block.-form {
  background-color: #fff; }
  .c-block.-form .c-block__inner {
    max-width: 800px; }
    @media print, screen and (min-width: 48em) {
      .c-block.-form .c-block__inner {
        padding-top: 90px;
        padding-bottom: 120px; } }

.c-button {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: block;
  position: relative;
  overflow: hidden;
  width: 100%;
  background-color: #036;
  border: none;
  line-height: 1.4;
  font-weight: 600;
  font-weight: bold;
  color: #fff;
  line-height: 1.4;
  text-align: center;
  text-decoration: none;
  -webkit-transition: color cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
  transition: color cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
  cursor: pointer; }

  .c-button-red {
    background-color: #c00;
  }
  @media only screen and (max-width: 47.9375em) {
    .c-button {
      font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "arial"; } }
  @media print, screen and (min-width: 48em) {
    .c-button {
      font-family: "Yu Gothic", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "arial"; } }
  @media only screen and (max-width: 47.9375em) {
    .c-button {
      padding-top: 12px;
      padding-bottom: 12px;
      font-size: 14px;
      font-size: 0.875rem; } }
  @media print, screen and (min-width: 48em) {
    .c-button {
      padding-top: 12px;
      padding-bottom: 15px;
      padding-right: 20px;
      padding-left: 20px;
      font-size: 16px;
      font-size: 1rem; } }
  .c-button:focus {
    outline: none; }
  .c-button:before {
    display: block;
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
    -webkit-transform: translate(-100%, 0);
            transform: translate(-100%, 0);
    width: 100%;
    height: 100%;
    background-color: #222;
    -webkit-transition: -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.4s;
    transition: -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.4s;
    transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.4s;
    transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.4s, -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.4s;
    content: ''; }
  .c-button span {
    position: relative;
    z-index: 20; }
  .c-button .c-circle-arrow {
    -webkit-transition: -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.4s;
    transition: -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.4s;
    transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.4s;
    transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.4s, -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.4s; }
    @media only screen and (max-width: 47.9375em) {
      .c-button .c-circle-arrow {
        top: 0.15em; } }
    @media print, screen and (min-width: 48em) {
      .c-button .c-circle-arrow {
        top: 0.1em; } }
  @media print, screen and (min-width: 64em) {
    .c-button:hover {
      color: #fff; } }
  @media print, screen and (min-width: 64em) {
    .c-button:hover:before, .c-button:hover:after {
      -webkit-transform: translate(0, 0);
              transform: translate(0, 0); } }
  @media print, screen and (min-width: 64em) {
    .c-button:hover .c-circle-arrow.-white.-right {
      background-repeat: no-repeat;
      background-position: 50% 50%;
      background-image: url("../images/home/list_icon.png"); } }  
  @media print, screen and (min-width: 64em) {
    .c-button:hover .c-circle-arrow.-accent.-right {
      background-repeat: no-repeat;
      background-position: 50% 50%;
      background-image: url("../images/home/list_icon.png"); } }

/* ==========================================================================
* モディファイア
========================================================================== */
/* 背景色反転
----------------------------------------------------------------- */
.c-button.-inverted {
  color: #036; }
  @media only screen and (max-width: 47.9375em) {
    .c-button.-inverted {
      background-color: #07b53b;
      color: #fff; } }
  @media print, screen and (min-width: 48em) {
    .c-button.-inverted {
      background-color: #07b53b; 
      color: #fff;} }
  .c-button.-inverted:before {
    background-color: #036; }
  @media print, screen and (min-width: 64em) {
    .c-button.-inverted:hover {
      color: #fff; } }
  .p-home-visual .c-button.-inverted {
    -webkit-transition: background-color cubic-bezier(0.215, 0.61, 0.355, 1) 0.4s, color cubic-bezier(0.215, 0.61, 0.355, 1) 0.4s;
    transition: background-color cubic-bezier(0.215, 0.61, 0.355, 1) 0.4s, color cubic-bezier(0.215, 0.61, 0.355, 1) 0.4s; }
  @media print, screen and (min-width: 48em) {
    .p-home-visual.-inverted .c-button.-inverted {
      background-color: #222;
      color: #fff; } }

.c-button.-black {
  background-color: #222222; }

/* 背景色グレー⇒グリーン
----------------------------------------------------------------- */
.c-button.-gray_green {
  color: #fff; }
  @media only screen and (max-width: 47.9375em) {
    .c-button.-gray_green {
      background-color: #222222;
      color: #fff; } }
  @media print, screen and (min-width: 48em) {
    .c-button.-gray_green {
      background-color: #222222; } }
  .c-button.-gray_green:before {
    background-color: #036;
    color: #fff; }

/* ボタン（中）
----------------------------------------------------------------- */
@media only screen and (max-width: 47.9375em) {
  .c-button.-medium {
    padding-top: 18px;
    padding-bottom: 18px;
    font-size: 14px;
    font-size: 0.875rem; } }

@media print, screen and (min-width: 48em) {
  .c-button.-medium {
    padding-top: 17px;
    padding-bottom: 16px;
    font-size: 16px;
    font-size: 1rem; } }

/* ボタン（大）
----------------------------------------------------------------- */
@media only screen and (max-width: 47.9375em) {
  .c-button.-large {
    padding-top: 19px;
    padding-bottom: 19px;
    font-size: 14px;
    font-size: 0.875rem; } }

@media print, screen and (min-width: 48em) {
  .c-button.-large {
    padding-top: 25px;
    padding-bottom: 25px;
    font-size: 16px;
    font-size: 1rem; } }

/* 幅 PC：280px
----------------------------------------------------------------- */
@media print, screen and (min-width: 48em) {
  .c-button.-w280 {
    width: 280px; } }

/* 配置
----------------------------------------------------------------- */
@media print, screen and (min-width: 48em) {
  .c-button.-center {
    margin-left: auto;
    margin-right: auto; } }

/* 非アクティブ
----------------------------------------------------------------- */
.c-button.-disabled {
  background-color: #e6e6e6;
  color: #cccccc;
  pointer-events: none; }

/* ヘッダーお問い合わせ
----------------------------------------------------------------- */
@media only screen and (max-width: 47.9375em) {
  .c-button.-header_contact {
    width: 120px;
    padding-top: 9px;
    padding-bottom: 9px;
    font-size: 14px;
    font-size: 0.875rem; } }

@media print, screen and (min-width: 48em) {
  .c-button.-header_contact {
    width: 140px;
    padding-top: 14px;
    padding-bottom: 15px;
    padding-right: 20px;
    padding-left: 20px;
    font-size: 14px;
    font-size: 0.875rem; } }

/* ボタン（NEXT）
----------------------------------------------------------------- */
.c-button.-next {
  padding-left: 35px;
  padding-right: 35px; }
  @media only screen and (max-width: 47.9375em) {
    .c-button.-next {
      padding-top: 19px;
      padding-bottom: 19px;
      padding-left: 19px;
      padding-right: 19px;
      font-size: 16px;
      font-size: 1rem; } }
  @media print, screen and (min-width: 48em) {
    .c-button.-next {
      padding-top: 25px;
      padding-bottom: 25px;
      font-size: 18px;
      font-size: 1.125rem; } }
  .c-button.-next span {
    display: block;
    text-align: left;
    width: calc(100% - 110px);
    padding-left: 81px;
    padding-right: 30px; }
  .c-button.-next span::before {
    content: 'NEXT';
    -webkit-font-feature-settings: 'palt' 1;
            font-feature-settings: 'palt' 1;
    font-family: "din-2014", sans-serif;
    font-weight: 600;
    letter-spacing: 0.2em;
    font-size: 13px;
    font-size: 0.8125rem;
    position: relative;
    top: -0.15em;
    line-height: 1;
    margin-right: 20px;
    padding-right: 20px;
    border-right: solid 1px #565656;
    height: 1em;
    display: inline-block;
    margin-left: -81px; }
  .c-button.-next span.-nonext {
    padding-left: 0;
    width: auto; }
  .c-button.-next span.-nonext::before {
    content: '';
    padding: 0;
    margin: 0;
    border: none; }
  .c-button.-next:hover span::before {
    content: 'NEXT';
    -webkit-font-feature-settings: 'palt' 1;
            font-feature-settings: 'palt' 1;
    font-family: "din-2014", sans-serif;
    font-weight: 600;
    letter-spacing: 0.2em;
    font-size: 13px;
    font-size: 0.8125rem;
    position: relative;
    top: -0.15em;
    line-height: 1;
    margin-right: 20px;
    padding-right: 20px;
    border-right: solid 1px #888;
    height: 1em;
    display: inline-block; }
    @media only screen and (max-width: 47.9375em) {
      .c-button.-next:hover span::before {
        border-right: solid 1px #565656; } }
  .c-button.-next:hover span.-nonext::before {
    content: '';
    padding: 0;
    margin: 0;
    border: none; }
  .c-button.-next .c-circle-arrow {
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -8px; }

.c-definition-list {
  width: 100%; }
  .c-definition-list dt {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    position: relative;
    line-height: 1.3; }
  .c-definition-list dd {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    line-height: 1.3; }

/* -----------------------------------------------------------------
/* モディファイア
----------------------------------------------------------------- */
/* インライン（,）
----------------------------------------------------------------- */
.c-definition-list.-inline {
  line-height: 1; }
  .c-definition-list.-inline dt {
    display: inline;
    margin-left: 1px; }
    .c-definition-list.-inline dt:first-child {
      margin-left: 0; }
  .c-definition-list.-inline dd {
    display: inline;
    margin-left: -3px; }
    .c-definition-list.-inline dd:after {
      margin-right: 4px;
      margin-left: 4px;
      content: ','; }
    .c-definition-list.-inline dd:last-child:after {
      display: none; }

/* ブロック
----------------------------------------------------------------- */
.c-definition-list.-block {
  margin-top: -6px; }
  .c-definition-list.-block:after {
    display: block;
    clear: both;
    content: ''; }
  .c-definition-list.-block dt {
    display: block;
    clear: left;
    float: left;
    margin-bottom: 6px; }
  .c-definition-list.-block dd {
    display: block;
    float: left;
    margin-bottom: 6px; }

/* フレックス
----------------------------------------------------------------- */
.c-definition-list.-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: -3px; }
  .c-definition-list.-flex dt {
    display: block; }
    .c-definition-list.-flex dt.-nowrap {
      white-space: nowrap; }
  .c-definition-list.-flex dd {
    display: block; }

/* コロン（：）
----------------------------------------------------------------- */
.c-definition-list.-coron dt:after {
  margin-right: 5px;
  margin-left: 5px;
  content: ':'; }

/* ボーダー
----------------------------------------------------------------- */
.c-definition-list.-border dt {
  position: relative;
  padding-right: 18px; }
  .c-definition-list.-border dt:after {
    display: block;
    position: absolute;
    width: 1px;
    background-color: #ddd;
    content: ''; }
    @media only screen and (max-width: 47.9375em) {
      .c-definition-list.-border dt:after {
        top: 0.25em;
        right: 8px;
        height: 11px; } }
    @media print, screen and (min-width: 48em) {
      .c-definition-list.-border dt:after {
        top: 0.25em;
        right: 9px;
        height: 13px; } }

/* オプション
----------------------------------------------------------------- */
.c-definition-list dt.-nowrap {
  white-space: nowrap; }

.-current .c-definition-list dt {
  color: #aaa; }

.-current .c-definition-list dd {
  color: #aaa; }

.c-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }

.c-flex__item {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }
  @media only screen and (max-width: 47.9375em) {
    .c-flex__item {
      width: 100%; } }

.c-flex__item__read {
  margin: 0.5em 0;
  text-align: justify;
  text-justify: inter-ideograph;
  line-height: 1.75; }
  @media only screen and (max-width: 47.9375em) {
    .c-flex__item__read {
      font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "arial";
      line-height: 2; } }
  @media print, screen and (min-width: 48em) {
    .c-flex__item__read {
      font-family: "Yu Gothic Medium", "游ゴシック Medium", "Yu Gothic", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "arial"; } }
  @media only screen and (max-width: 47.9375em) {
    .c-flex__item__read {
      font-size: 14px;
      font-size: 0.875rem; } }
  @media print, screen and (min-width: 48em) {
    .c-flex__item__read {
      font-size: 14px;
      font-size: 0.875rem; } }
  @media print, screen and (min-width: 64em) {
    .c-flex__item__read {
      font-size: 16px;
      font-size: 1rem; } }
  .c-flex__item__read span {
    display: inline-block;
    -webkit-font-feature-settings: 'palt' 1;
            font-feature-settings: 'palt' 1;
    font-family: "din-2014", sans-serif;
    font-weight: 600;
    padding-right: 0.5em;
    font-size: 22px; }
    @media only screen and (max-width: 47.9375em) {
      .c-flex__item__read span {
        font-size: 24px;
        font-size: 1.5rem; } }
    @media print, screen and (min-width: 48em) {
      .c-flex__item__read span {
        font-size: 24px;
        font-size: 1.5rem; } }

/* ==========================================================================
* モディファイア
========================================================================== */
/* 幅
----------------------------------------------------------------- */
.c-flex.-full .c-flex__item {
  width: 100%; }

/* 左右寄せ
----------------------------------------------------------------- */
.c-flex.-x_left {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start; }

.c-flex.-x_center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }

.c-flex.-x_right {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end; }

.c-flex.-x_between {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }

@media print, screen and (min-width: 48em) {
  .c-flex.-s_x_left {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start; } }

@media print, screen and (min-width: 48em) {
  .c-flex.-s_x_center {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; } }

@media print, screen and (min-width: 48em) {
  .c-flex.-s_x_right {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end; } }

@media print, screen and (min-width: 64em) {
  .c-flex.-m_x_left {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start; } }

@media print, screen and (min-width: 64em) {
  .c-flex.-m_x_center {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; } }

@media print, screen and (min-width: 64em) {
  .c-flex.-m_x_right {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end; } }

/* 上下寄せ
----------------------------------------------------------------- */
.c-flex.-y_center {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

.c-flex.-y_top {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start; }

.c-flex.-y_bottom {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end; }

/* ボタンコンテナ
----------------------------------------------------------------- */
@media only screen and (max-width: 47.9375em) {
  .c-flex.-button {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; } }

@media print, screen and (min-width: 48em) {
  .c-flex.-button {
    margin-left: -40px; } }

@media only screen and (max-width: 47.9375em) {
  .c-flex.-button > .c-flex__item {
    margin-top: 20px; } }

@media print, screen and (min-width: 48em) {
  .c-flex.-button > .c-flex__item {
    width: auto;
    min-width: 280px;
    margin-left: 40px; } }

@media only screen and (max-width: 47.9375em) {
  .c-flex.-button > .c-flex__item:first-child {
    margin-top: 0; } }

@media print, screen and (min-width: 48em) {
  .c-flex.-button.-center {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; } }

@media print, screen and (min-width: 48em) {
  .c-flex.-button.-left {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start; } }

/* ボタンコンテナ（Twitterマーケティング支援の冒頭）
----------------------------------------------------------------- */
@media only screen and (max-width: 47.9375em) {
  .c-flex.-button_full {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-top: 20px; } }

@media print, screen and (min-width: 48em) {
  .c-flex.-button_full {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-top: 33px;
    margin-left: -30px; } }

@media only screen and (max-width: 47.9375em) {
  .c-flex.-button_full > .c-flex__item {
    margin-top: 8px; } }

@media print, screen and (min-width: 48em) {
  .c-flex.-button_full > .c-flex__item {
    width: calc(33.33% - 30px);
    margin-left: 30px; } }

@media only screen and (max-width: 47.9375em) {
  .c-flex.-button_full > .c-flex__item:first-child {
    margin-top: 0; } }

/* メインカラムとサイドカラム
----------------------------------------------------------------- */
@media only screen and (max-width: 63.9375em) {
  .c-flex.-with_side {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; } }

@media print, screen and (min-width: 64em) {
  .c-flex.-with_side > .c-flex__item {
    margin-left: 20px; } }

@media print, screen and (min-width: 75em) {
  .c-flex.-with_side > .c-flex__item {
    margin-left: 40px; } }

@media print, screen and (min-width: 87.5em) {
  .c-flex.-with_side > .c-flex__item {
    margin-left: 60px; } }

@media print, screen and (min-width: 48em) {
  .c-flex.-with_side > .c-flex__item:first-child {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin-left: 0; } }

@media only screen and (max-width: 63.9375em) {
  .c-flex.-with_side > .c-flex__item:last-child {
    margin-top: 48px; } }

@media print, screen and (min-width: 64em) {
  .c-flex.-with_side > .c-flex__item:last-child {
    width: 240px; } }

@media print, screen and (min-width: 75em) {
  .c-flex.-with_side > .c-flex__item:last-child {
    width: 240px; } }

@media print, screen and (min-width: 87.5em) {
  .c-flex.-with_side > .c-flex__item:last-child {
    width: 280px; } }

/* 見出し内でリンクと分かれるパターン
----------------------------------------------------------------- */
.c-flex.-heading {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .c-flex.-heading > .c-flex__item {
    width: auto; }

@media print, screen and (min-width: 48em) {
  .c-flex.-heading_read {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start; }
    .c-flex.-heading_read > .c-flex__item {
      width: auto;
      padding-right: 18px; } }

@media only screen and (max-width: 47.9375em) {
  .c-flex.-heading_read > .c-flex__xs {
    margin-top: 10px; } }

/* 画像
----------------------------------------------------------------- */
.c-flex {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }
  @media only screen and (max-width: 47.9375em) {
    .c-flex.-img_half .c-flex__item {
      margin-top: 10px; } }
  @media print, screen and (min-width: 48em) {
    .c-flex.-img_half .c-flex__item {
      width: calc(50% - 10px); } }
  @media only screen and (max-width: 47.9375em) {
    .c-flex.-img_half .c-flex__item:first-child {
      margin-top: 0; } }
  @media only screen and (max-width: 47.9375em) {
    .c-flex.-img_half .c-flex__item.c-flex__item-s {
      margin-top: 32px; }
      .c-flex.-img_half .c-flex__item.c-flex__item-s:first-child {
        margin-top: 0; } }
  @media print, screen and (min-width: 48em) {
    .c-flex.-img_half .c-flex__item.c-flex__item-s {
      width: calc(50% - 20px); } }
  .c-flex.-img_half .c-flex__logo {
    border: solid 1px #E6E6E6;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 100px 20px; }
    @media only screen and (max-width: 47.9375em) {
      .c-flex.-img_half .c-flex__logo {
        margin-top: 10px;
        padding: 30px 20px;
        width: 100%; } }
    @media print, screen and (min-width: 48em) {
      .c-flex.-img_half .c-flex__logo {
        width: calc(50% - 10px); } }
    @media only screen and (max-width: 47.9375em) {
      .c-flex.-img_half .c-flex__logo:first-child {
        margin-top: 0; } }
    .c-flex.-img_half .c-flex__logo .c-flex__logo__tokyu {
      margin: 0 auto;
      max-width: 380px; }
      @media only screen and (max-width: 47.9375em) {
        .c-flex.-img_half .c-flex__logo .c-flex__logo__tokyu {
          max-width: 260px; } }
    .c-flex.-img_half .c-flex__logo .c-flex__logo__infield {
      margin: 0 auto;
      max-width: 178px; }
      @media only screen and (max-width: 47.9375em) {
        .c-flex.-img_half .c-flex__logo .c-flex__logo__infield {
          max-width: 115px; } }
  @media only screen and (max-width: 47.9375em) {
    .c-flex.-img_third .c-flex__item {
      margin-top: 10px; } }
  @media print, screen and (min-width: 48em) {
    .c-flex.-img_third .c-flex__item {
      width: calc(33.333% - 10px); } }
  @media only screen and (max-width: 47.9375em) {
    .c-flex.-img_third .c-flex__item:first-child {
      margin-top: 0; } }

/* 画像に黒グラデを被せる・hoverで画像拡大＆シャドウ
----------------------------------------------------------------- */
.c-flex__overlay {
  position: relative;
  line-height: 1.5; }
  .c-flex__overlay > ::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    height: 60%;
    width: 100%;
    display: block;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.9)));
    background: -webkit-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.9));
    background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.9));
    z-index: 10;
    -webkit-transition: background-color linear 0.15s, -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s, -webkit-box-shadow linear 0.15s;
    transition: background-color linear 0.15s, -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s, -webkit-box-shadow linear 0.15s;
    transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s, box-shadow linear 0.15s, background-color linear 0.15s;
    transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s, box-shadow linear 0.15s, background-color linear 0.15s, -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s, -webkit-box-shadow linear 0.15s; }
    @media print, screen and (min-width: 64em) {
      .c-flex__overlay > ::after:hover {
        -webkit-transform: scale(1.05, 1.05);
                transform: scale(1.05, 1.05); } }
  @media print, screen and (min-width: 64em) {
    .c-flex__overlay > :hover::after {
      -webkit-transform: scale(1.05, 1.05);
              transform: scale(1.05, 1.05); } }
  .c-flex__overlay a {
    display: block;
    height: 100%;
    width: 100%; }
    .c-flex__overlay a p {
      color: #fff;
      font-weight: bold;
      position: absolute;
      bottom: 15px;
      left: 20px;
      z-index: 11; }
      @media only screen and (max-width: 47.9375em) {
        .c-flex__overlay a p {
          font-size: 18px;
          font-size: 1.125rem; } }
      @media print, screen and (min-width: 48em) {
        .c-flex__overlay a p {
          font-size: 18px;
          font-size: 1.125rem; } }
      @media print, screen and (min-width: 64em) {
        .c-flex__overlay a p {
          font-size: 24px;
          font-size: 1.5rem; } }
      .c-flex__overlay a p span {
        display: block; }
        @media only screen and (max-width: 47.9375em) {
          .c-flex__overlay a p span {
            font-size: 14px;
            font-size: 0.875rem; } }
        @media print, screen and (min-width: 48em) {
          .c-flex__overlay a p span {
            font-size: 14px;
            font-size: 0.875rem; } }
        @media print, screen and (min-width: 64em) {
          .c-flex__overlay a p span {
            font-size: 16px;
            font-size: 1rem; } }

.c-flex__overlay__hover {
  display: block;
  position: relative; }
  .c-flex__overlay__hover:before {
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: background-color linear 0.15s, -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s, -webkit-box-shadow linear 0.15s;
    transition: background-color linear 0.15s, -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s, -webkit-box-shadow linear 0.15s;
    transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s, box-shadow linear 0.15s, background-color linear 0.15s;
    transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s, box-shadow linear 0.15s, background-color linear 0.15s, -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s, -webkit-box-shadow linear 0.15s;
    content: ''; }
  @media print, screen and (min-width: 64em) {
    .c-flex__overlay__hover:hover .c-flex__overlay__hover__img {
      -webkit-transform: scale(1.05, 1.05);
              transform: scale(1.05, 1.05);
      -webkit-box-shadow: 0 0 10px rgba(5, 10, 0, 0.5);
              box-shadow: 0 0 10px rgba(5, 10, 0, 0.5); } }

.c-flex__overlay__hover__img {
  -webkit-transform-origin: 50% 100%;
          transform-origin: 50% 100%;
  -webkit-transition: -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s;
  transition: -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s;
  transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s;
  transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s, -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s; }
  .c-flex__overlay__hover__img img {
    display: block;
    width: 100%; }

/* 左右に分かれるテキストボックス
----------------------------------------------------------------- */
/* -----------------------------------------------------------------
/* H1相当
----------------------------------------------------------------- */
/* -----------------------------------------------------------------
/* H2相当
----------------------------------------------------------------- */
.c-heading-2 {
  line-height: 1.4;
  -webkit-font-feature-settings: 'palt' 1;
          font-feature-settings: 'palt' 1;
  font-weight: 600;
  line-height: 1.5; }
  @media only screen and (max-width: 47.9375em) {
    .c-heading-2 {
      font-family: "YakuHanJP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "arial"; } }
  @media print, screen and (min-width: 48em) {
    .c-heading-2 {
      font-family: "YakuHanJP", "Yu Gothic", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "arial"; } }
  @media only screen and (max-width: 47.9375em) {
    .c-heading-2 {
      font-size: 24px;
      font-size: 1.5rem; } }
  @media print, screen and (min-width: 48em) {
    .c-heading-2 {
      font-size: 30px;
      font-size: 1.875rem; } }
  @media print, screen and (min-width: 64em) {
    .c-heading-2 {
      font-size: 36px;
      font-size: 2.25rem; } }
  .c-heading-2 .c-heading-2__number {
    display: inline-block;
    font-size: 42px;
    font-size: 2.625rem;
    padding-right: 0.3em;
    position: relative;
    top: 2px;
    -webkit-font-feature-settings: 'palt' 1;
            font-feature-settings: 'palt' 1;
    font-family: "din-2014", sans-serif;
    font-weight: 600; }
    @media only screen and (max-width: 47.9375em) {
      .c-heading-2 .c-heading-2__number {
        font-size: 26px;
        font-size: 1.625rem; } }

/* -----------------------------------------------------------------
/* H2相当 sサイズ
----------------------------------------------------------------- */
.c-heading-2s {
  line-height: 1.4;
  -webkit-font-feature-settings: 'palt' 1;
          font-feature-settings: 'palt' 1;
  font-weight: 600;
  line-height: 1.5; }
  @media only screen and (max-width: 47.9375em) {
    .c-heading-2s {
      font-family: "YakuHanJP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "arial"; } }
  @media print, screen and (min-width: 48em) {
    .c-heading-2s {
      font-family: "YakuHanJP", "Yu Gothic", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "arial"; } }
  @media only screen and (max-width: 47.9375em) {
    .c-heading-2s {
      font-size: 22px;
      font-size: 1.375rem; } }
  @media print, screen and (min-width: 48em) {
    .c-heading-2s {
      font-size: 28px;
      font-size: 1.75rem; } }
  @media print, screen and (min-width: 64em) {
    .c-heading-2s {
      font-size: 32px;
      font-size: 2rem; } }
  .c-heading-2s .c-heading-2s__number {
    display: inline-block;
    font-size: 40px;
    font-size: 2.5rem;
    padding-right: 0.3em;
    position: relative;
    top: 2px;
    -webkit-font-feature-settings: 'palt' 1;
            font-feature-settings: 'palt' 1;
    font-family: "din-2014", sans-serif;
    font-weight: 600; }
    @media only screen and (max-width: 47.9375em) {
      .c-heading-2s .c-heading-2s__number {
        font-size: 24px;
        font-size: 1.5rem; } }

/* H3相当
----------------------------------------------------------------- */
.c-heading-3 {
  line-height: 1.4;
  -webkit-font-feature-settings: 'palt' 1;
          font-feature-settings: 'palt' 1;
  font-weight: 600;
  line-height: 1.5; }
  @media only screen and (max-width: 47.9375em) {
    .c-heading-3 {
      font-family: "YakuHanJP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "arial"; } }
  @media print, screen and (min-width: 48em) {
    .c-heading-3 {
      font-family: "YakuHanJP", "Yu Gothic", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "arial"; } }
  @media only screen and (max-width: 47.9375em) {
    .c-heading-3 {
      font-size: 22px;
      font-size: 1.375rem; } }
  @media print, screen and (min-width: 48em) {
    .c-heading-3 {
      font-size: 28px;
      font-size: 1.75rem; } }
  @media print, screen and (min-width: 64em) {
    .c-heading-3 {
      font-size: 32px;
      font-size: 2rem; } }
  .c-heading-3 .c-heading-3__number {
    display: inline-block;
    font-size: 40px;
    font-size: 2.5rem;
    padding-right: 0.3em;
    position: relative;
    top: 2px;
    -webkit-font-feature-settings: 'palt' 1;
            font-feature-settings: 'palt' 1;
    font-family: "din-2014", sans-serif;
    font-weight: 600; }
    @media only screen and (max-width: 47.9375em) {
      .c-heading-3 .c-heading-3__number {
        font-size: 24px;
        font-size: 1.5rem; } }

/* H3s
----------------------------------------------------------------- */
.c-heading-3s {
  line-height: 1.4;
  -webkit-font-feature-settings: 'palt' 1;
          font-feature-settings: 'palt' 1;
  font-weight: 600;
  line-height: 1.5; }
  @media only screen and (max-width: 47.9375em) {
    .c-heading-3s {
      font-family: "YakuHanJP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "arial"; } }
  @media print, screen and (min-width: 48em) {
    .c-heading-3s {
      font-family: "YakuHanJP", "Yu Gothic", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "arial"; } }
  @media only screen and (max-width: 47.9375em) {
    .c-heading-3s {
      font-size: 18px;
      font-size: 1.125rem; } }
  @media print, screen and (min-width: 48em) {
    .c-heading-3s {
      font-size: 22px;
      font-size: 1.375rem; } }
  @media print, screen and (min-width: 64em) {
    .c-heading-3s {
      font-size: 24px;
      font-size: 1.5rem; } }

/* H3+相当
----------------------------------------------------------------- */
.c-heading-35 {
  line-height: 1.4;
  -webkit-font-feature-settings: 'palt' 1;
          font-feature-settings: 'palt' 1;
  font-weight: 600;
  line-height: 1.5; }
  @media only screen and (max-width: 47.9375em) {
    .c-heading-35 {
      font-family: "YakuHanJP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "arial"; } }
  @media print, screen and (min-width: 48em) {
    .c-heading-35 {
      font-family: "YakuHanJP", "Yu Gothic", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "arial"; } }
  @media only screen and (max-width: 47.9375em) {
    .c-heading-35 {
      font-size: 18px;
      font-size: 1.125rem; } }
  @media print, screen and (min-width: 48em) {
    .c-heading-35 {
      font-size: 26px;
      font-size: 1.625rem; } }
  @media print, screen and (min-width: 64em) {
    .c-heading-35 {
      font-size: 28px;
      font-size: 1.75rem; } }

/* H4相当
----------------------------------------------------------------- */
.c-heading-4 {
  line-height: 1.4;
  -webkit-font-feature-settings: 'palt' 1;
          font-feature-settings: 'palt' 1;
  font-weight: 600;
  line-height: 1.5; }
  @media only screen and (max-width: 47.9375em) {
    .c-heading-4 {
      font-family: "YakuHanJP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "arial"; } }
  @media print, screen and (min-width: 48em) {
    .c-heading-4 {
      font-family: "YakuHanJP", "Yu Gothic", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "arial"; } }
  @media only screen and (max-width: 47.9375em) {
    .c-heading-4 {
      font-size: 18px;
      font-size: 1.125rem; } }
  @media print, screen and (min-width: 48em) {
    .c-heading-4 {
      font-size: 24px;
      font-size: 1.5rem; } }
  .c-heading-4 .c-heading-4__number {
    display: inline-block;
    -webkit-font-feature-settings: 'palt' 1;
            font-feature-settings: 'palt' 1;
    font-family: "din-2014", sans-serif;
    font-weight: 600;
    padding-right: 0.5em;
    font-size: 32px;
    position: relative;
    top: 0.05em; }

/* H4s
----------------------------------------------------------------- */
.c-heading-4s {
  line-height: 1.4;
  -webkit-font-feature-settings: 'palt' 1;
          font-feature-settings: 'palt' 1;
  font-weight: 600;
  line-height: 1.5; }
  @media only screen and (max-width: 47.9375em) {
    .c-heading-4s {
      font-family: "YakuHanJP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "arial"; } }
  @media print, screen and (min-width: 48em) {
    .c-heading-4s {
      font-family: "YakuHanJP", "Yu Gothic", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "arial"; } }
  @media only screen and (max-width: 47.9375em) {
    .c-heading-4s {
      font-size: 16px;
      font-size: 1rem; } }
  @media print, screen and (min-width: 48em) {
    .c-heading-4s {
      font-size: 20px;
      font-size: 1.25rem; } }
  .c-heading-4s .c-heading-4__number {
    display: inline-block;
    -webkit-font-feature-settings: 'palt' 1;
            font-feature-settings: 'palt' 1;
    font-family: "din-2014", sans-serif;
    font-weight: 600;
    padding-right: 0.5em;
    font-size: 30px;
    position: relative;
    top: 0.05em; }

/* H5相当
----------------------------------------------------------------- */
.c-heading-5 {
  line-height: 1.4;
  -webkit-font-feature-settings: 'palt' 1;
          font-feature-settings: 'palt' 1;
  font-weight: 600;
  line-height: 1.4; }
  @media only screen and (max-width: 47.9375em) {
    .c-heading-5 {
      font-family: "YakuHanJP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "arial"; } }
  @media print, screen and (min-width: 48em) {
    .c-heading-5 {
      font-family: "YakuHanJP", "Yu Gothic", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "arial"; } }
  @media only screen and (max-width: 47.9375em) {
    .c-heading-5 {
      font-size: 14px;
      font-size: 0.875rem; } }
  @media print, screen and (min-width: 48em) {
    .c-heading-5 {
      font-size: 20px;
      font-size: 1.25rem; } }

/* H6相当
----------------------------------------------------------------- */
.c-heading-6 {
  line-height: 1.4;
  -webkit-font-feature-settings: 'palt' 1;
          font-feature-settings: 'palt' 1;
  font-weight: 600;
  line-height: 1.4; }
  @media only screen and (max-width: 47.9375em) {
    .c-heading-6 {
      font-family: "YakuHanJP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "arial"; } }
  @media print, screen and (min-width: 48em) {
    .c-heading-6 {
      font-family: "YakuHanJP", "Yu Gothic", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "arial"; } }
  @media only screen and (max-width: 47.9375em) {
    .c-heading-6 {
      font-size: 16px;
      font-size: 1rem; } }
  @media print, screen and (min-width: 48em) {
    .c-heading-6 {
      font-size: 16px;
      font-size: 1rem; } }

/* -----------------------------------------------------------------
/* モディファイア
----------------------------------------------------------------- */
.c-heading-1.-center,
.c-heading-2.-center,
.c-heading-3.-center,
.c-heading-4.-center,
.c-heading-5.-center,
.c-heading-6.-center {
  text-align: center; }

@media print, screen and (min-width: 48em) {
  .c-heading-1.-pc_center,
  .c-heading-2.-pc_center,
  .c-heading-3.-pc_center,
  .c-heading-4.-pc_center,
  .c-heading-5.-pc_center,
  .c-heading-6.-pc_center {
    text-align: center; } }

.c-image {
  width: 100%; }
  @media only screen and (max-width: 47.9375em) {
    .c-image {
      margin-top: 20px; } }
  @media print, screen and (min-width: 48em) {
    .c-image {
      margin-top: 30px; } }
  .c-image img {
    display: block;
    width: 100%; }
    @media print, screen and (min-width: 48em) {
      .c-image img {
        max-width: 100%;
      height: auto;} }
    .browser-is-ie .c-image img {
      width: 100%;
      height: auto;}
  .c-image:first-child {
    margin-top: 0; }
  .c-image.-mt0 {
    margin-top: 0; }
  @media only screen and (max-width: 47.9375em) {
    .c-image.-mt-20 {
      margin-top: 10px; } }
  @media print, screen and (min-width: 48em) {
    .c-image.-mt-20 {
      margin-top: 20px; } }

.c-image__caption {
  display: block; }
  @media only screen and (max-width: 47.9375em) {
    .c-image__caption {
      margin-top: 4px;
      font-size: 13px;
      font-size: 0.8125rem; } }
  @media print, screen and (min-width: 48em) {
    .c-image__caption {
      margin-top: 10px;
      font-size: 14px;
      font-size: 0.875rem; } }

@media only screen and (max-width: 47.9375em) {
  .c-image__caption_half {
    margin-top: 10px; } }

@media print, screen and (min-width: 48em) {
  .c-image__caption_half {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-top: 20px; } }

.c-image__caption_half .c-image__caption_half__item {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }
  @media only screen and (max-width: 47.9375em) {
    .c-image__caption_half .c-image__caption_half__item {
      margin-top: 10px; } }
  @media print, screen and (min-width: 48em) {
    .c-image__caption_half .c-image__caption_half__item {
      width: 48%; }
      .c-image__caption_half .c-image__caption_half__item:nth-child(2) {
        margin-left: 4%; } }

.c-image__caption_half .c-image__caption_half__item__heading {
  font-weight: bold; }
  @media only screen and (max-width: 47.9375em) {
    .c-image__caption_half .c-image__caption_half__item__heading {
      font-size: 14px;
      font-size: 0.875rem; } }
  @media print, screen and (min-width: 48em) {
    .c-image__caption_half .c-image__caption_half__item__heading {
      font-size: 16px;
      font-size: 1rem; } }

@media only screen and (max-width: 47.9375em) {
  .c-image__caption_half .c-image__caption_half__item__text {
    font-size: 12px;
    font-size: 0.75rem;
    margin-top: 3px; } }

@media print, screen and (min-width: 48em) {
  .c-image__caption_half .c-image__caption_half__item__text {
    font-size: 14px;
    font-size: 0.875rem;
    margin-top: 6px; } }

/* ==========================================================================
* モディファイア
========================================================================== */
@media print, screen and (min-width: 48em) {
  .c-image.-align_right {
    float: right;
    width: auto;
    margin-top: 15px;
    margin-left: 40px; } }

.c-image.-small img {
  max-width: 60% !important; }

.c-image.-border {
  border: solid 1px #e6e6e6; }

@media only screen and (max-width: 47.9375em) {
  .c-image.-sp_small img {
    max-width: 200px; } }

.c-image.-width_max picture,
.c-image.-width_max img {
  width: 100%; }

@media only screen and (max-width: 47.9375em) {
  .c-image.-sp img {
    display: block; } }

@media print, screen and (min-width: 48em) {
  .c-image.-sp img {
    display: none; } }

@media only screen and (max-width: 47.9375em) {
  .c-image.-pc img {
    display: none; } }

@media print, screen and (min-width: 48em) {
  .c-image.-pc img {
    display: block; } }

/* 上限オリジナルの100%で、左右中央配置
----------------------------------------------------------------- */
.c-image.-stand_alone {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 0; }
  .c-image.-stand_alone img {
    display: block; }
    @media only screen and (max-width: 47.9375em) {
      .c-image.-stand_alone img {
        width: 100%; } }
    @media print, screen and (min-width: 48em) {
      .c-image.-stand_alone img {
        width: auto;
        max-width: 100%; } }

.c-list {
  margin-top: 16px; }
  .c-list:first-child {
    margin-top: 0; }
  @media only screen and (max-width: 47.9375em) {
    .c-list > li {
      font-size: 14px;
      font-size: 0.875rem;
      margin-top: 6px; } }
  @media print, screen and (min-width: 48em) {
    .c-list > li {
      margin-top: 6px;
      font-size: 14px;
      font-size: 0.875rem; } }
  @media print, screen and (min-width: 64em) {
    .c-list > li {
      margin-top: 6px;
      font-size: 16px;
      font-size: 1rem; } }
  .c-list > li:first-child {
    margin-top: 0; }
  .c-list a {
    color: #036;
    text-decoration: none;
    position: relative; }
    .c-list a:after {
      position: absolute;
      bottom: 0;
      left: 0;
      width: calc( 100% - 14px);
      height: 1px;
      background-color: #036;
      content: ''; }
    @media print, screen and (min-width: 64em) {
      a:hover .c-list a:after, .c-list a:hover:after {
        opacity: 0; } }
  @media only screen and (max-width: 47.9375em) {
    .c-list.-mt {
      margin-top: 8px; } }
  @media print, screen and (min-width: 48em) {
    .c-list.-mt {
      margin-top: 16px; } }
  .c-list.-mt0 {
    margin-top: 0; }

/* -----------------------------------------------------------------
/* モディファイア
----------------------------------------------------------------- */
/* 丸アイコン付き */
.c-list.-disc > li {
  position: relative;
  text-align: justify;
  text-justify: inter-ideograph;
  line-height: 1.75;
  font-weight: normal; }
  @media only screen and (max-width: 47.9375em) {
    .c-list.-disc > li {
      font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "arial";
      line-height: 2; } }
  @media print, screen and (min-width: 48em) {
    .c-list.-disc > li {
      font-family: "Yu Gothic Medium", "游ゴシック Medium", "Yu Gothic", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "arial"; } }
  @media only screen and (max-width: 47.9375em) {
    .c-list.-disc > li {
      padding-left: 12px; } }
  @media print, screen and (min-width: 48em) {
    .c-list.-disc > li {
      padding-left: 16px;
      background-position: 0 0.6em; } }
  .c-list.-disc > li:before {
    content: '';
    position: absolute;
    top: 0.75em;
    left: 0;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: #036; }
    .browser-is-ie .c-list.-disc > li:before {
      top: 0.5em; }

.c-list.-glay > li {
  position: relative; }
  .c-list.-glay > li:before {
    content: '';
    background-color: #cccccc; }

/* 番号付き */
.c-list.-decimal {
  counter-reset: number; }
  @media only screen and (max-width: 47.9375em) {
    .c-list.-decimal {
      margin-top: 15px; } }
  @media print, screen and (min-width: 48em) {
    .c-list.-decimal {
      margin-top: 20px; } }
  .c-list.-decimal:first-child {
    margin-top: 0; }
  .c-list.-decimal > li {
    position: relative;
    padding-left: 30px; }
    @media only screen and (max-width: 47.9375em) {
      .c-list.-decimal > li {
        margin-top: 6px;
        font-size: 16px;
        font-size: 1rem; } }
    @media print, screen and (min-width: 48em) {
      .c-list.-decimal > li {
        margin-top: 6px;
        font-size: 16px;
        font-size: 1rem; } }
    .c-list.-decimal > li:before {
      display: block;
      position: absolute;
      left: 0;
      -webkit-font-feature-settings: 'palt' 1;
              font-feature-settings: 'palt' 1;
      font-family: "din-2014", sans-serif;
      font-weight: 400;
      line-height: 1.23;
      counter-increment: number;
      content: counter(number) ".";
      color: #036; }
      @media only screen and (max-width: 47.9375em) {
        .c-list.-decimal > li:before {
          top: 2px;
          font-size: 20px;
          font-size: 1.25rem; } }
      @media print, screen and (min-width: 48em) {
        .c-list.-decimal > li:before {
          top: 0;
          font-size: 22px;
          font-size: 1.375rem; } }
    .c-list.-decimal > li > a {
      text-decoration: none; }
      @media print, screen and (min-width: 64em) {
        .c-list.-decimal > li > a:hover {
          text-decoration: underline; } }
    .c-list.-decimal > li:first-child {
      margin-top: 0; }

/* ※あり一文字下げ */
.c-list.-note > li {
  padding-left: 1em;
  text-indent: -1em; }

/* 横並び 4列 */
@media only screen and (max-width: 47.9375em) {
  .c-list.-side-max4 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-top: 6px; }
    .c-list.-side-max4 li {
      margin-top: 6px;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      width: 50%; }
    .c-list.-side-max4.-mt3 {
      margin-top: 3px; } }

@media print, screen and (min-width: 48em) {
  .c-list.-side-max4 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-top: 6px; }
    .c-list.-side-max4 li {
      margin-top: 6px;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      width: 33.333%; }
    .c-list.-side-max4.-mt3 {
      margin-top: 3px; } }

@media print, screen and (min-width: 64em) {
  .c-list.-side-max4 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-top: 6px; }
    .c-list.-side-max4 li {
      margin-top: 6px;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      width: 25%; }
    .c-list.-side-max4.-mt3 {
      margin-top: 3px; } }

.c-overlay {
  visibility: hidden;
  opacity: 0;
  position: fixed;
  z-index: 1000;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.6);
  -webkit-transition: all cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s;
  transition: all cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s; }
  @media print, screen and (min-width: 64em) {
    .c-overlay {
      top: 75px; } }
  .c-overlay.-visible {
    visibility: visible;
    opacity: 1; }

/* セクション Lv.1
----------------------------------------------------------------- */
@media only screen and (max-width: 47.9375em) {
  .c-section-1 {
    margin-top: 40px; } }

@media print, screen and (min-width: 48em) {
  .c-section-1 {
    margin-top: 92px; } }

/* セクション Lv.1
----------------------------------------------------------------- */
@media only screen and (max-width: 47.9375em) {
  .c-section-1s {
    margin-top: 40px; } }

@media print, screen and (min-width: 48em) {
  .c-section-1s {
    margin-top: 78px; } }

/* セクション Lv.1.5
----------------------------------------------------------------- */
@media only screen and (max-width: 47.9375em) {
  .c-section-15 {
    margin-top: 40px; } }

@media print, screen and (min-width: 48em) {
  .c-section-15 {
    margin-top: 70px; } }

/* セクション Lv.2
----------------------------------------------------------------- */
@media only screen and (max-width: 47.9375em) {
  .c-section-2 {
    margin-top: 40px; } }

@media print, screen and (min-width: 48em) {
  .c-section-2 {
    margin-top: 50px; } }

/* セクション Lv.2
----------------------------------------------------------------- */
@media only screen and (max-width: 47.9375em) {
  .c-section-25 {
    margin-top: 25px; } }

@media print, screen and (min-width: 48em) {
  .c-section-25 {
    margin-top: 50px; } }

/* セクション Lv.3
----------------------------------------------------------------- */
@media only screen and (max-width: 47.9375em) {
  .c-section-3 {
    margin-top: 26px; } }

@media print, screen and (min-width: 48em) {
  .c-section-3 {
    margin-top: 38px; } }

/* セクション Lv.4
----------------------------------------------------------------- */
@media only screen and (max-width: 47.9375em) {
  .c-section-4 {
    margin-top: 22px; } }

@media print, screen and (min-width: 48em) {
  .c-section-4 {
    margin-top: 28px; } }

/* セクション Lv.4.5
----------------------------------------------------------------- */
@media only screen and (max-width: 47.9375em) {
  .c-section-45 {
    margin-top: 22px; } }

@media print, screen and (min-width: 48em) {
  .c-section-45 {
    margin-top: 23px; } }

/* セクション Lv.4.5（2）
----------------------------------------------------------------- */
@media only screen and (max-width: 47.9375em) {
  .c-section-45-2 {
    margin-top: 0px; } }

@media print, screen and (min-width: 48em) {
  .c-section-45-2 {
    margin-top: 23px; } }

/* セクション Lv.5
----------------------------------------------------------------- */
@media only screen and (max-width: 47.9375em) {
  .c-section-5 {
    margin-top: 14px; } }

@media print, screen and (min-width: 48em) {
  .c-section-5 {
    margin-top: 20px; } }

/* セクション Lv.5.5
----------------------------------------------------------------- */
@media only screen and (max-width: 47.9375em) {
  .c-section-55 {
    margin-top: 6px; } }

@media print, screen and (min-width: 48em) {
  .c-section-55 {
    margin-top: 24px; } }

/* セクション Lv.6
----------------------------------------------------------------- */
@media only screen and (max-width: 47.9375em) {
  .c-section-6 {
    margin-top: 12px; } }

@media print, screen and (min-width: 48em) {
  .c-section-6 {
    margin-top: 14px; } }

/* セクション Lv.7
----------------------------------------------------------------- */
@media only screen and (max-width: 47.9375em) {
  .c-section-7 {
    margin-top: 10px; } }

@media print, screen and (min-width: 48em) {
  .c-section-7 {
    margin-top: 8px; } }

/* セクション Lv.7.5
----------------------------------------------------------------- */
@media only screen and (max-width: 47.9375em) {
  .c-section-75 {
    margin-top: 2px; } }

@media print, screen and (min-width: 48em) {
  .c-section-75 {
    margin-top: 8px; } }

/* セクション bottom btn
----------------------------------------------------------------- */
@media only screen and (max-width: 47.9375em) {
  .c-section-btn {
    margin-top: 40px; } }

@media print, screen and (min-width: 48em) {
  .c-section-btn {
    margin-top: 80px; } }

/* -----------------------------------------------------------------
/* モディファイア
----------------------------------------------------------------- */
.c-section-1:first-child,
.c-section-2:first-child,
.c-section-3:first-child,
.c-section-4:first-child,
.c-section-5:first-child,
.c-section-6:first-child,
.c-section-7:first-child,
.c-section-btn:first-child {
  margin-top: 0; }

.c-section-1.-border,
.c-section-2.-border,
.c-section-3.-border,
.c-section-4.-border,
.c-section-5.-border,
.c-section-6.-border,
.c-section-7.-border,
.c-section-btn.-border {
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: #e6e6e6; }

.c-section-1.-mtop_0,
.c-section-2.-mtop_0,
.c-section-3.-mtop_0,
.c-section-4.-mtop_0,
.c-section-5.-mtop_0,
.c-section-6.-mtop_0,
.c-section-7.-mtop_0,
.c-section-btn.-mtop_0 {
  margin-top: 0; }

@media only screen and (max-width: 47.9375em) {
  .c-section-1.-sp_mt_0,
  .c-section-2.-sp_mt_0,
  .c-section-3.-sp_mt_0,
  .c-section-4.-sp_mt_0,
  .c-section-5.-sp_mt_0,
  .c-section-6.-sp_mt_0,
  .c-section-7.-sp_mt_0,
  .c-section-btn.-sp_mt_0 {
    margin-top: 0; } }

.c-sentence {
  text-align: justify;
  text-justify: inter-ideograph;
  line-height: 1.75; }
  @media only screen and (max-width: 47.9375em) {
    .c-sentence {
      font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "arial";
      line-height: 2; } }
  @media print, screen and (min-width: 48em) {
    .c-sentence {
      font-family: "Yu Gothic Medium", "游ゴシック Medium", "Yu Gothic", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "arial"; } }
  @media only screen and (max-width: 47.9375em) {
    .c-sentence {
      margin-top: 10px;
      font-size: 15px;
      font-size: 0.9375rem; } }
  @media print, screen and (min-width: 48em) {
    .c-sentence {
      margin-top: 27px;
      font-size: 16px;
      font-size: 1rem; } }
  @media print, screen and (min-width: 64em) {
    .c-sentence {
      font-size: 16px;
      font-size: 1rem; } }
  .c-sentence:first-child {
    margin-top: 0; }

/* ==========================================================================
* リンク設定
========================================================================== */
.c-sentence > a {
  color: #036;
  text-decoration: none; }
  .c-sentence > a[target='_blank'] {
    padding-right: 3px; }
  .c-sentence > a .c-blank {
    top: -0.1em; }

/* ==========================================================================
* 例外
========================================================================== */
/* 見出しに隣り合う
----------------------------------------------------------------- */
@media print, screen and (min-width: 48em) {
  .c-heading-4 + .c-sentence {
    margin-top: 25px; } }

/* 画像に隣り合う
----------------------------------------------------------------- */
@media print, screen and (min-width: 48em) {
  .c-image + .c-sentence {
    margin-top: 34px; } }

/* ==========================================================================
* モディファイア
========================================================================== */
/* 中央寄せ
----------------------------------------------------------------- */
.c-sentence.-center {
  text-align: center; }

@media print, screen and (min-width: 48em) {
  .c-sentence.-pc_center {
    text-align: center; } }

/* SPでサイズ変更
----------------------------------------------------------------- */
@media only screen and (max-width: 47.9375em) {
  .c-sentence.-sp_large {
    font-size: 16px;
    font-size: 1rem; } }

/* Twitterマーケティング支援 > 強み部分（SPでだけボールド・サイズ小）
----------------------------------------------------------------- */
@media only screen and (max-width: 47.9375em) {
  .c-sentence.-twitter_2 {
    font-weight: bold;
    font-size: 14px;
    font-size: 0.875rem; } }

@media print, screen and (min-width: 48em) {
  .c-sentence.-twitter_2 {
    font-size: 18px;
    font-size: 1.125rem; } }

/* PC・SP共通でサイズ大きめ
----------------------------------------------------------------- */
@media only screen and (max-width: 47.9375em) {
  .c-sentence.-large {
    font-size: 16px;
    font-size: 1rem; } }

@media print, screen and (min-width: 48em) {
  .c-sentence.-large {
    margin-top: 24px;
    font-size: 18px;
    font-size: 1.125rem; } }

/* PC・SP共通でサイズ小さめ
----------------------------------------------------------------- */
@media only screen and (max-width: 47.9375em) {
  .c-sentence.-small {
    font-size: 14px;
    font-size: 0.875rem; } }

@media print, screen and (min-width: 48em) {
  .c-sentence.-small {
    font-size: 14px;
    font-size: 0.875rem; } }

@media only screen and (max-width: 47.9375em) {
  .c-table {
    font-size: 14px;
    font-size: 0.875rem; } }

@media print, screen and (min-width: 48em) {
  .c-table {
    font-size: 14px;
    font-size: 0.875rem; } }

@media print, screen and (min-width: 64em) {
  .c-table {
    font-size: 16px;
    font-size: 1rem; } }

@media print, screen and (min-width: 48em) {
  .c-table tr {
    border-style: solid;
    border-width: 0 0 1px 0;
    border-color: #e6e6e6; } }

@media print, screen and (min-width: 48em) {
  .c-table tr:first-child {
    border-width: 1px 0 1px 0; } }

@media only screen and (max-width: 47.9375em) {
  .c-table tr:first-child th {
    border-width: 1px 0 1px 0; } }

.c-table th,
.c-table td {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  vertical-align: top; }
  @media only screen and (max-width: 47.9375em) {
    .c-table th,
    .c-table td {
      display: block;
      border-style: solid;
      border-width: 0 0 1px 0;
      border-color: #e6e6e6; } }

.c-table th {
  background-color: #f7f7f7; }
  @media only screen and (max-width: 47.9375em) {
    .c-table th {
      padding-top: 14px;
      padding-bottom: 14px;
      padding-right: 14px;
      padding-left: 14px; } }
  @media print, screen and (min-width: 48em) {
    .c-table th {
      width: 30%;
      padding-top: 20px;
      padding-bottom: 23px;
      padding-right: 20px;
      padding-left: 20px; } }

@media only screen and (max-width: 47.9375em) {
  .c-table td {
    padding-top: 14px;
    padding-bottom: 14px;
    padding-right: 14px;
    padding-left: 14px; } }

@media print, screen and (min-width: 48em) {
  .c-table td {
    width: 70%;
    padding-top: 18px;
    padding-bottom: 20px;
    padding-left: 20px; } }

.c-table.-wide {
  width: 100%; }

@media only screen and (max-width: 47.9375em) {
  .c-table.-requirements th {
    width: 100%;
    background: #f7f7f7; }
  .c-table.-requirements td {
    width: 100%; } }

@media print, screen and (min-width: 48em) {
  .c-table.-requirements th {
    text-align: justify;
    text-justify: inter-ideograph;
    line-height: 1.75;
    width: 23%;
    background: #f7f7f7; } }
  @media only screen and (min-width: 48em) and (max-width: 47.9375em) {
    .c-table.-requirements th {
      font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "arial";
      line-height: 2; } }
  @media print, screen and (min-width: 48em) and (min-width: 48em) {
    .c-table.-requirements th {
      font-family: "Yu Gothic Medium", "游ゴシック Medium", "Yu Gothic", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "arial"; } }

@media print, screen and (min-width: 48em) {
  .c-table.-requirements td {
    text-align: justify;
    text-justify: inter-ideograph;
    line-height: 1.75;
    width: 77%; } }
  @media only screen and (min-width: 48em) and (max-width: 47.9375em) {
    .c-table.-requirements td {
      font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "arial";
      line-height: 2; } }
  @media print, screen and (min-width: 48em) and (min-width: 48em) {
    .c-table.-requirements td {
      font-family: "Yu Gothic Medium", "游ゴシック Medium", "Yu Gothic", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "arial"; } }

@media only screen and (max-width: 47.9375em) {
  .c-table.-evaluation_system th {
    width: 100%; }
  .c-table.-evaluation_system td {
    width: 100%; } }

@media print, screen and (min-width: 48em) {
  .c-table.-evaluation_system th {
    width: 32%; }
  .c-table.-evaluation_system td {
    width: 68%; } }

.c-circle-arrow {
  display: inline-block;
  position: relative;
  -webkit-transition: -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.4s;
  transition: -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.4s;
  transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.4s;
  transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.4s, -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.4s;
  width: 15px;
  height: 15px;
  /* カラー */
  /* 方向 */ }
  @media only screen and (max-width: 47.9375em) {
    .c-circle-arrow {
      top: 0.15em;
      margin-left: 6px; } }
  @media print, screen and (min-width: 48em) {
    .c-circle-arrow {
      margin-left: 10px; } }
  .c-circle-arrow.-accent.-top {
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2215%22%20height%3D%2215%22%20viewBox%3D%220%200%2015%2015%22%3E\a%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%280%2015%29%20rotate%28-90%29%22%3E\a%20%20%20%20%20%20%20%20%20%20%3Ccircle%20cx%3D%227.5%22%20cy%3D%227.5%22%20r%3D%227.5%22%20fill%3D%22%23496a0b%22%2F%3E\a%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M-1578.561%2C4.511l1.768-1.768-1.768-1.768.707-.707%2C1.768%2C1.768.707.707-2.475%2C2.475Z%22%20transform%3D%22translate%281584.561%204.732%29%22%20fill%3D%22%23fff%22%2F%3E\a%20%20%20%20%20%20%20%20%3C%2Fg%3E\a%20%20%20%20%20%20%3C%2Fsvg%3E"); }
  .c-circle-arrow.-accent.-bottom {
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2215%22%20height%3D%2215%22%20viewBox%3D%220%200%2015%2015%22%3E\a%20%20%20%20%20%20%20%20%20%20%3Cdefs%3E\a%20%20%20%20%20%20%20%20%20%20%20%20%3CclipPath%20id%3D%22clip-path%22%3E\a%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Crect%20width%3D%2215%22%20height%3D%2215%22%20fill%3D%22none%22%2F%3E\a%20%20%20%20%20%20%20%20%20%20%20%20%3C%2FclipPath%3E\a%20%20%20%20%20%20%20%20%20%20%3C%2Fdefs%3E\a%20%20%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%2815%29%20rotate%2890%29%22%20clip-path%3D%22url%28%23clip-path%29%22%3E\a%20%20%20%20%20%20%20%20%20%20%20%20%3Ccircle%20cx%3D%227.5%22%20cy%3D%227.5%22%20r%3D%227.5%22%20fill%3D%22%23496a0b%22%2F%3E\a%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M-1578.714%2C4.664l2.122-2.121-2.122-2.122%2C1.061-1.06%2C2.121%2C2.121%2C1.06%2C1.06-1.06%2C1.061h0l-2.121%2C2.122Z%22%20transform%3D%22translate%281584.593%205.057%29%22%20fill%3D%22%23fff%22%2F%3E\a%20%20%20%20%20%20%20%20%20%20%3C%2Fg%3E\a%20%20%20%20%20%20%20%20%3C%2Fsvg%3E"); }
  .c-circle-arrow.-accent.-right {
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-image: url("../images/home/list_icon.svg"); }
    
    .c-circle-arrow.-white.-top {
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2215%22%20height%3D%2215%22%20viewBox%3D%220%200%2015%2015%22%3E\a%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%280%2015%29%20rotate%28-90%29%22%3E\a%20%20%20%20%20%20%20%20%20%20%3Ccircle%20cx%3D%227.5%22%20cy%3D%227.5%22%20r%3D%227.5%22%20fill%3D%22%23fff%22%2F%3E\a%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M-1578.561%2C4.511l1.768-1.768-1.768-1.768.707-.707%2C1.768%2C1.768.707.707-2.475%2C2.475Z%22%20transform%3D%22translate%281584.561%204.732%29%22%20fill%3D%22%23496a0b%22%2F%3E\a%20%20%20%20%20%20%20%20%3C%2Fg%3E\a%20%20%20%20%20%20%3C%2Fsvg%3E"); }
  .c-circle-arrow.-white.-bottom {
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2215%22%20height%3D%2215%22%20viewBox%3D%220%200%2015%2015%22%3E\a%20%20%20%20%20%20%20%20%20%20%3Cdefs%3E\a%20%20%20%20%20%20%20%20%20%20%20%20%3CclipPath%20id%3D%22clip-path%22%3E\a%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Crect%20width%3D%2215%22%20height%3D%2215%22%20fill%3D%22none%22%2F%3E\a%20%20%20%20%20%20%20%20%20%20%20%20%3C%2FclipPath%3E\a%20%20%20%20%20%20%20%20%20%20%3C%2Fdefs%3E\a%20%20%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%2815%29%20rotate%2890%29%22%20clip-path%3D%22url%28%23clip-path%29%22%3E\a%20%20%20%20%20%20%20%20%20%20%20%20%3Ccircle%20cx%3D%227.5%22%20cy%3D%227.5%22%20r%3D%227.5%22%20fill%3D%22%23fff%22%2F%3E\a%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M-1578.714%2C4.664l2.122-2.121-2.122-2.122%2C1.061-1.06%2C2.121%2C2.121%2C1.06%2C1.06-1.06%2C1.061h0l-2.121%2C2.122Z%22%20transform%3D%22translate%281584.593%205.057%29%22%20fill%3D%22%23496a0b%22%2F%3E\a%20%20%20%20%20%20%20%20%20%20%3C%2Fg%3E\a%20%20%20%20%20%20%20%20%3C%2Fsvg%3E"); }
  .c-circle-arrow.-white.-right {
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2215%22%20height%3D%2215%22%20viewBox%3D%220%200%2015%2015%22%3E\a%20%20%20%20%20%20%20%20%3Cdefs%3E\a%20%20%20%20%20%20%20%20%20%20%3CclipPath%20id%3D%22clip-path%22%3E\a%20%20%20%20%20%20%20%20%20%20%20%20%3Crect%20width%3D%2215%22%20height%3D%2215%22%20fill%3D%22none%22%2F%3E\a%20%20%20%20%20%20%20%20%20%20%3C%2FclipPath%3E\a%20%20%20%20%20%20%20%20%3C%2Fdefs%3E\a%20%20%20%20%20%20%20%20%3Cg%20id%3D%22icon_link%22%20clip-path%3D%22url%28%23clip-path%29%22%3E\a%20%20%20%20%20%20%20%20%20%20%3Ccircle%20cx%3D%227.5%22%20cy%3D%227.5%22%20r%3D%227.5%22%20fill%3D%22%23fff%22%2F%3E\a%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M0%2C5.3l2.1-2.1L0%2C1.1L1.1%2C0l3.2%2C3.2L1.1%2C6.4L0%2C5.3z%22%20transform%3D%22translate%286%204.3%29%22%20fill%3D%22%23496a0b%22%2F%3E\a%20%20%20%20%20%20%20%20%3C%2Fg%3E\a%20%20%20%20%20%20%3C%2Fsvg%3E"); }
  .c-circle-arrow.-all-white.-top {
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2215%22%20height%3D%2215%22%20viewBox%3D%220%200%2015%2015%22%3E\a%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%280%2015%29%20rotate%28-90%29%22%3E\a%20%20%20%20%20%20%20%20%20%20%3Ccircle%20cx%3D%227.5%22%20cy%3D%227.5%22%20r%3D%227.5%22%20fill%3D%22%23fff%22%2F%3E\a%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M-1578.561%2C4.511l1.768-1.768-1.768-1.768.707-.707%2C1.768%2C1.768.707.707-2.475%2C2.475Z%22%20transform%3D%22translate%281584.561%204.732%29%22%20fill%3D%22%23496a0b%22%2F%3E\a%20%20%20%20%20%20%20%20%3C%2Fg%3E\a%20%20%20%20%20%20%3C%2Fsvg%3E"); }
  .c-circle-arrow.-all-white.-bottom {
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2215%22%20height%3D%2215%22%20viewBox%3D%220%200%2015%2015%22%3E\a%20%20%20%20%20%20%20%20%20%20%3Cdefs%3E\a%20%20%20%20%20%20%20%20%20%20%20%20%3CclipPath%20id%3D%22clip-path%22%3E\a%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Crect%20width%3D%2215%22%20height%3D%2215%22%20fill%3D%22none%22%2F%3E\a%20%20%20%20%20%20%20%20%20%20%20%20%3C%2FclipPath%3E\a%20%20%20%20%20%20%20%20%20%20%3C%2Fdefs%3E\a%20%20%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%2815%29%20rotate%2890%29%22%20clip-path%3D%22url%28%23clip-path%29%22%3E\a%20%20%20%20%20%20%20%20%20%20%20%20%3Ccircle%20cx%3D%227.5%22%20cy%3D%227.5%22%20r%3D%227.5%22%20fill%3D%22%23fff%22%2F%3E\a%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M-1578.714%2C4.664l2.122-2.121-2.122-2.122%2C1.061-1.06%2C2.121%2C2.121%2C1.06%2C1.06-1.06%2C1.061h0l-2.121%2C2.122Z%22%20transform%3D%22translate%281584.593%205.057%29%22%20fill%3D%22%23496a0b%22%2F%3E\a%20%20%20%20%20%20%20%20%20%20%3C%2Fg%3E\a%20%20%20%20%20%20%20%20%3C%2Fsvg%3E"); }
  .c-circle-arrow.-all-white.-right {
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2215%22%20height%3D%2215%22%20viewBox%3D%220%200%2015%2015%22%3E\a%20%20%20%20%20%20%20%20%3Cdefs%3E\a%20%20%20%20%20%20%20%20%20%20%3CclipPath%20id%3D%22clip-path%22%3E\a%20%20%20%20%20%20%20%20%20%20%20%20%3Crect%20width%3D%2215%22%20height%3D%2215%22%20fill%3D%22none%22%2F%3E\a%20%20%20%20%20%20%20%20%20%20%3C%2FclipPath%3E\a%20%20%20%20%20%20%20%20%3C%2Fdefs%3E\a%20%20%20%20%20%20%20%20%3Cg%20id%3D%22icon_link%22%20clip-path%3D%22url%28%23clip-path%29%22%3E\a%20%20%20%20%20%20%20%20%20%20%3Ccircle%20cx%3D%227.5%22%20cy%3D%227.5%22%20r%3D%227.5%22%20fill%3D%22%23fff%22%2F%3E\a%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M0%2C5.3l2.1-2.1L0%2C1.1L1.1%2C0l3.2%2C3.2L1.1%2C6.4L0%2C5.3z%22%20transform%3D%22translate%286%204.3%29%22%20fill%3D%22%23496a0b%22%2F%3E\a%20%20%20%20%20%20%20%20%3C%2Fg%3E\a%20%20%20%20%20%20%3C%2Fsvg%3E"); }
  .c-circle-arrow.-btn-white.-top {
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2215%22%20height%3D%2215%22%20viewBox%3D%220%200%2015%2015%22%3E\a%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%280%2015%29%20rotate%28-90%29%22%3E\a%20%20%20%20%20%20%20%20%20%20%3Ccircle%20cx%3D%227.5%22%20cy%3D%227.5%22%20r%3D%227.5%22%20fill%3D%22%23fff%22%2F%3E\a%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M-1578.561%2C4.511l1.768-1.768-1.768-1.768.707-.707%2C1.768%2C1.768.707.707-2.475%2C2.475Z%22%20transform%3D%22translate%281584.561%204.732%29%22%20fill%3D%22%23496a0b%22%2F%3E\a%20%20%20%20%20%20%20%20%3C%2Fg%3E\a%20%20%20%20%20%20%3C%2Fsvg%3E"); }
  .c-circle-arrow.-btn-white.-bottom {
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2215%22%20height%3D%2215%22%20viewBox%3D%220%200%2015%2015%22%3E\a%20%20%20%20%20%20%20%20%20%20%3Cdefs%3E\a%20%20%20%20%20%20%20%20%20%20%20%20%3CclipPath%20id%3D%22clip-path%22%3E\a%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Crect%20width%3D%2215%22%20height%3D%2215%22%20fill%3D%22none%22%2F%3E\a%20%20%20%20%20%20%20%20%20%20%20%20%3C%2FclipPath%3E\a%20%20%20%20%20%20%20%20%20%20%3C%2Fdefs%3E\a%20%20%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%2815%29%20rotate%2890%29%22%20clip-path%3D%22url%28%23clip-path%29%22%3E\a%20%20%20%20%20%20%20%20%20%20%20%20%3Ccircle%20cx%3D%227.5%22%20cy%3D%227.5%22%20r%3D%227.5%22%20fill%3D%22%23fff%22%2F%3E\a%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M-1578.714%2C4.664l2.122-2.121-2.122-2.122%2C1.061-1.06%2C2.121%2C2.121%2C1.06%2C1.06-1.06%2C1.061h0l-2.121%2C2.122Z%22%20transform%3D%22translate%281584.593%205.057%29%22%20fill%3D%22%23496a0b%22%2F%3E\a%20%20%20%20%20%20%20%20%20%20%3C%2Fg%3E\a%20%20%20%20%20%20%20%20%3C%2Fsvg%3E"); }
  .c-circle-arrow.-btn-white.-right {
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2215%22%20height%3D%2215%22%20viewBox%3D%220%200%2015%2015%22%3E\a%20%20%20%20%20%20%20%20%3Cdefs%3E\a%20%20%20%20%20%20%20%20%20%20%3CclipPath%20id%3D%22clip-path%22%3E\a%20%20%20%20%20%20%20%20%20%20%20%20%3Crect%20width%3D%2215%22%20height%3D%2215%22%20fill%3D%22none%22%2F%3E\a%20%20%20%20%20%20%20%20%20%20%3C%2FclipPath%3E\a%20%20%20%20%20%20%20%20%3C%2Fdefs%3E\a%20%20%20%20%20%20%20%20%3Cg%20id%3D%22icon_link%22%20clip-path%3D%22url%28%23clip-path%29%22%3E\a%20%20%20%20%20%20%20%20%20%20%3Ccircle%20cx%3D%227.5%22%20cy%3D%227.5%22%20r%3D%227.5%22%20fill%3D%22%23fff%22%2F%3E\a%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M0%2C5.3l2.1-2.1L0%2C1.1L1.1%2C0l3.2%2C3.2L1.1%2C6.4L0%2C5.3z%22%20transform%3D%22translate%286%204.3%29%22%20fill%3D%22%23496a0b%22%2F%3E\a%20%20%20%20%20%20%20%20%3C%2Fg%3E\a%20%20%20%20%20%20%3C%2Fsvg%3E"); }
  .c-circle-arrow.-gray.-top {
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2215%22%20height%3D%2215%22%20viewBox%3D%220%200%2015%2015%22%3E\a%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%280%2015%29%20rotate%28-90%29%22%3E\a%20%20%20%20%20%20%20%20%20%20%3Ccircle%20cx%3D%227.5%22%20cy%3D%227.5%22%20r%3D%227.5%22%20fill%3D%22%23fff%22%2F%3E\a%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M-1578.561%2C4.511l1.768-1.768-1.768-1.768.707-.707%2C1.768%2C1.768.707.707-2.475%2C2.475Z%22%20transform%3D%22translate%281584.561%204.732%29%22%20fill%3D%22%23aaa%22%2F%3E\a%20%20%20%20%20%20%20%20%3C%2Fg%3E\a%20%20%20%20%20%20%3C%2Fsvg%3E"); }
  .c-circle-arrow.-gray.-bottom {
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2215%22%20height%3D%2215%22%20viewBox%3D%220%200%2015%2015%22%3E\a%20%20%20%20%20%20%20%20%20%20%3Cdefs%3E\a%20%20%20%20%20%20%20%20%20%20%20%20%3CclipPath%20id%3D%22clip-path%22%3E\a%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Crect%20width%3D%2215%22%20height%3D%2215%22%20fill%3D%22none%22%2F%3E\a%20%20%20%20%20%20%20%20%20%20%20%20%3C%2FclipPath%3E\a%20%20%20%20%20%20%20%20%20%20%3C%2Fdefs%3E\a%20%20%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%2815%29%20rotate%2890%29%22%20clip-path%3D%22url%28%23clip-path%29%22%3E\a%20%20%20%20%20%20%20%20%20%20%20%20%3Ccircle%20cx%3D%227.5%22%20cy%3D%227.5%22%20r%3D%227.5%22%20fill%3D%22%23fff%22%2F%3E\a%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M-1578.714%2C4.664l2.122-2.121-2.122-2.122%2C1.061-1.06%2C2.121%2C2.121%2C1.06%2C1.06-1.06%2C1.061h0l-2.121%2C2.122Z%22%20transform%3D%22translate%281584.593%205.057%29%22%20fill%3D%22%23aaa%22%2F%3E\a%20%20%20%20%20%20%20%20%20%20%3C%2Fg%3E\a%20%20%20%20%20%20%20%20%3C%2Fsvg%3E"); }
  .c-circle-arrow.-gray.-right {
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2215%22%20height%3D%2215%22%20viewBox%3D%220%200%2015%2015%22%3E\a%20%20%20%20%20%20%20%20%3Cdefs%3E\a%20%20%20%20%20%20%20%20%20%20%3CclipPath%20id%3D%22clip-path%22%3E\a%20%20%20%20%20%20%20%20%20%20%20%20%3Crect%20width%3D%2215%22%20height%3D%2215%22%20fill%3D%22none%22%2F%3E\a%20%20%20%20%20%20%20%20%20%20%3C%2FclipPath%3E\a%20%20%20%20%20%20%20%20%3C%2Fdefs%3E\a%20%20%20%20%20%20%20%20%3Cg%20id%3D%22icon_link%22%20clip-path%3D%22url%28%23clip-path%29%22%3E\a%20%20%20%20%20%20%20%20%20%20%3Ccircle%20cx%3D%227.5%22%20cy%3D%227.5%22%20r%3D%227.5%22%20fill%3D%22%23fff%22%2F%3E\a%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M0%2C5.3l2.1-2.1L0%2C1.1L1.1%2C0l3.2%2C3.2L1.1%2C6.4L0%2C5.3z%22%20transform%3D%22translate%286%204.3%29%22%20fill%3D%22%23aaa%22%2F%3E\a%20%20%20%20%20%20%20%20%3C%2Fg%3E\a%20%20%20%20%20%20%3C%2Fsvg%3E"); }
  @media print, screen and (min-width: 64em) {
    a:hover .c-circle-arrow.-top {
      -webkit-transform: translate(0, -4px);
              transform: translate(0, -4px); } }
  @media print, screen and (min-width: 64em) {
    a:hover .c-circle-arrow.-bottom {
      -webkit-transform: translate(0, 4px);
              transform: translate(0, 4px); } }
  @media print, screen and (min-width: 64em) {
    a:hover .c-circle-arrow.-right {
      -webkit-transform: translate(4px, 0);
              transform: translate(4px, 0); } }
  @media print, screen and (min-width: 64em) {
    button:hover .c-circle-arrow.-right {
      -webkit-transform: translate(4px, 0);
              transform: translate(4px, 0); } }
  @media print, screen and (min-width: 64em) {
    a:hover .c-circle-arrow.-right.-absolute {
      -webkit-transform: translate(4px, -50%);
              transform: translate(4px, -50%); } }

/* ボトムボタン
----------------------------------------------------------------- */
.c-circle-arrow.-btn-white.-right {
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2215%22%20height%3D%2215%22%20viewBox%3D%220%200%2015%2015%22%3E\a%20%20%20%20%20%20%20%20%3Cdefs%3E\a%20%20%20%20%20%20%20%20%20%20%3CclipPath%20id%3D%22clip-path%22%3E\a%20%20%20%20%20%20%20%20%20%20%20%20%3Crect%20width%3D%2215%22%20height%3D%2215%22%20fill%3D%22none%22%2F%3E\a%20%20%20%20%20%20%20%20%20%20%3C%2FclipPath%3E\a%20%20%20%20%20%20%20%20%3C%2Fdefs%3E\a%20%20%20%20%20%20%20%20%3Cg%20id%3D%22icon_link%22%20clip-path%3D%22url%28%23clip-path%29%22%3E\a%20%20%20%20%20%20%20%20%20%20%3Ccircle%20cx%3D%227.5%22%20cy%3D%227.5%22%20r%3D%227.5%22%20fill%3D%22%23fff%22%2F%3E\a%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M0%2C5.3l2.1-2.1L0%2C1.1L1.1%2C0l3.2%2C3.2L1.1%2C6.4L0%2C5.3z%22%20transform%3D%22translate%286%204.3%29%22%20fill%3D%22%23496a0b%22%2F%3E\a%20%20%20%20%20%20%20%20%3C%2Fg%3E\a%20%20%20%20%20%20%3C%2Fsvg%3E"); }

/* フォームでの非活性スタイル
----------------------------------------------------------------- */
.c-circle-arrow.-all-white.-right {
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2215%22%20height%3D%2215%22%20viewBox%3D%220%200%2015%2015%22%3E\a%20%20%20%20%20%20%20%20%3Cdefs%3E\a%20%20%20%20%20%20%20%20%20%20%3CclipPath%20id%3D%22clip-path%22%3E\a%20%20%20%20%20%20%20%20%20%20%20%20%3Crect%20width%3D%2215%22%20height%3D%2215%22%20fill%3D%22none%22%2F%3E\a%20%20%20%20%20%20%20%20%20%20%3C%2FclipPath%3E\a%20%20%20%20%20%20%20%20%3C%2Fdefs%3E\a%20%20%20%20%20%20%20%20%3Cg%20id%3D%22icon_link%22%20clip-path%3D%22url%28%23clip-path%29%22%3E\a%20%20%20%20%20%20%20%20%20%20%3Ccircle%20cx%3D%227.5%22%20cy%3D%227.5%22%20r%3D%227.5%22%20fill%3D%22%23fff%22%2F%3E\a%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M0%2C5.3l2.1-2.1L0%2C1.1L1.1%2C0l3.2%2C3.2L1.1%2C6.4L0%2C5.3z%22%20transform%3D%22translate%286%204.3%29%22%20fill%3D%22%23aaa%22%2F%3E\a%20%20%20%20%20%20%20%20%3C%2Fg%3E\a%20%20%20%20%20%20%3C%2Fsvg%3E"); }

/* ホームのメインビジュアル内
----------------------------------------------------------------- */
.p-home-visual.-inverted .c-circle-arrow.-accent.-right {
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2215%22%20height%3D%2215%22%20viewBox%3D%220%200%2015%2015%22%3E\a%20%20%20%20%20%20%20%20%3Cdefs%3E\a%20%20%20%20%20%20%20%20%20%20%3CclipPath%20id%3D%22clip-path%22%3E\a%20%20%20%20%20%20%20%20%20%20%20%20%3Crect%20width%3D%2215%22%20height%3D%2215%22%20fill%3D%22none%22%2F%3E\a%20%20%20%20%20%20%20%20%20%20%3C%2FclipPath%3E\a%20%20%20%20%20%20%20%20%3C%2Fdefs%3E\a%20%20%20%20%20%20%20%20%3Cg%20id%3D%22icon_link%22%20clip-path%3D%22url%28%23clip-path%29%22%3E\a%20%20%20%20%20%20%20%20%20%20%3Ccircle%20cx%3D%227.5%22%20cy%3D%227.5%22%20r%3D%227.5%22%20fill%3D%22%23fff%22%2F%3E\a%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M0%2C5.3l2.1-2.1L0%2C1.1L1.1%2C0l3.2%2C3.2L1.1%2C6.4L0%2C5.3z%22%20transform%3D%22translate%286%204.3%29%22%20fill%3D%22%23496a0b%22%2F%3E\a%20%20%20%20%20%20%20%20%3C%2Fg%3E\a%20%20%20%20%20%20%3C%2Fsvg%3E"); }

.c-grid {
  display: -ms-grid;
  display: grid; }

.c-grid__item:nth-child(1) {
  grid-area: cGrid1; }

.c-grid__item:nth-child(2) {
  grid-area: cGrid2; }

.c-grid__item:nth-child(3) {
  grid-area: cGrid3; }

.c-grid__item img {
  display: block; }

.c-grid__inner {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%; }

/* ==========================================================================
* モディファイア
========================================================================== */
/* flexによる上下中央寄せ
----------------------------------------------------------------- */
.c-grid__item.-center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

/* TYPE A
----------------------------------------------------------------- */
.c-grid.-type_a {
  gap: 0; }
  @media only screen and (max-width: 63.9375em) {
    .c-grid.-type_a {
      -ms-grid-rows: auto 0 auto 0 auto;
      -ms-grid-columns: 100%;
          grid-template: 'cGrid1' auto
 'cGrid3' auto
 'cGrid2' auto /
 100%;
      gap: 0; }
    .c-grid__item:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1; }
    .c-grid__item:nth-child(2) {
    -ms-grid-row: 5;
    -ms-grid-column: 1; }
    .c-grid__item:nth-child(3) {
    -ms-grid-row: 3;
    -ms-grid-column: 1; } }
  @media print, screen and (min-width: 64em) {
    .c-grid.-type_a {
      -ms-grid-rows: auto 20px auto;
      -ms-grid-columns: 26.66% 80px calc(73.33% - 80px);
          grid-template: "cGrid1 cGrid3" auto "cGrid2 cGrid3" auto/26.66% calc(73.33% - 80px);
      gap: 20px 80px; }
    .c-grid__item:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1; }
    .c-grid__item:nth-child(2) {
    -ms-grid-row: 3;
    -ms-grid-column: 1; }
    .c-grid__item:nth-child(3) {
    -ms-grid-row: 1;
    -ms-grid-row-span: 3;
    -ms-grid-column: 3; } }
  @media print, screen and (min-width: 64em) {
    .c-grid.-type_a.-reverse {
      -ms-grid-rows: auto auto;
      -ms-grid-columns: calc(73.33% - 80px) 26.66%;
          grid-template: "cGrid3 cGrid1" auto "cGrid3 cGrid2" auto/calc(73.33% - 80px) 26.66%; }
    .c-grid.-type_a.-reverse > .c-grid__item:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 2; }
    .c-grid.-type_a.-reverse > .c-grid__item:nth-child(2) {
    -ms-grid-row: 2;
    -ms-grid-column: 2; }
    .c-grid.-type_a.-reverse > .c-grid__item:nth-child(3) {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 1; } }
  @media print, screen and (min-width: 64em) {
    .browser-is-ie .c-grid.-type_a.-reverse {
      -ms-grid-rows: auto 20px auto;
      -ms-grid-columns: calc(73.33% - 80px) 80px 26.66%; } }
  @media print, screen and (min-width: 64em) {
    .browser-is-ie .c-grid.-type_a.-reverse > :nth-child(1).c-grid__item {
      -ms-grid-row: 1;
      -ms-grid-column: 3; } }
  @media print, screen and (min-width: 64em) {
    .browser-is-ie .c-grid.-type_a.-reverse > :nth-child(2).c-grid__item {
      -ms-grid-row: 2;
      -ms-grid-column: 3; } }
  @media print, screen and (min-width: 64em) {
    .browser-is-ie .c-grid.-type_a.-reverse > :nth-child(3).c-grid__item {
      -ms-grid-row: 1;
      -ms-grid-row-span: 3;
      -ms-grid-column: 1; } }
  @media only screen and (max-width: 63.9375em) {
    .c-grid.-type_a .c-grid__item:nth-child(1), .c-grid.-type_a .c-grid__item:nth-child(2) {
      padding-right: 5.334%;
      padding-left: 5.334%; } }

/* TYPE B
----------------------------------------------------------------- */
.c-grid.-type_b {
  gap: 0; }
  @media only screen and (max-width: 47.9375em) {
    .c-grid.-type_b {
      -ms-grid-rows: auto 0 auto 0 auto;
      -ms-grid-columns: 100%;
          grid-template: 'cGrid1' auto
 'cGrid3' auto
 'cGrid2' auto /
 100%;
      gap: 0; }
    .c-grid.-type_b > .c-grid__item:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1; }
    .c-grid.-type_b > .c-grid__item:nth-child(2) {
    -ms-grid-row: 5;
    -ms-grid-column: 1; }
    .c-grid.-type_b > .c-grid__item:nth-child(3) {
    -ms-grid-row: 3;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1; } }
  @media print, screen and (min-width: 48em) {
    .c-grid.-type_b {
      -ms-grid-rows: auto 0 auto 0 auto;
      -ms-grid-columns: 100%;
          grid-template: 'cGrid1' auto
 'cGrid2' auto
 'cGrid3' auto /
 100%;
      gap: 0; }
    .c-grid.-type_b > .c-grid__item:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1; }
    .c-grid.-type_b > .c-grid__item:nth-child(2) {
    -ms-grid-row: 3;
    -ms-grid-column: 1; }
    .c-grid.-type_b > .c-grid__item:nth-child(3) {
    -ms-grid-row: 5;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1; } }
  @media only screen and (max-width: 47.9375em) {
    .c-grid.-type_b .c-grid__item:nth-child(1), .c-grid.-type_b .c-grid__item:nth-child(2) {
      padding-right: 5.334%;
      padding-left: 5.334%; } }
  @media print, screen and (min-width: 48em) {
    .c-grid.-type_b .c-grid__item:nth-child(3) {
      display: none; } }

@media only screen and (max-width: 63.9375em) {
  .c-grid.-home_a .c-grid__item:nth-child(1) {
    padding-top: 47px;
    padding-bottom: 34px; } }

@media only screen and (max-width: 47.9375em) {
  .c-grid.-home_a .c-grid__item:nth-child(2) {
    padding-top: 28px;
    padding-bottom: 60px; } }

@media print, screen and (min-width: 48em) {
  .c-grid.-home_a .c-grid__item:nth-child(2) {
    padding-top: 28px;
    padding-bottom: 120px; } }

@media print, screen and (min-width: 64em) {
  .c-grid.-home_a .c-grid__item:nth-child(2) {
    padding-top: 0;
    padding-bottom: 0; } }

@media only screen and (max-width: 47.9375em) {
  .c-grid.-home_a .c-grid__item.-job {
    padding-top: 28px;
    padding-bottom: 54px; } }

@media print, screen and (min-width: 48em) {
  .c-grid.-home_a .c-grid__item.-job {
    padding-top: 28px;
    padding-bottom: 0; } }

@media print, screen and (min-width: 64em) {
  .c-grid.-home_a .c-grid__item.-job {
    padding-top: 0;
    padding-bottom: 0; } }

@media only screen and (max-width: 47.9375em) {
  .c-grid.-home_b .c-grid__item:nth-child(1) {
    padding-top: 47px;
    padding-bottom: 34px; } }

.c-link {
  position: relative;
  line-height: 1.4;
  -webkit-font-feature-settings: 'palt' 1;
          font-feature-settings: 'palt' 1;
  font-weight: 600;
  font-weight: bold;
  color: #036; }
  @media only screen and (max-width: 47.9375em) {
    .c-link {
      font-family: "YakuHanJP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "arial"; } }
  @media print, screen and (min-width: 48em) {
    .c-link {
      font-family: "YakuHanJP", "Yu Gothic", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "arial"; } }
  @media only screen and (max-width: 47.9375em) {
    .c-link {
      font-size: 14px;
      font-size: 0.875rem; } }
  .c-link span {
    position: relative;
    overflow: hidden; }
    .c-link span:after {
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 1px;
      background-color: #036;
      content: ''; }
  .c-link i {
    margin-left: 7px; }
    @media print, screen and (min-width: 48em) {
      .c-link i {
        top: 0.15em; } }
  @media print, screen and (min-width: 64em) {
    a:hover .c-link span:after, .c-link:hover span:after {
      opacity: 0; } }

/* -----------------------------------------------------------------
/* モディファイア
----------------------------------------------------------------- */
/* ノーマル
----------------------------------------------------------------- */
.c-link.-normal {
  font-weight: normal; }

.c-text__left {
  text-align: left; }

.c-text__center {
  text-align: center; }

.c-text__right {
  text-align: right; }

@media only screen and (max-width: 63.9375em) {
  .p-header-accordion {
    position: relative;
    overflow: hidden;
    height: 0; } }

@media print, screen and (min-width: 64em) {
  .p-header-accordion {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    position: absolute;
    overflow: hidden;
    z-index: 10;
    width: 100%;
    height: 0;
    bottom: 0;
    left: 0;
    -webkit-transform: translate(0, 100%);
            transform: translate(0, 100%);
    padding-right: 5.3333%;
    padding-left: 5.3333%;
    display: none; } }

.p-header-accordion.-animation {
  -webkit-transition: height cubic-bezier(0.215, 0.61, 0.355, 1) 0.4s;
  transition: height cubic-bezier(0.215, 0.61, 0.355, 1) 0.4s; }

@media print, screen and (min-width: 64em) {
  .browser-is-ie .p-header-accordion {
    z-index: 1; } }

@media only screen and (max-width: 63.9375em) {
  .p-header-accordion__inner {
    padding-bottom: 20px; } }

@media print, screen and (min-width: 64em) {
  .p-header-accordion__inner {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    max-width: 1240px;
    margin-right: auto;
    margin-left: auto;
    padding-top: 40px;
    padding-bottom: 40px; } }

.p-header-accordion__inner a {
  display: block;
  padding-top: 9px;
  padding-bottom: 9px;
  padding-left: 24px;
  font-size: 13px;
  font-size: 0.8125rem; }
  @media only screen and (max-width: 47.9375em) {
    .p-header-accordion__inner a.-current {
      font-weight: bold;
      color: #036; } }

@media print, screen and (min-width: 64em) {
  .p-header-accordion__list {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-bottom: 0; } }

@media print, screen and (min-width: 64em) {
  .p-header-accordion__list > li {
    width: auto; } }

@media print, screen and (min-width: 64em) {
  .p-header-accordion__list > li:last-child {
    border-bottom: none; } }

@media print, screen and (min-width: 64em) {
  .p-header-accordion__list > li:last-child > a:after,
  .p-header-accordion__list > li:last-child > button:after {
    display: none; } }

@media print, screen and (min-width: 64em) {
  .p-header-accordion__list > li > a,
  .p-header-accordion__list > li > button {
    display: block;
    position: relative;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 15px;
    padding-left: 0;
    font-family: "YakuHanJP", "Yu Gothic Medium", "游ゴシック Medium", "Yu Gothic", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "arial";
    text-decoration: none;
    color: #222;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.4; } }

.p-header-accordion__list > li > button {
  /* <button>のリセット */
  width: 100%;
  border: none;
  background: none;
  font-family: "YakuHanJP", "Yu Gothic Medium", "游ゴシック Medium", "Yu Gothic", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "arial";
  text-align: left;
  cursor: pointer;
  position: relative;
  line-height: 1.75;
  /* アコーディオン展開時 */ }
  @media print, screen and (min-width: 64em) {
    .p-header-accordion__list > li > button > span {
      padding-right: 14px; } }
  .p-header-accordion__list > li > button > span svg {
    display: none; }
    @media print, screen and (min-width: 64em) {
      .p-header-accordion__list > li > button > span svg {
        display: inline-block;
        position: absolute;
        top: 44%;
        right: 0;
        -webkit-transform: translate(0, -50%);
                transform: translate(0, -50%);
        width: 8px;
        height: 6px;
        margin-left: 3px;
        fill: #222;
        -webkit-transition: -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.4s;
        transition: -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.4s;
        transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.4s;
        transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.4s, -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.4s; } }
  @media print, screen and (min-width: 64em) {
    .p-header-accordion__list > li > button.-open > span svg {
      -webkit-transform: translate(0, -50%) rotate(-180deg);
              transform: translate(0, -50%) rotate(-180deg); } }
  .p-header-accordion__list > li > button:focus {
    outline: none; }
  .p-header-accordion__list > li > button.p-accordion-close {
    display: none; }
    @media print, screen and (min-width: 64em) {
      .p-header-accordion__list > li > button.p-accordion-close {
        display: block; } }

.p-page-visual {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  padding-right: 5.334%;
  padding-left: 5.334%;
  background-color: #fff; }
  @media print, screen and (min-width: 48em) {
    .p-page-visual {
      min-height: 202px; } }

.p-page-visual__inner {
  width: 100%;
  max-width: 1200px;
  margin-right: auto;
  margin-left: auto; }
  @media only screen and (max-width: 47.9375em) {
    .p-page-visual__inner {
      padding-top: 20px;
      padding-bottom: 35px; } }
  @media print, screen and (min-width: 48em) {
    .p-page-visual__inner {
      padding-top: 57px;
      padding-bottom: 50px; } }

.p-page-visual__eng {
  display: block;
  -webkit-font-feature-settings: 'palt' 1;
          font-feature-settings: 'palt' 1;
  font-family: "din-2014", sans-serif;
  font-weight: 600;
  color: #036;
  letter-spacing: 0.2em; }
  @media only screen and (max-width: 47.9375em) {
    .p-page-visual__eng {
      font-size: 11px;
      font-size: 0.6875rem; } }
  @media print, screen and (min-width: 48em) {
    .p-page-visual__eng {
      font-size: 13px;
      font-size: 0.8125rem; } }
  @media only screen and (max-width: 47.9375em) {
    .p-page-visual__eng span {
      display: none; } }

.p-page-visual__main {
  line-height: 1.4;
  -webkit-font-feature-settings: 'palt' 1;
          font-feature-settings: 'palt' 1;
  font-weight: 600;
  font-weight: bold; }
  @media only screen and (max-width: 47.9375em) {
    .p-page-visual__main {
      font-family: "YakuHanJP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "arial"; } }
  @media print, screen and (min-width: 48em) {
    .p-page-visual__main {
      font-family: "YakuHanJP", "Yu Gothic", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "arial"; } }
  @media only screen and (max-width: 47.9375em) {
    .p-page-visual__main {
      font-size: 28px;
      font-size: 1.75rem; } }
  @media print, screen and (min-width: 48em) {
    .p-page-visual__main {
      font-size: 48px;
      font-size: 3rem; } }

.p-page-visual__sub {
  display: block;
  line-height: 1.4;
  -webkit-font-feature-settings: 'palt' 1;
          font-feature-settings: 'palt' 1;
  font-weight: 600;
  font-weight: bold; }
  @media only screen and (max-width: 47.9375em) {
    .p-page-visual__sub {
      font-family: "YakuHanJP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "arial"; } }
  @media print, screen and (min-width: 48em) {
    .p-page-visual__sub {
      font-family: "YakuHanJP", "Yu Gothic", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "arial"; } }
  @media only screen and (max-width: 47.9375em) {
    .p-page-visual__sub {
      margin-top: 10px;
      font-size: 14px;
      font-size: 0.875rem; } }
  @media print, screen and (min-width: 48em) {
    .p-page-visual__sub {
      margin-top: 16px;
      font-size: 18px;
      font-size: 1.125rem; } }

/* ==========================================================================
* モディファイア
========================================================================== */
.p-center-heading__sub {
  display: block;
  -webkit-font-feature-settings: 'palt' 1;
          font-feature-settings: 'palt' 1;
  font-family: "din-2014", sans-serif;
  font-weight: 600;
  letter-spacing: 0.35em;
  color: #036;
  text-align: center; }
  @media only screen and (max-width: 47.9375em) {
    .p-center-heading__sub {
      font-size: 11px;
      font-size: 0.6875rem; } }
  @media print, screen and (min-width: 48em) {
    .p-center-heading__sub {
      font-size: 14px;
      font-size: 0.875rem; } }

.p-center-heading__main {
  margin-top: 6px;
  line-height: 1.4;
  -webkit-font-feature-settings: 'palt' 1;
          font-feature-settings: 'palt' 1;
  font-weight: 600;
  font-weight: bold;
  text-align: center; }
  @media only screen and (max-width: 47.9375em) {
    .p-center-heading__main {
      font-family: "YakuHanJP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "arial"; } }
  @media print, screen and (min-width: 48em) {
    .p-center-heading__main {
      font-family: "YakuHanJP", "Yu Gothic", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "arial"; } }
  @media only screen and (max-width: 47.9375em) {
    .p-center-heading__main {
      font-size: 18px;
      font-size: 1.125rem; } }
  @media print, screen and (min-width: 48em) {
    .p-center-heading__main {
      font-size: 28px;
      font-size: 1.75rem; } }

.p-section-heading__eng {
  -webkit-font-feature-settings: 'palt' 1;
          font-feature-settings: 'palt' 1;
  font-family: "din-2014", sans-serif;
  font-weight: 600;
  color: #036;
  letter-spacing: 0.15em; }
  @media only screen and (max-width: 47.9375em) {
    .p-section-heading__eng {
      font-size: 10px;
      font-size: 0.625rem; } }
  @media print, screen and (min-width: 48em) {
    .p-section-heading__eng {
      font-size: 13px;
      font-size: 0.8125rem; } }

.p-section-heading__sub {
  line-height: 1.4;
  -webkit-font-feature-settings: 'palt' 1;
          font-feature-settings: 'palt' 1;
  font-weight: 600;
  font-weight: bold;
  color: #036; }
  @media only screen and (max-width: 47.9375em) {
    .p-section-heading__sub {
      font-family: "YakuHanJP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "arial"; } }
  @media print, screen and (min-width: 48em) {
    .p-section-heading__sub {
      font-family: "YakuHanJP", "Yu Gothic", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "arial"; } }
  .p-section-heading__sub:before {
    display: inline-block;
    position: relative;
    top: -0.35em;
    width: 20px;
    height: 1px;
    margin-right: 12px;
    background-color: #036;
    content: ''; }
  .p-section-heading__sub.p-section-heading__sub.no_line::before {
    width: 0;
    height: 0;
    margin: 0;
    background: none;
    content: ""; }
  @media only screen and (max-width: 47.9375em) {
    .p-section-heading__sub {
      font-size: 14px;
      font-size: 0.875rem; } }
  @media print, screen and (min-width: 48em) {
    .p-section-heading__sub {
      font-size: 16px;
      font-size: 1rem; } }

.p-section-heading__sub + .p-section-heading__main {
  margin-top: 10px; }

@media only screen and (max-width: 47.9375em) {
  .p-section-heading__eng + .p-section-heading__main {
    margin-top: 3px; } }

@media print, screen and (min-width: 48em) {
  .p-section-heading__eng + .p-section-heading__main {
    margin-top: 6px; } }

.p-section-heading__num {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .p-section-heading__num .p-section-heading__num__number {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: inline-block;
    position: relative;
    overflow: hidden;
    border-radius: 50%;
    background-color: #E6E6E6;
    -webkit-font-feature-settings: 'palt' 1;
            font-feature-settings: 'palt' 1;
    font-family: "din-2014", sans-serif;
    font-weight: 700;
    text-align: center;
    color: #036; }
    @media only screen and (max-width: 47.9375em) {
      .p-section-heading__num .p-section-heading__num__number {
        margin-right: 8px;
        width: 30px;
        height: 30px;
        padding-top: 3px;
        font-size: 17px;
        font-size: 1.0625rem; } }
    @media print, screen and (min-width: 48em) {
      .p-section-heading__num .p-section-heading__num__number {
        margin-right: 15px;
        width: 40px;
        height: 40px;
        padding-top: 3px;
        font-size: 22px;
        font-size: 1.375rem; } }
    .p-section-heading__num .p-section-heading__num__number span {
      position: relative;
      z-index: 1; }
    .p-section-heading__num .p-section-heading__num__number.-active {
      color: #ffffff;
      background-color: #036; }
  .p-section-heading__num .p-section-heading__num__subject {
    display: inline-block; }

.p-card-1 {
  display: block;
  position: relative; }
  .p-card-1:before {
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: background-color linear 0.15s, -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s, -webkit-box-shadow linear 0.15s;
    transition: background-color linear 0.15s, -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s, -webkit-box-shadow linear 0.15s;
    transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s, box-shadow linear 0.15s, background-color linear 0.15s;
    transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s, box-shadow linear 0.15s, background-color linear 0.15s, -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s, -webkit-box-shadow linear 0.15s;
    content: ''; }
  @media print, screen and (min-width: 64em) {
    .p-card-1:hover:before {
      -webkit-transform: scale(1.08, 1.08);
              transform: scale(1.08, 1.08);
      background-color: #fff;
      -webkit-box-shadow: 0 0 20px rgba(5, 23, 0, 0.15);
              box-shadow: 0 0 20px rgba(5, 23, 0, 0.15); } }
  @media print, screen and (min-width: 64em) {
    .p-card-1:hover .p-card-1__img img {
      -webkit-transform: scale(1.08, 1.08);
              transform: scale(1.08, 1.08); } }
  @media print, screen and (min-width: 48em) {
    .p-card-1:hover .p-card-1__head {
      color: #036; } }
  .p-card-1.-current {
    pointer-events: none; }
    .p-card-1.-current .p-card-1__img img {
      opacity: 0.3; }
    .p-card-1.-current .p-card-1__head,
    .p-card-1.-current .p-card-1__desc {
      color: #aaaaaa; }
    .p-card-1.-current .p-card-1__head i {
      display: none; }

.p-card-1__img img {
  display: block;
  width: 100%;
  -webkit-transform-origin: 50% 100%;
          transform-origin: 50% 100%;
  -webkit-transition: -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s;
  transition: -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s;
  transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s;
  transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s, -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s; }

.p-card-1__head {
  display: block;
  line-height: 1.4;
  -webkit-font-feature-settings: 'palt' 1;
          font-feature-settings: 'palt' 1;
  font-weight: 600;
  font-weight: bold;
  color: #222;
  word-break: break-all;
  line-height: 1.75; }
  @media only screen and (max-width: 47.9375em) {
    .p-card-1__head {
      font-family: "YakuHanJP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "arial"; } }
  @media print, screen and (min-width: 48em) {
    .p-card-1__head {
      font-family: "YakuHanJP", "Yu Gothic", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "arial"; } }
  @media only screen and (max-width: 47.9375em) {
    .p-card-1__head {
      margin-top: 15px;
      font-size: 16px;
      font-size: 1rem; } }
  @media print, screen and (min-width: 48em) {
    .p-card-1__head {
      margin-top: 17px;
      font-size: 18px;
      font-size: 1.125rem; } }
  @media only screen and (max-width: 47.9375em) {
    .p-card-1__head.-small {
      margin-top: 4px;
      font-size: 14px;
      font-size: 0.875rem; } }
  @media print, screen and (min-width: 48em) {
    .p-card-1__head.-small {
      margin-top: 7px;
      font-size: 16px;
      font-size: 1rem; } }

.p-card-1__desc {
  display: block;
  color: #222; }
  @media only screen and (max-width: 47.9375em) {
    .p-card-1__desc {
      margin-top: 11px;
      font-size: 14px;
      font-size: 0.875rem; } }
  @media print, screen and (min-width: 48em) {
    .p-card-1__desc {
      margin-top: 9px;
      font-size: 15px;
      font-size: 0.9375rem; } }

.p-card-1__name {
  display: inline-block;
  color: #222; }
  @media only screen and (max-width: 47.9375em) {
    .p-card-1__name {
      margin-top: 5px;
      font-size: 13px;
      font-size: 0.8125rem; } }
  @media print, screen and (min-width: 48em) {
    .p-card-1__name {
      margin-top: 12px;
      font-size: 15px;
      font-size: 0.9375rem; } }
  .p-card-1__name span {
    padding: 0 0.3em 0 0.5em; }

.p-card-1__dl {
  color: #222; }
  @media only screen and (max-width: 47.9375em) {
    .p-card-1__dl {
      margin-top: 23px; } }
  @media print, screen and (min-width: 48em) {
    .p-card-1__dl {
      margin-top: 20px; } }
  @media only screen and (max-width: 47.9375em) {
    .p-card-1__dl dt,
    .p-card-1__dl dd {
      font-size: 12px;
      font-size: 0.75rem; } }
  @media print, screen and (min-width: 48em) {
    .p-card-1__dl dt,
    .p-card-1__dl dd {
      font-size: 15px;
      font-size: 0.9375rem; } }

/* ==========================================================================
* モディファイア
========================================================================== */
.p-card-1-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  @media only screen and (max-width: 47.9375em) {
    .p-card-1-container.-max3, .p-card-1-container.-max4 {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      margin-top: -35px; } }
  @media print, screen and (min-width: 48em) {
    .p-card-1-container.-max3, .p-card-1-container.-max4 {
      margin-top: -42px;
      margin-left: -20px; } }
  @media print, screen and (min-width: 64em) {
    .p-card-1-container.-max3, .p-card-1-container.-max4 {
      margin-left: -32px; } }
  @media only screen and (max-width: 47.9375em) {
    .p-card-1-container.-max3 .p-card-1, .p-card-1-container.-max4 .p-card-1 {
      width: 100%;
      margin-top: 35px; } }
  @media print, screen and (min-width: 48em) {
    .p-card-1-container.-max3 .p-card-1, .p-card-1-container.-max4 .p-card-1 {
      width: calc(50% - 20px);
      margin-top: 42px;
      margin-left: 20px; } }
  @media print, screen and (min-width: 64em) {
    .p-card-1-container.-max3 .p-card-1, .p-card-1-container.-max4 .p-card-1 {
      width: calc(33.33% - 32px);
      margin-left: 32px; } }
  @media print, screen and (min-width: 75em) {
    .p-card-1-container.-max4 .p-card-1 {
      width: calc(25% - 32px); } }

@media only screen and (max-width: 47.9375em) {
  .p-card-1-container.-home {
    margin-left: -15px; } }

@media print, screen and (min-width: 48em) {
  .p-card-1-container.-home {
    margin-left: -20px; } }

@media print, screen and (min-width: 64em) {
  .p-card-1-container.-home {
    margin-left: -32px; } }

@media only screen and (max-width: 47.9375em) {
  .p-card-1-container.-home .p-card-1 {
    width: calc(50% - 15px);
    margin-left: 15px; } }

@media print, screen and (min-width: 48em) {
  .p-card-1-container.-home .p-card-1 {
    width: calc(50% - 20px);
    margin-left: 20px; } }

@media print, screen and (min-width: 64em) {
  .p-card-1-container.-home .p-card-1 {
    width: calc(33.33% - 32px);
    margin-left: 32px; } }

@media only screen and (max-width: 63.9375em) {
  .p-card-1-container.-home .p-card-1:nth-child(n + 3) {
    display: none; } }

@media only screen and (max-width: 47.9375em) {
  .p-card-1-container.-other-case {
    margin-left: -15px; } }

@media print, screen and (min-width: 48em) {
  .p-card-1-container.-other-case {
    margin-left: -20px; } }

@media print, screen and (min-width: 64em) {
  .p-card-1-container.-other-case {
    margin-left: -32px; } }

@media only screen and (max-width: 47.9375em) {
  .p-card-1-container.-other-case .p-card-1 {
    width: calc(50% - 15px);
    margin-left: 15px;
    margin-top: 35px; }
    .p-card-1-container.-other-case .p-card-1:nth-child(-n + 2) {
      margin-top: 0; } }

@media print, screen and (min-width: 48em) {
  .p-card-1-container.-other-case .p-card-1 {
    width: calc(50% - 20px);
    margin-left: 20px;
    margin-top: 42px; }
    .p-card-1-container.-other-case .p-card-1:nth-child(-n + 2) {
      margin-top: 0; } }

@media print, screen and (min-width: 64em) {
  .p-card-1-container.-other-case .p-card-1 {
    width: calc(33.33% - 32px);
    margin-left: 32px;
    margin-top: 42px; }
    .p-card-1-container.-other-case .p-card-1:nth-child(-n + 3) {
      margin-top: 0; } }

@media only screen and (max-width: 47.9375em) {
  .p-card-1__head.-fs_s {
    font-size: 14px;
    font-size: 0.875rem; } }

@media print, screen and (min-width: 48em) {
  .p-card-1__head.-fs_s {
    font-size: 16px;
    font-size: 1rem; } }

/* アニメーション
----------------------------------------------------------------- */
.p-card-1.js-scrollup .p-card-1__img,
.p-card-1.js-scrollup .p-card-1__dl,
.p-card-1.js-scrollup .p-card-1__head {
  opacity: 0;
  -webkit-transition: opacity linear 0.4s, -webkit-transform cubic-bezier(0.075, 0.82, 0.165, 1) 1s;
  transition: opacity linear 0.4s, -webkit-transform cubic-bezier(0.075, 0.82, 0.165, 1) 1s;
  transition: opacity linear 0.4s, transform cubic-bezier(0.075, 0.82, 0.165, 1) 1s;
  transition: opacity linear 0.4s, transform cubic-bezier(0.075, 0.82, 0.165, 1) 1s, -webkit-transform cubic-bezier(0.075, 0.82, 0.165, 1) 1s; }
  @media print {
    .p-card-1.js-scrollup .p-card-1__img,
    .p-card-1.js-scrollup .p-card-1__dl,
    .p-card-1.js-scrollup .p-card-1__head {
      opacity: 1 !important; } }

.p-card-1.js-scrollup .p-card-1__img {
  -webkit-transform: translate(0, 45px);
          transform: translate(0, 45px); }
  @media print {
    .p-card-1.js-scrollup .p-card-1__img {
      -webkit-transform: translate(0, 0) !important;
              transform: translate(0, 0) !important; } }

.p-card-1.js-scrollup .p-card-1__dl {
  -webkit-transform: translate(0, 30px);
          transform: translate(0, 30px);
  -webkit-transition-delay: 0.15s;
          transition-delay: 0.15s; }
  @media print {
    .p-card-1.js-scrollup .p-card-1__dl {
      -webkit-transform: translate(0, 0) !important;
              transform: translate(0, 0) !important; } }

.p-card-1.js-scrollup .p-card-1__head {
  -webkit-transform: translate(0, 30px);
          transform: translate(0, 30px);
  -webkit-transition-delay: 0.3s;
          transition-delay: 0.3s; }
  @media print {
    .p-card-1.js-scrollup .p-card-1__head {
      -webkit-transform: translate(0, 0) !important;
              transform: translate(0, 0) !important; } }

.p-card-1.js-scrollup.-visible .p-card-1__img,
.p-card-1.js-scrollup.-visible .p-card-1__dl,
.p-card-1.js-scrollup.-visible .p-card-1__head {
  opacity: 1;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0); }

.p-home-visual {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  padding-right: 5.334%;
  padding-left: 5.334%; }
  @media only screen and (max-width: 47.9375em) {
    .p-home-visual {
      height: auto; } }
  @media print, screen and (min-width: 48em) {
    .p-home-visual {
      height: 60vh;
      padding-top: 96px;
      background-repeat: no-repeat;
      background-position: 50% 50%;
      background-color: #000;
      background-size: cover; } }
  @media print, screen and (min-width: 64em) {
    .p-home-visual {
      height: 90vh;
      min-height: 750px; } }

.p-home-visual__carousel {
  position: absolute;
  overflow: hidden;
  z-index: 0;
  top: 0;
  left: 0;
  width: 100%;
  /* SPのグラデーション背景 */ }
  @media only screen and (max-width: 47.9375em) {
    .p-home-visual__carousel {
      height: 100vw;
      max-height: 60vh; } }
  @media print, screen and (min-width: 48em) {
    .p-home-visual__carousel {
      height: 100%; } }
  @media only screen and (max-width: 47.9375em) {
    .p-home-visual__carousel:after {
      display: block;
      position: absolute;
      z-index: 10;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 37.33vw;
      background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.7)));
      background: -webkit-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7));
      background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7));
      content: ''; } }

.p-home-visual__list {
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.p-home-visual__bg {
  display: block;
  opacity: 0;
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: top 50% left 50%;
  background-size: cover;
  -webkit-transition: opacity linear 0.85s, -webkit-transform linear 6s;
  transition: opacity linear 0.85s, -webkit-transform linear 6s;
  transition: opacity linear 0.85s, transform linear 6s;
  transition: opacity linear 0.85s, transform linear 6s, -webkit-transform linear 6s; }
  .p-home-visual__bg.-active {
    z-index: 10; }
  .p-home-visual__bg.-visible {
    opacity: 1;
    -webkit-transform: scale(1.075, 1.075);
            transform: scale(1.075, 1.075); }

.p-home-visual__nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  z-index: 20; }
  @media only screen and (max-width: 47.9375em) {
    .p-home-visual__nav {
      top: calc(100vw - 16px);
      right: 24px;
      -webkit-transform: translate(0, -100%);
              transform: translate(0, -100%); } }
  @media print, screen and (min-width: 48em) {
    .p-home-visual__nav {
      bottom: 30px;
      right: 40px; } }

.p-home-visual__item {
  display: block;
  width: 8px;
  height: 8px;
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 0;
  margin-left: 8px;
  padding: 0;
  background-color: #ffffff;
  border: none;
  border-radius: 50%;
  -webkit-transition: background-color cubic-bezier(0.215, 0.61, 0.355, 1) 0.4s, -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s;
  transition: background-color cubic-bezier(0.215, 0.61, 0.355, 1) 0.4s, -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s;
  transition: background-color cubic-bezier(0.215, 0.61, 0.355, 1) 0.4s, transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s;
  transition: background-color cubic-bezier(0.215, 0.61, 0.355, 1) 0.4s, transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s, -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s; }
  @media print, screen and (min-width: 64em) {
    .p-home-visual__item {
      cursor: pointer;
      outline: none; } }
  @media print, screen and (min-width: 64em) {
    .p-home-visual__item:hover {
      -webkit-transform: scale(1.5, 1.5);
              transform: scale(1.5, 1.5); } }
  .p-home-visual__item.-active {
    background-color: #036;
    -webkit-transform: scale(1.5, 1.5);
            transform: scale(1.5, 1.5); }

.p-home-visual__inner {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  max-width: 1200px;
  height: 100%;
  margin-right: auto;
  margin-left: auto; }
  @media print, screen and (min-width: 48em) {
    .p-home-visual__inner {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      position: relative;
      z-index: 20; } }
  .p-home-visual__inner:before {
    display: block;
    position: relative;
    width: 100%;
    height: 100vw;
    max-height: 60vh; }
    @media only screen and (max-width: 47.9375em) {
      .p-home-visual__inner:before {
        content: ''; } }

.p-home-visual__msg {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }
  @media only screen and (max-width: 47.9375em) {
    .p-home-visual__msg {
      padding-top: 29px;
      padding-bottom: 50px; } }
  @media print, screen and (min-width: 48em) {
    .p-home-visual__msg {
      margin-top: -20px; } }

@media only screen and (max-width: 47.9375em) {
  .p-home-visual__main {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vw;
    max-height: 60vh; } }

.p-home-visual__main p {
  position: absolute;
  z-index: 10;
  bottom: 40px;
  fill: #fff;
  left: 5.334%; 
  color: #fff;
  font-weight: bold;
  text-shadow: #aaa 1px 0 10px;
}



  @media only screen and (max-width: 23.375em) {
    .p-home-visual__main p {
      width: 240px;
      height: 50px; 


  } }
  @media only screen and (min-width: 23.4375em) {
    .p-home-visual__main p {
      /* width: 270px;
      height: 57px;  */} }
  @media print, screen and (min-width: 48em) {
    .p-home-visual__main p {
      position: relative;
      bottom: auto;
      left: auto;
      /* width: 438px;
      height: 92px; */
      -webkit-transition: fill linear 0.4s;
      transition: fill linear 0.4s; } }

  @media print, screen and (min-width: 64em) {
    .p-home-visual__main svg {
      width: 438px;
      height: 92px; 
    }

      .p-home-visual__main .c-heading {
        
        font-size: 1.8rem
      }
    }

.p-home-visual__sub {
  display: block;
  line-height: 1.4;
  -webkit-font-feature-settings: 'palt' 1;
          font-feature-settings: 'palt' 1;
  font-weight: 600;
  font-weight: bold;
  -webkit-transition: color linear 0.4s;
  transition: color linear 0.4s; }
  @media only screen and (max-width: 47.9375em) {
    .p-home-visual__sub {
      font-family: "YakuHanJP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "arial"; } }
  @media print, screen and (min-width: 48em) {
    .p-home-visual__sub {
      font-family: "YakuHanJP", "Yu Gothic", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "arial"; } }
  @media only screen and (max-width: 47.9375em) {
    .p-home-visual__sub {
      color: #222;
      font-size: 14px;
      font-size: 0.875rem;
      line-height: 1.75; } }
  @media print, screen and (min-width: 48em) {
    .p-home-visual__sub {
      margin-top: 18px;
      font-size: 14px;
      font-size: 0.875rem;
      color: #fff;
      line-height: 2; } }
  @media print, screen and (min-width: 64em) {
    .p-home-visual__sub {
      font-size: 17px;
      font-size: 1.0625rem; } }

@media only screen and (max-width: 47.9375em) {
  .p-home-visual__button {
    margin-top: 13px; } }

@media print, screen and (min-width: 48em) {
  .p-home-visual__button {
    width: 240px;
    margin-top: 20px; } }

@media print, screen and (min-width: 64em) {
  .p-home-visual__button {
    display: flex;
    width: 600px; } 

.p-home-visual__button li {
  width: 280px;
  margin-right: 8px; 
  }
  }
  
 .p-home-visual__button li{
  margin-top: 8px; } 

/* ==========================================================================
* モディファイア
========================================================================= */
@media print, screen and (min-width: 48em) {
  .p-home-visual.-inverted .p-home-visual__sub {
    color: #222; } }

@media print, screen and (min-width: 48em) {
  .p-home-visual.-inverted .p-home-visual__main svg {
    fill: #222; } }

/* ビジュアルの設定
----------------------------------------------------------------- */
/* PC */
@media print, screen and (min-width: 48em) {
  .p-home-visual__bg.-num1 {
    background-image: url(../images/home/img_main_pc@2x.jpg); } }

@media print, screen and (min-width: 48em) {
  .browser-is-ie .p-home-visual__bg.-num1,
  .browser-is-safari .p-home-visual__bg.-num1 {
    background-image: url(../images/home/img_main_pc@2x.jpg); } }

@media print, screen and (min-width: 48em) {
  .p-home-visual__bg.-num2 {
    background-image: url(../images/home/img_main_pc03@2x.jpg); } }

@media print, screen and (min-width: 48em) {
  .browser-is-ie .p-home-visual__bg.-num2,
  .browser-is-safari .p-home-visual__bg.-num2 {
    background-image: url(../images/home/img_main_pc03@2x.jpg); } }

@media print, screen and (min-width: 48em) {
  .p-home-visual__bg.-num3 {
    background-image: url(../images/home/img_main_pc02@2x.jpg); } }

@media print, screen and (min-width: 48em) {
  .browser-is-ie .p-home-visual__bg.-num3,
  .browser-is-safari .p-home-visual__bg.-num3 {
    background-image: url(../images/home/img_main_pc02@2x.jpg); } }

  @media print, screen and (min-width: 48em) {
    .p-home-visual__bg.-num4 {
      background-image: url(../images/home/img_main_pc04@2x.jpg); } }
  
  @media print, screen and (min-width: 48em) {
    .browser-is-ie .p-home-visual__bg.-num4,
    .browser-is-safari .p-home-visual__bg.-num4 {
      background-image: url(../images/home/img_main_pc04@2x.jpg); } }

 @media print, screen and (min-width: 48em) {
    .p-home-visual__bg.-num5 {
      background-image: url(../images/home/img_main_pc05@2x.jpg); } }
  
  @media print, screen and (min-width: 48em) {
    .browser-is-ie .p-home-visual__bg.-num5,
    .browser-is-safari .p-home-visual__bg.-num5 {
      background-image: url(../images/home/img_main_pc05@2x.jpg); } }

       @media print, screen and (min-width: 48em) {
    .p-home-visual__bg.-num6 {
      background-image: url(../images/home/img_main_pc06@2x.jpg); } }
  
  @media print, screen and (min-width: 48em) {
    .browser-is-ie .p-home-visual__bg.-num6,
    .browser-is-safari .p-home-visual__bg.-num6 {
      background-image: url(../images/home/img_main_pc06@2x.jpg); } }

 @media print, screen and (min-width: 48em) {
    .p-home-visual__bg.-num7 {
      background-image: url(../images/home/img_main_pc07@2x.jpg); } }
  
  @media print, screen and (min-width: 48em) {
    .browser-is-ie .p-home-visual__bg.-num7,
    .browser-is-safari .p-home-visual__bg.-num7 {
      background-image: url(../images/home/img_main_pc07@2x.jpg); } }

/* SP */
@media only screen and (max-width: 47.9375em) {
  .p-home-visual__bg.-num1 {
    background-image: url(../images/home/img_main_sp@2x.jpg); } }

@media only screen and (max-width: 47.9375em) {
  .p-home-visual__bg.-num2 {
    background-image: url(../images/home/img_main_sp03@2x.jpg); } }

@media only screen and (max-width: 47.9375em) {
  .p-home-visual__bg.-num3 {
    background-image: url(../images/home/img_main_sp02@2x.jpg); } }

@media only screen and (max-width: 47.9375em) {
  .p-home-visual__bg.-num4 {
    background-image: url(../images/home/img_main_sp04@2x.jpg); } }

    @media only screen and (max-width: 47.9375em) {
  .p-home-visual__bg.-num5 {
    background-image: url(../images/home/img_main_sp05@2x.jpg); } }

 @media only screen and (max-width: 47.9375em) {
  .p-home-visual__bg.-num6 {
    background-image: url(../images/home/img_main_sp06@2x.jpg); } }
     @media only screen and (max-width: 47.9375em) {
  .p-home-visual__bg.-num7 {
    background-image: url(../images/home/img_main_sp07@2x.jpg); } }

@media print, screen and (min-width: 64em) {
  .p-home-overlap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end; } }

.p-home-overlap__img {
  position: absolute;
  top: 0;
  left: 0;
  width: 51.66%;
  height: calc(100% - 72px);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover; }
  @media only screen and (max-width: 63.9375em) {
    .p-home-overlap__img {
      display: none; } }

@media print, screen and (min-width: 48em) {
  .p-home-overlap__text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; } }

@media print, screen and (min-width: 64em) {
  .p-home-overlap__text {
    display: block;
    width: 51.66%;
    padding-top: 72px; } }

.p-home-overlap__item {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: block;
  position: relative;
  z-index: 1;
  background-color: #fff;
  border-style: solid;
  border-width: 1px 0 0 0;
  border-color: #e6e6e6; }
  @media only screen and (max-width: 47.9375em) {
    .p-home-overlap__item {
      margin-top: 50px;
      border: none; } }
  @media print, screen and (min-width: 48em) {
    .p-home-overlap__item {
      padding-top: 40px;
      padding-bottom: 46px;
      padding-right: 40px;
      padding-left: 40px;
      border-width: 0 0 0 1px; } }
  @media print, screen and (min-width: 64em) {
    .p-home-overlap__item {
      padding-top: 72px;
      padding-bottom: 79px;
      padding-right: 60px;
      padding-left: 60px;
      border-width: 1px 0 0 0; } }
  @media print, screen and (min-width: 75em) {
    .p-home-overlap__item {
      padding-right: 100px;
      padding-left: 100px; } }
  .p-home-overlap__item:first-child {
    margin-top: 0;
    border-width: 0; }

.p-home-overlap__inner {
  display: block; }
  @media only screen and (max-width: 47.9375em) {
    .p-home-overlap__inner {
      padding-top: 37px;
      padding-bottom: 47px;
      padding-right: 5.334%;
      padding-left: 5.334%; } }

  .p-home-overlap__inner .c-sentence {
    color: #222; }

@media only screen and (max-width: 47.9375em) {
  .p-home-overlap__spimg {
    display: block; } }

@media print, screen and (min-width: 48em) {
  .p-home-overlap__spimg {
    display: none; } }

.p-home-overlap__spimg img {
  display: block;
  width: 100%; }

@media only screen and (max-width: 47.9375em) {
  .p-home-layer__img {
    display: none; } }

@media print, screen and (min-width: 48em) {
  .p-home-layer__img {
    width: 100%;
    height: 54.05vw;
    max-height: 640px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover; } }

@media print, screen and (min-width: 100em) {
  .p-home-layer__img {
    max-height: 800px; } }

@media only screen and (max-width: 47.9375em) {
  .p-home-layer__imgbox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    overflow: hidden;
    height: 61.8vw; } }

@media print, screen and (min-width: 48em) {
  .p-home-layer__imgbox {
    overflow: hidden;
    height: 54.05vw; } }

@media print, screen and (min-width: 64em) {
  .p-home-layer__imgbox {
    height: auto; } }

.p-home-layer__text {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }
  @media print, screen and (min-width: 48em) {
    .p-home-layer__text {
      margin-top: -120px;
      padding-right: 6.334%;
      padding-left: 5.334%; } }
  @media print, screen and (min-width: 64em) {
    .p-home-layer__text {
      padding-right: 5.334%; } }

.p-home-layer__inner {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  width: 100%;
  max-width: 1200px;
  margin-right: auto;
  margin-left: auto; }
  @media print, screen and (min-width: 48em) {
    .p-home-layer__inner {
      padding-top: 111px;
      padding-bottom: 120px;
      padding-right: 40px; } }
  @media print, screen and (min-width: 64em) {
    .p-home-layer__inner {
      padding-right: 80px; } }
  .p-home-layer__inner:after {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 100vw;
    height: 100%;
    background-color: #fff; }
    @media print, screen and (min-width: 48em) {
      .p-home-layer__inner:after {
        content: ''; } }
  .p-home-layer__inner > * {
    position: relative;
    z-index: 1; }

@media print, screen and (min-width: 64em) {
  .p-home-layer__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; } }

@media only screen and (max-width: 47.9375em) {
  .p-home-layer__head {
    padding-top: 47px;
    padding-bottom: 35px;
    padding-right: 5.334%;
    padding-left: 5.334%;
    background-color: #fff; } }

@media print, screen and (min-width: 64em) {
  .p-home-layer__head {
    width: 61%; }
  .p-home-layer__head .message{
    font-size: 1.4rem;
    margin-bottom: 20px;
    font-weight: bold;
  }
  }

@media only screen and (max-width: 47.9375em) {
  .p-home-layer__content {
    padding-top: 28px;
    padding-bottom: 60px;
    padding-right: 5.334%;
    padding-left: 5.334%;
    background-color: #fff; } }

@media print, screen and (min-width: 48em) {
  .p-home-layer__content {
    margin-top: 20px; } }

@media print, screen and (min-width: 64em) {
  .p-home-layer__content {
    width: calc(39% - 80px);
    margin-top: 0;
    margin-left: 80px;
    padding-top: 20px; } }

@media print, screen and (min-width: 48em) {
  .p-home-layer__spimg {
    display: none; } }

.p-home-layer__spimg img {
  display: block;
  width: 100%; }

@media print, screen and (min-width: 48em) {
  .p-link-list.-max2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-left: -40px; } }

@media print, screen and (min-width: 48em) {
  .p-link-list.-max2 .p-link-list__item {
    width: calc(50% - 40px);
    margin-left: 40px; } }

.p-link-list__item {
  position: relative; }
  .p-link-list__item a {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: block;
    position: relative;
    z-index: 20;
    line-height: 1.4;
    -webkit-font-feature-settings: 'palt' 1;
            font-feature-settings: 'palt' 1;
    font-weight: 600;
    font-weight: bold; }
    @media only screen and (max-width: 47.9375em) {
      .p-link-list__item a {
        font-family: "YakuHanJP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "arial"; } }
    @media print, screen and (min-width: 48em) {
      .p-link-list__item a {
        font-family: "YakuHanJP", "Yu Gothic", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "arial"; } }
    @media only screen and (max-width: 47.9375em) {
      .p-link-list__item a {
        padding-top: 18px;
        padding-bottom: 18px;
        font-size: 14px;
        font-size: 0.875rem; } }
    @media print, screen and (min-width: 48em) {
      .p-link-list__item a {
        padding-top: 21px;
        padding-bottom: 23px;
        font-size: 14px;
        font-size: 0.875rem; } }
    @media print, screen and (min-width: 64em) {
      .p-link-list__item a {
        font-size: 16px;
        font-size: 1rem; } }
  .p-link-list__item:before {
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background-color: #e6e6e6;
    content: ''; }
  .p-link-list__item:after {
    display: block;
    position: absolute;
    z-index: 10;
    opacity: 0;
    top: -1px;
    left: -20px;
    width: calc(100% + 20px + 20px);
    height: calc(100% + 1px);
    -webkit-transition: opacity linear 0.15s, -webkit-box-shadow cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
    transition: opacity linear 0.15s, -webkit-box-shadow cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
    transition: opacity linear 0.15s, box-shadow cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
    transition: opacity linear 0.15s, box-shadow cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, -webkit-box-shadow cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
    background-color: #fff; }
    @media print, screen and (min-width: 64em) {
      .p-link-list__item:after {
        content: ''; } }
  .p-link-list__item i {
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translate(0, -50%);
            transform: translate(0, -50%); }
  @media print, screen and (min-width: 64em) {
    .p-link-list__item:hover:after {
      opacity: 1;
      -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
              box-shadow: 0 0 15px rgba(0, 0, 0, 0.1); } }

@media only screen and (max-width: 47.9375em) {
  .p-link-list.-darkborder .p-link-list__item:before {
    background-color: #e6e6e6; } }

@media print, screen and (min-width: 48em) {
  .p-link-list.-darkborder .p-link-list__item:before {
    background-color: #ddd; } }

@media print, screen and (min-width: 48em) {
  .p-link-block.-max3 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; } }

@media only screen and (max-width: 47.9375em) {
  .p-link-block.-max3 .p-link-block__item,
  .p-link-block.-max3 .p-link-block__other_item {
    width: 100%; } }

@media print, screen and (min-width: 48em) {
  .p-link-block.-max3 .p-link-block__item,
  .p-link-block.-max3 .p-link-block__other_item {
    width: 50%; } }

@media print, screen and (min-width: 64em) {
  .p-link-block.-max3 .p-link-block__item,
  .p-link-block.-max3 .p-link-block__other_item {
    width: 33.33%; } }

.p-link-block__item {
  position: relative; }
  .p-link-block__item a {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: block;
    position: relative;
    z-index: 30;
    line-height: 1.4;
    -webkit-font-feature-settings: 'palt' 1;
            font-feature-settings: 'palt' 1;
    font-weight: 600;
    font-weight: bold; }
    @media only screen and (max-width: 47.9375em) {
      .p-link-block__item a {
        font-family: "YakuHanJP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "arial"; } }
    @media print, screen and (min-width: 48em) {
      .p-link-block__item a {
        font-family: "YakuHanJP", "Yu Gothic", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "arial"; } }
    @media only screen and (max-width: 47.9375em) {
      .p-link-block__item a {
        padding-top: 18px;
        padding-bottom: 18px;
        font-size: 14px;
        font-size: 0.875rem; } }
    @media print, screen and (min-width: 48em) {
      .p-link-block__item a {
        padding-top: 46px;
        padding-bottom: 47px;
        padding-left: 32px;
        padding-right: 32px;
        font-size: 14px;
        font-size: 0.875rem; } }
    @media print, screen and (min-width: 64em) {
      .p-link-block__item a {
        font-size: 16px;
        font-size: 1rem; } }
  .p-link-block__item:before {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: block;
    position: absolute;
    z-index: 10;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-style: solid;
    content: ''; }
    @media only screen and (max-width: 47.9375em) {
      .p-link-block__item:before {
        border-width: 0 0 1px 0;
        border-color: #e6e6e6; } }
    @media print, screen and (min-width: 48em) {
      .p-link-block__item:before {
        border-width: 0 1px 1px 0;
        border-color: #e6e6e6; } }
  .p-link-block__item:after {
    display: block;
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, -webkit-box-shadow cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
    transition: -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, -webkit-box-shadow cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
    transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, box-shadow cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
    transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, box-shadow cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, -webkit-box-shadow cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
    background-color: #fff;
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%; }
    @media print, screen and (min-width: 48em) {
      .p-link-block__item:after {
        content: ''; } }
  .p-link-block__item span {
    display: block;
    position: relative;
    z-index: 30; }
  .p-link-block__item i {
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
            transform: translate(0, -50%); }
    @media only screen and (max-width: 47.9375em) {
      .p-link-block__item i {
        right: 0; } }
    @media print, screen and (min-width: 48em) {
      .p-link-block__item i {
        right: 20px; } }
  @media print, screen and (min-width: 64em) {
    .p-link-block__item:hover:after {
      z-index: 20;
      -webkit-transform: scale(1.03, 1.11);
              transform: scale(1.03, 1.11);
      -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
              box-shadow: 0 0 15px rgba(0, 0, 0, 0.15); } }

/* 選考について　共通用
----------------------------------------------------------------- */
.p-link-block__other_item {
  position: relative; }
  .p-link-block__other_item a {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: block;
    position: relative;
    z-index: 30;
    line-height: 1.4;
    -webkit-font-feature-settings: 'palt' 1;
            font-feature-settings: 'palt' 1;
    font-weight: 600;
    font-weight: bold; }
    @media only screen and (max-width: 47.9375em) {
      .p-link-block__other_item a {
        font-family: "YakuHanJP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "arial"; } }
    @media print, screen and (min-width: 48em) {
      .p-link-block__other_item a {
        font-family: "YakuHanJP", "Yu Gothic", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "arial"; } }
    @media only screen and (max-width: 47.9375em) {
      .p-link-block__other_item a {
        padding-top: 28px;
        padding-bottom: 28px;
        padding-left: 24px;
        padding-right: 24px;
        font-size: 16px;
        font-size: 1rem; } }
    @media print, screen and (min-width: 48em) {
      .p-link-block__other_item a {
        padding-top: 46px;
        padding-bottom: 47px;
        padding-left: 32px;
        padding-right: 32px;
        font-size: 18px;
        font-size: 1.125rem; } }
    @media print, screen and (min-width: 64em) {
      .p-link-block__other_item a {
        font-size: 18px;
        font-size: 1.125rem; } }
  .p-link-block__other_item:before {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: block;
    position: absolute;
    z-index: 10;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-style: solid;
    content: ''; }
    @media only screen and (max-width: 47.9375em) {
      .p-link-block__other_item:before {
        border-width: 0 0 1px 0;
        border-color: #e6e6e6; } }
    @media print, screen and (min-width: 48em) {
      .p-link-block__other_item:before {
        border-width: 0 1px 1px 0;
        border-color: #e6e6e6; } }
  .p-link-block__other_item:after {
    content: '';
    display: block;
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, -webkit-box-shadow cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
    transition: -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, -webkit-box-shadow cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
    transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, box-shadow cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
    transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, box-shadow cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, -webkit-box-shadow cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
    background-color: #fff;
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%; }
  .p-link-block__other_item span {
    display: block;
    position: relative;
    z-index: 30; }
  .p-link-block__other_item p {
    font-weight: normal;
    line-height: 1.75; }
    @media only screen and (max-width: 47.9375em) {
      .p-link-block__other_item p {
        font-size: 14px;
        font-size: 0.875rem;
        margin-top: 12px; } }
    @media print, screen and (min-width: 48em) {
      .p-link-block__other_item p {
        font-size: 15px;
        font-size: 0.9375rem;
        margin-top: 15px; } }
  .p-link-block__other_item i {
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
            transform: translate(0, -50%); }
  @media print, screen and (min-width: 64em) {
    .p-link-block__other_item:hover:after {
      z-index: 20;
      -webkit-transform: scale(1.03, 1.11);
              transform: scale(1.03, 1.11);
      -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
              box-shadow: 0 0 15px rgba(0, 0, 0, 0.15); } }
  .p-link-block__other_item.-current:after {
    content: '';
    background-color: #F0F0F0; }
  .p-link-block__other_item.-current a {
    pointer-events: none;
    color: #aaaaaa; }
    .p-link-block__other_item.-current a i {
      display: none; }
  @media print, screen and (min-width: 64em) {
    .p-link-block__other_item.-current:hover:after {
      z-index: 20;
      -webkit-transform: none;
              transform: none;
      -webkit-box-shadow: none;
              box-shadow: none; } }

/* ボーダー管理
----------------------------------------------------------------- */
@media print, screen and (min-width: 48em) {
  .p-link-block__item:nth-child(2n):before,
  .p-link-block__other_item:nth-child(2n):before {
    border-width: 0 0 1px 0; } }

@media print, screen and (min-width: 64em) {
  .p-link-block__item:nth-child(2n):before,
  .p-link-block__other_item:nth-child(2n):before {
    border-width: 0 1px 1px 0; } }

@media print, screen and (min-width: 48em) {
  .p-link-block__item:nth-last-child(-n + 2):before,
  .p-link-block__other_item:nth-last-child(-n + 2):before {
    border-width: 0 1px 0 0; } }

@media print, screen and (min-width: 64em) {
  .p-link-block__item:nth-last-child(-n + 2):before,
  .p-link-block__other_item:nth-last-child(-n + 2):before {
    border-width: 0 1px 1px 0; } }

@media print, screen and (min-width: 48em) {
  .p-link-block__item:nth-last-child(-n + 2):nth-child(2n):before,
  .p-link-block__other_item:nth-last-child(-n + 2):nth-child(2n):before {
    border-width: 0; } }

@media print, screen and (min-width: 64em) {
  .p-link-block__item:nth-last-child(-n + 2):nth-child(2n):before,
  .p-link-block__other_item:nth-last-child(-n + 2):nth-child(2n):before {
    border-width: 0 1px 1px 0; } }

@media print, screen and (min-width: 64em) {
  .p-link-block__item:nth-child(3n):before,
  .p-link-block__other_item:nth-child(3n):before {
    border-width: 0 0 1px 0; } }

@media print, screen and (min-width: 64em) {
  .p-link-block__item:nth-last-child(-n + 3):before,
  .p-link-block__other_item:nth-last-child(-n + 3):before {
    border-width: 0 1px 0 0; } }

@media print, screen and (min-width: 64em) {
  .p-link-block__item:nth-last-child(-n + 3):nth-child(3n):before,
  .p-link-block__other_item:nth-last-child(-n + 3):nth-child(3n):before {
    border-width: 0; } }

@media only screen and (max-width: 47.9375em) {
  .p-link-block__other_item:last-child:before {
    border-width: 0; } }

.p-understand {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%; }
  @media only screen and (max-width: 47.9375em) {
    .p-understand {
      padding-top: 7px; } }
  @media print, screen and (min-width: 48em) {
    .p-understand {
      padding-top: 1%; } }

.p-understand__item {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: #f7f7f7;
  position: relative;
  overflow: hidden;
  width: 100%; }
  @media only screen and (max-width: 47.9375em) {
    .p-understand__item {
      padding: 40px 20px; } }
  @media print, screen and (min-width: 48em) {
    .p-understand__item {
      padding: 45px 30px; } }
  @media print, screen and (min-width: 64em) {
    .p-understand__item {
      padding: 50px 45px; } }
  @media only screen and (max-width: 47.9375em) {
    .p-understand__item.-half {
      margin-top: 7px;
      width: 100%; } }
  @media print, screen and (min-width: 48em) {
    .p-understand__item.-half {
      width: 49.6%; } }
  @media print, screen and (min-width: 64em) {
    .p-understand__item.-half {
      width: 49.456%; } }
  @media only screen and (max-width: 47.9375em) {
    .p-understand__item.-half__mt0 {
      margin-top: 0; } }

@media only screen and (max-width: 47.9375em) {
  .p-understand__item__halfbox .p-understand__item__img {
    text-align: center; } }

@media print, screen and (min-width: 48em) {
  .p-understand__item__halfbox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
    .p-understand__item__halfbox .p-understand__item__halfbox_inner {
      width: 45.3%; } }

@media print, screen and (min-width: 64em) {
  .p-understand__item__halfbox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
    .p-understand__item__halfbox .p-understand__item__halfbox_inner {
      width: 43.9%; }
      .p-understand__item__halfbox .p-understand__item__halfbox_inner.-full {
        width: 50%; } }

.p-understand__item__heading {
  font-weight: bold;
  position: relative; }
  @media only screen and (max-width: 47.9375em) {
    .p-understand__item__heading {
      font-size: 18px;
      font-size: 1.125rem; } }
  @media print, screen and (min-width: 48em) {
    .p-understand__item__heading {
      font-size: 20px;
      font-size: 1.25rem; } }
  @media print, screen and (min-width: 64em) {
    .p-understand__item__heading {
      font-size: 23px;
      font-size: 1.4375rem; } }
  @media print, screen and (min-width: 75em) {
    .p-understand__item__heading {
      font-size: 24px;
      font-size: 1.5rem; } }

.p-understand__item__heading_s {
  font-weight: bold;
  position: relative; }
  @media only screen and (max-width: 47.9375em) {
    .p-understand__item__heading_s {
      font-size: 16px;
      font-size: 1rem;
      padding-top: 12px; } }
  @media print, screen and (min-width: 48em) {
    .p-understand__item__heading_s {
      font-size: 18px;
      font-size: 1.125rem;
      padding-top: 15px; } }
  @media print, screen and (min-width: 64em) {
    .p-understand__item__heading_s {
      font-size: 20px;
      font-size: 1.25rem;
      padding-top: 15px; } }
  .p-understand__item__heading_s span {
    color: #036;
    display: inline-block;
    position: relative; }
    .p-understand__item__heading_s span:before {
      content: "";
      background: #036;
      border-radius: 50%;
      width: 3px;
      height: 3px;
      position: absolute;
      top: 0;
      left: 0.4em; }

.p-understand__item__value {
  color: #036;
  -webkit-font-feature-settings: 'palt' 1;
          font-feature-settings: 'palt' 1;
  font-family: "din-2014", sans-serif;
  font-weight: 600;
  line-height: 1;
  position: relative; }
  @media only screen and (max-width: 47.9375em) {
    .p-understand__item__value {
      font-size: 90px;
      font-size: 5.625rem; }
      .p-understand__item__value .p-understand__item__value__text,
      .p-understand__item__value .p-understand__item__value__unit {
        font-size: 16px;
        font-size: 1rem; } }
  @media print, screen and (min-width: 48em) {
    .p-understand__item__value {
      font-size: 100px;
      font-size: 6.25rem;
      margin-top: 4px; }
      .p-understand__item__value .p-understand__item__value__text,
      .p-understand__item__value .p-understand__item__value__unit {
        font-size: 16px;
        font-size: 1rem; } }
  @media print, screen and (min-width: 64em) {
    .p-understand__item__value {
      font-size: 120px;
      font-size: 7.5rem;
      margin-top: 4px; }
      .p-understand__item__value .p-understand__item__value__text,
      .p-understand__item__value .p-understand__item__value__unit {
        font-size: 20px;
        font-size: 1.25rem; } }
  .p-understand__item__value.-txtspacing_s {
    letter-spacing: -0.1em;
    position: relative; }
    .p-understand__item__value.-txtspacing_s .p-understand__item__value__unit {
      padding-left: 1em; }
  .p-understand__item__value.-txtspacing_m {
    letter-spacing: -0.06em;
    position: relative; }
    .p-understand__item__value.-txtspacing_m .p-understand__item__value__unit {
      padding-left: 1em; }
  .p-understand__item__value .p-understand__item__value__text {
    display: inline-block;
    padding-right: 0.35em;
    font-weight: bold;
    font-family: "YakuHanJP", "Yu Gothic Medium", "游ゴシック Medium", "Yu Gothic", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "arial";
    color: #222;
    letter-spacing: normal;
    position: relative;
    line-height: 1.2;
    top: -2px; }
  .p-understand__item__value .p-understand__item__value__unit {
    display: inline-block;
    padding-left: 0.5em;
    font-weight: bold;
    font-family: "YakuHanJP", "Yu Gothic Medium", "游ゴシック Medium", "Yu Gothic", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "arial";
    color: #222;
    letter-spacing: normal;
    position: relative;
    top: -2px; }

.p-understand__item__value__sub {
  display: inline-block;
  border-left: 2px solid #DDDDDD;
  padding-left: 12px;
  padding-top: 3px;
  margin-left: 12px;
  letter-spacing: normal; }
  .p-understand__item__value__sub .p-understand__item__value__sub__heading {
    display: block;
    font-weight: bold;
    color: #222; }
    @media only screen and (max-width: 47.9375em) {
      .p-understand__item__value__sub .p-understand__item__value__sub__heading {
        font-size: 16px;
        font-size: 1rem; } }
    @media print, screen and (min-width: 48em) {
      .p-understand__item__value__sub .p-understand__item__value__sub__heading {
        font-size: 17px;
        font-size: 1.0625rem; } }
  .p-understand__item__value__sub .p-understand__item__value__sub__value {
    display: block;
    color: #036;
    -webkit-font-feature-settings: 'palt' 1;
            font-feature-settings: 'palt' 1;
    font-family: "din-2014", sans-serif;
    font-weight: 600;
    line-height: 1;
    letter-spacing: -0.08em;
    position: relative;
    top: 1px;
    margin-top: 3px; }
    @media only screen and (max-width: 47.9375em) {
      .p-understand__item__value__sub .p-understand__item__value__sub__value {
        font-size: 40px;
        font-size: 2.5rem; } }
    @media print, screen and (min-width: 48em) {
      .p-understand__item__value__sub .p-understand__item__value__sub__value {
        font-size: 48px;
        font-size: 3rem; } }
  .p-understand__item__value__sub .p-understand__item__value__sub__unit {
    display: inline-block;
    padding-left: 0.7em;
    font-weight: bold;
    font-family: "YakuHanJP", "Yu Gothic Medium", "游ゴシック Medium", "Yu Gothic", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "arial";
    color: #222;
    letter-spacing: normal;
    position: relative;
    top: -1px; }
    @media only screen and (max-width: 47.9375em) {
      .p-understand__item__value__sub .p-understand__item__value__sub__unit {
        font-size: 14px;
        font-size: 0.875rem; } }
    @media print, screen and (min-width: 48em) {
      .p-understand__item__value__sub .p-understand__item__value__sub__unit {
        font-size: 16px;
        font-size: 1rem; } }

.p-understand__item__desc {
  position: relative;
  line-height: 2;
  text-align: justify;
  text-justify: inter-ideograph;
  line-height: 1.75; }
  @media only screen and (max-width: 47.9375em) {
    .p-understand__item__desc {
      font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "arial";
      line-height: 2; } }
  @media print, screen and (min-width: 48em) {
    .p-understand__item__desc {
      font-family: "Yu Gothic Medium", "游ゴシック Medium", "Yu Gothic", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "arial"; } }
  @media only screen and (max-width: 47.9375em) {
    .p-understand__item__desc {
      font-size: 15px;
      font-size: 0.9375rem;
      margin-top: 12px; } }
  @media print, screen and (min-width: 48em) {
    .p-understand__item__desc {
      font-size: 16px;
      font-size: 1rem;
      margin-top: 16px; } }

.p-understand__item__desc__note {
  display: block;
  text-align: justify;
  text-justify: inter-ideograph;
  line-height: 1.75; }
  @media only screen and (max-width: 47.9375em) {
    .p-understand__item__desc__note {
      font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "arial";
      line-height: 2; } }
  @media print, screen and (min-width: 48em) {
    .p-understand__item__desc__note {
      font-family: "Yu Gothic Medium", "游ゴシック Medium", "Yu Gothic", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "arial"; } }
  @media print, screen and (min-width: 48em) {
    .p-understand__item__desc__note {
      font-size: 12px;
      font-size: 0.75rem;
      padding-top: 3px; } }
  @media print, screen and (min-width: 48em) {
    .p-understand__item__desc__note {
      font-size: 14px;
      font-size: 0.875rem;
      padding-top: 6px; } }

.p-understand__item__bg {
  position: absolute; }
  .p-understand__item__bg img {
    width: 100%; }

.p-understand__item__img {
  position: relative; }
  .p-understand__item__img img {
    width: 100%; }
  @media only screen and (max-width: 47.9375em) {
    .p-understand__item__img {
      text-align: center; } }

@media only screen and (max-width: 47.9375em) {
  .p-understand__item.-item_01 .p-understand__item__bg {
    top: 20px;
    right: 54px;
    max-width: 38.4%; } }

@media print, screen and (min-width: 48em) {
  .p-understand__item.-item_01 .p-understand__item__bg {
    top: 40px;
    right: 30px;
    max-width: 39.56%; } }

@media print, screen and (min-width: 64em) {
  .p-understand__item.-item_01 .p-understand__item__bg {
    top: 40px;
    right: 40px;
    max-width: 39.56%; } }

@media only screen and (max-width: 47.9375em) {
  .p-understand__item.-item_02 .p-understand__item__bg {
    top: 44px;
    right: 48px;
    max-width: 42.66%; } }

@media print, screen and (min-width: 48em) {
  .p-understand__item.-item_02 .p-understand__item__bg {
    top: 60px;
    right: 30px;
    max-width: 43.95%; } }

@media print, screen and (min-width: 64em) {
  .p-understand__item.-item_02 .p-understand__item__bg {
    top: 40px;
    right: 40px;
    max-width: 43.95%; } }

@media only screen and (max-width: 47.9375em) {
  .p-understand__item.-item_03 .p-understand__item__bg {
    top: 18px;
    right: 0px;
    max-width: 81%; } }

@media print, screen and (min-width: 48em) {
  .p-understand__item.-item_03 .p-understand__item__bg {
    top: 18px;
    left: 80px;
    max-width: 41.30%; } }

@media print, screen and (min-width: 64em) {
  .p-understand__item.-item_03 .p-understand__item__bg {
    top: 18px;
    left: 110px;
    max-width: 41.30%; } }

.p-understand__item.-item_03 .p-understand__item__img {
  max-width: 278px; }
  @media only screen and (max-width: 47.9375em) {
    .p-understand__item.-item_03 .p-understand__item__img {
      margin: 20px auto; } }

@media only screen and (max-width: 47.9375em) {
  .p-understand__item.-item_04 .p-understand__item__bg {
    top: 18px;
    right: 22px;
    max-width: 40%; } }

@media print, screen and (min-width: 48em) {
  .p-understand__item.-item_04 .p-understand__item__bg {
    top: 39px;
    left: 220px;
    max-width: 21.73%; } }

@media print, screen and (min-width: 64em) {
  .p-understand__item.-item_04 .p-understand__item__bg {
    top: 37px;
    left: 260px;
    max-width: 21.73%; } }

.p-understand__item.-item_04 .p-understand__item__img {
  max-width: 355px; }
  @media only screen and (max-width: 47.9375em) {
    .p-understand__item.-item_04 .p-understand__item__img {
      margin: 20px auto; } }
  @media print, screen and (min-width: 48em) {
    .p-understand__item.-item_04 .p-understand__item__img {
      margin-top: 40px; } }
  @media print, screen and (min-width: 64em) {
    .p-understand__item.-item_04 .p-understand__item__img {
      margin-top: 60px; } }

@media only screen and (max-width: 47.9375em) {
  .p-understand__item.-item_05 .p-understand__item__bg {
    top: 18px;
    right: 10px;
    max-width: 60%; } }

@media print, screen and (min-width: 48em) {
  .p-understand__item.-item_05 .p-understand__item__bg {
    top: 25px;
    left: 130px;
    max-width: 34.78%; } }

@media print, screen and (min-width: 64em) {
  .p-understand__item.-item_05 .p-understand__item__bg {
    top: 30px;
    left: 170px;
    max-width: 34.78%; } }

.p-understand__item.-item_05 .p-understand__item__img {
  max-width: 260px; }
  @media only screen and (max-width: 47.9375em) {
    .p-understand__item.-item_05 .p-understand__item__img {
      margin: 20px auto; } }

@media only screen and (max-width: 47.9375em) {
  .p-understand__item.-item_07 .p-understand__item__bg {
    top: 18px;
    right: 50px;
    max-width: 30%; } }

@media print, screen and (min-width: 48em) {
  .p-understand__item.-item_07 .p-understand__item__bg {
    top: 25px;
    right: 35px;
    max-width: 33.7%; } }

@media print, screen and (min-width: 64em) {
  .p-understand__item.-item_07 .p-understand__item__bg {
    top: 30px;
    right: 56px;
    max-width: 33.7%; } }

@media only screen and (max-width: 47.9375em) {
  .p-understand__item.-item_08 .p-understand__item__bg {
    top: 18px;
    right: 30px;
    max-width: 45%; } }

@media print, screen and (min-width: 48em) {
  .p-understand__item.-item_08 .p-understand__item__bg {
    top: 27px;
    right: 24px;
    max-width: 52.7%; } }

@media print, screen and (min-width: 64em) {
  .p-understand__item.-item_08 .p-understand__item__bg {
    top: 32px;
    right: 29px;
    max-width: 52.7%; } }

@media only screen and (max-width: 47.9375em) {
  .p-understand__item.-item_09 .p-understand__item__bg {
    top: 25px;
    right: 35px;
    max-width: 35%; } }

@media print, screen and (min-width: 48em) {
  .p-understand__item.-item_09 .p-understand__item__bg {
    top: 30px;
    right: 25px;
    max-width: 38%; } }

@media print, screen and (min-width: 64em) {
  .p-understand__item.-item_09 .p-understand__item__bg {
    top: 30px;
    right: 47px;
    max-width: 52.7%; } }

@media only screen and (max-width: 47.9375em) {
  .p-understand__item.-item_10 .p-understand__item__bg {
    top: 30px;
    right: 35px;
    max-width: 50%; } }

@media print, screen and (min-width: 48em) {
  .p-understand__item.-item_10 .p-understand__item__bg {
    top: 50px;
    right: 20px;
    max-width: 55%; } }

@media print, screen and (min-width: 64em) {
  .p-understand__item.-item_10 .p-understand__item__bg {
    top: 40px;
    right: 20px;
    max-width: 57.1%; } }

@media only screen and (max-width: 47.9375em) {
  .p-understand__item.-item_11 .p-understand__item__bg {
    top: 20px;
    right: 35px;
    max-width: 41%; } }

@media print, screen and (min-width: 48em) {
  .p-understand__item.-item_11 .p-understand__item__bg {
    top: 30px;
    right: 30px;
    max-width: 41%; } }

@media print, screen and (min-width: 64em) {
  .p-understand__item.-item_11 .p-understand__item__bg {
    top: 30px;
    right: 45px;
    max-width: 41%; } }

@media only screen and (max-width: 47.9375em) {
  .p-understand__item.-item_12 .p-understand__item__bg {
    top: 40px;
    right: 60px;
    max-width: 22%; } }

@media print, screen and (min-width: 48em) {
  .p-understand__item.-item_12 .p-understand__item__bg {
    top: 40px;
    right: 40px;
    max-width: 25%; } }

@media print, screen and (min-width: 64em) {
  .p-understand__item.-item_12 .p-understand__item__bg {
    top: 40px;
    right: 60px;
    max-width: 41%; } }

.p-understand__item.-item_13 .p-understand__item__img {
  max-width: 355px; }
  @media only screen and (max-width: 47.9375em) {
    .p-understand__item.-item_13 .p-understand__item__img {
      margin: 20px auto; } }
  @media print, screen and (min-width: 48em) {
    .p-understand__item.-item_13 .p-understand__item__img {
      margin: 20px auto 0 auto; } }

@media only screen and (max-width: 47.9375em) {
  .p-understand__item.-item_14 .p-understand__item__img {
    max-width: 100%;
    margin: 0 auto 20px auto; } }

@media only screen and (max-width: 47.9375em) {
  .p-understand__item.-item_14 .p-understand__item__bg {
    top: 40px;
    right: 60px;
    max-width: 61%; } }

@media print, screen and (min-width: 48em) {
  .p-understand__item.-item_14 .p-understand__item__bg {
    top: 40px;
    right: 40px;
    max-width: 61%; } }

@media print, screen and (min-width: 64em) {
  .p-understand__item.-item_14 .p-understand__item__bg {
    top: 40px;
    right: 60px;
    max-width: 61%; } }

@media only screen and (max-width: 47.9375em) {
  .p-understand__item.-item_15 .p-understand__item__bg {
    top: 20px;
    right: 20px;
    max-width: 45%; } }

@media print, screen and (min-width: 48em) {
  .p-understand__item.-item_15 .p-understand__item__bg {
    top: 30px;
    right: 20px;
    max-width: 46%; } }

@media print, screen and (min-width: 64em) {
  .p-understand__item.-item_15 .p-understand__item__bg {
    top: 30px;
    right: 20px;
    max-width: 57.1%; } }

@media only screen and (max-width: 47.9375em) {
  .p-understand__item.-item_16 .p-understand__item__bg {
    top: 20px;
    right: 50px;
    max-width: 28%; } }

@media print, screen and (min-width: 48em) {
  .p-understand__item.-item_16 .p-understand__item__bg {
    top: 30px;
    right: 70px;
    max-width: 29%; } }

@media print, screen and (min-width: 64em) {
  .p-understand__item.-item_16 .p-understand__item__bg {
    top: 30px;
    right: 70px;
    max-width: 41%; } }

@media only screen and (max-width: 47.9375em) {
  .p-understand__item.-item_17 .p-understand__item__img.-img_01 {
    margin: 5px auto 0 auto;
    max-width: 407px; } }

@media print, screen and (min-width: 48em) {
  .p-understand__item.-item_17 .p-understand__item__img.-img_01 {
    margin-top: 20px;
    max-width: 325px; } }

@media only screen and (max-width: 47.9375em) {
  .p-understand__item.-item_17 .p-understand__item__img.-img_02 {
    margin: 5px auto 0 auto;
    max-width: 407px; } }

@media print, screen and (min-width: 48em) {
  .p-understand__item.-item_17 .p-understand__item__img.-img_02 {
    margin-top: 20px;
    max-width: 407px; } }

@media only screen and (max-width: 47.9375em) {
  .p-understand__item.-item_18 .p-understand__item__bg {
    top: 35px;
    right: 60px;
    max-width: 28%; } }

@media print, screen and (min-width: 48em) {
  .p-understand__item.-item_18 .p-understand__item__bg {
    top: 40px;
    right: 40px;
    max-width: 32%; } }

@media print, screen and (min-width: 64em) {
  .p-understand__item.-item_18 .p-understand__item__bg {
    top: 40px;
    right: 60px;
    max-width: 41%; } }

.p-understand__item.-item_19 .p-understand__item__img {
  max-width: 100%; }
  @media only screen and (max-width: 47.9375em) {
    .p-understand__item.-item_19 .p-understand__item__img {
      margin: 38px 0 30px 0; } }
  @media print, screen and (min-width: 48em) {
    .p-understand__item.-item_19 .p-understand__item__img {
      margin: 58px 0 46px 0; } }

@media only screen and (max-width: 47.9375em) {
  .p-understand__item.-item_20 .p-understand__item__bg {
    top: 40px;
    right: 40px;
    max-width: 28%; } }

@media print, screen and (min-width: 48em) {
  .p-understand__item.-item_20 .p-understand__item__bg {
    top: 40px;
    right: 40px;
    max-width: 35%; } }

@media print, screen and (min-width: 64em) {
  .p-understand__item.-item_20 .p-understand__item__bg {
    top: 40px;
    right: 60px;
    max-width: 41%; } }

.p-understand__item.-item_21 .p-understand__item__img {
  max-width: 355px; }
  @media only screen and (max-width: 47.9375em) {
    .p-understand__item.-item_21 .p-understand__item__img {
      margin: 20px auto; } }
  @media print, screen and (min-width: 48em) {
    .p-understand__item.-item_21 .p-understand__item__img {
      margin: 20px auto 0 auto; } }

@media only screen and (max-width: 47.9375em) {
  .p-business_mt-top {
    margin-top: 30px !important; }
    .p-business_mt-top img {
      margin: 10px 0; } }

@media print, screen and (min-width: 48em) {
  .p-business_mt-top {
    margin-top: 49px; }
    .p-business_mt-top img {
      margin: 15px 0; } }

@media only screen and (max-width: 47.9375em) {
  .p-business_mt {
    margin-top: 30px !important; }
    .p-business_mt img {
      margin: 10px 0; } }

@media print, screen and (min-width: 48em) {
  .p-business_mt {
    margin-top: 58px; }
    .p-business_mt img {
      margin: 15px 0; } }

@media only screen and (max-width: 47.9375em) {
  .p-management_policy {
    display: block; } }

@media print, screen and (min-width: 48em) {
  .p-management_policy {
    display: -webkit-box;
    display: -ms-flexbox;
    /*display: flex;*/
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; } }

@media print, screen and (min-width: 64em) {
  .p-management_policy {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; } }

@media only screen and (max-width: 47.9375em) {
  .p-management_policy .p-management_policy__text {
    width: 100%; } }
/*
@media print, screen and (min-width: 48em) {
  .p-management_policy .p-management_policy__text {
    width: 47.5%; } }

@media print, screen and (min-width: 64em) {
  .p-management_policy .p-management_policy__text {
    width: 47.5%; } }
*/
@media only screen and (max-width: 47.9375em) {
  .p-management_policy .p-management_policy__img {
    width: 100%;
    margin-top: 20px; } }

@media print, screen and (min-width: 48em) {
  .p-management_policy .p-management_policy__img {
    width: 47.5%; } }

@media print, screen and (min-width: 64em) {
  .p-management_policy .p-management_policy__img {
    width: 47.5%; } }

.p-management_policy .p-management_policy__img img {
  width: 100%;
  max-width: 100%; }

.p-senior-profile {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  background-color: #fff; }
  @media print, screen and (min-width: 48em) {
    .p-senior-profile {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; } }

.p-senior-profile__img {
  background-repeat: no-repeat;
  background-size: cover; }
  @media only screen and (max-width: 47.9375em) {
    .p-senior-profile__img {
      padding-top: 100%;
      background-position: 50% 50%; } }
  @media print, screen and (min-width: 48em) {
    .p-senior-profile__img {
      width: 50%;
      background-position: 50% 50%; } }
  @media print, screen and (min-width: 75em) {
    .p-senior-profile__img {
      min-height: 600px; } }

.p-senior-profile__text {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }
  @media only screen and (max-width: 47.9375em) {
    .p-senior-profile__text {
      padding-top: 20px;
      padding-bottom: 20px;
      padding-right: 20px;
      padding-left: 20px; } }
  @media print, screen and (min-width: 48em) {
    .p-senior-profile__text {
      width: 50%;
      padding-top: 50px;
      padding-bottom: 50px;
      padding-right: 50px;
      padding-left: 50px; } }
  @media print, screen and (min-width: 75em) {
    .p-senior-profile__text {
      padding-top: 76px;
      padding-bottom: 76px;
      padding-right: 80px;
      padding-left: 80px; } }

.p-senior-profile__head {
  line-height: 1.4;
  -webkit-font-feature-settings: 'palt' 1;
          font-feature-settings: 'palt' 1;
  font-weight: 600;
  font-weight: bold; }
  @media only screen and (max-width: 47.9375em) {
    .p-senior-profile__head {
      font-family: "YakuHanJP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "arial"; } }
  @media print, screen and (min-width: 48em) {
    .p-senior-profile__head {
      font-family: "YakuHanJP", "Yu Gothic", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "arial"; } }
  @media only screen and (max-width: 47.9375em) {
    .p-senior-profile__head {
      font-size: 20px;
      font-size: 1.25rem; } }
  @media print, screen and (min-width: 48em) {
    .p-senior-profile__head {
      font-size: 20px;
      font-size: 1.25rem; } }

@media only screen and (max-width: 47.9375em) {
  .p-senior-profile__table {
    width: 100%;
    margin-top: 8px; } }

@media print, screen and (min-width: 48em) {
  .p-senior-profile__table {
    margin-top: 18px;
    width: 100%; } }

.p-senior-profile__table tr {
  border-bottom: solid 1px #e6e6e6; }

.p-senior-profile__table th,
.p-senior-profile__table td {
  vertical-align: top; }

.p-senior-profile__table th {
  width: 80px;
  padding-top: 14px;
  line-height: 1.4;
  -webkit-font-feature-settings: 'palt' 1;
          font-feature-settings: 'palt' 1;
  font-weight: 600;
  font-weight: bold;
  font-size: 14px;
  font-size: 0.875rem; }
  @media only screen and (max-width: 47.9375em) {
    .p-senior-profile__table th {
      font-family: "YakuHanJP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "arial"; } }
  @media print, screen and (min-width: 48em) {
    .p-senior-profile__table th {
      font-family: "YakuHanJP", "Yu Gothic", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "arial"; } }

.p-senior-profile__table td {
  padding-top: 11px;
  padding-bottom: 12px;
  font-size: 14px;
  font-size: 0.875rem; }

.p-senior-profile__desc {
  text-align: justify;
  text-justify: inter-ideograph;
  line-height: 1.75; }
  @media only screen and (max-width: 47.9375em) {
    .p-senior-profile__desc {
      font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "arial";
      line-height: 2; } }
  @media print, screen and (min-width: 48em) {
    .p-senior-profile__desc {
      font-family: "Yu Gothic Medium", "游ゴシック Medium", "Yu Gothic", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "arial"; } }
  @media only screen and (max-width: 47.9375em) {
    .p-senior-profile__desc {
      margin-top: 16px;
      font-size: 14px;
      font-size: 0.875rem; } }
  @media print, screen and (min-width: 48em) {
    .p-senior-profile__desc {
      margin-top: 35px;
      font-size: 14px;
      font-size: 0.875rem; } }
  @media print, screen and (min-width: 64em) {
    .p-senior-profile__desc {
      font-size: 16px;
      font-size: 1rem; } }

.p-index__head {
  line-height: 1.4;
  -webkit-font-feature-settings: 'palt' 1;
          font-feature-settings: 'palt' 1;
  font-weight: 600;
  font-weight: bold; }
  @media only screen and (max-width: 47.9375em) {
    .p-index__head {
      font-family: "YakuHanJP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "arial"; } }
  @media print, screen and (min-width: 48em) {
    .p-index__head {
      font-family: "YakuHanJP", "Yu Gothic", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "arial"; } }
  @media only screen and (max-width: 47.9375em) {
    .p-index__head {
      font-size: 16px;
      font-size: 1rem; } }
  @media print, screen and (min-width: 48em) {
    .p-index__head {
      font-size: 20px;
      font-size: 1.25rem; } }

.p-index__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  @media only screen and (max-width: 47.9375em) {
    .p-index__list {
      margin-top: 10px; } }
  @media only screen and (max-width: 63.9375em) {
    .p-index__list {
      margin-left: -20px; } }
  @media print, screen and (min-width: 48em) {
    .p-index__list {
      margin-top: 18px; } }
  @media print, screen and (min-width: 64em) {
    .p-index__list {
      margin-left: -40px; } }
  @media only screen and (max-width: 63.9375em) {
    .p-index__list li {
      width: calc(50% - 20px);
      margin-left: 20px; } }
  @media print, screen and (min-width: 64em) {
    .p-index__list li {
      width: calc(33.33% - 40px);
      margin-left: 40px; } }
  .p-index__list a {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: block;
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%;
    padding-top: 10px;
    padding-bottom: 12px;
    padding-right: 25px; }
    @media only screen and (max-width: 47.9375em) {
      .p-index__list a {
        font-size: 14px;
        font-size: 0.875rem; } }
    .p-index__list a .c-circle-arrow {
      position: absolute;
      top: 34%;
      right: 0; }
    .p-index__list a:before, .p-index__list a:after {
      display: block;
      width: 100%;
      height: 1px;
      position: absolute;
      bottom: 0;
      left: 0;
      background-color: #e6e6e6;
      content: ''; }
    .p-index__list a:before {
      z-index: 10;
      -webkit-transform: translate(calc(-100% - 1px), 0);
              transform: translate(calc(-100% - 1px), 0);
      background-color: #036;
      -webkit-transition: -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.4s;
      transition: -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.4s;
      transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.4s;
      transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.4s, -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.4s; }
    @media print, screen and (min-width: 64em) {
      .p-index__list a:hover:before {
        -webkit-transform: translate(0, 0);
                transform: translate(0, 0); } }
  @media only screen and (max-width: 47.9375em) {
    .p-index__list.-max2 li {
      width: calc(100% - 20px);
      margin-left: 20px; } }
  @media print, screen and (min-width: 64em) {
    .p-index__list.-max2 li {
      width: calc(47.82% - 40px);
      margin-left: 40px; } }

.p-index__numberlist {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  @media only screen and (max-width: 47.9375em) {
    .p-index__numberlist {
      margin-top: 10px; } }
  @media only screen and (max-width: 63.9375em) {
    .p-index__numberlist {
      margin-left: -20px; } }
  @media print, screen and (min-width: 48em) {
    .p-index__numberlist {
      margin-top: 18px; } }
  @media print, screen and (min-width: 64em) {
    .p-index__numberlist {
      margin-left: -40px; } }
  @media only screen and (max-width: 63.9375em) {
    .p-index__numberlist li {
      width: calc(50% - 20px);
      margin-left: 20px; } }
  @media print, screen and (min-width: 64em) {
    .p-index__numberlist li {
      width: calc(33.33% - 40px);
      margin-left: 40px; } }
  .p-index__numberlist a {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%;
    padding-top: 10px;
    padding-bottom: 13px;
    padding-right: 25px; }
    @media only screen and (max-width: 47.9375em) {
      .p-index__numberlist a {
        font-size: 14px;
        font-size: 0.875rem; } }
    .p-index__numberlist a .c-circle-arrow {
      position: absolute;
      top: 34%;
      right: 0; }
    .p-index__numberlist a:before, .p-index__numberlist a:after {
      display: block;
      width: 100%;
      height: 1px;
      position: absolute;
      bottom: 0;
      left: 0;
      background-color: #e6e6e6;
      content: ''; }
    .p-index__numberlist a:before {
      z-index: 10;
      -webkit-transform: translate(calc(-100% - 1px), 0);
              transform: translate(calc(-100% - 1px), 0);
      background-color: #036;
      -webkit-transition: -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.4s;
      transition: -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.4s;
      transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.4s;
      transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.4s, -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.4s; }
    @media print, screen and (min-width: 64em) {
      .p-index__numberlist a:hover:before {
        -webkit-transform: translate(0, 0);
                transform: translate(0, 0); } }
    .p-index__numberlist a span.p-index__list__number {
      display: inline-block;
      font-weight: bold;
      line-height: 1.2;
      font-size: 20px;
      font-size: 1.25rem;
      -webkit-font-feature-settings: 'palt' 1;
              font-feature-settings: 'palt' 1;
      font-family: "din-2014", sans-serif;
      font-weight: 600;
      padding-right: 0.5em; }
      @media only screen and (max-width: 47.9375em) {
        .p-index__numberlist a span.p-index__list__number {
          font-size: 18px;
          font-size: 1.125rem; } }
    .p-index__numberlist a span.p-index__list__number_txt {
      display: inline-block;
      line-height: 1.5; }
  @media only screen and (max-width: 47.9375em) {
    .p-index__numberlist.-max2 li {
      width: calc(100% - 20px);
      margin-left: 20px; } }
  @media print, screen and (min-width: 64em) {
    .p-index__numberlist.-max2 li {
      width: calc(47.82% - 40px);
      margin-left: 40px; } }

.p-index__textlist {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  .p-index__textlist li {
    padding: 10px 0 12px 0;
    display: table;
    border-bottom: solid 1px #E6E6E6; }
  @media print, screen and (min-width: 48em) {
    .p-index__textlist.-max2 {
      margin-left: -40px; } }
  @media print, screen and (min-width: 64em) {
    .p-index__textlist.-max2 {
      margin-left: -40px; } }
  @media only screen and (max-width: 47.9375em) {
    .p-index__textlist.-max2 li {
      width: 100%; } }
  @media print, screen and (min-width: 48em) {
    .p-index__textlist.-max2 li {
      width: calc(47.82% - 40px);
      margin-left: 40px; } }
  @media print, screen and (min-width: 64em) {
    .p-index__textlist.-max2 li {
      width: calc(47.82% - 40px);
      margin-left: 40px; } }
  .p-index__textlist.-table li {
    display: table; }
    .p-index__textlist.-table li span {
      display: table-cell; }

.p-index__iconlist {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  @media only screen and (max-width: 47.9375em) {
    .p-index__iconlist {
      margin-top: 10px;
      display: block;
      font-size: 14px;
      font-size: 0.875rem; } }
  @media only screen and (max-width: 63.9375em) {
    .p-index__iconlist {
      margin-left: -20px; } }
  @media print, screen and (min-width: 48em) {
    .p-index__iconlist {
      margin-top: 18px;
      font-size: 14px;
      font-size: 0.875rem; } }
  @media print, screen and (min-width: 64em) {
    .p-index__iconlist {
      margin-left: -40px;
      font-size: 16px;
      font-size: 1rem; } }
  .p-index__iconlist li {
    display: table;
    border-bottom: solid 1px #E6E6E6; }
    @media only screen and (max-width: 63.9375em) {
      .p-index__iconlist li {
        width: calc(50% - 20px);
        margin-left: 20px; } }
    @media only screen and (max-width: 47.9375em) {
      .p-index__iconlist li {
        width: 100%; } }
    @media print, screen and (min-width: 64em) {
      .p-index__iconlist li {
        width: calc(33.33% - 40px);
        margin-left: 40px;
        padding: 8px 0 6px 0; } }
    .p-index__iconlist li .p-index__iconlist__icon {
      display: table-cell;
      vertical-align: middle;
      padding: 5px 5px 0 0;
      height: 40px;
      width: 45px;
      text-align: center; }
    .p-index__iconlist li .p-index__iconlist__txt {
      display: table-cell;
      vertical-align: middle;
      height: 40px;
      width: calc(100% - 40px); }

.p-index__taglist li {
  padding: 0.1em 0.5em;
  border: solid 1px #e6e6e6;
  display: inline-block;
  margin-right: 0.4em; }
  @media only screen and (max-width: 47.9375em) {
    .p-index__taglist li {
      font-size: 10px;
      font-size: 0.625rem; } }
  @media print, screen and (min-width: 48em) {
    .p-index__taglist li {
      font-size: 10px;
      font-size: 0.625rem; } }
  @media print, screen and (min-width: 64em) {
    .p-index__taglist li {
      font-size: 12px;
      font-size: 0.75rem; } }

.p-schedule__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  overflow: hidden; }
  .p-schedule__item:first-child .p-schedule__text:after {
    height: calc(100% - 7px); }
  .p-schedule__item:last-child .p-schedule__text {
    padding-bottom: 0; }

.p-schedule__time {
  display: block;
  position: relative;
  -webkit-font-feature-settings: 'palt' 1;
          font-feature-settings: 'palt' 1;
  font-family: "din-2014", sans-serif;
  font-weight: 600;
  text-align: right;
  letter-spacing: 0.1em; }
  @media only screen and (max-width: 47.9375em) {
    .p-schedule__time {
      top: -0.25em;
      font-size: 16px;
      font-size: 1rem; } }
  @media print, screen and (min-width: 48em) {
    .p-schedule__time {
      top: -0.2em;
      font-size: 20px;
      font-size: 1.25rem; } }
  .p-schedule__time .p-schedule__time__year {
    padding-left: 0.3em; }
    @media only screen and (max-width: 47.9375em) {
      .p-schedule__time .p-schedule__time__year {
        font-size: 12px;
        font-size: 0.75rem; } }
    @media print, screen and (min-width: 48em) {
      .p-schedule__time .p-schedule__time__year {
        font-size: 12px;
        font-size: 0.75rem; } }
    @media print, screen and (min-width: 64em) {
      .p-schedule__time .p-schedule__time__year {
        font-size: 14px;
        font-size: 0.875rem; } }

.p-schedule__text {
  position: relative;
  display: block;
  width: 100%;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1; }
  @media only screen and (max-width: 47.9375em) {
    .p-schedule__text {
      padding-bottom: 20px;
      padding-left: 36px;
      font-size: 13px;
      font-size: 0.8125rem; } }
  @media print, screen and (min-width: 48em) {
    .p-schedule__text {
      height: 100%;
      padding-bottom: 29px;
      padding-left: 70px; } }
  .p-schedule__text:before, .p-schedule__text:after {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: block;
    position: absolute;
    content: ''; }
  .p-schedule__text:before {
    z-index: 1;
    width: 9px;
    height: 9px;
    background-color: #fff;
    border: solid 2px #036;
    border-radius: 50%; }
    @media only screen and (max-width: 47.9375em) {
      .p-schedule__text:before {
        top: 5px;
        left: 13px; } }
    @media print, screen and (min-width: 48em) {
      .p-schedule__text:before {
        top: 7px;
        left: 30px; } }
  .p-schedule__text:after {
    width: 1px;
    bottom: 0;
    height: 100%;
    background-color: #e6e6e6; }
    @media only screen and (max-width: 47.9375em) {
      .p-schedule__text:after {
        left: 17px; } }
    @media print, screen and (min-width: 48em) {
      .p-schedule__text:after {
        left: 34px; } }

.p-schedule__head {
  display: block;
  text-align: justify;
  text-justify: inter-ideograph;
  line-height: 1.75;
  font-weight: bold;
  position: relative; }
  @media only screen and (max-width: 47.9375em) {
    .p-schedule__head {
      font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "arial";
      line-height: 2; } }
  @media print, screen and (min-width: 48em) {
    .p-schedule__head {
      font-family: "Yu Gothic Medium", "游ゴシック Medium", "Yu Gothic", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "arial"; } }
  @media only screen and (max-width: 47.9375em) {
    .p-schedule__head {
      font-size: 14px;
      font-size: 0.875rem;
      top: -0.35em; } }
  @media print, screen and (min-width: 48em) {
    .p-schedule__head {
      font-size: 16px;
      font-size: 1rem; } }
  .p-schedule__head.-fw_normal {
    font-weight: normal; }

@media only screen and (max-width: 47.9375em) {
  .p-schedule__desc {
    display: block; } }

@media print, screen and (min-width: 48em) {
  .p-schedule__desc {
    display: block;
    margin-top: 5px; } }

.p-member-voice__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  position: relative; }
  @media only screen and (max-width: 47.9375em) {
    .p-member-voice__item {
      margin-top: 20px; } }
  @media print, screen and (min-width: 48em) {
    .p-member-voice__item {
      margin-top: 20px; } }

@media only screen and (max-width: 47.9375em) {
  .p-member-voice__img {
    width: 60px; } }

@media print, screen and (min-width: 48em) {
  .p-member-voice__img {
    width: 100px; } }

.p-member-voice__img img {
  display: block;
  width: 100%; }

.p-member-voice__name {
  display: block;
  font-weight: bold;
  white-space: nowrap;
  text-align: center; }
  @media only screen and (max-width: 47.9375em) {
    .p-member-voice__name {
      margin-top: 5px;
      font-size: 11px;
      font-size: 0.6875rem; } }
  @media print, screen and (min-width: 48em) {
    .p-member-voice__name {
      margin-top: 5px;
      font-size: 14px;
      font-size: 0.875rem; } }

.p-member-voice__year {
  display: block;
  white-space: nowrap;
  text-align: center; }
  @media only screen and (max-width: 47.9375em) {
    .p-member-voice__year {
      font-size: 10px;
      font-size: 0.625rem; } }
  @media print, screen and (min-width: 48em) {
    .p-member-voice__year {
      font-size: 12px;
      font-size: 0.75rem; } }

.p-member-voice__text {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  position: relative;
  background-color: #f7f7f7;
  line-height: 2;
  text-align: justify;
  text-justify: inter-ideograph;
  line-height: 1.75; }
  @media only screen and (max-width: 47.9375em) {
    .p-member-voice__text {
      font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "arial";
      line-height: 2; } }
  @media print, screen and (min-width: 48em) {
    .p-member-voice__text {
      font-family: "Yu Gothic Medium", "游ゴシック Medium", "Yu Gothic", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "arial"; } }
  @media only screen and (max-width: 47.9375em) {
    .p-member-voice__text {
      line-height: 1.75;
      margin-left: 20px;
      padding-top: 20px;
      padding-bottom: 20px;
      padding-right: 20px;
      padding-left: 20px;
      font-size: 14px;
      font-size: 0.875rem; } }
  @media print, screen and (min-width: 48em) {
    .p-member-voice__text {
      margin-left: 30px;
      padding-top: 25px;
      padding-bottom: 24px;
      padding-right: 48px;
      padding-left: 48px;
      font-size: 16px;
      font-size: 1rem; } }
  .p-member-voice__text:before {
    display: block;
    position: absolute;
    top: 30px;
    left: -12px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 12px 10px 0;
    border-color: transparent #f7f7f7 transparent transparent;
    content: ''; }
  .p-member-voice__text.-other_img {
    padding: 0; }

.p-member-voice__text__inner {
  display: block; }
  @media only screen and (max-width: 47.9375em) {
    .p-member-voice__text__inner {
      padding-top: 20px;
      padding-bottom: 20px;
      padding-right: 20px;
      padding-left: 20px; } }
  @media print, screen and (min-width: 48em) {
    .p-member-voice__text__inner {
      padding-top: 25px;
      padding-bottom: 24px;
      padding-right: 48px;
      padding-left: 48px; } }

.p-member-voice__text__img {
  display: inline-block;
  background: #ffffff; }
  @media only screen and (max-width: 47.9375em) {
    .p-member-voice__text__img {
      padding-top: 10px; } }
  @media print, screen and (min-width: 48em) {
    .p-member-voice__text__img {
      padding-top: 20px; } }
  .p-member-voice__text__img img {
    width: 100%; }
  @media only screen and (max-width: 47.9375em) {
    .p-member-voice__text__img.-under_s {
      display: none; } }
  @media print, screen and (min-width: 48em) {
    .p-member-voice__text__img.-under_s {
      display: block; } }
  @media only screen and (max-width: 47.9375em) {
    .p-member-voice__text__img.-under_xs {
      display: block; } }
  @media print, screen and (min-width: 48em) {
    .p-member-voice__text__img.-under_xs {
      display: none; } }

.p-member-voice__subject {
  display: block;
  font-weight: bold;
  line-height: 1.75; }
  @media only screen and (max-width: 47.9375em) {
    .p-member-voice__subject {
      font-size: 14px;
      font-size: 0.875rem;
      margin-bottom: 10px; } }
  @media print, screen and (min-width: 48em) {
    .p-member-voice__subject {
      font-size: 20px;
      font-size: 1.25rem;
      margin-bottom: 10px; } }

.p-member-voice__heading {
  display: block;
  font-weight: bold;
  line-height: 1.75; }
  @media only screen and (max-width: 47.9375em) {
    .p-member-voice__heading {
      margin-bottom: 10px;
      margin-top: 15px; } }
  @media print, screen and (min-width: 48em) {
    .p-member-voice__heading {
      margin-bottom: 10px;
      margin-top: 15px; } }
  .p-member-voice__heading.-top {
    margin-top: 17px; }

.p-member-voice__innder {
  position: relative; }
  .p-member-voice__innder:before, .p-member-voice__innder:after {
    display: block;
    position: absolute;
    width: 8px;
    height: 6px;
    content: ''; }
  .p-member-voice__innder:before {
    top: 2px;
    -webkit-transform: translate(-100%, 0);
            transform: translate(-100%, 0);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%228%22%20height%3D%226%22%20viewBox%3D%220%200%208%206%22%3E\a%20%20%20%20%20%20%3Cpath%20d%3D%22M218.9-245.519c0-.865-.419-1.088-1.287-1.591a.612.612%2C0%2C0%2C1-.269-.5%2C1.932%2C1.932%2C0%2C0%2C1%2C.569-1.116c.12-.14.838-.7.838-.865a.313.313%2C0%2C0%2C0-.3-.307c-.3%2C0-3.023%2C2.149-3.023%2C4.381a1.7%2C1.7%2C0%2C0%2C0%2C1.736%2C1.619A1.7%2C1.7%2C0%2C0%2C0%2C218.9-245.519Zm-4.528%2C0c0-.865-.419-1.088-1.287-1.591a.656.656%2C0%2C0%2C1-.3-.5%2C1.981%2C1.981%2C0%2C0%2C1%2C.6-1.116c.12-.14.838-.7.838-.865a.313.313%2C0%2C0%2C0-.3-.307c-.3%2C0-3.023%2C2.149-3.023%2C4.381a1.7%2C1.7%2C0%2C0%2C0%2C1.736%2C1.619A1.7%2C1.7%2C0%2C0%2C0%2C214.372-245.519Z%22%20transform%3D%22translate%28-210.9%20249.9%29%22%20fill%3D%22%23aaaaaa%22%2F%3E\a%20%20%20%20%3C%2Fsvg%3E"); }
    @media only screen and (max-width: 47.9375em) {
      .p-member-voice__innder:before {
        left: -4px; } }
    @media print, screen and (min-width: 48em) {
      .p-member-voice__innder:before {
        left: -8px; } }
  .p-member-voice__innder:after {
    bottom: 2px;
    -webkit-transform: translate(100%, 0);
            transform: translate(100%, 0);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%228%22%20height%3D%226%22%20viewBox%3D%220%200%208%206%22%3E\a%20%20%20%20%20%20%3Cpath%20d%3D%22M218.9-245.519c0-.865-.419-1.088-1.287-1.591a.612.612%2C0%2C0%2C1-.269-.5%2C1.932%2C1.932%2C0%2C0%2C1%2C.569-1.116c.12-.14.838-.7.838-.865a.313.313%2C0%2C0%2C0-.3-.307c-.3%2C0-3.023%2C2.149-3.023%2C4.381a1.7%2C1.7%2C0%2C0%2C0%2C1.736%2C1.619A1.7%2C1.7%2C0%2C0%2C0%2C218.9-245.519Zm-4.528%2C0c0-.865-.419-1.088-1.287-1.591a.656.656%2C0%2C0%2C1-.3-.5%2C1.981%2C1.981%2C0%2C0%2C1%2C.6-1.116c.12-.14.838-.7.838-.865a.313.313%2C0%2C0%2C0-.3-.307c-.3%2C0-3.023%2C2.149-3.023%2C4.381a1.7%2C1.7%2C0%2C0%2C0%2C1.736%2C1.619A1.7%2C1.7%2C0%2C0%2C0%2C214.372-245.519Z%22%20transform%3D%22translate%28218.9%20-243.9%29%20rotate%28180%29%22%20fill%3D%22%23aaaaaa%22%2F%3E\a%20%20%20%20%3C%2Fsvg%3E"); }
    @media only screen and (max-width: 47.9375em) {
      .p-member-voice__innder:after {
        right: -4px; } }
    @media print, screen and (min-width: 48em) {
      .p-member-voice__innder:after {
        right: -9px; } }

.p-employee-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  @media only screen and (max-width: 47.9375em) {
    .p-employee-list {
      margin-top: -20px;
      margin-left: -15px; } }
  @media print, screen and (min-width: 48em) {
    .p-employee-list.-max3 {
      margin-top: -52px;
      margin-left: -20px; } }
  @media print, screen and (min-width: 64em) {
    .p-employee-list.-max3 {
      margin-left: -30px; } }
  @media print, screen and (min-width: 48em) {
    .p-employee-list.-max3 .p-employee {
      width: calc(50% - 20px);
      margin-top: 52px;
      margin-left: 20px; } }
  @media print, screen and (min-width: 64em) {
    .p-employee-list.-max3 .p-employee {
      width: calc(33.33% - 30px);
      margin-left: 30px; } }
  @media print, screen and (min-width: 48em) {
    .p-employee-list.-max5 {
      margin-top: -42px;
      margin-left: -20px; } }
  @media print, screen and (min-width: 64em) {
    .p-employee-list.-max5 {
      margin-left: -30px; } }
  @media print, screen and (min-width: 48em) {
    .p-employee-list.-max5 .p-employee {
      width: calc(50% - 20px);
      margin-top: 42px;
      margin-left: 20px; } }
  @media print, screen and (min-width: 64em) {
    .p-employee-list.-max5 .p-employee {
      width: calc(33.33% - 20px); } }
  @media print, screen and (min-width: 75em) {
    .p-employee-list.-max5 .p-employee {
      width: calc(20% - 20px); } }
  @media print, screen and (min-width: 48em) {
    .p-employee-list.-max5 .p-employee__text {
      margin-top: 14px; } }
  @media print, screen and (min-width: 48em) {
    .p-employee-list.-max5 .p-employee__label {
      padding-bottom: 6px;
      padding-right: 9px;
      padding-left: 9px;
      font-size: 12px;
      font-size: 0.75rem; } }
  @media print, screen and (min-width: 48em) {
    .p-employee-list.-max5 .p-employee__eng {
      right: 8px;
      font-size: 10px;
      font-size: 0.625rem; } }
  @media print, screen and (min-width: 48em) {
    .p-employee-list.-max5 .p-employee__info {
      display: block; } }
  @media print, screen and (min-width: 48em) {
    .p-employee-list.-max5 .p-employee__pre {
      margin-top: 6px; } }

.p-employee {
  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;
  position: relative; }
  @media only screen and (max-width: 47.9375em) {
    .p-employee {
      width: calc(50% - 15px);
      margin-top: 20px;
      margin-left: 15px; } }
  .browser-is-ie .p-employee {
    display: block; }
  .p-employee:before {
    position: absolute;
    z-index: -1;
    bottom: 0;
    left: 0;
    width: 100%;
    height: calc(100% - 60px);
    -webkit-transform-origin: 50% 0;
            transform-origin: 50% 0;
    -webkit-transition: -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s, -webkit-box-shadow linear 0.15s;
    transition: -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s, -webkit-box-shadow linear 0.15s;
    transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s, box-shadow linear 0.15s;
    transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s, box-shadow linear 0.15s, -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s, -webkit-box-shadow linear 0.15s;
    content: ''; }
    
  /* @media print, screen and (min-width: 64em) {
    .p-employee:hover:before {
      -webkit-transform: scale(1.08, 1.045);
              transform: scale(1.08, 1.045);
      background-color: #fff;
      -webkit-box-shadow: 0 0 20px rgba(5, 23, 0, 0.15);
              box-shadow: 0 0 20px rgba(5, 23, 0, 0.15); } } */


  @media print, screen and (min-width: 64em) {
    /* .p-employee:hover .p-employee__img img {
      -webkit-transform: scale(1.08, 1.08);
              transform: scale(1.08, 1.08); }*/ } 


  @media print, screen and (min-width: 64em) {
    .p-employee:hover .p-employee__eng,
    .p-employee:hover .p-employee__name,
    .p-employee:hover .p-employee__head {
      color: #036; } }
  @media print, screen and (min-width: 64em) {
    .p-employee:hover .p-employee__label {
      background-color: #036; } }
  /* @media print, screen and (min-width: 64em) {
    .p-employee:hover .p-employee__label-container {
      width: 108%; } } */
  .p-employee.-current {
    pointer-events: none; }
    .p-employee.-current .p-employee__img:after {
      background-color: #036; }
    .p-employee.-current .p-employee__name,
    .p-employee.-current .p-employee__pre,
    .p-employee.-current .p-employee__head,
    .p-employee.-current .p-employee__desc {
      color: #aaaaaa; }
    .p-employee.-current .p-employee__label {
      background-color: #fff;
      color: #036; }
    .p-employee.-current .p-employee__name i {
      display: none; }

.p-employee__label-container {
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  width: 100%;
  height: 100%;
  -webkit-transition: width cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s;
  transition: width cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s; }

.p-employee__img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  position: relative; }
  .p-employee__img:after {
    position: absolute;
    z-index: -1;
    left: 0;
    bottom: 0;
    width: 100%;
    height: calc(100% - 60px);
    background-color: #fff;
    content: ''; }
  .p-employee__img img {
    display: block;
    width: 100%;
    height: auto;
    -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
    -webkit-transition: -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s;
    transition: -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s;
    transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s;
    transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s, -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s; }
  @media only screen and (max-width: 47.9375em) {
    .p-employee__img.p-employee__img.-home:after {
      background-color: #f7f7f7; } }
  @media print, screen and (min-width: 48em) {
    .p-employee__img.p-employee__img.-home:after {
      background-color: #fff; } }

.p-employee__eng {
  display: block;
  position: absolute;
  -webkit-font-feature-settings: 'palt' 1;
          font-feature-settings: 'palt' 1;
  font-family: din-2014-narrow, sans-serif;
  font-weight: 400;
  color: #aaaaaa;
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
  letter-spacing: 0.35em;
  -webkit-transition: color cubic-bezier(0.215, 0.61, 0.355, 1) 0.1s;
  transition: color cubic-bezier(0.215, 0.61, 0.355, 1) 0.1s; }
  @media only screen and (max-width: 47.9375em) {
    .p-employee__eng {
      top: 44px;
      right: 4px;
      font-size: 8px;
      font-size: 0.5rem;
      line-height: 1.4; } }
  @media print, screen and (min-width: 48em) {
    .p-employee__eng {
      top: 40px;
      right: 20px;
      font-size: 10px;
      font-size: 0.625rem; } }
  @media print, screen and (min-width: 64em) {
    .p-employee__eng {
      top: 40px;
      right: 20px;
      font-size: 10px;
      font-size: 0.625rem; } }
  @media print, screen and (min-width: 75em) {
    .p-employee__eng {
      top: 40px;
      right: 20px;
      font-size: 12px;
      font-size: 0.75rem; } }

.p-employee__label {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: block;
  position: absolute;
  bottom: 0;
  right: 0;
  background-color: #222;
  line-height: 1.4;
  -webkit-font-feature-settings: 'palt' 1;
          font-feature-settings: 'palt' 1;
  font-weight: 600;
  font-weight: bold;
  color: #fff;
  -webkit-transition: background-color cubic-bezier(0.215, 0.61, 0.355, 1) 0.1s;
  transition: background-color cubic-bezier(0.215, 0.61, 0.355, 1) 0.1s; }
  @media only screen and (max-width: 47.9375em) {
    .p-employee__label {
      font-family: "YakuHanJP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "arial"; } }
  @media print, screen and (min-width: 48em) {
    .p-employee__label {
      font-family: "YakuHanJP", "Yu Gothic", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "arial"; } }
  @media only screen and (max-width: 47.9375em) {
    .p-employee__label {
      padding-top: 3px;
      padding-bottom: 3px;
      padding-right: 13px;
      padding-left: 13px;
      font-size: 10px;
      font-size: 0.625rem; } }
  @media print, screen and (min-width: 48em) {
    .p-employee__label {
      padding-top: 6px;
      padding-bottom: 7px;
      padding-right: 13px;
      padding-left: 13px;
      font-size: 14px;
      font-size: 0.875rem; } }

.p-employee__text {
  width: 100%;
  color: #222; }

@media only screen and (max-width: 47.9375em) {
  .p-employee__info {
    margin-top: 13px; } }

@media print, screen and (min-width: 48em) {
  .p-employee__info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-top: 28px; } }

@media print, screen and (min-width: 48em) {
  .p-employee__info li:first-child {
    margin-right: 20px; } }

.p-employee__info li:last-child {
  position: relative; }
  @media print, screen and (min-width: 48em) {
    .p-employee__info li:last-child {
      top: 5px; } }

@media print, screen and (min-width: 48em) {
  .p-employee__info-mt0 {
    margin-top: 0; } }

.p-employee__name {
  line-height: 1.4;
  -webkit-font-feature-settings: 'palt' 1;
          font-feature-settings: 'palt' 1;
  font-weight: 600;
  font-weight: bold;
  color: #222; }
  @media only screen and (max-width: 47.9375em) {
    .p-employee__name {
      font-family: "YakuHanJP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "arial"; } }
  @media print, screen and (min-width: 48em) {
    .p-employee__name {
      font-family: "YakuHanJP", "Yu Gothic", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "arial"; } }
  @media only screen and (max-width: 47.9375em) {
    .p-employee__name {
      margin-top: 16px;
      font-size: 14px;
      font-size: 0.875rem; } }
  @media print, screen and (min-width: 48em) {
    .p-employee__name {
      margin-top: 20px;
      font-size: 16px;
      font-size: 1rem; } }
  @media print, screen and (min-width: 64em) {
    .p-employee__name {
      font-size: 18px;
      font-size: 1.125rem; } }
  .p-employee__info .p-employee__name {
    margin-top: 0; }
    @media print, screen and (min-width: 64em) {
      .p-employee__info .p-employee__name {
        font-size: 16px;
        font-size: 1rem; } }

.p-employee__pre {
  color: #222; }
  @media only screen and (max-width: 47.9375em) {
    .p-employee__pre {
      margin-top: 11px;
      font-size: 12px;
      font-size: 0.75rem; } }
  @media print, screen and (min-width: 48em) {
    .p-employee__pre {
      margin-top: 18px;
      font-size: 14px;
      font-size: 0.875rem; } }
  @media print, screen and (min-width: 48em) {
    .p-employee__info .p-employee__pre {
      margin-top: 0; } }

.p-employee__head {
  display: block;
  line-height: 1.4;
  -webkit-font-feature-settings: 'palt' 1;
          font-feature-settings: 'palt' 1;
  font-weight: 600;
  font-weight: bold;
  color: #222;
  -webkit-transition: color cubic-bezier(0.215, 0.61, 0.355, 1) 0.1s;
  transition: color cubic-bezier(0.215, 0.61, 0.355, 1) 0.1s; }
  @media only screen and (max-width: 47.9375em) {
    .p-employee__head {
      font-family: "YakuHanJP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "arial"; } }
  @media print, screen and (min-width: 48em) {
    .p-employee__head {
      font-family: "YakuHanJP", "Yu Gothic", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "arial"; } }
  @media only screen and (max-width: 47.9375em) {
    .p-employee__head {
      margin-top: 8px;
      font-size: 14px;
      font-size: 0.875rem;
      line-height: 1.75; } }
  @media print, screen and (min-width: 48em) {
    .p-employee__head {
      margin-top: 18px;
      font-size: 18px;
      font-size: 1.125rem;
      line-height: 1.75; } }
  @media print, screen and (min-width: 48em) {
    .p-employee__head.-top {
      font-size: 16px;
      font-size: 1rem; } }

.p-employee__desc {
  display: block;
  font-size: 15px;
  font-size: 0.9375rem;
  color: #222; }
  @media only screen and (max-width: 47.9375em) {
    .p-employee__desc {
      margin-top: 8px; } }
  @media print, screen and (min-width: 48em) {
    .p-employee__desc {
      margin-top: 15px; } }

/* ==========================================================================
* モディファイア
========================================================================== */
/* ホーム
----------------------------------------------------------------- */
@media only screen and (max-width: 47.9375em) {
  .p-employee-list.-home {
    margin-left: -15px; } }

@media print, screen and (min-width: 48em) {
  .p-employee-list.-home {
    margin-left: -20px; } }

@media print, screen and (min-width: 64em) {
  .p-employee-list.-home {
    margin-left: -32px; } }

@media only screen and (max-width: 47.9375em) {
  .p-employee-list.-home .p-employee {
    width: calc(50% - 15px);
    margin-left: 15px; } }

@media print, screen and (min-width: 48em) {
  .p-employee-list.-home .p-employee {
    /* width: calc(33.33% - 20px); */
    width: calc(50% - 15px);
    margin-left: 15px; } }

@media print, screen and (min-width: 64em) {
  .p-employee-list.-home .p-employee {
    /* width: calc(25% - 32px); */
    width: calc(50% - 15px);
    margin-left: 15px;
  margin-bottom: 30px; } }

@media only screen and (max-width: 47.9375em) {
  .p-employee-list.-home .p-employee:nth-child(3) {
    display: none; } }

@media only screen and (max-width: 63.9375em) {
  .p-employee-list.-home .p-employee:nth-child(4) {
    display: none; } }

@media only screen and (max-width: 47.9375em) {
  .p-employee-list.-home .p-employee__eng {
    top: 44px;
    right: 4px;
    font-size: 8px;
    font-size: 0.5rem;
    line-height: 1.4; } }

@media print, screen and (min-width: 48em) {
  .p-employee-list.-home .p-employee__eng {
    top: 40px;
    right: 20px;
    font-size: 10px;
    font-size: 0.625rem; } }

@media print, screen and (min-width: 64em) {
  .p-employee-list.-home .p-employee__eng {
    top: 40px;
    right: 20px;
    font-size: 10px;
    font-size: 0.625rem; } }

@media print, screen and (min-width: 75em) {
  .p-employee-list.-home .p-employee__eng {
    top: 40px;
    right: 20px;
    font-size: 12px;
    font-size: 0.75rem; } }

/* アニメーション
----------------------------------------------------------------- */
.p-employee.js-scrollup .p-employee__img,
.p-employee.js-scrollup .p-employee__name,
.p-employee.js-scrollup .p-employee__pre {
  opacity: 0;
  -webkit-transition: opacity linear 0.4s, -webkit-transform cubic-bezier(0.075, 0.82, 0.165, 1) 1s;
  transition: opacity linear 0.4s, -webkit-transform cubic-bezier(0.075, 0.82, 0.165, 1) 1s;
  transition: opacity linear 0.4s, transform cubic-bezier(0.075, 0.82, 0.165, 1) 1s;
  transition: opacity linear 0.4s, transform cubic-bezier(0.075, 0.82, 0.165, 1) 1s, -webkit-transform cubic-bezier(0.075, 0.82, 0.165, 1) 1s; }
  @media print {
    .p-employee.js-scrollup .p-employee__img,
    .p-employee.js-scrollup .p-employee__name,
    .p-employee.js-scrollup .p-employee__pre {
      opacity: 1 !important; } }

.p-employee.js-scrollup .p-employee__img {
  -webkit-transform: translate(0, 45px);
          transform: translate(0, 45px); }
  @media print {
    .p-employee.js-scrollup .p-employee__img {
      -webkit-transform: translate(0, 0) !important;
              transform: translate(0, 0) !important; } }

.p-employee.js-scrollup .p-employee__name {
  -webkit-transform: translate(0, 30px);
          transform: translate(0, 30px);
  -webkit-transition-delay: 0.15s;
          transition-delay: 0.15s; }
  @media print {
    .p-employee.js-scrollup .p-employee__name {
      -webkit-transform: translate(0, 0) !important;
              transform: translate(0, 0) !important; } }

.p-employee.js-scrollup .p-employee__pre {
  -webkit-transform: translate(0, 30px);
          transform: translate(0, 30px);
  -webkit-transition-delay: 0.3s;
          transition-delay: 0.3s; }
  @media print {
    .p-employee.js-scrollup .p-employee__pre {
      -webkit-transform: translate(0, 0) !important;
              transform: translate(0, 0) !important; } }

.p-employee.js-scrollup.-visible .p-employee__img,
.p-employee.js-scrollup.-visible .p-employee__name,
.p-employee.js-scrollup.-visible .p-employee__pre {
  opacity: 1;
  -webkit-transform: translate(0, 0) !important;
          transform: translate(0, 0) !important; }

@media print {
  .browser-is-ie .p-employee-list {
    display: block !important; } }

@media print {
  .browser-is-ie .p-employee-list:after {
    display: block !important;
    clear: both !important;
    content: '' !important; } }

@media print {
  .browser-is-ie .p-employee {
    float: left !important; } }

@media only screen and (max-width: 47.9375em) {
  .p-case-data {
    display: block; } }

@media print, screen and (min-width: 48em) {
  .p-case-data {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; } }

@media only screen and (max-width: 47.9375em) {
  .p-case-data__table {
    width: 100%; } }

@media print, screen and (min-width: 48em) {
  .p-case-data__table {
    width: 48%; } }

.p-case-data__table tr {
  border-bottom: solid 1px #e6e6e6; }

.p-case-data__table th,
.p-case-data__table td {
  vertical-align: top; }

.p-case-data__table th {
  width: 140px;
  padding-top: 14px;
  line-height: 1.4;
  -webkit-font-feature-settings: 'palt' 1;
          font-feature-settings: 'palt' 1;
  font-weight: 600;
  font-weight: bold;
  font-size: 14px;
  font-size: 0.875rem; }
  @media only screen and (max-width: 47.9375em) {
    .p-case-data__table th {
      font-family: "YakuHanJP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "arial"; } }
  @media print, screen and (min-width: 48em) {
    .p-case-data__table th {
      font-family: "YakuHanJP", "Yu Gothic", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "arial"; } }

.p-case-data__table td {
  padding-top: 11px;
  padding-bottom: 12px;
  font-size: 14px;
  font-size: 0.875rem; }

@media only screen and (max-width: 47.9375em) {
  .p-case-staff {
    display: block; } }

@media print, screen and (min-width: 48em) {
  .p-case-staff {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; } }

.p-case-staff__member {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }
  @media only screen and (max-width: 47.9375em) {
    .p-case-staff__member {
      width: 100%;
      margin-top: 20px; } }
  @media print, screen and (min-width: 48em) {
    .p-case-staff__member {
      width: 48%;
      margin-top: 30px; } }
  .p-case-staff__member .p-case-staff__member__img {
    width: 34%; }
  .p-case-staff__member .p-case-staff__member__img__inner {
    position: relative; }
  .p-case-staff__member .p-case-staff__member__img__inner img {
    width: 100%;
    position: relative;
    vertical-align: bottom; }
  .p-case-staff__member .p-case-staff__member__img__inner span {
    display: inline-block;
    background: #333;
    color: #fff;
    position: absolute;
    bottom: 0;
    right: 0;
    padding: 0 0.6em; }
    @media only screen and (max-width: 47.9375em) {
      .p-case-staff__member .p-case-staff__member__img__inner span {
        font-size: 10px; } }
    @media print, screen and (min-width: 48em) {
      .p-case-staff__member .p-case-staff__member__img__inner span {
        font-size: 12px; } }
  .p-case-staff__member .p-case-staff__member__text {
    width: 60%; }
  .p-case-staff__member .p-case-staff__member__text__name {
    font-weight: bold; }
    @media only screen and (max-width: 47.9375em) {
      .p-case-staff__member .p-case-staff__member__text__name {
        font-size: 14px;
        margin-top: -4px;
        margin-bottom: 0.2em; } }
    @media print, screen and (min-width: 48em) {
      .p-case-staff__member .p-case-staff__member__text__name {
        font-size: 16px;
        margin-top: -6px;
        margin-bottom: 0.6em; } }
  .p-case-staff__member .p-case-staff__member__text__comment {
    font-size: 14px;
    line-height: 1.9; }
  @media print, screen and (min-width: 48em) {
    .p-case-staff__member.-wide {
      width: 100%; }
      .p-case-staff__member.-wide .p-case-staff__member__img {
        width: 16.4%; }
      .p-case-staff__member.-wide .p-case-staff__member__text {
        width: 80%; } }

.p-timeline li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  overflow: hidden; }
  .p-timeline li:first-child .p-timeline__text:after {
    height: calc(100% - 7px); }
  .p-timeline li:last-child .p-timeline__text {
    padding-bottom: 0; }

.p-timeline__date {
  display: block;
  position: relative;
  -webkit-font-feature-settings: 'palt' 1;
          font-feature-settings: 'palt' 1;
  font-family: "din-2014", sans-serif;
  font-weight: 600;
  text-align: right;
  letter-spacing: 0.1em;
  line-height: 1.1; }
  @media only screen and (max-width: 47.9375em) {
    .p-timeline__date {
      font-size: 16px;
      font-size: 1rem;
      width: 60px; } }
  @media print, screen and (min-width: 48em) {
    .p-timeline__date {
      top: 0.1em;
      font-size: 18px;
      font-size: 1.125rem;
      width: 112px; } }
  .p-timeline__date span {
    padding: 0 0 0 0.3em; }
    @media only screen and (max-width: 47.9375em) {
      .p-timeline__date span {
        font-size: 12px;
        font-size: 0.75rem; } }
    @media print, screen and (min-width: 48em) {
      .p-timeline__date span {
        font-size: 12px;
        font-size: 0.75rem; }
        .p-timeline__date span br {
          display: none; } }
    @media print, screen and (min-width: 64em) {
      .p-timeline__date span {
        font-size: 14px;
        font-size: 0.875rem; } }

.p-timeline__text {
  position: relative;
  display: block;
  width: 100%;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1; }
  @media only screen and (max-width: 47.9375em) {
    .p-timeline__text {
      padding-bottom: 15px;
      padding-left: 36px;
      font-size: 13px;
      font-size: 0.8125rem; } }
  @media print, screen and (min-width: 48em) {
    .p-timeline__text {
      height: 100%;
      padding-bottom: 30px;
      padding-left: 70px; } }
  .p-timeline__text:before, .p-timeline__text:after {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: block;
    position: absolute;
    content: ''; }
  .p-timeline__text:before {
    z-index: 1;
    width: 9px;
    height: 9px;
    background-color: #fff;
    border: solid 2px #036;
    border-radius: 50%; }
    @media only screen and (max-width: 47.9375em) {
      .p-timeline__text:before {
        top: 5px;
        left: 13px; } }
    @media print, screen and (min-width: 48em) {
      .p-timeline__text:before {
        top: 7px;
        left: 30px; } }
  .p-timeline__text:after {
    width: 1px;
    bottom: 0;
    height: 100%;
    background-color: #e6e6e6; }
    @media only screen and (max-width: 47.9375em) {
      .p-timeline__text:after {
        left: 17px; } }
    @media print, screen and (min-width: 48em) {
      .p-timeline__text:after {
        left: 34px; } }
  .p-timeline__text span {
    text-align: justify;
    text-justify: inter-ideograph;
    line-height: 1.75;
    display: inline-block;
    position: relative;
    top: -4px; }
    @media only screen and (max-width: 47.9375em) {
      .p-timeline__text span {
        font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "arial";
        line-height: 2; } }
    @media print, screen and (min-width: 48em) {
      .p-timeline__text span {
        font-family: "Yu Gothic Medium", "游ゴシック Medium", "Yu Gothic", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "arial"; } }

@media only screen and (max-width: 47.9375em) {
  .p-voice {
    display: block; } }

@media print, screen and (min-width: 48em) {
  .p-voice {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; } }

@media print, screen and (min-width: 64em) {
  .p-voice {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; } }

@media only screen and (max-width: 47.9375em) {
  .p-voice .p-voice__text {
    width: 100%; } }

@media print, screen and (min-width: 48em) {
  .p-voice .p-voice__text {
    width: 69.56%; } }

@media print, screen and (min-width: 64em) {
  .p-voice .p-voice__text {
    width: 69.56%; } }

@media only screen and (max-width: 47.9375em) {
  .p-voice .p-voice__img {
    width: 100%;
    margin-top: 20px; } }

@media print, screen and (min-width: 48em) {
  .p-voice .p-voice__img {
    width: 26%; } }

@media print, screen and (min-width: 64em) {
  .p-voice .p-voice__img {
    width: 26%; } }

.p-voice .p-voice__img img {
  width: 100%;
  max-width: 100%; }

.p-conference_flow {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1; }
  @media only screen and (max-width: 47.9375em) {
    .p-conference_flow {
      display: block;
      padding: 0 0 30px 30px; } }
  @media print, screen and (min-width: 48em) {
    .p-conference_flow {
      padding: 0 0 50px 40px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between; } }
  .p-conference_flow:before, .p-conference_flow:after {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: block;
    position: absolute;
    content: ''; }
  .p-conference_flow:before {
    z-index: 1;
    width: 9px;
    height: 9px;
    background-color: #fff;
    border: solid 2px #036;
    border-radius: 50%;
    top: 0;
    left: 1px; }
  .p-conference_flow:after {
    width: 1px;
    bottom: 0;
    height: 100%;
    background-color: #e6e6e6;
    left: 5px; }
  @media only screen and (max-width: 47.9375em) {
    .p-conference_flow .p-conference_flow__text {
      width: 100%; }
      .p-conference_flow .p-conference_flow__text h3 {
        position: relative;
        top: -10px; }
      .p-conference_flow .p-conference_flow__text .c-sentence {
        margin-top: 0; } }
  @media print, screen and (min-width: 48em) {
    .p-conference_flow .p-conference_flow__text {
      width: 47.5%;
      margin-top: -17px; } }
  @media only screen and (max-width: 47.9375em) {
    .p-conference_flow .p-conference_flow__img {
      width: 100%;
      margin-top: 20px; } }
  @media print, screen and (min-width: 48em) {
    .p-conference_flow .p-conference_flow__img {
      width: 47.5%;
      margin-top: 52px; } }
  .p-conference_flow .p-conference_flow__img img {
    width: 100%;
    max-width: 100%; }

.p-conference_flow.-last {
  padding-bottom: 0; }

@media print {
  .browser-is-ie .p-conference_flow {
    display: block !important; } }

@media print {
  .browser-is-ie .p-conference_flow:after {
    position: relative !important;
    clear: both !important; } }

@media print {
  .browser-is-ie .p-conference_flow__text {
    float: left !important; } }

@media print {
  .browser-is-ie .p-conference_flow__img {
    float: left !important; } }

.p-evaluation {
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: #f7f7f7;
  position: relative;
  margin-bottom: 10px; }
  @media only screen and (max-width: 47.9375em) {
    .p-evaluation {
      padding: 30px 20px; } }
  @media print, screen and (min-width: 48em) {
    .p-evaluation {
      padding: 46px 60px; } }
  .p-evaluation.-mb0 {
    margin-bottom: 0; }

.p-evaluation__ttl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  line-height: 1.4;
  -webkit-font-feature-settings: 'palt' 1;
          font-feature-settings: 'palt' 1;
  font-weight: 600;
  line-height: 1.5;
  margin: 0 auto; }
  @media only screen and (max-width: 47.9375em) {
    .p-evaluation__ttl {
      font-family: "YakuHanJP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "arial"; } }
  @media print, screen and (min-width: 48em) {
    .p-evaluation__ttl {
      font-family: "YakuHanJP", "Yu Gothic", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "arial"; } }
  @media only screen and (max-width: 47.9375em) {
    .p-evaluation__ttl {
      font-size: 18px;
      font-size: 1.125rem;
      margin-bottom: 16px; } }
  @media print, screen and (min-width: 48em) {
    .p-evaluation__ttl {
      font-size: 24px;
      font-size: 1.5rem;
      margin-bottom: 21px; } }
  .p-evaluation__ttl .p-evaluation__ttl__number {
    display: inline-block;
    font-size: 32px;
    font-size: 2rem;
    padding-right: 0.3em;
    position: relative;
    top: -0.14em;
    color: #036;
    -webkit-font-feature-settings: 'palt' 1;
            font-feature-settings: 'palt' 1;
    font-family: "din-2014", sans-serif;
    font-weight: 600; }
    @media only screen and (max-width: 47.9375em) {
      .p-evaluation__ttl .p-evaluation__ttl__number {
        font-size: 24px;
        font-size: 1.5rem; } }

.p-evaluation__item {
  width: 100%;
  margin: 0 auto; }
  @media only screen and (max-width: 47.9375em) {
    .p-evaluation__item {
      max-width: 260px; } }
  @media print, screen and (min-width: 48em) {
    .p-evaluation__item {
      max-width: 300px; } }
  .p-evaluation__item img {
    width: 100%; }

.p-evaluation__talk li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  @media only screen and (max-width: 47.9375em) {
    .p-evaluation__talk li {
      margin-top: 10px; } }
  @media print, screen and (min-width: 48em) {
    .p-evaluation__talk li {
      margin-top: 20px; } }

@media only screen and (max-width: 47.9375em) {
  .p-evaluation__talk li:first-child {
    margin-top: 13px; } }

@media print, screen and (min-width: 48em) {
  .p-evaluation__talk li:first-child {
    margin-top: 33px; } }

@media only screen and (max-width: 47.9375em) {
  .p-evaluation__talk__img {
    width: 60px; } }

@media print, screen and (min-width: 48em) {
  .p-evaluation__talk__img {
    width: 70px; } }

.p-evaluation__talk__img img {
  width: 100%; }

.p-evaluation__talk__text {
  position: relative;
  background-color: #ffffff;
  border: solid 1px #e6e6e6;
  text-align: justify;
  text-justify: inter-ideograph;
  line-height: 1.75; }
  @media only screen and (max-width: 47.9375em) {
    .p-evaluation__talk__text {
      font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "arial";
      line-height: 2; } }
  @media print, screen and (min-width: 48em) {
    .p-evaluation__talk__text {
      font-family: "Yu Gothic Medium", "游ゴシック Medium", "Yu Gothic", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "arial"; } }
  @media only screen and (max-width: 47.9375em) {
    .p-evaluation__talk__text {
      margin-left: 14px;
      line-height: 1.75;
      padding-top: 10px;
      padding-bottom: 9px;
      padding-right: 15px;
      padding-left: 15px;
      font-size: 14px;
      font-size: 0.875rem;
      width: calc( 100% - 50px); } }
  @media print, screen and (min-width: 48em) {
    .p-evaluation__talk__text {
      margin-left: 18px;
      padding-top: 18px;
      padding-bottom: 14px;
      padding-right: 20px;
      padding-left: 20px;
      font-size: 16px;
      font-size: 1rem;
      width: calc( 100% - 60px); } }
  .p-evaluation__talk__text:before {
    content: "";
    left: -12px;
    border: 6px solid transparent;
    border-right: 6px solid #ffffff;
    z-index: 2;
    position: absolute; }
    @media only screen and (max-width: 47.9375em) {
      .p-evaluation__talk__text:before {
        top: 18px; } }
    @media print, screen and (min-width: 48em) {
      .p-evaluation__talk__text:before {
        top: 24px; } }
    @media print, screen and (min-width: 64em) {
      .p-evaluation__talk__text:before {
        top: 24px; } }
  .p-evaluation__talk__text:after {
    content: "";
    left: -14px;
    border: 7px solid transparent;
    border-right: 7px solid #e6e6e6;
    z-index: 1;
    position: absolute; }
    @media only screen and (max-width: 47.9375em) {
      .p-evaluation__talk__text:after {
        top: 17px; } }
    @media print, screen and (min-width: 48em) {
      .p-evaluation__talk__text:after {
        top: 23px; } }
    @media print, screen and (min-width: 64em) {
      .p-evaluation__talk__text:after {
        top: 23px; } }

.p-talent-sample__number {
  text-align: justify;
  text-justify: inter-ideograph;
  line-height: 1.75;
  border-top: solid 1px #e6e6e6;
  counter-reset: item; }
  @media only screen and (max-width: 47.9375em) {
    .p-talent-sample__number {
      font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "arial";
      line-height: 2; } }
  @media print, screen and (min-width: 48em) {
    .p-talent-sample__number {
      font-family: "Yu Gothic Medium", "游ゴシック Medium", "Yu Gothic", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "arial"; } }
  .p-talent-sample__number li {
    border-bottom: solid 1px #e6e6e6;
    position: relative; }
    @media only screen and (max-width: 47.9375em) {
      .p-talent-sample__number li {
        padding: 10px 0 10px 26px; } }
    @media print, screen and (min-width: 48em) {
      .p-talent-sample__number li {
        padding: 18px 0 16px 34px; } }
    .p-talent-sample__number li .-subject {
      font-weight: bold;
      display: block;
      line-height: 1.75; }
      @media only screen and (max-width: 47.9375em) {
        .p-talent-sample__number li .-subject {
          font-size: 16px;
          font-size: 1rem; } }
      @media print, screen and (min-width: 48em) {
        .p-talent-sample__number li .-subject {
          font-size: 20px;
          font-size: 1.25rem; } }
    .p-talent-sample__number li .-txt {
      display: block;
      line-height: 1.75; }
      @media only screen and (max-width: 47.9375em) {
        .p-talent-sample__number li .-txt {
          font-size: 14px;
          font-size: 0.875rem;
          padding-top: 2px; } }
      @media print, screen and (min-width: 48em) {
        .p-talent-sample__number li .-txt {
          font-size: 16px;
          font-size: 1rem;
          padding-top: 2px; } }
    .p-talent-sample__number li::before {
      counter-increment: item;
      content: counter(item) ".";
      position: absolute;
      font-weight: bold;
      color: #036;
      -webkit-font-feature-settings: 'palt' 1;
              font-feature-settings: 'palt' 1;
      font-family: "din-2014", sans-serif;
      font-weight: 600; }
      @media only screen and (max-width: 47.9375em) {
        .p-talent-sample__number li::before {
          top: 4px;
          left: 2px;
          font-size: 20px;
          font-size: 1.25rem; } }
      @media print, screen and (min-width: 48em) {
        .p-talent-sample__number li::before {
          top: 14px;
          left: 3px;
          font-size: 24px;
          font-size: 1.5rem; } }

.p-talent-sample__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  position: relative; }
  @media only screen and (max-width: 47.9375em) {
    .p-talent-sample__item {
      margin-top: 16px; } }
  @media print, screen and (min-width: 48em) {
    .p-talent-sample__item {
      margin-top: 20px; } }
  @media only screen and (max-width: 47.9375em) {
    .p-talent-sample__item.-mt {
      margin-top: 40px; } }
  @media print, screen and (min-width: 48em) {
    .p-talent-sample__item.-mt {
      margin-top: 60px; } }

@media only screen and (max-width: 47.9375em) {
  .p-talent-sample__img {
    width: 50px; } }

@media print, screen and (min-width: 48em) {
  .p-talent-sample__img {
    width: 60px; } }

.p-talent-sample__img img {
  display: block;
  width: 100%; }

.p-talent-sample__text {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  position: relative;
  background-color: #f7f7f7;
  border: solid 1px #e6e6e6;
  text-align: justify;
  text-justify: inter-ideograph;
  line-height: 1.75; }
  @media only screen and (max-width: 47.9375em) {
    .p-talent-sample__text {
      font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "arial";
      line-height: 2; } }
  @media print, screen and (min-width: 48em) {
    .p-talent-sample__text {
      font-family: "Yu Gothic Medium", "游ゴシック Medium", "Yu Gothic", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "arial"; } }
  @media only screen and (max-width: 47.9375em) {
    .p-talent-sample__text {
      margin-left: 18px;
      line-height: 1.75;
      padding-top: 10px;
      padding-bottom: 9px;
      padding-right: 15px;
      padding-left: 15px;
      font-size: 14px;
      font-size: 0.875rem; } }
  @media print, screen and (min-width: 48em) {
    .p-talent-sample__text {
      margin-left: 18px;
      padding-top: 18px;
      padding-bottom: 14px;
      padding-right: 20px;
      padding-left: 20px;
      font-size: 16px;
      font-size: 1rem; } }
  .p-talent-sample__text:before {
    content: "";
    left: -12px;
    border: 6px solid transparent;
    border-right: 6px solid #f7f7f7;
    z-index: 2;
    position: absolute; }
    @media only screen and (max-width: 47.9375em) {
      .p-talent-sample__text:before {
        top: 18px; } }
    @media print, screen and (min-width: 48em) {
      .p-talent-sample__text:before {
        top: 24px; } }
    @media print, screen and (min-width: 64em) {
      .p-talent-sample__text:before {
        top: 24px; } }
  .p-talent-sample__text:after {
    content: "";
    left: -14px;
    border: 7px solid transparent;
    border-right: 7px solid #e6e6e6;
    z-index: 1;
    position: absolute; }
    @media only screen and (max-width: 47.9375em) {
      .p-talent-sample__text:after {
        top: 17px; } }
    @media print, screen and (min-width: 48em) {
      .p-talent-sample__text:after {
        top: 23px; } }
    @media print, screen and (min-width: 64em) {
      .p-talent-sample__text:after {
        top: 23px; } }
  .p-talent-sample__text.p-talent-sample__text.-green {
    background-color: #ffffff;
    border: solid 1px #036;
    color: #036;
    font-weight: bold; }
    .p-talent-sample__text.p-talent-sample__text.-green:before {
      content: "";
      left: -12px;
      border: 6px solid transparent;
      border-right: 6px solid #ffffff;
      z-index: 2;
      position: absolute; }
      @media only screen and (max-width: 47.9375em) {
        .p-talent-sample__text.p-talent-sample__text.-green:before {
          top: 18px; } }
      @media print, screen and (min-width: 48em) {
        .p-talent-sample__text.p-talent-sample__text.-green:before {
          top: 24px; } }
      @media print, screen and (min-width: 64em) {
        .p-talent-sample__text.p-talent-sample__text.-green:before {
          top: 24px; } }
    .p-talent-sample__text.p-talent-sample__text.-green:after {
      content: "";
      left: -14px;
      border: 7px solid transparent;
      border-right: 7px solid #036;
      z-index: 1;
      position: absolute; }
      @media only screen and (max-width: 47.9375em) {
        .p-talent-sample__text.p-talent-sample__text.-green:after {
          top: 17px; } }
      @media print, screen and (min-width: 48em) {
        .p-talent-sample__text.p-talent-sample__text.-green:after {
          top: 23px; } }
      @media print, screen and (min-width: 64em) {
        .p-talent-sample__text.p-talent-sample__text.-green:after {
          top: 23px; } }

.p-talent-sample__legend {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  @media only screen and (max-width: 47.9375em) {
    .p-talent-sample__legend .p-talent-sample__legend__item img {
      vertical-align: bottom;
      max-width: 50px; }
    .p-talent-sample__legend .p-talent-sample__legend__txt {
      padding-left: 12px;
      font-size: 12px;
      font-size: 0.75rem; }
    .p-talent-sample__legend li:nth-child(3) {
      padding-left: 20px; }
    .p-talent-sample__legend .-green {
      color: #036;
      font-weight: bold; } }
  @media print, screen and (min-width: 48em) {
    .p-talent-sample__legend .p-talent-sample__legend__item img {
      vertical-align: bottom; }
    .p-talent-sample__legend .p-talent-sample__legend__txt {
      padding-left: 18px; }
    .p-talent-sample__legend li:nth-child(3) {
      padding-left: 35px; }
    .p-talent-sample__legend .-green {
      color: #036;
      font-weight: bold; } }

.p-process-step {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative; }
  .p-process-step:before {
    display: block;
    position: absolute;
    z-index: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #e6e6e6;
    content: ''; }
    @media only screen and (max-width: 47.9375em) {
      .p-process-step:before {
        top: 14px; } }
    @media print, screen and (min-width: 48em) {
      .p-process-step:before {
        top: 20px; } }

.p-process-step__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  z-index: 20;
  width: 100%; }
  .p-process-step__list li {
    width: 85px;
    height: 3em; }
    @media only screen and (max-width: 47.9375em) {
      .p-process-step__list li {
        width: 16.666%; } }

.p-process-step__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative; }

.p-process-step__num {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: block;
  position: relative;
  overflow: hidden;
  border-radius: 50%;
  background-color: #E6E6E6;
  -webkit-font-feature-settings: 'palt' 1;
          font-feature-settings: 'palt' 1;
  font-family: "din-2014", sans-serif;
  font-weight: 700;
  text-align: center;
  color: #036;
  -webkit-transition: color cubic-bezier(0.215, 0.61, 0.355, 1) 0.4s;
  transition: color cubic-bezier(0.215, 0.61, 0.355, 1) 0.4s; }
  @media only screen and (max-width: 47.9375em) {
    .p-process-step__num {
      font-size: 16px;
      font-size: 1rem;
      width: 28px;
      height: 28px;
      padding-top: 1px; } }
  @media print, screen and (min-width: 48em) {
    .p-process-step__num {
      font-size: 22px;
      font-size: 1.375rem;
      width: 40px;
      height: 40px;
      padding-top: 2px; } }
  .p-process-step__num:before {
    display: block;
    position: absolute;
    z-index: 0;
    left: 0;
    top: 50%;
    -webkit-transform: translate(0, -50%) scale(0, 0);
            transform: translate(0, -50%) scale(0, 0);
    -webkit-transform-origin: 0 50%;
            transform-origin: 0 50%;
    width: 100%;
    height: 100%;
    background-color: #036;
    border-radius: 50%;
    -webkit-transition: -webkit-transform cubic-bezier(0.165, 0.84, 0.44, 1) 0.85s;
    transition: -webkit-transform cubic-bezier(0.165, 0.84, 0.44, 1) 0.85s;
    transition: transform cubic-bezier(0.165, 0.84, 0.44, 1) 0.85s;
    transition: transform cubic-bezier(0.165, 0.84, 0.44, 1) 0.85s, -webkit-transform cubic-bezier(0.165, 0.84, 0.44, 1) 0.85s;
    content: ''; }
  .p-process-step__num span {
    position: relative;
    z-index: 1; }

.p-process-step__text {
  display: block;
  width: 100%;
  font-weight: bold;
  text-align: center;
  -webkit-transition: color cubic-bezier(0.215, 0.61, 0.355, 1) 0.4s;
  transition: color cubic-bezier(0.215, 0.61, 0.355, 1) 0.4s; }
  @media only screen and (max-width: 47.9375em) {
    .p-process-step__text {
      font-size: 10px;
      font-size: 0.625rem;
      margin-top: 3px; } }
  @media print, screen and (min-width: 48em) {
    .p-process-step__text {
      font-size: 14px;
      font-size: 0.875rem;
      margin-top: 3px; } }

/* アクティブ時
----------------------------------------------------------------- */
.p-process-step__item.-active .p-process-step__num {
  background-color: #036;
  color: #fff; }
  .p-process-step__item.-active .p-process-step__num:before {
    -webkit-transform: translate(0, -50%) scale(1, 1);
            transform: translate(0, -50%) scale(1, 1); }

.p-qa-block {
  border-top: solid 1px #e7e7e7; }
  .p-qa-block dt {
    position: relative;
    font-weight: bold; }
    @media only screen and (max-width: 47.9375em) {
      .p-qa-block dt {
        font-size: 16px;
        font-size: 1rem;
        margin-top: 10px;
        padding: 10px 0 0 30px; } }
    @media print, screen and (min-width: 48em) {
      .p-qa-block dt {
        font-size: 20px;
        font-size: 1.25rem;
        margin-top: 15px;
        padding: 15px 0 0 45px; } }
    @media print, screen and (min-width: 64em) {
      .p-qa-block dt {
        font-size: 20px;
        font-size: 1.25rem;
        margin-top: 15px;
        padding: 15px 0 0 45px; } }
  .p-qa-block dt::before {
    content: "Q.";
    -webkit-font-feature-settings: 'palt' 1;
            font-feature-settings: 'palt' 1;
    font-family: "din-2014", sans-serif;
    font-weight: 600;
    color: #036;
    position: absolute;
    left: 0; }
    @media only screen and (max-width: 47.9375em) {
      .p-qa-block dt::before {
        font-size: 24px;
        font-size: 1.5rem;
        top: 0.1em; } }
    @media print, screen and (min-width: 48em) {
      .p-qa-block dt::before {
        font-size: 32px;
        font-size: 2rem;
        top: 0.05em; } }
    @media print, screen and (min-width: 64em) {
      .p-qa-block dt::before {
        font-size: 32px;
        font-size: 2rem;
        top: 0.05em; } }
  .p-qa-block dd {
    border-bottom: solid 1px #e7e7e7;
    position: relative; }
    @media only screen and (max-width: 47.9375em) {
      .p-qa-block dd {
        font-size: 14px;
        font-size: 0.875rem;
        padding: 10px 0 20px 30px; } }
    @media print, screen and (min-width: 48em) {
      .p-qa-block dd {
        font-size: 16px;
        font-size: 1rem;
        padding: 15px 0 30px 45px; } }
    @media print, screen and (min-width: 64em) {
      .p-qa-block dd {
        font-size: 16px;
        font-size: 1rem;
        padding: 15px 0 30px 45px; } }
  .p-qa-block dd::before {
    content: "A.";
    -webkit-font-feature-settings: 'palt' 1;
            font-feature-settings: 'palt' 1;
    font-family: "din-2014", sans-serif;
    font-weight: 600;
    color: #AAA;
    position: absolute;
    left: 0; }
    @media only screen and (max-width: 47.9375em) {
      .p-qa-block dd::before {
        font-size: 24px;
        font-size: 1.5rem;
        top: 0.1em; } }
    @media print, screen and (min-width: 48em) {
      .p-qa-block dd::before {
        font-size: 32px;
        font-size: 2rem;
        top: 0.05em; } }
    @media print, screen and (min-width: 64em) {
      .p-qa-block dd::before {
        font-size: 32px;
        font-size: 2rem;
        top: 0.05em; } }

.p-sitemap {
  overflow: hidden;
  border-top: solid 1px #E6E6E6; }
  @media only screen and (max-width: 47.9375em) {
    .p-sitemap {
      font-size: 18px;
      font-size: 1.125rem;
      margin-top: 27px;
      padding-top: 25px; } }
  @media print, screen and (min-width: 48em) {
    .p-sitemap {
      font-size: 24px;
      font-size: 1.5rem;
      margin-top: 20px;
      padding-top: 20px; } }
  @media print, screen and (min-width: 64em) {
    .p-sitemap {
      font-size: 24px;
      font-size: 1.5rem;
      margin-top: 29px;
      padding-top: 29px; } }
  .p-sitemap.-top {
    border: none;
    margin-top: 0;
    padding: 0; }

.p-sitemap__cat {
  font-weight: bold; }
  @media only screen and (max-width: 47.9375em) {
    .p-sitemap__cat {
      float: none;
      font-size: 18px;
      font-size: 1.125rem;
      width: 100%; } }
  @media print, screen and (min-width: 48em) {
    .p-sitemap__cat {
      float: none;
      font-size: 24px;
      font-size: 1.5rem;
      width: 100%; } }
  @media print, screen and (min-width: 64em) {
    .p-sitemap__cat {
      float: left;
      font-size: 24px;
      font-size: 1.5rem;
      width: 33%; } }
  @media print, screen and (min-width: 64em) {
    .p-sitemap__cat a:hover {
      position: relative;
      overflow: hidden;
      color: #036; }
      .p-sitemap__cat a:hover:after {
        position: absolute;
        bottom: 0;
        left: 0;
        width: calc( 100% - 22px);
        height: 1px;
        background-color: #036;
        content: ''; } }

@media only screen and (max-width: 47.9375em) {
  .p-sitemap__subcat {
    float: none;
    margin-top: 8px;
    font-size: 12px;
    font-size: 0.75rem;
    width: 100%; } }

@media print, screen and (min-width: 48em) {
  .p-sitemap__subcat {
    float: none;
    margin-top: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    font-size: 14px;
    font-size: 0.875rem;
    width: 100%; } }

@media print, screen and (min-width: 64em) {
  .p-sitemap__subcat {
    float: right;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    font-size: 14px;
    font-size: 0.875rem;
    width: 67%; } }

.p-sitemap__subcat li {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }
  @media only screen and (max-width: 47.9375em) {
    .p-sitemap__subcat li {
      padding: 7px 0; } }
  @media print, screen and (min-width: 48em) {
    .p-sitemap__subcat li {
      width: 50%;
      padding: 6px 10px 6px 0; } }
  @media print, screen and (min-width: 64em) {
    .p-sitemap__subcat li {
      width: 50%;
      padding: 8px 10px 8px 0; } }

@media print, screen and (min-width: 64em) {
  .p-sitemap__subcat li a:hover {
    position: relative;
    overflow: hidden;
    color: #036; }
    .p-sitemap__subcat li a:hover:after {
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 1px;
      background-color: #036;
      content: ''; } }

.f-content-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }

.f-file {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  width: 100%;
  /* アイコン要素 */
  /* エラーアイコン */
  /* サクセスアイコン */ }
  @media print, screen and (min-width: 48em) {
    .f-file {
      font-size: 14px;
      font-size: 0.875rem; } }
  .f-file:after {
    display: block;
    position: absolute;
    z-index: 20;
    visibility: hidden;
    opacity: 0;
    top: 50%;
    right: 16px;
    -webkit-transform: translate(0, -50%);
            transform: translate(0, -50%);
    width: 22px;
    height: 22px;
    -webkit-transition: all cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s;
    transition: all cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s;
    content: '';
    background-repeat: no-repeat;
    background-position: 0 0; }
  .-error .f-file:after {
    visibility: visible;
    opacity: 1;
    background-image: url(/recruit_info/common/svg/icon_error.svg); }
  .-error .f-file > input {
    color: #d10000; }
  .-success .f-file:after {
    visibility: visible;
    opacity: 1;
    background-image: url(/recruit_info/common/svg/icon_success.svg); }
  .f-file > input {
    display: block;
    /*@include baseSentence;*/
    position: relative;
    top: 1px;
    font-size: 14px;
    font-size: 0.875rem; }

.f-file__cancel {
  visibility: hidden;
  opacity: 0;
  position: relative;
  width: 20px;
  height: 20px;
  cursor: pointer;
  -webkit-transition: all cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
  transition: all cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s; }
  .f-file__cancel:before, .f-file__cancel:after {
    position: absolute;
    top: 50%;
    left: 50%;
    background-color: #333333;
    width: 10px;
    height: 2px;
    content: ''; }
  .f-file__cancel:before {
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
            transform: translate(-50%, -50%) rotate(45deg); }
  .f-file__cancel:after {
    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
            transform: translate(-50%, -50%) rotate(-45deg); }
  .f-file__cancel.-visible {
    visibility: visible;
    opacity: 1; }

.f-heading-1 {
  line-height: 1.4;
  -webkit-font-feature-settings: 'palt' 1;
          font-feature-settings: 'palt' 1;
  font-weight: 600;
  font-weight: bold; }
  @media only screen and (max-width: 47.9375em) {
    .f-heading-1 {
      font-family: "YakuHanJP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "arial"; } }
  @media print, screen and (min-width: 48em) {
    .f-heading-1 {
      font-family: "YakuHanJP", "Yu Gothic", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "arial"; } }
  @media only screen and (max-width: 47.9375em) {
    .f-heading-1 {
      font-size: 26px;
      font-size: 1.625rem; } }
  @media print, screen and (min-width: 48em) {
    .f-heading-1 {
      font-size: 36px;
      font-size: 2.25rem; } }

/* -----------------------------------------------------------------
/* モディファイア
----------------------------------------------------------------- */
.f-heading-1.-center {
  text-align: center; }

.f-input-text {
  position: relative;
  z-index: 0;
  /* アイコン要素 */
  /* エラーアイコン */
  /* サクセスアイコン */ }
  .f-input-text > input {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: block;
    position: relative;
    z-index: 10;
    width: 100%;
    background-color: #f7f7f7;
    border: solid 1px #ddd;
    border-radius: 0;
    text-align: justify;
    text-justify: inter-ideograph;
    line-height: 1.75;
    font-size: 16px;
    font-size: 1rem;
    -webkit-transition: all cubic-bezier(0.215, 0.61, 0.355, 1) 0.4s;
    transition: all cubic-bezier(0.215, 0.61, 0.355, 1) 0.4s; }
    @media only screen and (max-width: 47.9375em) {
      .f-input-text > input {
        font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "arial";
        line-height: 2; } }
    @media print, screen and (min-width: 48em) {
      .f-input-text > input {
        font-family: "Yu Gothic Medium", "游ゴシック Medium", "Yu Gothic", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "arial"; } }
    @media only screen and (max-width: 47.9375em) {
      .f-input-text > input {
        padding-top: 10px;
        padding-bottom: 10px;
        padding-right: 18px;
        padding-left: 18px; } }
    @media print, screen and (min-width: 48em) {
      .f-input-text > input {
        padding-top: 10px;
        padding-bottom: 10px;
        padding-right: 16px;
        padding-left: 16px; } }
    .f-input-text > input[type='number']::-webkit-outer-spin-button, .f-input-text > input[type='number']::-webkit-inner-spin-button {
      -webkit-appearance: none;
      margin: 0; }
    .f-input-text > input[type='number'] {
      -moz-appearance: textfield; }
    .f-input-text > input::-webkit-input-placeholder {
      color: #aaa; }
    .f-input-text > input:-ms-input-placeholder {
      color: #aaa; }
    .f-input-text > input::-moz-placeholder {
      color: #aaa; }
    .f-input-text > input:focus {
      outline: none;
      background-color: #fff; }
    .-error .f-input-text > input {
      background-color: rgba(209, 0, 0, 0.06);
      border-color: #d10000; }
    .-success .f-input-text > input {
      background-color: #fff;
      border-color: #ddd; }
  .f-input-text:after {
    display: block;
    position: absolute;
    z-index: 20;
    visibility: hidden;
    opacity: 0;
    top: 50%;
    right: 16px;
    -webkit-transform: translate(0, -50%);
            transform: translate(0, -50%);
    width: 22px;
    height: 22px;
    -webkit-transition: all cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s;
    transition: all cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s;
    content: '';
    background-repeat: no-repeat;
    background-position: 0 0; }
  .-error .f-input-text:after {
    visibility: visible;
    opacity: 1;
    background-image: url(/recruit_info/common/svg/icon_error.svg); }
  .-success .f-input-text:after {
    visibility: visible;
    opacity: 1;
    background-image: url(/recruit_info/common/svg/icon_success.svg); }

.f-label {
  position: relative;
  margin-right: 8px;
  line-height: 1.4;
  -webkit-font-feature-settings: 'palt' 1;
          font-feature-settings: 'palt' 1;
  font-weight: 600;
  font-weight: bold; }
  @media only screen and (max-width: 47.9375em) {
    .f-label {
      font-family: "YakuHanJP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "arial"; } }
  @media print, screen and (min-width: 48em) {
    .f-label {
      font-family: "YakuHanJP", "Yu Gothic", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "arial"; } }
  @media only screen and (max-width: 47.9375em) {
    .f-label {
      font-size: 16px;
      font-size: 1rem; } }
  @media print, screen and (min-width: 48em) {
    .f-label {
      font-size: 16px;
      font-size: 1rem; } }
  .f-label:after {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: none;
    position: relative;
    top: -0.1em;
    margin-left: 10px;
    padding-right: 8px;
    padding-left: 8px;
    background-color: #d10000;
    font-weight: bold;
    color: #fff;
    text-align: center;
    line-height: 1.65;
    content: '必須'; }
    @media only screen and (max-width: 47.9375em) {
      .f-label:after {
        font-size: 12px;
        font-size: 0.75rem; } }
    @media print, screen and (min-width: 48em) {
      .f-label:after {
        font-size: 12px;
        font-size: 0.75rem; } }
    @media print, screen and (min-width: 87.5em) {
      .f-label:after {
        font-size: 12px;
        font-size: 0.75rem; } }
    .-required .f-label:after {
      display: inline-block; }
    .browser-is-safari.device-is-mobile .f-label:after {
      line-height: 1.6; }
    .browser-is-ff .f-label:after {
      line-height: 1.55; }
    .browser-is-ie .f-label:after {
      line-height: 1.55; }

.f-label.-absolute {
  margin-right: 0; }
  @media print, screen and (min-width: 48em) {
    .f-label.-absolute {
      padding-right: 46px; } }
  .f-label.-absolute:after {
    position: absolute;
    right: 0;
    top: 2px;
    margin-left: 0; }

.f-label-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  @media print, screen and (min-width: 48em) {
    .f-label-container {
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap; } }

.f-label-msg {
  width: 100%;
  text-align: justify;
  text-justify: inter-ideograph;
  line-height: 1.75;
  color: #d10000; }
  @media only screen and (max-width: 47.9375em) {
    .f-label-msg {
      font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "arial";
      line-height: 2; } }
  @media print, screen and (min-width: 48em) {
    .f-label-msg {
      font-family: "Yu Gothic Medium", "游ゴシック Medium", "Yu Gothic", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "arial"; } }
  @media only screen and (max-width: 47.9375em) {
    .f-label-msg {
      font-size: 14px;
      font-size: 0.875rem; } }
  @media print, screen and (min-width: 48em) {
    .f-label-msg {
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1;
      width: auto;
      font-size: 16px;
      font-size: 1rem; } }

@media only screen and (max-width: 47.9375em) {
  .f-leading {
    margin-top: 44px; } }

@media print, screen and (min-width: 48em) {
  .f-leading {
    margin-top: 32px; } }

.f-radio {
  display: inline-block;
  width: 47.5%; }
  .f-radio:first-child {
    margin-left: 0; }
  .f-radio:not(:first-child) {
    padding-left: 3%; }
  .f-radio input {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none; }
    @media only screen and (max-width: 47.9375em) {
      .f-radio input {
        display: none; } }
    .f-radio input:checked + label {
      border: 1px solid #222;
      color: #222;
      background-color: #fff; }
      .f-radio input:checked + label:before {
        border-color: #222; }
      .f-radio input:checked + label:after {
        -webkit-transform: translate(-50%, -50%) scale(1);
                transform: translate(-50%, -50%) scale(1); }
  .f-radio label {
    display: block;
    position: relative;
    width: 100%;
    background-color: #f7f7f7;
    border: 1px solid #ddd;
    color: #aaa;
    text-align: center;
    -webkit-transition: color cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
    transition: color cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
    cursor: pointer; }
    @media only screen and (max-width: 47.9375em) {
      .f-radio label {
        padding-top: 10px;
        padding-right: 3%;
        padding-bottom: 10px;
        font-size: 14px;
        font-size: 0.875rem; } }
    @media print, screen and (min-width: 48em) {
      .f-radio label {
        padding-top: 14px;
        padding-right: 3%;
        padding-bottom: 14px; }
        .browser-is-ie .f-radio label {
          padding-top: 18px;
          padding-right: 3%;
          padding-bottom: 10px; } }
    @media print, screen and (min-width: 64em) {
      .f-radio label:hover {
        background-color: #fff;
        border: 1px solid #222;
        color: #222; } }
    @media print, screen and (min-width: 64em) {
      .f-radio label:hover:before {
        border-color: #222; } }
    .f-radio label:before, .f-radio label:after {
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      display: block;
      position: absolute;
      border-radius: 50%;
      content: ''; }
    .f-radio label:before {
      top: 20px;
      width: 20px;
      height: 20px;
      border-style: solid;
      border-width: 2px;
      border-color: #ddd;
      -webkit-transition: border-color cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
      transition: border-color cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s; }
      @media only screen and (max-width: 47.9375em) {
        .f-radio label:before {
          top: 30%;
          left: 20px; } }
      @media print, screen and (min-width: 48em) {
        .f-radio label:before {
          top: 34%;
          left: 20px; } }
    .f-radio label:after {
      top: 20px;
      width: 10px;
      height: 10px;
      background-color: #222;
      -webkit-transform: translate(-50%, -50%) scale(0);
              transform: translate(-50%, -50%) scale(0);
      -webkit-transition: -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
      transition: -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
      transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
      transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s; }
      @media only screen and (max-width: 47.9375em) {
        .f-radio label:after {
          top: 53%;
          left: 30px; } }
      @media print, screen and (min-width: 48em) {
        .f-radio label:after {
          top: 52%;
          left: 30px; } }

/*****************************************
* モディファイア
*****************************************/
.f-radio--sp-block {
  margin-top: 8px; }
  @media only screen and (max-width: 47.9375em) {
    .f-radio--sp-block {
      display: block;
      margin-left: 0; } }

.f-required-tag {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: none;
  margin-left: 6px;
  font-weight: bold;
  color: #d10000;
  text-align: center;
  line-height: 1.65; }
  @media only screen and (max-width: 47.9375em) {
    .f-required-tag {
      font-size: 14px;
      font-size: 0.875rem; } }
  @media print, screen and (min-width: 48em) {
    .f-required-tag {
      font-size: 16px;
      font-size: 1rem; } }
  @media print, screen and (min-width: 87.5em) {
    .f-required-tag {
      font-size: 18px;
      font-size: 1.125rem; } }
  .f-required-tag.-inline {
    display: inline-block; }
  .-required .f-required-tag {
    display: inline-block; }
  .browser-is-safari.device-is-mobile .f-required-tag {
    line-height: 1.6; }
  .browser-is-ff .f-required-tag {
    line-height: 1.55; }
  .browser-is-ie .f-required-tag {
    line-height: 1.55;
    margin-bottom: 5px; }

@media only screen and (max-width: 47.9375em) {
  .f-sentence {
    margin-top: 16px;
    font-size: 16px;
    font-size: 1rem; } }

@media print, screen and (min-width: 48em) {
  .f-sentence {
    margin-top: 18px;
    font-size: 18px;
    font-size: 1.125rem; } }

.f-sentence:first-child {
  margin-top: 0; }

.f-sentence span {
  color: #d10000; }

@media only screen and (max-width: 47.9375em) {
  .f-sentence br {
    display: none; } }

/*****************************************
* モディファイア
*****************************************/
.f-sentence.-center, .f-sentence.-em, .f-sentence.-form_msg {
  text-align: center; }

.f-sentence.-form_msg {
  font-size: 13px;
  font-size: 0.8125rem; }

.f-sentence.-red {
  color: #d10000; }

.f-sentence.-em {
  font-weight: bold;
  color: #036; }

.f-sentence.-form_msg {
  margin-top: 8px;
  color: #d10000; }
  .f-sentence.-form_msg.-hide {
    display: none; }

@media only screen and (max-width: 47.9375em) {
  .f-sentence.-margin_l {
    margin-top: 30px; } }

@media print, screen and (min-width: 48em) {
  .f-sentence.-margin_l {
    margin-top: 36px; } }

.f-unit {
  width: 100%;
  /* 幅
  ----------------------------------------------------------------- */
  /* マージン系
  ----------------------------------------------------------------- */
  /* ボーダー
  ----------------------------------------------------------------- */
  /* レイアウト
  ----------------------------------------------------------------- */ }
  @media only screen and (max-width: 47.9375em) {
    .f-unit {
      margin-top: 12px; } }
  @media print, screen and (min-width: 48em) {
    .f-unit {
      width: auto;
      margin-top: 18px; } }
  @media print, screen and (min-width: 87.5em) {
    .f-unit {
      margin-top: 22px; } }
  @media print, screen and (min-width: 48em) {
    .f-unit.-max {
      width: 100%; } }
  @media print, screen and (min-width: 48em) {
    .f-unit.-half {
      width: 48%;
      margin-left: 4%; } }
  @media print, screen and (min-width: 48em) {
    .f-unit.-half:first-child {
      margin-left: 0; } }
  @media print, screen and (min-width: 48em) {
    .f-unit.-small {
      width: 245px;
      margin-left: 42px; } }
  @media print, screen and (min-width: 48em) {
    .f-unit.-small:first-child {
      margin-left: 0; } }
  .f-unit.-mtop_0 {
    margin-top: 0; }
  @media print, screen and (min-width: 48em) {
    .f-unit.-mleft {
      margin-left: 42px; } }
  @media only screen and (max-width: 47.9375em) {
    .f-unit.-mtop {
      margin-top: 16px; } }
  .f-unit.-border {
    border-style: solid;
    border-width: 0 0 1px 0;
    border-color: #e6e6e6; }
    @media only screen and (max-width: 47.9375em) {
      .f-unit.-border {
        padding-top: 14px;
        padding-bottom: 14px; } }
    @media print, screen and (min-width: 48em) {
      .f-unit.-border {
        padding-top: 16px;
        padding-bottom: 16px; } }
    .f-unit.-border:first-child {
      border-width: 1px 0 1px 0; }
  .f-unit.-file {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    @media only screen and (max-width: 47.9375em) {
      .f-unit.-file {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column; } }
    @media print, screen and (min-width: 48em) {
      .f-unit.-file {
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center; } }
    @media only screen and (max-width: 47.9375em) {
      .f-unit.-file .f-unit__label {
        margin-bottom: 8px; } }
    @media only screen and (max-width: 47.9375em) {
      .f-unit.-file:not(.-border) {
        margin-top: 14px; } }
    @media print, screen and (min-width: 48em) {
      .f-unit.-file:not(.-border) {
        margin-top: 14px; } }
    .f-unit.-file:not(.-border):first-child {
      margin-top: 0; }
  .f-unit.-lineup {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
    @media print, screen and (min-width: 48em) {
      .f-unit.-lineup {
        margin-top: 0; } }
  @media print, screen and (min-width: 48em) {
    .f-unit.-max3 {
      width: calc(33.33% - 42px);
      margin-left: 42px; } }
  @media print, screen and (min-width: 48em) {
    .f-unit.-max3:first-child {
      margin-left: 0; } }
  @media print, screen and (min-width: 48em) {
    .f-unit.-max3:nth-child(3n + 1) {
      margin-left: 0; } }

.f-unit__label {
  line-height: 1.4;
  -webkit-font-feature-settings: 'palt' 1;
          font-feature-settings: 'palt' 1;
  font-weight: 600;
  font-weight: bold; }
  @media only screen and (max-width: 47.9375em) {
    .f-unit__label {
      font-family: "YakuHanJP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "arial"; } }
  @media print, screen and (min-width: 48em) {
    .f-unit__label {
      font-family: "YakuHanJP", "Yu Gothic", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "arial"; } }
  @media print, screen and (min-width: 48em) {
    .f-unit__label {
      min-width: 110px;
      font-size: 14px;
      font-size: 0.875rem; } }

.f-unit__list {
  margin-top: 5px; }

.f-unit-radio {
  width: 100%; }
  @media only screen and (max-width: 47.9375em) {
    .f-unit-radio {
      margin-top: 12px; } }
  @media print, screen and (min-width: 48em) {
    .f-unit-radio {
      margin-top: 22px; } }

.f-field {
  border: none; }
  @media only screen and (max-width: 47.9375em) {
    .f-field {
      margin-top: 40px; } }
  @media print, screen and (min-width: 48em) {
    .f-field {
      margin-top: 33px; } }
  .f-field:first-child {
    margin-top: 0; }

.f-textarea {
  position: relative;
  z-index: 0;
  /* アイコン要素 */
  /* エラーアイコン */
  /* サクセスアイコン */ }
  .f-textarea > textarea {
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    -webkit-tap-highlight-color: transparent;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    position: relative;
    overflow: hidden;
    z-index: 10;
    width: 100%;
    max-width: 100%;
    background-color: #f7f7f7;
    border-width: 1px;
    border-style: solid;
    border-color: #ddd;
    text-align: justify;
    text-justify: inter-ideograph;
    line-height: 1.75;
    font-size: 16px;
    font-size: 1rem;
    -webkit-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
    resize: vertical;
    -webkit-transition: all cubic-bezier(0.215, 0.61, 0.355, 1) 0.4s;
    transition: all cubic-bezier(0.215, 0.61, 0.355, 1) 0.4s; }
    @media only screen and (max-width: 47.9375em) {
      .f-textarea > textarea {
        font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "arial";
        line-height: 2; } }
    @media print, screen and (min-width: 48em) {
      .f-textarea > textarea {
        font-family: "Yu Gothic Medium", "游ゴシック Medium", "Yu Gothic", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "arial"; } }
    @media only screen and (max-width: 47.9375em) {
      .f-textarea > textarea {
        min-height: 120px;
        padding-top: 10px;
        padding-bottom: 10px;
        padding-right: 18px;
        padding-left: 18px; } }
    @media print, screen and (min-width: 48em) {
      .f-textarea > textarea {
        min-height: 160px;
        padding-top: 10px;
        padding-bottom: 10px;
        padding-right: 16px;
        padding-left: 16px; } }
    .f-textarea > textarea::-webkit-input-placeholder {
      color: #aaa; }
    .f-textarea > textarea:-ms-input-placeholder {
      color: #aaa; }
    .f-textarea > textarea::-moz-placeholder {
      color: #aaa; }
    .browser-is-ie .f-textarea > textarea {
      overflow: auto; }
    .f-textarea > textarea:focus {
      outline: none;
      background-color: #fff; }
    .-error .f-textarea > textarea {
      background-color: rgba(209, 0, 0, 0.06);
      border-color: #d10000; }
    .-success .f-textarea > textarea {
      background-color: #fff;
      border-color: #e6e6e6; }
  .f-textarea:after {
    display: block;
    position: absolute;
    z-index: 20;
    visibility: hidden;
    opacity: 0;
    top: 14px;
    right: 16px;
    width: 22px;
    height: 22px;
    -webkit-transition: all cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s;
    transition: all cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s;
    content: '';
    background-repeat: no-repeat;
    background-position: 0 0; }
  .-error .f-textarea:after {
    visibility: visible;
    opacity: 1;
    background-image: url(/recruit_info/common/svg/icon_error.svg); }
  .-success .f-textarea:after {
    visibility: visible;
    opacity: 1;
    background-image: url(/recruit_info/common/svg/icon_success.svg); }

.f-select {
  display: block;
  position: relative;
  width: 100%;
  background: #f7f7f7;
  /* アイコン要素 */
  /* エラーアイコン */
  /* サクセスアイコン */ }
  .f-select > select {
    z-index: 1;
    position: relative;
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 100%;
    height: 44px;
    background-color: transparent;
    border: solid 1px #ddd;
    border-radius: 0;
    font-family: "YakuHanJP", "Yu Gothic Medium", "游ゴシック Medium", "Yu Gothic", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "arial";
    font-size: 16px;
    font-size: 1rem;
    color: #aaa;
    line-height: 1.5;
    -webkit-box-shadow: none;
            box-shadow: none;
    cursor: pointer; }
    @media only screen and (max-width: 47.9375em) {
      .f-select > select {
        padding-top: 10px;
        padding-bottom: 10px;
        padding-right: 18px;
        padding-left: 18px; } }
    @media print, screen and (min-width: 48em) {
      .f-select > select {
        height: 100%;
        padding-top: 16px;
        padding-bottom: 18px;
        padding-right: 20px;
        padding-left: 20px; } }
    .f-select > select::-ms-expand {
      display: none; }
    .f-select > select:focus {
      color: #222;
      outline: none; }
    .f-select > select > option {
      font-family: "YakuHanJP", "Yu Gothic Medium", "游ゴシック Medium", "Yu Gothic", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "arial"; }
    .-error .f-select > select {
      border-color: #d10000; }
  .f-select svg {
    display: block;
    position: absolute;
    top: 1.4em;
    right: 20px;
    width: 11px;
    height: 11px;
    fill: #222; }
    @media only screen and (max-width: 47.9375em) {
      .f-select svg {
        top: 1rem; } }
    @media print, screen and (min-width: 48em) {
      .f-select svg {
        top: 1.5rem; } }
  .-error .f-select > select,
  .-success .f-select > select {
    color: #222; }
  .-error .f-select {
    background-color: rgba(209, 0, 0, 0.06);
    border-color: #d10000; }
  .-success .f-select {
    background-color: #fff;
    border-color: #e6e6e6; }
  .f-select:after {
    display: block;
    position: absolute;
    z-index: 20;
    visibility: hidden;
    opacity: 0;
    top: 50%;
    right: 40px;
    -webkit-transform: translate(0, -50%);
            transform: translate(0, -50%);
    width: 22px;
    height: 22px;
    -webkit-transition: all cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s;
    transition: all cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s;
    content: '';
    background-repeat: no-repeat;
    background-position: 0 0; }
  .-error .f-select:after {
    visibility: visible;
    opacity: 1;
    background-image: url(/recruit_info/common/svg/icon_error.svg); }
  .-success .f-select:after {
    visibility: visible;
    opacity: 1;
    background-image: url(/recruit_info/common/svg/icon_success.svg); }

.f-step {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative; }
  .f-step:before {
    display: block;
    position: absolute;
    z-index: 0;
    top: 20px;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #e6e6e6;
    content: ''; }

.f-step__point {
  opacity: 0;
  position: absolute;
  top: 18px;
  left: 0;
  z-index: 10;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background-color: #036; }
  .f-step__point.-animation {
    -webkit-transition: -webkit-transform cubic-bezier(0.895, 0.03, 0.685, 0.22) 0.85s;
    transition: -webkit-transform cubic-bezier(0.895, 0.03, 0.685, 0.22) 0.85s;
    transition: transform cubic-bezier(0.895, 0.03, 0.685, 0.22) 0.85s;
    transition: transform cubic-bezier(0.895, 0.03, 0.685, 0.22) 0.85s, -webkit-transform cubic-bezier(0.895, 0.03, 0.685, 0.22) 0.85s; }
  .f-step__point.-visible {
    opacity: 1; }

.f-step__list {
  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;
  position: relative;
  z-index: 20;
  width: 100%;
  max-width: 456px; }

.f-step__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative; }

.f-step__num {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: block;
  position: relative;
  overflow: hidden;
  width: 40px;
  height: 40px;
  padding-top: 2px;
  border-radius: 50%;
  background-color: #f7f7f7;
  -webkit-font-feature-settings: 'palt' 1;
          font-feature-settings: 'palt' 1;
  font-family: "din-2014", sans-serif;
  font-weight: 700;
  font-size: 22px;
  font-size: 1.375rem;
  text-align: center;
  color: #aaaaaa;
  -webkit-transition: color cubic-bezier(0.215, 0.61, 0.355, 1) 0.4s;
  transition: color cubic-bezier(0.215, 0.61, 0.355, 1) 0.4s; }
  .f-step__num:before {
    display: block;
    position: absolute;
    z-index: 0;
    left: 0;
    top: 50%;
    -webkit-transform: translate(0, -50%) scale(0, 0);
            transform: translate(0, -50%) scale(0, 0);
    -webkit-transform-origin: 0 50%;
            transform-origin: 0 50%;
    width: 100%;
    height: 100%;
    background-color: #036;
    border-radius: 50%;
    -webkit-transition: -webkit-transform cubic-bezier(0.165, 0.84, 0.44, 1) 0.85s;
    transition: -webkit-transform cubic-bezier(0.165, 0.84, 0.44, 1) 0.85s;
    transition: transform cubic-bezier(0.165, 0.84, 0.44, 1) 0.85s;
    transition: transform cubic-bezier(0.165, 0.84, 0.44, 1) 0.85s, -webkit-transform cubic-bezier(0.165, 0.84, 0.44, 1) 0.85s;
    content: ''; }
  .f-step__num span {
    position: relative;
    z-index: 1; }

.f-step__text {
  display: block;
  width: 100%;
  margin-top: 3px;
  font-weight: bold;
  font-size: 14px;
  font-size: 0.875rem;
  color: #aaaaaa;
  text-align: center;
  -webkit-transition: color cubic-bezier(0.215, 0.61, 0.355, 1) 0.4s;
  transition: color cubic-bezier(0.215, 0.61, 0.355, 1) 0.4s; }

/* アクティブ時
----------------------------------------------------------------- */
.f-step__item.-visible .f-step__num {
  color: #fff; }
  .f-step__item.-visible .f-step__num:before {
    -webkit-transform: translate(0, -50%) scale(1, 1);
            transform: translate(0, -50%) scale(1, 1); }

.f-step__item.-visible .f-step__text {
  color: #222; }

@media print, screen and (min-width: 48em) {
  .f-table tr {
    border-style: solid;
    border-width: 0 0 1px 0;
    border-color: #e6e6e6; } }

@media print, screen and (min-width: 48em) {
  .f-table tr:first-child {
    border-width: 1px 0 1px 0; } }

@media only screen and (max-width: 47.9375em) {
  .f-table tr:first-child th {
    border-width: 1px 0 1px 0; } }

.f-table th,
.f-table td {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  vertical-align: top; }
  @media only screen and (max-width: 47.9375em) {
    .f-table th,
    .f-table td {
      display: block;
      border-style: solid;
      border-width: 0 0 1px 0;
      border-color: #e6e6e6; } }

.f-table th {
  background-color: #f7f7f7; }
  @media only screen and (max-width: 47.9375em) {
    .f-table th {
      padding-top: 14px;
      padding-bottom: 14px;
      padding-right: 14px;
      padding-left: 14px; } }
  @media print, screen and (min-width: 48em) {
    .f-table th {
      width: 30%;
      padding-top: 20px;
      padding-bottom: 23px;
      padding-right: 20px;
      padding-left: 20px; } }

@media only screen and (max-width: 47.9375em) {
  .f-table td {
    padding-top: 14px;
    padding-bottom: 14px;
    padding-right: 14px;
    padding-left: 14px; } }

@media print, screen and (min-width: 48em) {
  .f-table td {
    width: 70%;
    padding-top: 18px;
    padding-bottom: 20px;
    padding-left: 20px; } }

.u-mt-0 {
  margin-top: 0px; }

.u-mr-0 {
  margin-right: 0px; }

.u-mb-0 {
  margin-bottom: 0px; }

.u-ml-0 {
  margin-left: 0px; }

.u-pt-0 {
  padding-top: 0px; }

.u-pr-0 {
  padding-right: 0px; }

.u-pb-0 {
  padding-bottom: 0px; }

.u-pl-0 {
  padding-left: 0px; }

.u-mt-1 {
  margin-top: 10px; }

.u-mr-1 {
  margin-right: 10px; }

.u-mb-1 {
  margin-bottom: 10px; }

.u-ml-1 {
  margin-left: 10px; }

.u-pt-1 {
  padding-top: 10px; }

.u-pr-1 {
  padding-right: 10px; }

.u-pb-1 {
  padding-bottom: 10px; }

.u-pl-1 {
  padding-left: 10px; }

.u-mt-2 {
  margin-top: 20px; }

.u-mr-2 {
  margin-right: 20px; }

.u-mb-2 {
  margin-bottom: 20px; }

.u-ml-2 {
  margin-left: 20px; }

.u-pt-2 {
  padding-top: 20px; }

.u-pr-2 {
  padding-right: 20px; }

.u-pb-2 {
  padding-bottom: 20px; }

.u-pl-2 {
  padding-left: 20px; }

.u-mt-3 {
  margin-top: 30px; }

.u-mr-3 {
  margin-right: 30px; }

.u-mb-3 {
  margin-bottom: 30px; }

.u-ml-3 {
  margin-left: 30px; }

.u-pt-3 {
  padding-top: 30px; }

.u-pr-3 {
  padding-right: 30px; }

.u-pb-3 {
  padding-bottom: 30px; }

.u-pl-3 {
  padding-left: 30px; }

.u-mt-4 {
  margin-top: 40px; }

.u-mr-4 {
  margin-right: 40px; }

.u-mb-4 {
  margin-bottom: 40px; }

.u-ml-4 {
  margin-left: 40px; }

.u-pt-4 {
  padding-top: 40px; }

.u-pr-4 {
  padding-right: 40px; }

.u-pb-4 {
  padding-bottom: 40px; }

.u-pl-4 {
  padding-left: 40px; }

.u-mt-5 {
  margin-top: 50px; }

.u-mr-5 {
  margin-right: 50px; }

.u-mb-5 {
  margin-bottom: 50px; }

.u-ml-5 {
  margin-left: 50px; }

.u-pt-5 {
  padding-top: 50px; }

.u-pr-5 {
  padding-right: 50px; }

.u-pb-5 {
  padding-bottom: 50px; }

.u-pl-5 {
  padding-left: 50px; }

.u-mt-6 {
  margin-top: 60px; }

.u-mr-6 {
  margin-right: 60px; }

.u-mb-6 {
  margin-bottom: 60px; }

.u-ml-6 {
  margin-left: 60px; }

.u-pt-6 {
  padding-top: 60px; }

.u-pr-6 {
  padding-right: 60px; }

.u-pb-6 {
  padding-bottom: 60px; }

.u-pl-6 {
  padding-left: 60px; }

.u-mt-7 {
  margin-top: 70px; }

.u-mr-7 {
  margin-right: 70px; }

.u-mb-7 {
  margin-bottom: 70px; }

.u-ml-7 {
  margin-left: 70px; }

.u-pt-7 {
  padding-top: 70px; }

.u-pr-7 {
  padding-right: 70px; }

.u-pb-7 {
  padding-bottom: 70px; }

.u-pl-7 {
  padding-left: 70px; }

.u-mt-8 {
  margin-top: 80px; }

.u-mr-8 {
  margin-right: 80px; }

.u-mb-8 {
  margin-bottom: 80px; }

.u-ml-8 {
  margin-left: 80px; }

.u-pt-8 {
  padding-top: 80px; }

.u-pr-8 {
  padding-right: 80px; }

.u-pb-8 {
  padding-bottom: 80px; }

.u-pl-8 {
  padding-left: 80px; }

.u-mt-9 {
  margin-top: 90px; }

.u-mr-9 {
  margin-right: 90px; }

.u-mb-9 {
  margin-bottom: 90px; }

.u-ml-9 {
  margin-left: 90px; }

.u-pt-9 {
  padding-top: 90px; }

.u-pr-9 {
  padding-right: 90px; }

.u-pb-9 {
  padding-bottom: 90px; }

.u-pl-9 {
  padding-left: 90px; }

.u-mt-10 {
  margin-top: 100px; }

.u-mr-10 {
  margin-right: 100px; }

.u-mb-10 {
  margin-bottom: 100px; }

.u-ml-10 {
  margin-left: 100px; }

.u-pt-10 {
  padding-top: 100px; }

.u-pr-10 {
  padding-right: 100px; }

.u-pb-10 {
  padding-bottom: 100px; }

.u-pl-10 {
  padding-left: 100px; }

.u-show-XS {
  display: none; }
  @media only screen and (max-width: 47.9375em) {
    .u-show-XS {
      display: block; } }

.u-show-S {
  display: none; }
  @media print, screen and (min-width: 48em) {
    .u-show-S {
      display: block; } }

.u-show-M {
  display: none; }
  @media print, screen and (min-width: 64em) {
    .u-show-M {
      display: block; } }

.u-show-L {
  display: none; }
  @media print, screen and (min-width: 75em) {
    .u-show-L {
      display: block; } }

.u-show-XL {
  display: none; }
  @media print, screen and (min-width: 87.5em) {
    .u-show-XL {
      display: block; } }

.u-show-full {
  display: none; }
  @media print, screen and (min-width: 100em) {
    .u-show-full {
      display: block; } }

/* -----------------------------------------------------------------
/* .u-show-**_to_**
/* **サイズ～**サイズの区間内のみで非表示にする
----------------------------------------------------------------- */
.u-show-m_to_l {
  display: none; }
  @media print, screen and (min-width: 64em) {
    .u-show-m_to_l {
      display: block; } }
  @media print, screen and (min-width: 75em) {
    .u-show-m_to_l {
      display: none; } }

/* -----------------------------------------------------------------
/* .u-hide-**_to_**
/* **サイズ～**サイズの区間内のみで非表示にする
----------------------------------------------------------------- */
@media print, screen and (min-width: 48em) {
  .u-hide-s_to_m {
    display: none; } }

@media print, screen and (min-width: 64em) {
  .u-hide-s_to_m {
    display: block; } }

.u-hide-m_to_l {
  display: none; }
  @media print, screen and (min-width: 64em) {
    .u-hide-m_to_l {
      display: block; } }
  @media print, screen and (min-width: 75em) {
    .u-hide-m_to_l {
      display: none; } }

/* -----------------------------------------------------------------
/* .u-hide-over_**
/* **サイズ以上で非表示にする
----------------------------------------------------------------- */
@media print, screen and (min-width: 48em) {
  .u-hide-over_s {
    display: none; } }

/* -----------------------------------------------------------------
/* .u-hide-under_**
/* **サイズ以下で非表示にする
----------------------------------------------------------------- */
/* 640以下で改行 */
@media only screen and (max-width: 47.9375em) {
  .u-hide-under_xs {
    display: none; } }

.u-hide-under_m {
  display: none; }
  @media print, screen and (min-width: 64em) {
    .u-hide-under_m {
      display: block; } }

.u-hide-under_l {
  display: none; }
  @media print, screen and (min-width: 75em) {
    .u-hide-under_l {
      display: block; } }

/* -----------------------------------------------------------------
/* プリント時に非表示にする
----------------------------------------------------------------- */
@media print {
  .u-hide-print {
    display: none; } }

/* ==========================================================================
* フェードイン
========================================================================== */
.u-fade-in {
  opacity: 0;
  -webkit-transition: opacity linear 0.4s, -webkit-transform cubic-bezier(0.075, 0.82, 0.165, 1) 1s;
  transition: opacity linear 0.4s, -webkit-transform cubic-bezier(0.075, 0.82, 0.165, 1) 1s;
  transition: opacity linear 0.4s, transform cubic-bezier(0.075, 0.82, 0.165, 1) 1s;
  transition: opacity linear 0.4s, transform cubic-bezier(0.075, 0.82, 0.165, 1) 1s, -webkit-transform cubic-bezier(0.075, 0.82, 0.165, 1) 1s;
  -webkit-transform: translate(0, 30px);
          transform: translate(0, 30px);
  /* Delay
  ----------------------------------------------------------------- */ }
  @media print {
    .u-fade-in {
      opacity: 1 !important;
      -webkit-transform: translate(0, 0) !important;
              transform: translate(0, 0) !important; } }
  .u-fade-in.-visible {
    opacity: 1;
    color: #222;
    -webkit-transform: translate(0, 0) !important;
            transform: translate(0, 0) !important; }
  .u-fade-in.-fast {
    -webkit-transition: opacity linear 0.3s, -webkit-transform cubic-bezier(0.075, 0.82, 0.165, 1) 0.5s;
    transition: opacity linear 0.3s, -webkit-transform cubic-bezier(0.075, 0.82, 0.165, 1) 0.5s;
    transition: opacity linear 0.3s, transform cubic-bezier(0.075, 0.82, 0.165, 1) 0.5s;
    transition: opacity linear 0.3s, transform cubic-bezier(0.075, 0.82, 0.165, 1) 0.5s, -webkit-transform cubic-bezier(0.075, 0.82, 0.165, 1) 0.5s; }
  .u-fade-in.-slow {
    -webkit-transition: opacity linear 0.6s, -webkit-transform cubic-bezier(0.075, 0.82, 0.165, 1) 1.2s;
    transition: opacity linear 0.6s, -webkit-transform cubic-bezier(0.075, 0.82, 0.165, 1) 1.2s;
    transition: opacity linear 0.6s, transform cubic-bezier(0.075, 0.82, 0.165, 1) 1.2s;
    transition: opacity linear 0.6s, transform cubic-bezier(0.075, 0.82, 0.165, 1) 1.2s, -webkit-transform cubic-bezier(0.075, 0.82, 0.165, 1) 1.2s; }
  .u-fade-in.-short {
    -webkit-transform: translate(0, 5px);
            transform: translate(0, 5px); }
  .u-fade-in.-middle {
    -webkit-transform: translate(0, 15px);
            transform: translate(0, 15px); }
  .u-fade-in.-long {
    -webkit-transform: translate(0, 60px);
            transform: translate(0, 60px); }
  .u-fade-in.-delay01 {
    -webkit-transition-delay: 0.1s;
            transition-delay: 0.1s; }
  .u-fade-in.-delay02 {
    -webkit-transition-delay: 0.2s;
            transition-delay: 0.2s; }
  .u-fade-in.-delay03 {
    -webkit-transition-delay: 0.3s;
            transition-delay: 0.3s; }
  .u-fade-in.-delay04 {
    -webkit-transition-delay: 0.4s;
            transition-delay: 0.4s; }
  .u-fade-in.-delay05 {
    -webkit-transition-delay: 0.5s;
            transition-delay: 0.5s; }
  .u-fade-in.-delay06 {
    -webkit-transition-delay: 0.6s;
            transition-delay: 0.6s; }
  .u-fade-in.-delay07 {
    -webkit-transition-delay: 0.7s;
            transition-delay: 0.7s; }
  .u-fade-in.-delay08 {
    -webkit-transition-delay: 0.8s;
            transition-delay: 0.8s; }
  .u-fade-in.-delay09 {
    -webkit-transition-delay: 0.9s;
            transition-delay: 0.9s; }
  .u-fade-in.-delay10 {
    -webkit-transition-delay: 1s;
            transition-delay: 1s; }
  .u-fade-in.-delay11 {
    -webkit-transition-delay: 1.1s;
            transition-delay: 1.1s; }
  .u-fade-in.-delay12 {
    -webkit-transition-delay: 1.2s;
            transition-delay: 1.2s; }
  .u-fade-in.-delay13 {
    -webkit-transition-delay: 1.3s;
            transition-delay: 1.3s; }
  .u-fade-in.-delay14 {
    -webkit-transition-delay: 1.4s;
            transition-delay: 1.4s; }
  .u-fade-in.-delay15 {
    -webkit-transition-delay: 1.5s;
            transition-delay: 1.5s; }
  .u-fade-in.-delay16 {
    -webkit-transition-delay: 1.6s;
            transition-delay: 1.6s; }
  .u-fade-in.-delay17 {
    -webkit-transition-delay: 1.7s;
            transition-delay: 1.7s; }
  .u-fade-in.-delay18 {
    -webkit-transition-delay: 1.8s;
            transition-delay: 1.8s; }
  .u-fade-in.-delay19 {
    -webkit-transition-delay: 1.9s;
            transition-delay: 1.9s; }
  .u-fade-in.-delay20 {
    -webkit-transition-delay: 2s;
            transition-delay: 2s; }

/* ==========================================================================
Form
========================================================================== */
/* ==========================================================================
Vendor
========================================================================== */
/* ==========================================================================
Print
========================================================================== */
@media print {
  body {
    padding-left: 0;
    width: 1400px;
    -webkit-transform: scale(0.7);
    transform: scale(0.7);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0; }
    body.browser-is-ff {
      -webkit-transform: none;
      transform: none;
      -webkit-transform-origin: 50% 50%;
              transform-origin: 50% 50%; }
    body.browser-is-ie {
      -webkit-transform: none;
      transform: none;
      -webkit-transform-origin: 50% 50%;
              transform-origin: 50% 50%;
      zoom: 0.77; }
    body.browser-is-edge {
      -webkit-transform: none;
      transform: none;
      -webkit-transform-origin: 50% 50%;
              transform-origin: 50% 50%;
      zoom: 0.6; } }