/*
Theme Name: Gutenberg Starter Theme
Theme URI: https://github.com/WordPress/gutenberg-theme/
Author: wordpressdotorg
Author URI: https://wordpress.org
Description: A simple theme for testing Gutenberg.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: gutenberg-starter-theme
Tags: translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

gutenberg-starter-theme is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
html {
  font-family: "Noto Sans Japanese", "PT Sans", "游ゴシック Bold", "Yu Gothic Bold", 游ゴシック, YuGothic-Bold, "Hiragino Sans", ヒラギノ角ゴシック, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, sans-serif;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  font-size: 62.5%;
}
html {}
body {
  font-size: 1.5rem;
  letter-spacing: 0.025em;
  margin: 0;
  line-height: 1.8;
  position: relative;
}
@media screen and (max-width: 767px) {
  body {
    font-size: 1.3rem;
  }
}
article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary {
  display: block;
}
audio, canvas, progress, video {
  display: inline-block;
  vertical-align: baseline;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
[hidden], template {
  display: none;
}
a {
  background-color: transparent;
}
a:active, a:hover {
  outline: 0;
}
abbr[title] {
  border-bottom: 1px dotted;
}
b, strong {
  font-weight: bold;
}
dfn {
  font-style: italic;
}
h1 {
  font-size: 2.44em;
  margin: 0.67em 0;
  line-height: 1.5;
}
h2 {
  font-size: 1.95em;
  line-height: 1.5;
}
h3 {
  font-size: 1.56em;
  line-height: 1.5;
}
#person h3 {
  text-align: center;
  margin: 0;
  transform: translateY(30px);
  transition: transform .4s ease-out .2s, opacity .4s ease-out .2s;
  opacity: 0;
}
#person.show h3 {
  opacity: 1;
  transform: translateY(0);
}
#person section section#member {
  margin-bottom: 80px;
}
h4 {
  font-size: 1.25em;
  line-height: 1.5;
}
h5 {
  font-size: 1em;
}
h6 {
  font-size: 0.8em;
}
mark {
  background: #ff0;
  color: #000;
}
small {
  font-size: 80%;
}
sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
img {
  border: 0;
}
svg:not(:root) {
  overflow: hidden;
}
figure {
  margin: 1em 40px;
}
hr {
  box-sizing: content-box;
  height: 0;
}
pre {
  overflow: auto;
}
code, kbd, pre, samp {
  font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
  font-size: 0.875rem;
}
button, input, optgroup, select, textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}
button {
  overflow: visible;
}
button, select {
  text-transform: none;
}
button, html input[type="button"], input[type="reset"], input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}
button[disabled], html input[disabled] {
  cursor: default;
}
button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
input {
  line-height: normal;
}
input[type="checkbox"], input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
legend {
  border: 0;
  padding: 0;
}
textarea {
  overflow: auto;
}
optgroup {
  font-weight: bold;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td, th {
  padding: 0;
}
p {
  margin: 0;
  padding: 0;
}
/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
/*body,
button,
input,
select,
optgroup,
textarea {
  color: #191e23;
  font-family: "Noto Serif", serif;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.8;
}*/
h1, h2, h3, h4, h5, h6 {
  color: #191e23;
  clear: both;
}
.entry-header .entry-title {
  font-size: 1.5rem;
  line-height: 1.4;
  padding: 0;
  text-align: center;
  color: #FFAC00;
  margin: 0;
}
dfn, cite, em, i {
  font-style: italic;
}
blockquote {
  margin: 0 1.5em;
}
address {
  margin: 0 0 1.5em;
}
pre {
  font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
  line-height: 1.6;
  margin-bottom: 1.6em;
  max-width: 100%;
  overflow: auto;
  padding: 0.8em 1em;
}
code, kbd, tt, var {
  font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
  font-size: 0.875rem;
}
@media screen and (min-width: 600px) {
  code, kbd, tt, var {
    font-size: 0.8125rem;
  }
}
p > code {
  padding: 2px;
  border-radius: 2px;
  background: #f3f4f5;
  font-size: inherit;
}
abbr, acronym {
  border-bottom: 1px dotted #666;
  cursor: help;
}
mark, ins {
  background: #fff9c0;
  text-decoration: none;
}
big {
  font-size: 125%;
}
.archive .site-header {
  margin-bottom: 3.5em;
}
.site-title {
  margin: .4375em 0 0;
  font-size: 38px;
  font-weight: bold;
  line-height: 1.2;
  color: #333332;
}
.site-title a {
  text-decoration: none;
  color: inherit;
}
.site-branding {
  margin-bottom: 1.75em;
}
.site-description {
  margin: .4375em 0 0;
  font-size: 17px;
  font-weight: inherit;
  line-height: 1.4;
  word-wrap: break-word;
  color: #6c7781;
}
/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
  box-sizing: border-box;
}
*, *:before, *:after {
  /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
  box-sizing: inherit;
}
body {
  background: #fff;
  /* Fallback for when there is no custom background color defined. */
}
blockquote, q {
  quotes: """";
}
blockquote:before, blockquote:after, q:before, q:after {
  content: "";
}
hr {
  border: 0;
  height: 1px;
  margin-bottom: 1.5em;
}
ul, ol {
  margin: 0;
  padding: 0;
}
ul {
  list-style: disc;
}
ol {
  list-style: decimal;
}
li > ul, li > ol {
  margin-bottom: 0;
  margin-left: 1.5em;
}
dt {
  font-weight: bold;
}
dd {
  margin: 0 1.5em 1.5em;
}
img {
  height: auto;
  /* Make sure images are scaled correctly. */
  max-width: 100%;
  image-rendering: -webkit-optimize-contrast;
  /* Adhere to container width. */
}
figure {
  margin: 1em 0;
  /* Extra wide images within figure tags don't overflow the content area. */
}
table {
  margin: 0 0 1.5em;
  width: 100%;
}
.alignC {
  text-align: center;
}
/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button, input[type="button"], input[type="reset"], input[type="submit"] {
  border: 1px solid;
  border-color: #ccc #ccc #bbb;
  border-radius: 3px;
  background: #e6e6e6;
  color: rgba(0, 0, 0, 0.8);
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1;
  padding: .6em 1em .4em;
}
button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover {
  border-color: #ccc #bbb #aaa;
}
button:active, button:focus, input[type="button"]:active, input[type="button"]:focus, input[type="reset"]:active, input[type="reset"]:focus, input[type="submit"]:active, input[type="submit"]:focus {
  border-color: #aaa #bbb #bbb;
}
input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea {
  border: 1px solid #ccc;
  border-radius: 3px;
  padding: 3px;
}
input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="number"]:focus, input[type="tel"]:focus, input[type="range"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="time"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="color"]:focus, textarea:focus {
  color: #111;
}
select {
  border: 1px solid #ccc;
}
textarea {
  width: 100%;
}
#primary {
  position: relative;
  padding-left: 200px;
}
@media screen and (max-width: 1159px) {
  #primary {
    padding-left: 0;
    padding-top: 74px;
  }
  .home #primary {
    padding-top: 0 !important;
  }
}
@media screen and (max-width: 767px) {
  #primary {
    padding-top: 57px;
  }
  #person h3 {
    text-align: center;
    margin: 0 0 20px;
  }
}
.y-txt {
  color: #FFAC00;
}
/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
  text-decoration: none;
}
a:hover, a:focus, a:active {}
a:focus {
  outline: thin dotted;
}
a:hover, a:active {
  outline: 0;
}
/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
.main-navigation {
  clear: both;
  display: block;
  margin: 0 auto;
  max-width: 580px;
  text-align: center;
}
.main-navigation ul {
  display: none;
  list-style: none;
  margin: 0;
  padding-left: 0;
}
.main-navigation ul ul {
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
  float: left;
  position: absolute;
  top: 100%;
  left: -999em;
  z-index: 99999;
  text-align: left;
}
.main-navigation ul ul ul {
  left: -999em;
  top: 0;
}
.main-navigation ul ul li:hover > ul, .main-navigation ul ul li.focus > ul {
  left: 100%;
}
.main-navigation ul ul a {
  width: 200px;
}
.main-navigation ul li:hover > ul, .main-navigation ul li.focus > ul {
  display: block;
  left: auto;
}
.main-navigation li {
  position: relative;
}
.main-navigation a {
  display: block;
  text-decoration: none;
}
.menu-toggle {
  padding: 1em;
}
@media screen and (max-width: 37.5em) {
  /* Small menu. */
  .menu-toggle, .main-navigation.toggled ul {
    display: block;
    margin: 0 auto;
  }
}
@media screen and (min-width: 37.5em) {
  .menu-toggle {
    display: none;
  }
  .main-navigation ul {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
  }
  .main-navigation a {
    padding: 0 .5em;
  }
}
.site-main .comment-navigation, .site-main .posts-navigation, .site-main .post-navigation {
  border-bottom: 1px solid #e2e4e7;
  margin: 0 auto 60px;
  max-width: 890px;
  overflow: hidden;
  padding-bottom: 60px;
}
.nav-links {
  display: flex;
}
.comment-navigation .nav-previous, .posts-navigation .nav-previous, .post-navigation .nav-previous {
  width: 50%;
  flex: 1 0 50%;
}
.comment-navigation .nav-next, .posts-navigation .nav-next, .post-navigation .nav-next {
  text-align: end;
  flex: 1 0 50%;
}
/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  word-wrap: normal !important;
  /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}
.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  color: #21759b;
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
  /* Above WP toolbar. */
}
/* Do not show the outline on the skip link target. */
#primary[tabindex="-1"]:focus {
  outline: 0;
}
/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft, .alignright {
  max-width: 580px !important; /* Let's work to make this !important unnecessary */
}
.alignleft img, .alignright img, .alignleft figcaption, .alignright figcaption {
  max-width: 50%;
  width: 50%;
}
.alignleft figcaption {
  clear: left;
}
.alignright figcaption {
  clear: right;
}
.alignleft img, .alignleft figcaption {
  float: left;
  margin-right: 1.5em;
}
.alignright img, .alignright figcaption {
  float: right;
  margin-left: 1.5em;
}
.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget-area {
  width: 25%;
}
.widget {
  margin: 0 0 1.5em;
  /* Make sure select elements fit in widgets. */
}
.widget select {
  max-width: 100%;
}
/*--------------------------------------------------------------
# Common
--------------------------------------------------------------*/
.pc {}
.tb {
  display: none !important;
}
.pc.tb {
  display: block !important;
}
.sp {
  display: none !important;
}
@media screen and (max-width: 1159px) {
  .pc {
    display: none;
  }
  .tb {
    display: block !important;
  }
  .tb.sp {
    display: block !important;
  }
  .sp {
    display: none !important;
  }
}
@media screen and (max-width: 767px) {
  .pc {
    display: none !important;
  }
  .tb {
    display: none !important;
  }
  .pc.tb {
    display: none !important;
  }
  .sp {
    display: block !important;
  }
}
/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
#main-header {
  background: #0A0A0A;
  position: fixed;
  top: 0;
  left: 0;
  width: 200px;
  height: 100%;
  min-height: 750px;
  z-index: 11;
  border-right: 1px solid #F0F0EE;
}
#main-header .logo {
  margin: 0 0 40px;
  padding: 50px 0;
  border-bottom: 1px solid #fff;
  text-align: center;
  font-size: 0;
}
#main-header .logo a {
  display: block;
  width: 114px;
  margin: 0 auto;
}
#main-header .logo img {
  width: 100%;
  height: auto;
}
.btn-entry {
  position: absolute;
  bottom: 72px;
  left: 0;
  width: 100%;
  z-index: 10;
}
.btn-entry a {
  display: block;
  background: #FFAC00;
  color: #0A0A0A;
  font-size: 15px;
  font-weight: bold;
  text-decoration: none;
  position: absolute;
  border: 0;
  width: 100%;
  height: 72px;
  line-height: 72px;
  text-align: center;
  vertical-align: middle;
  transition: color .4s ease-out, background .4s ease-out;
}
.btn-entry a:before {
  content: "";
  background: #fff;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  transform-origin: 0 50%;
  transform: scaleX(0);
  transition: transform .3s ease-out;
  z-index: 1;
}
.btn-entry a span {
  position: relative;
  z-index: 2;
}
.btn-entry a:hover:before {
  transform: scaleX(1);
}
@media screen and (max-width: 1159px) {
  #main-header {
    width: 100%;
    min-height: auto;
    height: 74px;
    background: rgba(255, 255, 255, 0.58);
    z-index: 12;
  }
  #main-header .logo {
    float: left;
    padding: 20px 0;
    margin-left: 20px;
    border: none;
  }
  #main-header .logo a {
    width: 315px;
  }
  .btn-entry {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  #main-header {
    height: 57px;
  }
  #main-header .logo {
    padding: 17px 0;
    margin-left: 7px;
  }
  #main-header .logo a {
    width: 220px;
  }
}
/*--------------------------------------------------------------
# primary navigation
--------------------------------------------------------------*/
#primary-menu {
  padding: 0;
  z-index: 1000;
}
#primary-menu:after {
  content: "";
  display: block;
  width: 199px;
  height: 300px;
  z-index: 10;
  background: #0A0A0A;
  position: relative;
}
#primary-menu > li {
  position: relative;
  z-index: 9;
}
#primary-menu > li > a {
  color: #FFAC00;
  font-size: 11px;
  font-weight: bold;
  text-decoration: none;
  background: #0A0A0A;
  position: relative;
  display: block;
  padding: 20px 0 20px 25px;
  z-index: 1000
}
#primary-menu > li > a.hover:after, #primary-menu > li > a.cur:after {
  content: "";
  position: absolute;
  width: 5px;
  height: 37px;
  background: #FFAC00;
  left: 0;
  top: 20px;
}
#primary-menu > li > a:before {
  display: block;
  margin-bottom: 5px;
  font-family: 'Crimson Text', serif;
  font-size: 18px;
  font-weight: 500;
  color: #fff;
  line-height: 1;
}
#primary-menu > li.company > a:before {
  content: "COMPANY";
}
#primary-menu > li.person > a:before {
  content: "PERSON";
}
#primary-menu > li.work > a:before {
  content: "WORK";
}
#primary-menu > li.recruit > a:before {
  content: "RECRUIT";
}
#primary-menu > li.event > a:before {
  content: "EVENT";
}
#primary-menu > li.special > a:before {
  content: "SPECIAL";
}
#primary-menu li .sub-menu {
  position: absolute;
  top: 0;
  left: -81px;
  width: 280px;
  list-style: none;
  margin-left: 0;
  transition: left .4s;
  z-index: 9;
}
#primary-menu li .sub-menu.open {
  left: 200px;
}
#primary-menu li .sub-menu li.top {
  display: none;
}
#primary-menu li .sub-menu li a {
  color: #fff;
  font-size: 1.3rem;
  padding: 20px 25px;
  display: block;
  background: rgba(10, 10, 10, 0.9);
  position: relative;
  transition: color .4s ease-out, background .4s ease-out;
}
#primary-menu li .sub-menu li a:before {
  content: "";
  background: rgba(255, 172, 0, 0.9);
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  transform-origin: 0 50%;
  transform: scaleX(0);
  transition: transform .3s ease-out;
  z-index: 1;
}
#primary-menu li .sub-menu li a span {
  position: relative;
  z-index: 2;
}
#primary-menu li .sub-menu li a:hover:before {
  transform: scaleX(1);
  color: #fff;
}
#primary-menu li .sub-menu li a:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 25px;
  margin-top: -4px;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-left: 7px solid #fff;
  z-index: 2;
}
#sns {
  position: absolute;
  z-index: 10;
  bottom: 100px;
  left: 25px
}
#sns ul {
  letter-spacing: -10px;
  font-size: 0
}
#sns ul li {
  display: inline-block;
  padding: 0 10px;
}
#sns ul li a {
  display: block;
}
#sns ul li a img {
  width: 30px;
}
#sns ul li a svg {
  width: 30px;
}
#sns ul li a svg .st0 {
  transition: fill .3s ease;
}
#sns ul li a:hover svg .st0 {
  fill: #FFAC00;
}
.h-menu {
  display: none;
}
@media screen and (max-width: 1159px) {
  .h-menu {
    display: block;
    position: relative;
    width: 38px;
    height: 33px;
    float: right;
    margin: 21px 15px 0 0;
    padding: 5px;
    cursor: pointer;
    z-index: 10;
  }
  .h-menu span, .h-menu:before, .h-menu:after {
    width: 28px;
    padding: 0 5px;
    height: 3px;
    left: 5px;
    display: block;
    background: #0A0A0A;
    position: absolute;
    transition: top .3s ease, -webkit-transform .3s ease-in-out;
    transition: transform .3s ease-in-out, top .3s ease;
    transition: transform .3s ease-in-out, top .3s ease, -webkit-transform .3s ease-in-out;
    box-sizing: border-box;
  }
  .h-menu:before {
    content: "";
    top: 5px;
  }
  .h-menu span {
    top: 15px;
  }
  .h-menu:after {
    content: "";
    top: 25px;
  }
  .h-menu.open:before {
    transform: rotate(45deg);
    top: 15px;
  }
  .h-menu.open span {
    opacity: 0;
  }
  .h-menu.open:after {
    transform: rotate(-45deg);
    top: 15px;
  }
  #g-navigation .menu-menu-1-container {
    position: fixed;
    width: 100%;
    top: 0;
    display: none;
    height: 100%;
    padding-top: 74px;
  }
  #primary-menu {
    padding: 20px 80px 20px;
    overflow: auto;
    height: 100%;
    box-sizing: border-box;
    background: #0A0A0A;
  }
  #primary-menu:after {
    display: none;
  }
  #primary-menu > li {
    border-bottom: 1px solid #fff;
    margin-bottom: 10px;
    padding-bottom: 10px;
    position: relative;
  }
  #primary-menu > li > a {
    padding: 10px 0;
  }
  #primary-menu > li > a > span:before {
    content: "";
    position: absolute;
    width: 16px;
    height: 1px;
    background: #fff;
    top: 50%;
    right: 0;
  }
  #primary-menu > li > a > span:after {
    content: "";
    position: absolute;
    width: 16px;
    height: 1px;
    background: #fff;
    top: 50%;
    right: 0;
    transform: rotate(90deg);
  }
  #primary-menu > li > a.hover:after {
    display: none;
  }
  #primary-menu li .sub-menu {
    position: static;
    width: 100%;
    display: none;
  }
  #primary-menu li .sub-menu li.top {
    display: block;
  }
  #primary-menu li .sub-menu li a {
    width: 100%;
    color: #818181;
    font-size: 1.3rem;
    padding: 10px;
  }
  #primary-menu li .sub-menu li a:hover {
    background: #0A0A0A;
  }
  #primary-menu li .sub-menu li a:after {
    right: 0;
  }
  #primary-menu > li > a.cur:after {
    display: none;
  }
  #primary-menu li .sub-menu li a:before {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .h-menu {
    width: 32px;
    height: 28px;
    margin: 15px 20px 0 0;
  }
  .h-menu span, .h-menu:before, .h-menu:after {
    width: 22px;
    height: 2px;
  }
  .h-menu span {
    top: 13px;
  }
  .h-menu:after {
    content: "";
    top: 21px;
  }
  #g-navigation .menu-menu-1-container {
    top: 0;
    padding-top: 57px;
  }
  #primary-menu {
    padding: 15px 25px 0;
  }
}
/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
#page {
  margin: 0 auto;
  max-width: 100%;
}
.contents-inner {
  width: 100%;
  max-width: 1190px;
  padding: 0 30px;
  margin: 0 auto;
}
.contents-s {
  max-width: 890px;
  margin: 0 auto;
}
.site-footer {
  margin: 160px 0 0;
  color: #6c7781;
}
@media screen and (max-width: 1159px) {
  .site-footer {
    margin: 120px 0 0;
  }
}
@media screen and (max-width: 767px) {
  .contents-inner {
    padding: 0 25px;
    box-sizing: border-box;
  }
  .site-footer {
    margin: 80px 0 0;
  }
}
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
  display: block;
}
.hentry {
  margin: 0;
}
.updated:not(.published) {
  display: none;
}
.page-content, .entry-content, .entry-summary {
  margin: 0;
}
.entry-meta {
  color: #6c7781;
  font-size: 90%;
}
.page-links {
  clear: both;
  margin: 0 0 1.5em;
}
.entry-header, .page-header, .entry-footer, .site-info, .posts-navigation, .post-navigation, .page-navigation, .comments-area, .not-found .page-content, .search .entry-summary {
  margin: 0 auto;
  max-width: 1050px;
}
.entry-header .wp-post-image {
  margin-bottom: 1.5em;
}
.entry-footer span {
  margin-right: 1em;
}
.entry-footer {
  color: #6c7781;
  font-size: 90%;
  padding-bottom: 40px;
  border-bottom: 1px solid #e2e4e7;
}
@media screen and (min-width: 608px) {
  .entry-header, .page-header, .entry-footer, .site-info, .posts-navigation, .post-navigation, .page-navigation, .comments-area, .not-found .page-content, .search .entry-summary {
    padding-left: 0;
    padding-right: 0;
  }
}
/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
footer {
  padding-left: 200px;
  width: 100%;
  box-sizing: border-box;
}
footer .btn-area {
  text-align: center;
}
footer .btn-area .title {
  position: relative;
  display: block;
  font-size: 15px;
  font-weight: bold;
  color: #FFAC00;
  margin: 0 auto 80px;
}
footer .btn-area .title span {
  display: block;
  margin: 0 auto;
  font-size: 70px;
  color: #0A0A0A;
  font-family: 'Crimson Text', serif;
  font-weight: 500;
  line-height: 1;
}
footer .btn-area .btn {
  text-align: center;
  margin-bottom: 0;
}
footer .btn-area .footer-btn-area {
  overflow: hidden;
  max-width: 960px;
  margin: 0 auto;
  letter-spacing: -5px;
  font-size: 0;
}
footer .btn-area .footer-btn-area .btn {
  width: 50%;
  display: inline-block;
  padding: 0 20px;
  box-sizing: border-box;
  letter-spacing: 0.025em;
  font-size: 15px;
}
footer .btn-area .btn a {
  display: inline-block;
  width: 100%;
  max-width: 540px;
  background: #FFAC00;
  padding: 35px 0;
  color: #0A0A0A;
  font-weight: bold;
  text-decoration: none;
  position: relative;
  transition: color .4s ease-out, background .4s ease-out;
}
footer .btn-area .btn.wildcard a {
  background: #FF2424;
}
footer .btn-area .btn a:before {
  content: "";
  background: #F3F3F3;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  transform-origin: 0 50%;
  transform: scaleX(0);
  transition: transform .3s ease-out;
  z-index: 1;
}
footer .btn-area .btn a:hover:before {
  transform: scaleX(1);
}
footer .btn-area .btn a span {
  position: relative;
  z-index: 2;
}
footer .f-top {
  background: #0A0A0A;
  margin-top: -46px;
  padding-top: 106px;
}
.external-area {
  margin-top: 160px;
}
footer .f-top .external-area {
  margin-top: 0 !important;
}
.external-area p {
  margin: 0 auto;
  color: #0A0A0A;
  font-weight: bold;
  text-align: center;
  position: relative;
  border-bottom: 1px solid #0A0A0A;
  padding-bottom: 20px;
  width: 284px;
}
footer .f-top .external-area p {
  border-color: #fff;
  color: #fff;
}
.external-area p::before {
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  left: 50%;
  bottom: -15px;
  border-top: 15px solid #0A0A0A;
  border-right: 15px solid transparent;
  border-left: 15px solid transparent;
  margin-left: -15px;
}
footer .f-top .external-area p::before {
  border-top: 15px solid #fff;
}
.external-area p::after {
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  left: 50%;
  bottom: -13px;
  border-top: 15px solid #fff;
  border-right: 15px solid transparent;
  border-left: 15px solid transparent;
  margin-left: -15px;
}
footer .f-top .external-area p::after {
  border-top: 15px solid #0A0A0A;
}
.external-area ul {
  text-align: center;
  list-style: none;
  margin: 34px 0 0 !important;
  letter-spacing: -5px;
  max-width: 100% !important;
}
footer .f-top .external-area ul {
  margin: 34px 0 80px !important;
}
.external-area ul li {
  display: inline-block;
  letter-spacing: 0.025em;
  padding: 0 15px;
  vertical-align: top;
  margin: 0 !important;
}
.external-area ul li.bd a img {
  border: 1px solid #818181;
  box-sizing: border-box;
}
.external-area ul li a {
  display: block;
  transition: opacity .4s ease-out;
}
.external-area ul li a:hover {
  opacity: 0.8;
}
.external-area ul li a img {
  display: block;
}
footer .f-top #footer-menu {
  padding-bottom: 80px;
  text-align: center;
}
footer .f-top #footer-menu > li {
  display: inline-block;
  margin-right: 80px;
  vertical-align: top;
  text-align: left;
}
footer .f-top #footer-menu li:last-child {
  margin-right: 0;
}
footer .f-top #footer-menu > li > a {
  position: relative;
  display: block;
  padding: 20px 0;
  font-size: 11px;
  font-weight: bold;
  color: #FFAC00;
  text-decoration: none;
}
footer .f-top #footer-menu > li > a:before {
  display: block;
  margin-bottom: 5px;
  font-family: 'Crimson Text', serif;
  font-size: 18px;
  font-weight: 500;
  color: #fff;
  vertical-align: top;
  line-height: 1;
}
footer .f-top #footer-menu > li > a:before {
  content: "COMPANY";
}
footer .f-top #footer-menu > li.person > a:before {
  content: "PERSON";
}
footer .f-top #footer-menu > li.work > a:before {
  content: "WORK";
}
footer .f-top #footer-menu > li.recruit > a:before {
  content: "RECRUIT";
}
footer .f-top #footer-menu > li.event > a:before {
  content: "EVENT";
}
footer .f-top #footer-menu > li.special > a:before {
  content: "SPECIAL";
}
footer .f-top #footer-menu > li .sub-menu {
  list-style: none;
  margin: 5px 0 0;
  overflow: hidden;
}
footer .f-top #footer-menu > li .sub-menu li {
  margin-bottom: 15px;
}
footer .f-top #footer-menu > li .sub-menu li.top {
  display: none;
}
footer .f-top #footer-menu > li .sub-menu li a {
  color: #818181;
  font-weight: bold;
  font-size: 1.3rem;
  display: inline-block;
  position: relative;
  padding-right: 1px;
}
footer .f-top #footer-menu > li .sub-menu li a span {
  position: relative;
  z-index: 2;
}
footer .f-top #footer-menu > li .sub-menu li a:before {
  content: "";
  background: #fff;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  transform-origin: 0 50%;
  transform: scaleX(0);
  transition: transform .3s ease-out;
  z-index: 1;
}
footer .f-top #footer-menu > li .sub-menu li a:hover:before {
  transform: scaleX(1);
}
footer .f-top #footer-menu > li .sub-menu li a:hover span {
  color: #0A0A0A;
}
footer .f-bottom {
  padding: 20px 0;
  overflow: hidden;
}
footer .f-bottom .logo {
  float: left;
  margin: 0;
}
footer .f-bottom .logo a {
  display: block;
}
footer .f-bottom .logo a img {
  display: block;
  width: 267px;
}
footer .f-bottom ul {
  float: right
}
footer .f-bottom ul li {
  display: inline-block;
  margin-left: 30px;
}
footer .f-bottom ul li a {
  padding-left: 20px;
  font-size: 1.2rem;
  color: #0A0A0A;
  background: url("assets/images/icon_blank.svg") no-repeat left center;
  transition: opacity .3s ease-out;
}
footer .f-bottom ul li a:hover {
  opacity: 0.8;
}
footer .f-bottom .copy {
  float: right;
  margin: 10px 0 0;
  width: 100%;
  font-size: 1.0rem;
  text-align: right;
}
@media screen and (max-width: 1159px) {
  footer {
    padding-left: 0;
  }
  footer .btn-area .title {
    margin-bottom: 60px;
  }
  footer .btn-area .title span {
    font-size: 6.0rem;
  }
  footer .f-top #footer-menu > li {
    margin-right: 40px;
  }
  footer .f-top #footer-menu > li .sub-menu li a {
    font-size: 1.2rem;
  }
  .external-area {
    margin-top: 120px;
  }
}
@media screen and (max-width: 767px) {
  footer .btn-area .title {
    margin-bottom: 30px;
    font-size: 1.1rem;
  }
  footer .btn-area .title span {
    font-size: 3.2rem;
  }
  footer .btn-area .btn {
    padding: 0 25px;
  }
  footer .btn-area .btn a {
    max-width: 325px;
    padding: 30px 0;
  }
  footer .f-top {
    margin-top: -46px;
    padding-top: 76px;
  }
  footer .f-top p {
    margin: 0 auto;
    color: #fff;
    font-weight: bold;
    text-align: center;
    position: relative;
    border-bottom: 1px solid #fff;
    padding-bottom: 20px;
    width: 284px;
  }
  footer .f-top #footer-menu > li .sub-menu li.top {
    display: block;
  }
  .external-area {
    margin-top: 80px;
  }
  .external-area ul {
    margin: 34px -10px 40px;
  }
  .external-area ul li {
    padding: 0 10px;
    max-width: 172px;
    width: 50%;
  }
  .external-area ul li a img {
    display: block;
    width: 100%;
    height: auto;
  }
  footer .f-top #footer-menu li {
    display: block;
    width: 100%;
    margin-bottom: 5px;
    position: relative;
  }
  footer .f-top #footer-menu > li > a {
    border-bottom: 1px solid #818181;
  }
  footer .f-top #footer-menu > li .sub-menu {
    display: none;
    margin-top: 10px;
  }
  footer .f-top #footer-menu > li > a > span:before {
    content: "";
    position: absolute;
    width: 16px;
    height: 1px;
    background: #fff;
    top: 50%;
    right: 0;
  }
  footer .f-top #footer-menu > li > a > span:after {
    content: "";
    position: absolute;
    width: 16px;
    height: 1px;
    background: #fff;
    top: 50%;
    right: 0;
    transform: rotate(90deg);
  }
  footer .f-top #footer-menu > li.open > a > span:after {
    display: none;
  }
  footer .f-top #footer-menu > li .sub-menu li {
    margin: 5px 0;
  }
  footer .f-top #footer-menu > li .sub-menu li a {
    padding-left: 10px;
    padding: 5px 0 5px 5px;
    position: relative;
    display: block;
  }
  footer .f-top #footer-menu > li .sub-menu li a:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -6px;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 10px solid #818181;
  }
  footer .f-bottom .logo {
    float: none;
    margin-bottom: 20px;
  }
  footer .f-bottom .logo a img {
    margin: 0 auto;
  }
  footer .f-bottom .logo a {
    display: block;
  }
  footer .f-bottom ul {
    float: none;
    text-align: center;
    margin: 0 -15px;
  }
  footer .f-bottom ul li {
    margin: 0 15px;
  }
  footer .f-bottom ul li a {
    font-size: 1.0rem;
  }
  footer .f-bottom .copy {
    text-align: center;
  }
  footer .f-top #footer-menu > li .sub-menu li a:before {
    display: none !important;
  }
  footer .f-top #footer-menu > li .sub-menu li a:hover span {
    color: #818181;
  }
}
@media screen and (max-width: 767px) {
  footer .btn-area .footer-btn-area .btn {
    width: 100%;
    padding: 0;
    margin-bottom: 20px;
    font-size: 13px;
  }
  footer .btn-area .footer-btn-area .btn.wildcard {
    margin-bottom: 0;
  }
  footer .f-top {
    margin-top: -62px;
    padding-top: 176px;
  }
  footer .f-top.multi {
    margin-top: -144px;
  }
}
/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
  word-wrap: break-word;
}
.bypostauthor {
  display: block;
}
/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation, .infinite-scroll.neverending .site-footer {
  /* Theme Footer (when set to scrolling) */
  display: none;
}
/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
  display: block;
}
/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley, .entry-content .wp-smiley, .comment-content .wp-smiley {
  border: none;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0;
}
/* Make sure embeds and iframes fit their containers. */
embed, iframe, object {
  max-width: 100%;
}
/* Make sure logo link wraps around logo image. */
.custom-logo-link {
  display: inline-block;
}
/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
  margin-bottom: 1.5em;
  max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.wp-caption .wp-caption-text {
  margin: 0.8075em 0;
}
.wp-caption-text {
  text-align: center;
}
/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
  margin-bottom: 1.5em;
}
.gallery-item {
  display: inline-block;
  text-align: center;
  vertical-align: top;
  width: 100%;
}
.gallery-columns-2 .gallery-item {
  max-width: 50%;
}
.gallery-columns-3 .gallery-item {
  max-width: 33.3333333333%;
}
.gallery-columns-4 .gallery-item {
  max-width: 25%;
}
.gallery-columns-5 .gallery-item {
  max-width: 20%;
}
.gallery-columns-6 .gallery-item {
  max-width: 16.6666666667%;
}
.gallery-columns-7 .gallery-item {
  max-width: 14.2857142857%;
}
.gallery-columns-8 .gallery-item {
  max-width: 12.5%;
}
.gallery-columns-9 .gallery-item {
  max-width: 11.1111111111%;
}
.gallery-caption {
  display: block;
}
.title-wrap {
  background: #0a0a0a;
  margin-bottom: 80px;
}
.wildcard .title-wrap {
  background: #CCC4BB;
  padding-bottom: 100px;
  margin: 0;
}
.event .title-wrap {
  margin-bottom: 0;
}
.title-wrap .breadcrumbs {
  padding: 10px 50px;
  color: #818181;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  max-width: 100%;
  position: relative;
  z-index: 2;
  float: right;
}
.title-wrap .breadcrumbs span {
  color: #818181;
  font-size: 1.1rem;
}
.title-wrap .breadcrumbs a {
  text-decoration: underline;
  color: #818181;
}
.title-wrap .breadcrumbs a:hover {
  text-decoration: none;
}
.title-wrap .breadcrumbs a:after {
  content: "";
  display: inline-block;
  width: 7px;
  height: 7px;
  border-top: 1px solid #818181;
  border-right: 1px solid #818181;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  margin: 0 10px;
}
.entry-header {
  display: table;
  width: 100%;
  height: 300px;
  position: relative;
}
.event .entry-header {
  height: auto;
}
.event .entry-header h1 {
  text-align: left;
  font-size: 2.5rem;
  color: #fff;
  line-height: 1.5;
  padding-top: 20px;
}
.entry-header:before {
  font-size: 18.3rem;
  color: #292929;
  position: absolute;
  top: -30px;
  left: 0;
  width: 100%;
  text-align: center;
  margin: 0 auto;
  font-family: 'Crimson Text', serif;
}
.entry-header.company:before {
  content: "COMPANY";
}
.entry-header.person:before {
  content: "PERSON";
}
.entry-header.work:before {
  content: "WORK";
}
.entry-header.recruitment:before {
  content: "RECRUIT";
}
.entry-header.event:before {
  content: "EVENT";
}
.entry-header.entry:before, .entry-header.entry-check:before, .entry-header.entry-thanks:before {
  content: "ENTRY";
}
.entry-header.resume:before, .entry-header.resume-check:before, .entry-header.resume-thanks:before {
  content: "RESUME";
}
.entry-header.primary-selection:before, .entry-header.primary-selection-check:before, .entry-header.primary-selection-thanks:before {
  content: "MOVIE";
}
.entry-header.secondary-selection:before, .entry-header.secondary-selection-check:before, .entry-header.secondary-selection-thanks:before {
  content: "GROUP";
}
.entry-header.video-seminar:before, .entry-header.video-seminar-check:before, .entry-header.video-seminar-thanks:before {
  content: "SEMINAR";
}
.entry-header.refuse-check:before, .entry-header.refuse-thanks:before {
  content: "REFUSE";
}
.entry-header.page404:before {
  content: "404";
}
.entry-header .entry-title {
  line-height: 1.1;
  display: table-cell;
  vertical-align: middle;
  position: relative;
  z-index: 10;
}
.entry-header .entry-title span {
  display: block;
  margin-bottom: 10px;
  background-size: contain;
  font-size: 5.0rem;
  font-family: 'Crimson Text', serif;
  font-weight: 500;
  color: #fff;
  line-height: 1;
}
.entry-table .preferred {
  display: none;
}
@media screen and (max-width: 1159px) {
  .entry-header {
    height: 270px;
  }
  .entry-header:before {
    font-size: 15.0rem;
  }
  .entry-header .entry-title {}
  .entry-header .entry-title span {
    font-size: 4.0rem;
  }
  .title-wrap {
    margin-bottom: 60px;
  }
  .title-wrap .breadcrumbs {
    padding: 10px 5px;
  }
}
@media screen and (max-width: 767px) {
  .entry-header {
    height: 130px;
  }
  .entry-header:before {
    font-size: 7.0rem;
    top: -10px;
  }
  .entry-header.company:before {
    font-size: 6.6rem;
  }
  .event .entry-header h1 {
    font-size: 1.5rem;
    padding: 0 25px;
  }
  .entry-header .entry-title {
    font-size: 1.1rem;
  }
  .entry-header .entry-title span {
    font-size: 2.5rem;
  }
  .title-wrap .contents-inner {
    padding: 0;
  }
  .title-wrap .breadcrumbs {
    padding: 10px 25px;
  }
  .title-wrap {
    margin-bottom: 40px;
  }
}
#top-main {
  width: 100%;
  height: auto;
  position: relative;
  z-index: 11;
  top: 0;
  left: 0;
  overflow: hidden;
}
#top-main .bg {
  position: relative;
  background: #0A0A0A;
}
#top-main .bg img {
  width: 100%;
  object-fit: cover;
}
#top-main .bg video {
  width: 100%;
  object-fit: cover;
}
#top-main .catch {
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 0;
  color: #fff;
  font-size: 5.0rem;
  font-weight: bold;
  width: 100%;
  text-align: center;
  line-height: 1;
  margin-top: -25px;
  opacity: 0;
  transition: opacity 0.6s ease-out;
}
#top-main .catch.show {
  opacity: 1;
}
#news {
  position: absolute;
  width: 100%;
  z-index: 9999;
  bottom: 0;
}
#news .lead {
  background: #FFAC00;
  padding: 10px 20px 10px 40px;
  display: inline-block;
  font-weight: bold;
}
#news .block-inner {
  background: rgba(255, 255, 255, 0.85);
  padding: 15px 600px 16px 40px;
  overflow: hidden;
  height: 100px;
  display: table;
  width: 100%;
}
#news .block-inner .title-news {
  font-family: 'Crimson Text', serif;
  font-size: 3.0rem;
  font-weight: bold;
  width: 140px;
  display: table-cell;
}
#news .block-inner .ticker {
  position: relative;
  overflow: hidden;
  display: table-cell;
  vertical-align: middle;
}
#news .block-inner ul {
  float: left;
  margin-left: -140px;
  padding-left: 140px;
  width: 100%;
  box-sizing: border-box;
  list-style: none;
}
#news .block-inner ul li {
  padding: 0 0 5px;
}
#news .block-inner ul li a {
  color: #0A0A0A;
  display: block;
}
#news .block-inner ul li a .date {
  font-size: 1.1rem;
  margin-right: 10px;
}
#news .block-inner ul li a .icon {
  display: inline-block;
  padding: 0 5px;
  background: #0A0A0A;
  color: #fff;
  font-size: 1.1rem;
}
#news .block-inner ul li a .title {
  display: block;
  width: 100%;
  margin-top: 10px;
}
#news .block-inner ul li a:hover .title {
  text-decoration: underline;
}
.btn-entry-top {
  position: absolute;
  right: 5px;
  bottom: 5px;
  padding: 15px 0;
}
.btn-entry-top.internship {
  right: 300px;
}
.btn-entry-top a {
  background: #FFAC00;
  display: inline-block;
  padding: 25px 0;
  width: 290px;
  height: 90px;
  text-align: center;
  font-size: 1.8rem;
  line-height: 1;
  font-weight: bold;
  color: #0A0A0A;
  transition: color .4s ease-out, background .4s ease-out;
  position: relative;
}
.btn-entry-top.internship a {
  background: #fff;
}
.btn-entry-top a:before {
  content: "";
  background: #0A0A0A;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  transform-origin: 0 50%;
  transform: scaleX(0);
  transition: transform .3s ease-out;
  z-index: 1;
}
.btn-entry-top a:hover span {
  color: #fff;
}
.btn-entry-top a:hover:before {
  transform: scaleX(1);
}
.btn-entry-top a span {
  position: relative;
  z-index: 2;
}
.btn-entry-top a span em {
  display: block;
  font-size: 1.5rem;
  margin-bottom: 10px;
  font-style: normal;
  position: relative;
  z-index: 2;
}
@media screen and (min-width: 1160px) {
  #top-main .catch.sp {
    display: none !important;
  }
}
@media screen and (max-width: 1159px) {
  #news .bg {
    height: 918px !important;
  }
  #top-main .bg img {}
  #top-main .catch {
    font-size: 4.0rem;
    margin-top: -20px;
  }
  #news .block-inner {
    height: auto;
    padding: 25px 40px 20px;
  }
  .btn-entry-top {
    position: static;
  }
  .btn-entry-top a {
    width: 100%;
    padding: 20px 0;
    height: auto;
  }
  .btn-entry-top a span em {
    display: inline-block;
    margin-right: 5px;
    margin-bottom: 0;
  }
  #top-main .bg .sp-main {
    width: 100%;
  }
  #top-main .bg .sp-main p {
    width: 100%;
    position: absolute;
  }
  #top-main .bg .sp-main p img {
    object-fit: cover;
    width: 100%;
  }
  #top-main .bg .sp-main .img01 {
    z-index: 2;
  }
  #top-main .bg .sp-main .img02 {
    z-index: 1;
  }
}
@media screen and (max-width: 767px) {
  #top-main {
    height: auto !important;
  }
  #top-main .catch.pc {
    display: none !important;
  }
  #top-main .bg img {
    width: auto;
    position: static;
    padding-bottom: 67px;
  }
  #top-main .catch {
    font-size: 2.2rem;
    line-height: 1.5;
    margin-top: -40px;
  }
  #news .lead {
    padding: 5px 20px;
    font-size: 1.3rem;
  }
  #news .block-inner {
    padding: 15px;
    height: auto;
  }
  #news .block-inner .title-news {
    font-size: 1.7rem;
    width: 70px;
  }
  #news .block-inner ul {
    margin-left: 0;
    padding-left: 0;
  }
  #news .block-inner ul li a .title {
    font-size: 1.2rem;
  }
  .btn-entry-top a span {
    font-size: 1.5rem;
  }
  .btn-entry-top a span em {
    font-size: 1.3rem;
  }
}
.contents-home {
  padding-top: 160px;
}
.sc01 {
  opacity: 0;
  transform: translateY(30px);
  transition: transform .4s ease-out, opacity .4s ease-out;
}
.sc02 {
  opacity: 0;
  transform: translateY(30px);
  transition: transform .4s ease-out .2s, opacity .4s ease-out .2s;
}
.show .sc01, .show .sc02 {
  opacity: 1 !important;
  transform: translateY(0) !important;
}
.contents-home#recruit {
  background: url("assets/images/bg_recruit.png") no-repeat center 0;
  background-size: cover;
  padding-bottom: 338px;
}
.contents-home#event {
  background: #F3F3F3;
  padding: 80px 0;
}
.contents-home#media {
  padding-left: 200px;
}
.geneple-title .geneple-logo {
  width: 20%;
  vertical-align: middle;
}
.contents-home#media .media-block ul {
  list-style: none;
  display: flex;
  justify-content: center;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
}
.contents-home#media .media-block ul li {
  width: 30%;
  border: 1px solid #F3F3F3;
  padding: 20px;
  -webkit-flex-grow: 1;
  flex-grow: 1;
}
.contents-home#media .media-block ul li:nth-child(2) {
  border-left: none;
  border-right: none;
}
.contents-home#media .media-block ul li a {
  display: block;
  overflow: hidden;
}
.contents-home#media .media-block ul li a img {
  transition: transform .4s ease-out;
  padding: 0 5%;
}
.contents-home#media .media-block ul li a:hover img {
  transform: scale(1.05);
}
.contents-home#media .media-block ul li p {
  font-size: 1.2rem;
  color: #0A0A0A;
}
.contents-home#media .media-block ul li .common_content .common_title {
  font-size: 1.3rem;
}
.contents-home#media .media-block ul li .common_content .common_category {
  display: inline-block;
  background: #000;
  color: #fff;
  padding: 0 5px;
  font-weight: bold;
  font-size: 1.2rem;
}
.geneple-title {
  text-align: center;
}
.geneple-title .catch {
  margin: 20px 20px 20px 0;
}
.geneple-title .open-geneple {
  display: inline-flex;
  margin-left: 20px;
  margin-top: 0px;
  padding: 10px 0px;
}
.geneple-title .open-geneple a {
  padding:10px 15px 10px 10px;
	position: relative;
	border: 1px solid #0A0A0A;
	color: #0A0A0A;
	background: #fff;
	transition: color .4s ease-out, background .4s ease-out;
}
.geneple-title .open-geneple a span {
z-index: 2;
position: relative;
}
.geneple-title .open-geneple a:hover {
  color: #fff;
}
.geneple-title .open-geneple a::before {
content: "";
background: #0A0A0A;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
transform-origin: 0 50%;
transform: scaleX(0);
transition: transform .3s ease-out;
z-index: 1;
}
.geneple-title .open-geneple a:hover::before {
  transform: scaleX(1);
}




@media screen and (max-width: 1159px) {
  .contents-home#media {
    padding-left: 0;
  }
	.contents-home#media .media-block ul {
		display: block;
	}
  .contents-home#media .media-block ul li {
    width: 100%;
    border: 1px solid #F3F3F3;
    padding: 20px;
    text-align: center;
  }
	.contents-home#media .media-block ul li:nth-child(2) {
		border-top: none;
		border-bottom: none;
		border-left: 1px solid #F3F3F3;
    border-right: 1px solid #F3F3F3;
	}
	.contents-home#media .media-block ul li .common_content {
		text-align: left;
	}
	.geneple-title .geneple-logo {
    width: 60%;
    vertical-align: middle;
		margin-top: 20px;
		margin-left:0;
	}
	.geneple-title .catch {
    margin: 20px;
	}
	.geneple-title .open-geneple {
		margin-left:0;
	}
}
.box-recruit {
  width: 485px;
  margin: 0 auto;
  background: rgba(255, 255, 255, 0.95);
  padding: 0 40px 60px;
  box-sizing: border-box;
}
.box-recruit p {
  margin-bottom: 120px;
}
.box-recruit p.btn-more {
  margin: 0;
}
.btn01 {
  margin-top: 30px;
}
.btn01 a {
  position: relative;
  border: 1px solid #0A0A0A;
  padding: 20px 0;
  line-height: 1;
  display: block;
  width: 100%;
  max-width: 410px;
  margin: 0;
  text-align: center;
  font-size: 1.2rem;
  font-weight: bold;
  color: #0A0A0A;
  background: #fff;
  transition: color .4s ease-out, background .4s ease-out;
}
.btn01 a span {
  z-index: 2;
  position: relative;
}
.btn01 a:before {
  content: "";
  background: #0A0A0A;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  transform-origin: 0 50%;
  transform: scaleX(0);
  transition: transform .3s ease-out;
  z-index: 1;
}
.btn01 a:hover {
  color: #fff;
}
.btn01 a:hover:before {
  transform: scaleX(1);
}
.btn-more, .btn-y {
  margin-top: 60px;
}
.btn-more a, .btn-y a {
  position: relative;
  border: 1px solid #0A0A0A;
  padding: 20px 0;
  line-height: 1;
  display: block;
  width: 100%;
  max-width: 275px;
  margin: 0 auto;
  text-align: center;
  font-size: 1.2rem;
  font-weight: bold;
  color: #0A0A0A;
  background: #fff;
  transition: color .4s ease-out, background .4s ease-out;
}
.btn-y a {
  font-size: 1.5rem;
  background: #FFAC00;
  border: 1px solid #FFAC00;
  padding: 30px 0;
}
.btn-more a span, .btn-y a span {
  z-index: 2;
  position: relative;
}
.btn-more a:before, .btn-y a:before {
  content: "";
  background: #0A0A0A;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  transform-origin: 0 50%;
  transform: scaleX(0);
  transition: transform .3s ease-out;
  z-index: 1;
}
.btn-y a:before {
  background: #fff;
}
.btn-more a:hover {
  color: #fff;
}
.btn-more a:hover:before, .btn-y a:hover:before {
  transform: scaleX(1);
}
.btn-y a:hover:before {
  background: #fff;
}
.btn-map a {
  display: block;
  padding: 10px 0;
  width: 160px;
  text-align: center;
  background: #F3F3F3;
  margin-top: 20px;
  transition: background .3s ease-out;
}
.btn-map a span {
  background: url("assets/images/icon_google.svg") no-repeat 0 50%;
  color: #818181;
  font-size: 1.3rem;
  width: 160px;
  text-align: center;
  padding-left: 20px;
  line-height: 1;
}
.btn-map a:hover {
  background: #818181;
}
.btn-map a:hover span {
  color: #fff;
  background: url("assets/images/icon_google_on.svg") no-repeat 0 50%;
}
@media screen and (max-width: 1159px) {
  .contents-home#event {
    padding: 120px 0;
  }
  .btn01 a {
    margin: 0 auto;
    max-width: 370px;
  }
  .btn-more a {
    max-width: 236px;
  }
  .btn-entry-top {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .contents-home#recruit {
    background: url("assets/images/bg_recruit.png") no-repeat center 20px;
    background-size: cover;
    padding-bottom: 90px;
  }
  .box-recruit {
    width: 100%;
    padding: 0 25px 60px;
    box-sizing: border-box;
    background: linear-gradient(#fff 0%, #fff 77.39%, rgba(255, 255, 255, 0) 100%);
  }
  .box-recruit p {
    margin-bottom: 30px;
  }
  .btn-more a {
    padding: 15px 0;
    display: block;
    max-width: 220px;
  }
  .contents-home#event {
    padding: 80px 0;
  }
  .btn-map a {
    width: 140px;
  }
  .btn-map a span {
    font-size: 1.1rem;
    width: 160px;
  }
  #gmap {
    display: none;
  }
}
.title01 {
  position: relative;
  display: block;
  font-size: 1.5rem;
  font-weight: bold;
  color: #FFAC00;
  margin: 0 auto 80px;
  text-align: center;
}
.title01 span {
  display: block;
  margin: 0 auto 5px;
  font-size: 70px;
  color: #0A0A0A;
  font-family: 'Crimson Text', serif;
  font-weight: 500;
  line-height: 1;
}
.title-box {
  text-align: center;
  margin: 0 0 80px;
}
.title-box span {
  position: relative;
  display: inline-block;
  font-size: 2.3rem;
  font-weight: bold;
  color: #fff;
  background: #0A0A0A;
  margin: 0 auto;
  text-align: center;
  padding: 0 10px;
  width: auto !important;
}
.title-box-s {
  background: #0A0A0A;
  font-size: 1.5rem;
  color: #fff;
  display: inline-block;
  margin: 0 0 30px;
  padding: 0 5px;
}
.title-bd {
  font-size: 2.0rem;
  border-bottom: 1px solid #0A0A0A;
  padding-bottom: 10px;
  margin-bottom: 30px;
}
.title-layout-c {
  font-size: 2.0rem;
  font-weight: bold;
  text-align: center;
  margin-bottom: 30px;
}
.title-strong {
  font-size: 1.8rem;
  font-weight: bold;
  margin: 0 0 30px;
}
.text-layout-c {
  text-align: center;
}
.text-strong-c {
  font-size: 3.0rem;
  font-weight: bold;
  text-align: center;
}
.text-lead {
  text-align: center;
}
.txt-message {
  text-align: center;
  font-size: 2.0rem;
  line-height: 2.1;
  font-weight: bold;
  margin-bottom: 30px;
}
.txt-message span {
  font-size: 2.3rem;
}
.entry-content .entry-content-inner .lead {
  text-align: center;
  margin-bottom: 80px;
}
.entry-content-inner {
  overflow: hidden;
}
.entry-content-inner p:not(:last-child) {
  margin-bottom: 35px;
}
.event .event-content-inner {
  overflow: hidden;
  background: #fff;
  padding: 80px;
  margin: 0 auto 60px;
  max-width: 1050px;
  width: 100%;
  box-sizing: border-box;
}
.event #float-navigation-wrap + .event-content-inner {
  margin-top: -50px;
}
.event #float-navigation-wrap + .event-content-inner section {
  margin-top: -10px;
  padding-top: 10px;
}
.txt-strong {
  font-size: 3.0rem;
  text-align: center;
  font-weight: bold;
  line-height: 1.5;
}
.text-strong {
  font-size: 2.0rem;
  font-weight: bold;
  line-height: 1.5;
}
.contens-inner, .entry-content-inner {
  margin: 0 auto;
  max-width: 1110px;
  padding-left: 30px;
  padding-right: 30px;
  width: 100%;
  box-sizing: border-box;
  position: relative;
}
.topmessage-inner {
  max-width: 890px;
  margin: 80px auto 0;
}
.topmessage-inner h2 {
  font-size: 2.0rem;
  margin: 40px 0 20px;
}
.post-26 .entry-content-inner, .post-51 .entry-content-inner, .post-52 .entry-content-inner, .post-53 .entry-content-inner {
  max-width: 950px;
}
.attention {
  border: 1px solid #0a0a0a;
  padding: 20px 40px;
  margin-bottom: 40px;
}
@media screen and (max-width: 767px) {
  .attention {
    padding: 15px 20px;
  }
}
.attention p {
  margin-bottom: 10px !important;
}
.attention ul {
  list-style-position: inside;
}
.attention ul li {
  font-weight: bold;
}
.flow-list dl {
  display: table;
  margin: 0 auto 64px;
  position: relative;
  width: 100%;
}
.flow-list dl::after {
  content: '';
  display: block;
  position: absolute;
  bottom: -43px;
  margin-left: -3px;
  left: 50%;
  width: 5px;
  height: 54px;
  background: url("assets/images/icon_arrow.svg");
}
.flow-list dl dt {
  width: 116px;
  line-height: 1;
  display: table-cell;
  background: #0A0A0A;
  color: #fff;
  padding: 25px 20px 0;
}
.flow-list dl dd {
  display: table-cell;
  padding: 25px 30px;
  background: #F3F3F3;
  margin: 0;
}
.flow-list dl dd .title {
  margin-bottom: 20px;
  font-weight: bold;
}
.event-schedule-list ul {
  max-width: 100% !important;
  margin: 0 !important;
}
.event-schedule-list li {
  display: table;
  border-bottom: 1px solid #fff;
  width: 100%;
  margin: 0 !important;
}
.event-schedule-list li .status {
  display: table-cell;
  width: 93px;
  text-align: center;
  vertical-align: middle;
  background: #0A0A0A;
  color: #fff;
  font-size: 1.1rem;
}
.event-schedule-list ul li .schedule {
  display: table-cell;
  vertical-align: middle;
  padding: 30px;
  background: #FFE2A6;
  position: relative;
  font-weight: bold;
}
.event-schedule-list ul li.full .schedule {
  background: #818181;
}
.event-schedule-list ul li .schedule .date {
  display: inline-block;
  border-right: 1px solid #0A0A0A;
  padding-right: 10px;
  margin-right: 10px;
  font-size: 2.0rem;
  line-height: 32px;
}
.event-schedule-list ul li .schedule .date span {
  font-size: 1.2rem;
  padding-left: 5px;
}
.event-schedule-list ul li .schedule .time {
  display: inline-block;
  font-size: 1.5rem;
  line-height: 32px;
}
.event-schedule-list ul li .schedule .btn {
  position: absolute;
  top: 20px;
  right: 30px;
  outline: none;
  border: none;
  padding: 0;
}
#float-navigation-wrap {
  height: 80px;
  margin: 0 -30px;
}
#float-navigation.fixed {
  position: fixed;
  z-index: 10;
  bottom: 10px;
  left: 0;
  padding-left: 200px;
}
#float-navigation {
  width: 100%;
  box-sizing: border-box;
}
#float-navigation .inner {
  width: 100%;
  max-width: 1080px;
  margin: 0 auto;
  background: #fff;
  padding: 15px 100px;
  overflow: hidden;
  box-sizing: border-box;
  box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.16);
  position: relative;
  z-index: 10;
}
#float-navigation .title {
  float: left;
  width: 100%;
  font-weight: bold;
  padding-right: 210px;
  margin-right: -210px;
}
#float-navigation .btn {
  float: right;
}
#float-navigation .btn a, .event-schedule-list ul li .schedule button.btn span, .event-schedule-list ul li .schedule .btn span {
  text-align: center;
  width: 180px;
  height: 50px;
  background: #FFAC00;
  border-radius: 10px;
  font-size: 1.3rem;
  font-weight: bold;
  display: block;
  line-height: 50px;
  color: #0A0A0A;
}
#float-navigation .btn a, .event-schedule-list ul li .schedule button.btn span {
  transition: background .3s ease-out, color .3s ease-out;
}
#float-navigation .btn a:hover, .event-schedule-list ul li .schedule button.btn:hover span {
  background: #0A0A0A;
  color: #fff;
}
.event-schedule-list ul li .schedule .btn span {
  background: #fff;
  color: #818181;
}
.area-content {
  margin-bottom: 30px;
}
.area-content p:not(:last-child) {
  margin-bottom: 35px;
}
.block-tab {
  display: none;
}
#tab02 {
  display: block;
}
.sign {
  float: right;
  text-align: right;
  margin-top: 35px;
}
.sign p {
  margin: 0 !important;
}
.sign p.img {
  margin-top: 5px !important;
  width: 180px;
}
@media screen and (max-width: 1159px) {
  .title01 {
    margin-bottom: 60px;
  }
  .title01 span {
    font-size: 6.0rem;
  }
  .title-box {
    margin-bottom: 60px;
  }
  .title-bd {
    font-size: 1.5rem;
  }
  .txt-strong {
    font-size: 3.5rem;
  }
  .title-layout-c {
    margin-bottom: 20px !important;
  }
  .text-strong-c {
    font-size: 3.5rem;
  }
  .text-lead {
    text-align: left;
  }
  .event .event-content-inner {
    padding: 60px;
  }
  .post-26 .entry-content-inner, .post-51 .entry-content-inner, .post-52 .entry-content-inner, .post-53 .entry-content-inner {
    max-width: 100%;
  }
  #float-navigation-wrap {
    margin: 0 -20px;
  }
  #float-navigation-wrap #float-navigation.fixed {
    padding: 0 10px !important;
    box-sizing: border-box;
  }
  #float-navigation-wrap #float-navigation .inner {
    border-radius: 10px;
    padding: 15px 20px;
  }
  #float-navigation-wrap.fixed #float-navigation {
    padding-left: 0;
  }
  .event #float-navigation-wrap + .event-content-inner {
    margin-top: -30px;
  }
  .event #float-navigation-wrap + .event-content-inner section {
    margin-top: -90px;
    padding-top: 80px;
  }
  .entry-content .entry-content-inner .lead {
    margin-bottom: 60px;
  }
  .topmessage-inner {
    margin: 60px auto 0;
  }
}
@media screen and (max-width: 767px) {
  .title01 {
    margin-bottom: 30px;
    font-size: 1.1rem;
  }
  .title01 span {
    font-size: 3.2rem;
  }
  .title-strong {
    font-size: 1.5rem;
  }
  .title-layout-c {
    font-size: 1.5rem;
  }
  .txt-message {
    font-size: 1.3rem;
  }
  .txt-strong {
    font-size: 2.3rem;
  }
  .text-strong {
    font-size: 1.5rem;
  }
  .text-strong-c {
    font-size: 2.0rem;
  }
  .event .event-content-inner {
    padding: 40px 20px;
  }
  #float-navigation-wrap #float-navigation .inner {
    border-radius: 10px;
    padding: 15px 20px;
  }
  #float-navigation-wrap #float-navigation .inner .title {
    display: none;
  }
  #float-navigation-wrap #float-navigation .inner .btn {
    float: none;
  }
  #float-navigation-wrap #float-navigation .inner .btn a {
    width: 100%;
  }
  .event #float-navigation-wrap + .event-content-inner {
    margin-top: 0;
  }
  .event #float-navigation-wrap + .event-content-inner section {
    margin-top: -80px;
    padding-top: 70px;
  }
  .event-schedule-list li .status {
    display: block;
    width: 100%;
    font-size: 1.1rem;
    padding: 15px 0;
  }
  .event-schedule-list ul li .schedule {
    display: block;
    width: 100%;
    text-align: center;
    padding: 20px;
  }
  .event-schedule-list ul li .schedule .btn {
    position: static;
    width: 100%;
    margin-top: 20px;
  }
  .event-schedule-list ul li .schedule button.btn span, .event-schedule-list ul li .schedule .btn span {
    margin: 0 auto;
    width: 100%;
    max-width: 265px;
    display: block;
  }
  .entry-content .entry-content-inner {
    padding: 0 25px;
  }
  .entry-content .entry-content-inner .lead {
    margin-bottom: 40px;
  }
  .entry-content-inner p:not(:last-child) {
    margin-bottom: 15px;
  }
  .flow-list dl {
    margin-bottom: 70px;
  }
  .flow-list dl:after {
    bottom: -48px;
  }
  .flow-list dl dt {
    width: 100%;
    display: block;
    padding: 15px 20px;
  }
  .flow-list dl dd {
    padding: 15px 20px;
    display: block;
  }
  .topmessage-inner {
    margin: 40px auto 0;
  }
  .topmessage-inner h2 {
    font-size: 1.5rem;
  }
  .sign p.img {
    width: 130px;
  }
}
@media screen and (max-width: 1159px) {
  .contents-home {
    padding-top: 120px;
  }
}
@media screen and (max-width: 767px) {
  .contents-home {
    padding-top: 80px;
  }
  .title-box {
    margin-bottom: 40px;
  }
  .title-box span {
    font-size: 1.7rem;
  }
}
.contents-home .inner {
  width: 100%;
  max-width: 1090px;
  padding: 0 20px;
  margin: 0 auto;
  overflow: hidden;
}
.col2-list {
  margin: 0 -30px;
  letter-spacing: -10px;
  font-size: 0;
  width: initial;
  display: block;
  padding: 0 !important;
}
.col2-list .col {
  display: inline-block;
  width: 50%;
  padding: 0 30px;
  letter-spacing: 0.025em;
  vertical-align: top;
  box-sizing: border-box;
  margin-top: 80px;
}
.col2-list .col:nth-child(1), .col2-list .col:nth-child(2) {
  margin-top: 0;
}
.col2-list .col a {
  color: #0A0A0A;
  display: block;
}
.col2-list .col img {
  width: 100%;
}
.col2-list .col p.text {
  font-size: 1.5rem;
  padding-left: 20px;
  line-height: 1.85;
  margin-top: 30px;
}
.col2-list .col p.title {
  font-size: 2.0rem;
  font-weight: bold;
  padding: 10px 20px 0 20px;
  background: rgba(255, 255, 255, 0.85);
  margin: -30px 0 0;
  display: inline-block;
  line-height: 1;
}
.read {
  margin-top: 30px;
}
.col2-list .col .read {
  margin-left: 20px;
}
.read span, .read a {
  color: #818181;
  font-size: 1.2rem;
  position: relative;
  padding: 0 5px 0 0;
  display: inline-block;
}
.read span:before, .read a:before {
  content: "";
  background: #0A0A0A;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  transform-origin: 0 50%;
  transform: scaleX(0);
  transition: transform .3s ease-out;
  z-index: 1;
}
.read span em, .read a em {
  position: relative;
  z-index: 2;
  font-style: normal;
}
.col a:hover .read span:before, .read a:hover:before {
  transform: scaleX(1);
  color: #fff;
}
.col a:hover .read span em, .read a:hover em {
  color: #fff;
}
.read span:after, .read a:after {
  content: "";
  width: 25px;
  height: 1px;
  background: #818181;
  display: inline-block;
  position: relative;
  top: -4px;
  left: 5px;
  z-index: 2;
  margin-right: 10px;
  transition: width .3s ease-out, background .3s ease-out;
}
.col a:hover .read:after, .read a:hover:after {
  width: 50px;
  background: #818181;
}
/* col2 */
/* col3-list */
.col3-list {
  margin: 0 -30px;
  letter-spacing: -10px;
  font-size: 0;
  padding: 0 !important;
}
.col3-list .col {
  display: inline-block;
  width: 33.33333%; /* 未対応ブラウザ用フォールバック */
  width: -webkit-calc(100% / 3);
  width: calc(100% / 3);
  padding: 0 30px;
  letter-spacing: 0.025em;
  vertical-align: top;
  margin-top: 80px;
}
.col3-list .col img {
  width: 100%;
}
.col3-list .col .title-corevalue {
  text-align: center;
  margin-top: 30px;
  font-size: 2.0rem;
  font-weight: bold;
  color: #0A0A0A;
}
.col3-list .col .title-corevalue span {
  display: block;
}
.col3-list .col:last-child .title-corevalue span {
  opacity: 0;
}
.col3-list .col a {
  color: #0A0A0A;
  display: block;
  border: 1px solid #fff;
  padding-bottom: 30px;
}
.col3-list .col a:hover {
  border: 1px solid #0A0A0A;
}
@media screen and (max-width: 1159px) {
  .col2-list {
    margin: 0 -20px;
    letter-spacing: -10px;
    font-size: 0;
  }
  .col2-list .col {
    padding: 0 20px;
    margin-top: 60px;
  }
  .col2-list .col p.title {
    margin-top: -20px;
  }
  .col2-list .col p.text {
    margin-top: 20px;
  }
  .read {
    margin-top: 20px;
  }
  /* col3-list */
  .col3-list {
    margin: 0 -20px;
  }
  .col3-list .col {
    width: 50%;
    padding: 0 20px;
  }
  .col3-list .col .title-corevalue {
    margin-top: 20px;
  }
  .col3-list .col .title-corevalue span {
    display: inline-block;
    padding-right: 5px;
  }
  .col3-list .col:last-child .title-corevalue span {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .col2-list {
    margin: 0;
    padding: 0 !important;
  }
  .col2-list .col {
    display: inline-block;
    width: 100%;
    padding: 0;
  }
  .col2-list .col, .col2-list .col:nth-child(2) {
    margin-top: 30px;
  }
  .col2-list .col:last-child {
    margin-bottom: 0;
  }
  .col2-list .col p.text {
    font-size: 1.3rem;
    padding-left: 10px;
  }
  .col2-list .col p.title {
    font-size: 1.7rem;
    padding: 5px 10px 0 10px;
    margin-top: -20px;
  }
  .col2-list .col .read {
    margin-left: 10px;
  }
  /* col3-list */
  .col3-list {
    margin: 0 -15px;
    padding: 0 !important;
  }
  .col3-list .col {
    padding: 0 15px;
    margin-top: 30PX;
  }
  .col3-list .col .title-corevalue {
    text-align: left;
    font-size: 1.3rem;
  }
  .col3-list .col .title-corevalue span {}
}
.slick-arrow {
  width: 39px;
  height: 37px;
  background: #818181;
  border: none;
  border-radius: 0;
  position: absolute;
  bottom: 0;
  text-indent: -9999px;
  overflow: hidden;
  z-index: 10;
}
.slick-arrow::before, .slick-arrow::after {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  content: "";
  vertical-align: middle;
}
.slick-prev {
  right: 85px;
}
.slick-next::before {
  left: 14px;
  width: 10px;
  height: 1px;
  background: #fff;
}
.slick-next::after {
  left: 18px;
  width: 6px;
  height: 6px;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.slick-prev::before {
  right: 14px;
  width: 10px;
  height: 1px;
  background: #fff;
}
.slick-prev::after {
  right: 18px;
  width: 6px;
  height: 6px;
  top: 1px;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
}
.slick-next {
  right: 45px;
}
.num01 .slick-slider .slick-list, .num02 .slick-slider .slick-list, .num03 .slick-slider .slick-list {
  padding-bottom: 0 !important;
}
.slick-counter {
  border: 1px solid #818181;
  position: absolute;
  right: 95px;
  bottom: 0;
  padding: 12px 20px;
  font-size: 1.1rem;
  line-height: 1;
  color: #818181;
}
.num01 .slick-counter, .num02 .slick-counter, .num03 .slick-counter {
  right: 0;
  display: none;
}
.list-member .slick-list {
  padding: 5px 0 100px !important;
}
.list-member-wrap {
  position: relative;
}
.list-member {
  margin: 0 -30px 0;
  overflow: hidden;
  font-size: 0;
  letter-spacing: -10px;
  padding: 0 !important;
}
.block-member {
  width: 33.33333%;
  width: -webkit-calc(100% / 3);
  width: calc(100% / 3);
  display: inline-block;
  padding: 35px 30px 0;
  transition: padding .4s;
  letter-spacing: 0.025em;
  box-sizing: border-box;
  vertical-align: top;
}
.list-member .block-member {
  padding-top: 60px;
}
.list-member-wrap .block-member {
  padding: 35px 30px 0;
}
.list-member-wrap .block-member.center .center {
  display: block !important;
}
.list-member-wrap .block-member.center .left, .list-member-wrap .block-member.center .right {
  display: none !important;
}
.block-member a {
  color: #0A0A0A;
  position: relative;
  display: block;
}
.block-member a .job {
  z-index: 2;
  position: absolute;
  top: -5px;
  right: 0;
  padding: 5px 10px;
  background: #EFEFEF;
  font-size: 1.1rem;
  font-weight: bold;
}
.block-member a .thumb {
  overflow: hidden;
}
.block-member a .thumb img {
  transition: transform .4s ease-out;
}
.block-member a .thumb img.center, .block-member a .thumb img.right, .slick-center .block-member a .thumb img.left, .slick-center + .slick-slide .block-member a .thumb img.left {
  display: none;
}
.crosstalk .block-member a .thumb img.center, .crosstalk .block-member a .thumb img.right, .crosstalk .slick-center .block-member a .thumb img.left, .crosstalk .slick-center + .slick-slide .block-member a .thumb img.left {
  display: block;
}
.slick-center .block-member a .thumb img.center, .slick-center + .slick-slide .block-member a .thumb img.right {
  display: block;
}
.block-member a:hover .thumb img {
  transform: scale(1.05);
}
.slick-slide {
  box-sizing: border-box;
}
.block-member .thumb {
  position: relative;
}
.block-member .thumb img {
  width: 100%;
}
.block-member .caption {
  position: relative;
  top: -20px;
  padding: 10px 20px 0;
  background: rgba(255, 255, 255, 0.85);
  display: inline-block;
  font-weight: bold;
  font-size: 1.5rem;
  margin: 0 !important;
}
.block-member .name {
  padding-left: 20px;
  font-weight: bold;
  font-size: 1.8rem;
}
.block-member .name span {
  font-size: 1.1rem;
  font-weight: normal;
  line-height: 1;
  display: block;
}
@media screen and (max-width: 1159px) {
  .list-member {
    margin: 0 -20px 60px;
  }
  .list-member-wrap .list-member {
    margin: 0 -35px;
  }
  .list-member .block-member {
    padding: 40px 20px 0;
    width: 50%;
  }
  .list-member-wrap .list-member .block-member {
    padding: 40px 35px 0;
  }
  .slick-counter {
    right: 75px;
  }
  .list-member .slick-counter {
    right: 80px;
  }
  .list-member .slick-prev {
    right: 70px;
  }
  .slick-next {
    right: 30px;
  }
  .list-member .slick-list {
    padding: 5px 0 80px !important;
  }
}
@media screen and (max-width: 767px) {
  .list-member {
    margin: 0 0 30px;
  }
  .list-member .block-member {
    width: 100%;
    padding: 30px 0 0 !important;
  }
  .list-member-wrap .list-member .block-member {
    padding: 0 30px !important;
  }
  .num02 .slick-slider .slick-list, .num03 .slick-slider .slick-list {
    padding-bottom: 85px !important;
  }
  .slick-counter {
    right: 50%;
    margin-right: 8px;
  }
  .num01 + .slick-counter {
    right: 50%;
    margin-right: -33px;
  }
  .num02 .slick-counter, .num03 .slick-counter {
    right: 50%;
    display: block;
  }
  .list-member .slick-prev, .list-member-corevalue .slick-prev {
    right: 50%;
    margin-right: -32px;
  }
  .slick-next {
    right: 50%;
    margin-right: -72px;
  }
  .list-member-wrap .block-member .name {
    display: block;
  }
  .block-member .caption {
    padding: 10px 10px 0;
    font-size: 1.3rem;
  }
  .block-member .name {
    padding-left: 10px;
    font-size: 1.5rem;
  }
  .list-member .slick-list {
    padding: 5px 0 85px !important;
  }
}
/* crosstalk */
.title-crosstalk {
  font-size: 3.0rem;
  margin: 0 0 40px;
}
.crosstalk .detail {
  margin-bottom: 80px;
}
.block-profile .detail {
  overflow: hidden;
}
.crosstalk .block-profile .detail dl dt {
  display: table-cell;
  width: 105px;
  vertical-align: top;
  padding-right: 30px;
}
.block-profile .detail dl {
  margin-bottom: 30px;
}
.crosstalk .detail dl dd p {
  margin: 0;
}
.crosstalk .detail dl dd p.position {
  line-height: 1;
}
.crosstalk .detail dl dd p.name {
  margin: 20px 0;
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 1;
}
.introduction {
  margin: 0 auto 60px;
  max-width: 890px;
}
.talk-area {
  margin: 0 0 60px;
}
.talk-area dl {
  margin: 0 0 40px;
}
.talk-area dl dt {
  display: inline;
}
.talk-area dl dt:after {
  content: "：";
  display: inline;
}
.talk-area dl dd {
  margin: 0;
  display: inline;
}
.talk-area .annotation {
  font-size: 14px;
}
.crosstalk .talk {
  margin: 0 auto 160px;
  max-width: 890px;
}
.crosstalk section h2 {
  font-size: 2.0rem;
  margin-bottom: 60px;
}
.crosstalk section {
  margin-bottom: 60px;
}
@media screen and (max-width: 767px) {
  .title-crosstalk {
    font-size: 1.7rem;
    margin-bottom: 30px;
  }
  .crosstalk .talk {
    margin-bottom: 80px;
  }
  .block-profile .detail-wrap {
    padding-right: 20px;
  }
  .crosstalk .detail {
    margin-bottom: 40px;
  }
  .crosstalk .detail dl:not(:last-child) {
    margin-bottom: 20px;
  }
  .crosstalk .block-profile .detail dl dt {
    padding-right: 15px;
  }
  .crosstalk .detail dl dd p.name {
    margin: 10px 0;
    font-size: 1.5rem;
  }
  .crosstalk .block-profile .detail {
    width: 100%;
  }
  .introduction {
    margin-bottom: 40px;
  }
  .crosstalk section {
    margin-bottom: 40px;
  }
  .crosstalk section h2 {
    font-size: 1.5rem;
    margin-bottom: 30px;
  }
  .talk-area {
    margin: 0 0 30px;
  }
  .talk-area dl {
    margin: 0 0 20px;
  }
  .talk-area .annotation {
    font-size: 12px;
  }
}
.area-event {
  letter-spacing: -10px;
  font-size: 0;
  margin: 0 -30px;
}
.area-event .block-event {
  width: 50%;
  display: inline-block;
  letter-spacing: 0.025em;
  padding: 60px 30px 0;
  vertical-align: top;
  box-sizing: border-box;
}
.area-event .block-event:nth-child(1), .area-event .block-event:nth-child(2) {
  padding-top: 0;
}
.area-event .block-event .block-inner {
  background: #F3F3F3;
}
.contents-home .area-event .block-event .block-inner {
  background: #fff;
}
.area-event .block-event .block-inner .block-detail {
  padding: 20px 20px 10px;
  display: block;
  color: #0A0A0A;
}
.area-event .block-event .block-inner .block-detail:hover .read span:before {
  transform: scaleX(1);
  color: #fff;
}
.area-event .block-event .block-inner .block-detail:hover .read:after {
  width: 50px;
  background: #818181;
}
.area-event .block-event .block-inner .block-detail .location {
  border: 1px solid #0A0A0A;
  padding: 5px 10px;
  display: inline-block;
  font-size: 1.1rem;
  line-height: 1;
  margin-bottom: 10px;
}
.area-event .block-event .block-inner .block-detail .title {
  font-size: 1.6rem;
  font-weight: bold;
  margin-bottom: 0;
}
.area-event .block-event .block-inner .block-detail .read {
  margin-top: 10px;
}
.block-inner .block-schedule ul {
  letter-spacing: -10px;
  max-width: 100%;
  margin: 0;
}
.block-schedule ul li {
  width: 50%;
  display: inline-block;
  letter-spacing: 0.025em;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
}
.block-schedule ul li:nth-child(n + 7) {
  display: none;
  opacity: 0;
  transition: opacity .4s ease-out;
}
.block-schedule ul.show li:nth-child(n + 7) {
  display: inline-block;
}
.block-schedule ul li:nth-child(2n) {
  border-right: none;
}
.block-schedule ul li .status {
  width: 100%;
  text-align: center;
  background: #0A0A0A;
  color: #fff;
  font-size: 1.1rem;
  padding: 5px 0;
  margin: 0;
}
.block-schedule ul li .schedule {
  padding: 20px 0;
  background: #FFE2A6;
  text-align: center;
  font-weight: bold;
}
.block-schedule ul li.full .schedule {
  background: #818181;
}
.block-schedule ul li .schedule .date {
  display: inline-block;
  border-right: 1px solid #0A0A0A;
  padding-right: 10px;
  margin: 0 10px 0 0;
  font-size: 2.0rem;
  line-height: 32px;
}
.block-schedule ul li .schedule .date span {
  font-size: 1.2rem;
  padding-left: 5px;
}
.block-schedule ul li .schedule .time {
  display: inline-block;
  font-size: 1.5rem;
  line-height: 32px;
}
.block-schedule .btn-more-schedule {
  background: #FFAC00;
  padding: 5px 0;
  text-align: center;
  font-size: 1.1rem;
  font-weight: bold;
  cursor: pointer;
  position: relative;
  transition: color .4s ease-out, background .4s ease-out;
}
.block-schedule .btn-more-schedule:before {
  content: "";
  background: #0A0A0A;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  transform-origin: 0 50%;
  transform: scaleX(0);
  transition: transform .3s ease-out;
  z-index: 1;
}
.block-schedule .btn-more-schedule span {
  position: relative;
  z-index: 2;
}
.block-schedule .btn-more-schedule:hover:before {
  transform: scaleX(1);
  color: #fff;
}
.block-schedule .btn-more-schedule:hover span {
  color: #fff;
}
.dl-table01 {
  border-top: 1px solid #818181;
  padding: 0 !important;
}
.dl-table01 dl {
  display: table;
  overflow: hidden;
  border-bottom: 1px solid #818181;
  margin: 0;
  width: 100%;
}
.dl-table01 dl dt {
  display: table-cell;
  padding: 30px;
  width: 195px;
  box-sizing: border-box;
  font-weight: normal;
}
.dl-table01 dl dd {
  display: table-cell;
  box-sizing: border-box;
  padding: 30px;
}
.dl-table01 dl dd ul {
  margin: 0;
  list-style: none;
}
.dl-table01 dl dd > ul > li {
  margin: 0 0 10px 0;
}
.dl-table01 dl dd ul li ul li {
  margin-left: 15px;
  ;
}
.dl-list {
  position: relative;
}
.dl-list dl:not(:first-child) {
  margin: 30px 0;
}
.dl-list dl dt {
  font-weight: bold;
  margin-bottom: 20px;
}
.dl-list dl dd {
  margin: 0;
}
.dl-list dl dd:not(:last-child) {
  margin: 0 0 115px;
}
.dl-list .text-notice {
  text-align: right;
  font-size: 1.1rem;
}
.title-member {
  text-align: center;
  margin: 0 0 40px !important;
}
.title-member span {
  font-size: 3.0rem;
  font-weight: bold;
  position: relative;
  display: inline-block;
  padding: 0 30px;
}
.title-member span:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 9px;
  height: 16px;
  display: block;
  background: url("assets/images/icon_bracket_l.svg") no-repeat 0 0;
}
.title-member span:after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  width: 9px;
  height: 16px;
  display: block;
  background: url("assets/images/icon_bracket_r.svg") no-repeat 0 0;
}
.text-member-name {
  text-align: center;
  font-size: 1.8rem;
  font-weight: bold;
  margin-bottom: 60px;
}
.text-member-name span {
  font-size: 1.1rem;
  padding-right: 10px;
  font-weight: normal;
}
.block-profile {
  padding: 0 !important;
  margin-bottom: 80px;
}
.block-profile .thumb img {
  margin: 0 auto;
}
.block-profile .detail {
  width: 715px;
  padding: 30px 30px 0;
  margin-top: -30px;
  background: rgba(0, 0, 0, 0.85);
  color: #fff;
  position: relative;
}
.block-profile .detail dl {
  display: table;
  width: 100%;
  margin: 0 auto 30px;
}
.member .block-profile .detail dl dt {
  font-family: 'Crimson Text', serif;
  display: table-cell;
  width: 105px;
  vertical-align: middle;
  font-size: 1.8rem;
  line-height: 1;
}
.member .block-profile .detail dl dt img {
  width: 100%;
}
.block-profile .detail dl dd {
  display: table-cell;
  font-size: 1.3rem;
}
.block-col2-system {}
.block-col2 {
  overflow: hidden;
}
.block-col2:not(:last-child) {
  margin-bottom: 50px;
}
.block-col2 .area-text {
  width: 531px;
  float: left;
  margin-right: 60px;
}
.block-col2-system .block-col2 .area-text {
  width: 531px;
  float: right;
  margin: 0 0 0 60px;
}
.block-col2 .area-text .title {
  font-size: 2.0rem;
  font-weight: bold;
  margin-bottom: 30px;
}
.block-col2-member .block-col2 .area-text .title {
  margin-bottom: 30px;
}
.block-col2-member .block-col2 .area-text .text:not(:last-child) {
  margin-bottom: 40px;
}
.block-col2 .area-text .text p {
  margin-bottom: 30px;
}
.block-col2 .area-text .text p a {
  text-decoration: underline;
}
.block-col2 .area-text .text p a:hover {
  text-decoration: none;
}
.block-col2 .img {
  float: right;
  width: 100%;
  margin-left: -591px;
  padding-left: 591px;
  box-sizing: border-box;
}
.block-col2-system .block-col2 .img {
  float: left;
  margin: 0 -591px 0 0;
  padding: 0 591px 0 0;
}
.block-col2 .img img {
  width: 100%;
  margin-top: 40px;
  display: block;
}
.block-col2-system .block-col2 .img img {
  margin-top: 70px;
}
.block-col2-member {
  margin-bottom: 160px;
}
.block-col2-member .block-col2:nth-child(2n) .area-text {
  float: right;
  margin: 0 0 0 60px;
}
.block-col2-member .block-col2:nth-child(2n) .img {
  float: left;
  margin: 0 -591px 0 0;
  padding: 0 591px 0 0;
}
.block-bd-s {
  border: 1px solid #CCCCCC;
  padding: 30px;
}
.block-bd-s p {
  font-weight: bold;
  margin-bottom: 25px;
}
.block-bd-s ul {
  margin: 0 !important;
}
.block-bd-s ul li {
  margin: 0 0 0 30px !important;
}
.block-bd .title {
  font-size: 2.0rem;
  font-weight: bold;
  text-align: center;
}
.block-bg {
  background: #F3F3F3;
  padding: 80px 80px 60px;
}
.block-bg.job {
  padding: 60px 80px 60px;
  margin-bottom: 60px;
}
.block-bg .title {
  font-size: 2.0rem;
  font-weight: bold;
  text-align: center;
  margin-bottom: 80px;
}
#lb-corevalue .block-bg .title {
  margin-bottom: 30px;
}
.block-bg-s .text:not(:last-child) {
  margin-bottom: 60px;
}
.block-bg ul {
  font-size: 0;
  letter-spacing: -10px;
  margin: 0 -30px !important;
  max-width: initial !important;
}
.block-bg ul li {
  width: 50%;
  display: inline-block;
  padding: 0 30px 20px;
  letter-spacing: 0.025em;
}
.block-bg ul li a {
  text-align: center;
  padding: 40px 0;
  font-size: 1.5rem;
  display: block;
  border: 1px solid #0A0A0A;
  background: #fff;
  color: #0A0A0A;
  line-height: 1;
  position: relative;
  transition: color .4s ease-out, background .4s ease-out;
}
.block-bg ul li a:hover {
  color: #fff;
}
.block-bg ul li a:before {
  content: "";
  background: #0A0A0A;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  transform-origin: 0 50%;
  transform: scaleX(0);
  transition: transform .3s ease-out;
  z-index: 1;
}
.block-bg ul li a span {
  position: relative;
  z-index: 2;
}
.block-bg ul li a:hover:before {
  transform: scaleX(1);
}
.block-bg .text:not(:last-child) {
  margin-bottom: 60px;
}
.block-bg .text p:not(:last-child) {
  margin-bottom: 35px;
}
.diagram-sp {
  display: none;
}
.block-col2-img {
  font-size: 0;
  letter-spacing: -10px;
  margin: 0 -30px;
}
.block-col2-img .col {
  width: 50%;
  display: inline-block;
  padding: 0 30px;
  letter-spacing: 0.025em;
}
.col2 .img {
  display: table-cell;
}
.col2 .area-text {
  width: 460px;
  padding-left: 60px;
  display: table-cell;
  vertical-align: middle;
}
.col2 .area-text .title {
  font-size: 2.0rem;
  font-weight: bold;
  margin-bottom: 40px;
}
.en {
  font-family: 'Crimson Text', serif;
}
.col2 {
  width: 100%;
  display: table;
}
.col2 .col {
  display: table-cell;
  vertical-align: top;
  box-sizing: content-box;
}
.col2 .col img {
  display: block;
}
/* block-bd */
.block-bd {
  border: 1px solid #0A0A0A;
  padding: 160px 80px 100px;
  margin-bottom: 160px;
  overflow: hidden;
}
#lb-corevalue .block-bd {
  padding: 60px 80px 0;
  margin-bottom: 70px;
}
#lb-corevalue .block-bd .title {
  margin-bottom: 30px;
}
.block-bd .col2 {
  overflow: hidden;
  margin-bottom: 60px;
  display: table;
  width: 100%;
}
.block-bd dl dt {
  font-size: 2.0rem;
  margin-bottom: 15px;
}
.block-bd dl dd {
  margin: 0 0 40px 20px;
}
.block-bd .col2 .col {
  vertical-align: middle;
  padding: 0 20px;
}
.col2 .col.fixed-640-l {
  width: 640px;
  padding-right: 60px;
}
.col2 .col.fixed-530-l {
  width: 530px;
  padding-right: 60px;
}
.col2 .col.fixed-400-r {
  width: 400px;
  padding-left: 60px;
}
.col2 .col.fixed-570-r {
  width: 570px;
  padding-left: 60px;
}
.col2 .col .title {
  font-size: 2.0rem;
  font-weight: bold;
  margin: 0 0 40px;
}
.col2 .col .text p {
  margin-bottom: 40px;
}
.block-list ul {
  letter-spacing: -10px;
  font-size: 0;
  margin: 0 -30px !important;
  max-width: 100% !important;
}
.block-list ul li {
  width: 50%;
  float: left;
  vertical-align: top;
  letter-spacing: 0.025em;
  padding: 80px 30px 0;
  background: #fff;
}
.block-list ul li .title {
  font-size: 1.8rem;
  font-weight: bold;
  margin-bottom: 30px;
}
.block-list ul li .text {
  font-size: 1.5rem;
}
.list-member-corevalue {
  margin: 60px -45px;
  font-size: 0;
  letter-spacing: -10px;
}
.list-member-corevalue .slick-arrow + .slick-list {
  padding: 0 0 90px !important;
}
.list-member-corevalue .block-member-corevalue {
  width: 33.33333%;
  width: -webkit-calc(100% / 3);
  width: calc(100% / 3);
  display: inline-block;
  padding: 0 30px 0;
  transition: padding .4s;
  letter-spacing: 0.025em;
  box-sizing: border-box;
}
.list-member-corevalue .block-member-corevalue a {
  display: table;
  color: #0A0A0A;
}
.list-member-corevalue .block-member-corevalue a .thumb img {
  transition: transform .4s ease-out;
}
.list-member-corevalue .block-member-corevalue a:hover .thumb img {
  transform: scale(1.05);
}
.list-member-corevalue .block-member-corevalue .thumb {
  width: 130px;
  padding-right: 10px;
  display: table-cell;
}
.list-member-corevalue .block-member-corevalue .area-text {
  display: table-cell;
  vertical-align: top;
}
.list-member-corevalue .block-member-corevalue .area-text .job {
  padding: 2px 5px;
  ;
  font-size: 1.1rem;
  background: #EFEFEF;
  font-weight: bold;
  text-align: center;
  display: inline-block;
  margin: 0;
}
.list-member-corevalue .block-member-corevalue .area-text .name {
  font-size: 1.8rem;
  font-weight: bold;
  margin-top: 25px;
}
.list-member-corevalue .block-member-corevalue .area-text .name span {
  display: block;
  font-size: 1.1rem;
  font-weight: normal;
}
.v-align-middle {
  vertical-align: middle !important;
}
/* tab-list */
.tab-list {
  margin-bottom: 80px;
}
.tab-list ul {
  max-width: 890px !important;
  margin: 0 auto;
  font-size: 0;
  letter-spacing: -10px;
}
.tab-list ul li {
  display: inline-block;
  width: 50%;
  letter-spacing: 0.025em;
  box-sizing: border-box;
  margin: 0;
}
.tab-list ul li:last-child a {
  border-left: none;
}
.tab-list ul li.active a {
  background: #F3F3F3;
}
.tab-list ul li a {
  display: block;
  font-size: 1.5rem;
  letter-spacing: 0.025em;
  text-align: center;
  border: 1px solid #0A0A0A;
  box-sizing: border-box;
  margin: 0;
  padding: 20px 0;
  font-weight: bold;
  color: #0A0A0A;
  position: relative;
  transition: color .4s ease-out, background .4s ease-out;
}
.tab-list ul li.active a {
  cursor: default;
}
.tab-list ul li a:before {
  content: "";
  background: #F3F3F3;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  transform-origin: 0 50%;
  transform: scaleX(0);
  transition: transform .3s ease-out;
  z-index: 1;
}
.tab-list ul li a span {
  position: relative;
  z-index: 2;
}
.tab-list ul li a:hover:before {
  transform: scaleX(1);
}
/* .local-navi-list */
.local-navi-list {
  margin-bottom: 80px;
}
.local-navi-list ul {
  max-width: 890px !important;
  margin: 0 auto;
  font-size: 0;
  letter-spacing: -10px;
}
.local-navi-list ul li {
  display: inline-block;
  width: 25%;
  letter-spacing: 0.025em;
  box-sizing: border-box;
  margin: 0;
}
.local-navi-list ul li.active a {
  background: #F3F3F3;
}
.local-navi-list ul li a {
  display: block;
  font-size: 1.5rem;
  letter-spacing: 0.025em;
  text-align: center;
  border-top: 1px solid #0A0A0A;
  border-left: 1px solid #0A0A0A;
  border-bottom: 1px solid #0A0A0A;
  box-sizing: border-box;
  margin: 0;
  padding: 20px 0;
  font-weight: bold;
  color: #0A0A0A;
  position: relative;
  line-height: 1;
  transition: color .4s ease-out, background .4s ease-out;
}
.local-navi-list ul li:last-child a {
  border-right: 1px solid #0A0A0A;
}
.local-navi-list ul li.active a {
  cursor: default;
}
.local-navi-list ul li a:before {
  content: "";
  background: #F3F3F3;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  transform-origin: 0 50%;
  transform: scaleX(0);
  transition: transform .3s ease-out;
  z-index: 1;
}
.local-navi-list ul li a span {
  position: relative;
  z-index: 2;
}
.local-navi-list ul li a:hover:before {
  transform: scaleX(1);
}
.type-list {
  width: 890px;
  margin: 0 auto 20px;
}
.tab-contents .type-list {
  margin-bottom: 0;
}
#event02 .type-list {
  margin-bottom: 70px;
}
.type-list dl {
  display: table;
  width: 100%;
  margin-bottom: 20px;
}
.type-list dl dt {
  width: 110px;
  display: table-cell;
  line-height: 1;
}
.type-list dl dd {
  display: table-cell;
  margin: 0 !important;
}
.type-list dl dd .filter-list {
  margin: 0 -5px;
  max-width: initial;
  font-size: 0;
  letter-spacing: -10px;
  display: block;
}
.type-list dl dd .filter-list button {
  display: inline-block;
  padding: 0 5px 10px;
  margin: 0;
  font-size: 1.3rem;
  width: 20%;
  letter-spacing: 0.025em;
  border: none;
  outline: none;
  background: none;
}
.type-list dl dd .filter-list button span {
  background: #F3F3F3;
  text-align: center;
  padding: 10px 0;
  display: block;
  color: #0A0A0A;
  position: relative;
  transition: color .4s ease-out, background .4s ease-out;
}
.type-list dl dd .filter-list button.active span {
  background: #0A0A0A;
  color: #fff;
  cursor: default;
}
.type-list dl dd .filter-list button span:hover {
  color: #fff;
}
.type-list dl dd .filter-list button span:before {
  content: "";
  background: #0A0A0A;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  transform-origin: 0 50%;
  transform: scaleX(0);
  transition: transform .3s ease-out;
  z-index: 1;
}
.type-list dl dd .filter-list button span em {
  position: relative;
  z-index: 2;
  font-style: normal;
}
.type-list dl dd .filter-list button span:hover:before {
  transform: scaleX(1);
}
.time-list dl {
  position: relative;
  padding: 0 0 30px 30px;
  margin: 0;
}
.time-list dl:before {
  content: "";
  position: absolute;
  border-radius: 50%;
  width: 1px;
  height: 100%;
  background: #0A0A0A;
  left: 5px;
  top: 10px;
}
.time-list dl:after {
  content: "";
  position: absolute;
  border-radius: 50%;
  width: 10px;
  height: 10px;
  background: #0A0A0A;
  left: 0px;
  top: 8px;
}
.time-list dl dt {
  font-size: 1.5rem;
}
.time-list dl dt span {
  width: 50px;
  display: inline-block;
}
.time-list dl dd {
  padding: 0 0 0 50px;
  width: 100%;
  box-sizing: border-box;
  margin: 0;
}
.col2-block {
  font-size: 0;
  letter-spacing: -10px;
  margin: 0 -30px;
}
.block-bd .col2-block:not(:last-child) {
  margin-bottom: 40px;
}
.col2-block .col {
  width: 50%;
  display: inline-block;
  padding: 0 30px;
  box-sizing: border-box;
  letter-spacing: 0.025em;
  vertical-align: top;
}
.col2-block .col .img {
  text-align: center;
}
.col2-block .col .title {
  font-size: 2.0rem;
  font-weight: bold;
  text-align: center;
  margin-bottom: 40px;
}
.col2-block .col .text {
  font-size: 1.5rem;
  margin-bottom: 40px;
}
.sec {
  margin-bottom: 160px;
}
.sec-s {
  margin-bottom: 80px;
}
#gmap {
  margin-top: 20px;
  width: 100%;
  height: 330px;
}
.bg-black {
  background: #0A0A0A;
  max-width: 100% !important;
  padding: 40px 0 60px;
  margin-bottom: 160px !important;
  margin: 0 auto;
  padding-left: 30px;
  padding-right: 30px;
  width: 100%;
  box-sizing: border-box;
}
/*.fade-in-left-sm #main-header .logo,
.fade-in-left-sm #main-header #g-navigation,
.fade-out-left-sm #main-header .logo,
.fade-out-left-sm #main-header # {
	opacity: 0;
}*/
@media screen and (max-width: 1159px) {
  .dl-table01 dl dt {
    padding: 20px;
    width: 110px;
  }
  .dl-table01 dl dd {
    padding: 20px;
  }
  .area-event {
    padding: 0;
    margin: 0 0 20px;
  }
  .area-event .block-event {
    width: 100%;
    padding: 0;
  }
  .area-event .block-event {
    padding: 40px 0 0 !important;
  }
  .area-event .block-event:first-child {
    padding-top: 0 !important;
  }
  #event02 .area-event .block-event {
    padding-top: 40px !important;
  }
  .text-member-name {
    font-size: 1.5rem;
    margin-bottom: 30px !important;
  }
  .block-profile {
    margin-bottom: 40px;
  }
  .block-profile .detail {
    width: 685px;
    padding: 20px 20px 0;
    margin-top: -20px;
  }
  .block-profile .detail dl {
    display: table;
    width: 100%;
  }
  .block-profile .detail dl dt {
    font-family: 'Crimson Text', serif;
    display: table-cell;
    width: 105px;
    vertical-align: middle;
    font-size: 1.8rem;
    line-height: 1;
  }
  .block-profile .detail dl dd {
    display: table-cell;
    font-size: 1.3rem;
  }
  .block-list ul {
    margin: 0 -20px !important;
  }
  .block-list ul li {
    padding: 60px 20px 0;
  }
  .block-list ul li .title {
    font-size: 2.0rem;
    margin-bottom: 20px;
  }
  .block-col2-system .block-col2:not(:last-child) {
    margin-bottom: 60px;
  }
  .block-col2-system .block-col2 .img img {
    margin-top: 0;
  }
  .block-col2-system .block-col2 .area-text {
    margin-top: 40px !important;
  }
  .block-col2 .area-text {
    width: 100% !important;
    margin: 0 !important;
  }
  .block-col2 .area-text .title {
    font-size: 2.0rem;
    font-weight: bold;
  }
  .block-col2-member {
    margin-bottom: 120px;
  }
  .block-col2-member .block-col2 .area-text .title {
    margin-bottom: 40px;
  }
  .block-col2-system .block-col2 .area-text .title {
    text-align: center;
    margin-bottom: 20px;
  }
  .block-col2 .area-text .text {
    margin-bottom: 40px;
  }
  .block-col2-system .block-col2 .area-text .text {
    margin-bottom: 20px;
  }
  .block-bd-s {
    padding: 20px;
  }
  .block-bd-s p {
    font-size: 1.5rem;
  }
  .block-bd-s ul li {
    font-size: 1.5rem;
  }
  .block-col2 .area-text .text p {
    margin-bottom: 20px;
  }
  .block-col2 .img {
    float: none !important;
    max-width: 460px;
    margin: 0 auto !important;
    padding: 0 !important;
  }
  .block-col2 .img img {
    margin-top: 0;
  }
  .block-bd {
    padding: 120px 60px 60px;
    margin-bottom: 120px;
  }
  .block-bd .col2 {
    display: block;
  }
  .block-bd .col2 .area-text .title {
    margin-bottom: 20px;
    text-align: center;
  }
  .col2 {
    display: table;
  }
  .col2 .col {
    display: block;
    padding: 0 !important;
  }
  .col2 .col.fixed-400-r, .col2 .col.fixed-640-l, .col2 .col.fixed-530-l, .col2 .col.fixed-570-r {
    width: 100%;
    padding0: 0;
  }
  .block-bd .col2 .col:last-child {
    margin-top: 20px;
  }
  .block-bd .col2 .col.img {
    width: 100%;
    max-width: 430px !important;
  }
  .col2 .col .title {
    margin-bottom: 30px;
    text-align: center;
  }
  .block-bd .col2 .col .title {
    margin-bottom: 20px;
  }
  .col2 .col.img {
    margin: 0 auto;
  }
  .col2 .col img {
    margin: 0 auto;
  }
  .col2 .col:last-child {
    margin-top: 40px !important;
  }
  .list-member-corevalue {
    margin: 40px -20px;
  }
  .list-member-corevalue .block-member-corevalue {
    width: 50%;
    padding: 0 20px 0;
    text-align: center;
  }
  .list-member-corevalue .block-member-corevalue a {
    display: inline-block;
    text-align: left;
  }
  /* tab-list */
  .tab-list {
    margin-bottom: 60px;
  }
  .tab-list ul {
    max-width: 610px !important;
  }
  .tab-list ul li {}
  .tab-list ul li:last-child {
    border-left: none;
  }
  .type-list {
    width: 100%;
    margin: 0 auto;
  }
  #event02 .type-list {
    margin-bottom: 10px;
  }
  .type-list dl {
    display: block;
    margin-bottom: 30px;
  }
  .tab-contents .type-list dl {
    margin-bottom: 0;
  }
  #event02 .type-list dl {
    margin-bottom: 20px;
  }
  .type-list dl dt {
    display: block;
    margin-bottom: 20px;
  }
  .type-list dl dd {
    display: block;
  }
  .type-list dl dd ul {}
  .type-list dl dd ul li {
    width: 174px;
  }
  .sec {
    margin-bottom: 120px;
  }
  .title-member span {
    font-size: 1.7rem;
    padding: 0 30px;
  }
  .tab-list ul li a {
    padding: 15px 0;
  }
  .type-list dl dd .filter-list button {
    width: 25%;
  }
  .col2-block {
    margin: 0 -20px;
  }
  .col2-block .col {
    padding: 0 20px;
  }
  .block-col2-img {
    margin-left: -20px;
    margin-right: -20px;
  }
  .block-col2-img .col {
    padding: 0 20px;
  }
  .block-bg ul {
    margin: 0 -20px;
  }
  .block-bg ul li {
    padding: 0 20px 20px;
  }
  .bg-black {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
  #float-navigation {
    padding: 0 10px;
  }
}
@media screen and (max-width: 767px) {
  .bg-black {
    margin-bottom: 80px !important;
    padding: 20px 25px 60px !important;
  }
  #float-navigation {
    padding: 0 5px;
  }
  .dl-table01 {
    border-top: 1px solid #818181;
    padding: 0 !important;
  }
  .dl-table01 dl {
    display: block;
  }
  .dl-table01 dl dt {
    display: block;
    width: 100%;
    padding: 25px 10px 5px;
  }
  .dl-table01 dl dd {
    display: block;
    margin: 0 !important;
    padding: 10px 10px 25px;
  }
  .event .area-event .block-event:first-child {
    padding-top: 0 !important;
  }
  .area-event .block-event .block-inner .block-detail {
    padding: 10px;
  }
  .area-event .block-event .block-inner .block-detail .title {
    font-size: 1.5rem;
  }
  .block-schedule ul li .schedule {
    text-align: center;
    padding: 15px 0;
  }
  .block-schedule ul li .schedule .date {
    display: block;
    border-right: none;
    padding-right: 0;
    margin: 0 0 10px;
    font-size: 1.8rem;
    line-height: 1;
  }
  .block-schedule ul li .schedule .date span {
    font-size: 1.3rem;
  }
  .block-schedule ul li .schedule .time {
    display: block;
    font-size: 1.3rem;
    line-height: 1;
  }
  .block-profile {
    margin-bottom: 40px;
  }
  .block-profile .detail {
    width: 100%;
    padding: 20px 20px 0;
    margin-top: -20px;
  }
  .block-profile .detail dl {
    display: table;
    width: 100%;
  }
  .block-profile .detail dl dt {
    display: block;
    width: 100%;
    margin-bottom: 10px;
  }
  .block-profile .detail dl dd {
    display: block;
    font-size: 1.1rem;
    margin: 0;
  }
  .block-list ul {
    margin: 0 !important;
  }
  .block-list ul li {
    width: 100%;
    padding: 40px 0 0;
  }
  .block-list ul li .title {
    font-size: 1.5rem;
  }
  .block-list ul li .text {
    font-size: 1.3rem;
  }
  .block-col2 .area-text {}
  .block-col2 .area-text .title {
    font-size: 1.5rem;
    margin-bottom: 30px;
  }
  .block-col2-member {
    margin-bottom: 80px;
  }
  .block-col2-member .block-col2 .area-text .title {
    margin-bottom: 30px;
  }
  .block-col2 .area-text .text {
    margin-bottom: 30px;
  }
  .block-col2 .area-text .text p {
    font-size: 1.3rem;
  }
  .block-col2 .img {
    float: none;
    margin: 0 auto;
  }
  .block-col2 .img img {
    margin-top: 0;
  }
  .block-bd {
    padding: 80px 20px 30px;
    margin-bottom: 80px;
  }
  .block-bd .col2 {
    margin-bottom: 50px;
  }
  .block-bd dl dt {
    font-size: 1.5rem;
  }
  .block-bd dl dd {
    margin: 0 0 30px;
  }
  .block-bd .col2 .img {
    margin: 0 auto 30px;
  }
  .block-bd .col2 .area-text {
    width: 100%;
    padding-left: 0;
    display: block;
  }
  .block-bd .col2 .area-text .title {
    font-size: 1.5rem;
  }
  .block-bd .col2 .area-text .text {
    font-size: 1.3rem;
  }
  .list-member-corevalue {
    margin: 40px 0;
  }
  .list-member-corevalue .block-member-corevalue {
    width: 100%;
    padding: 0;
  }
  .list-member-corevalue .block-member-corevalue .area-text .name {
    font-size: 1.5rem;
  }
  /* tab-list */
  .tab-list {
    margin-bottom: 40px;
  }
  .tab-list ul li {
    padding: 15px 0;
  }
  .tab-list ul li a {
    font-size: 1.3rem;
  }
  .type-list {
    margin: 0 auto 40px;
  }
  #event02 .type-list {
    margin-bottom: 0;
  }
  .type-list dl {
    margin-bottom: 30px;
  }
  .type-list dl dd ul {
    margin: 0 -0.5px;
  }
  .type-list dl dd ul li {
    padding: 0 0.5px 1px;
    font-size: 1.1rem;
    width: 50%;
  }
  #event02 .type-list dl {
    margin-bottom: 30px;
  }
  .col2 .col .title {
    font-size: 1.5rem;
    text-align: left;
  }
  .col2 .col .text p {
    margin-bottom: 20px;
  }
  .col2-block {
    margin: 0;
  }
  .col2-block .col {
    width: 100%;
    padding: 0;
  }
  .col2-block .col:not(:first-child) {
    padding-top: 40px;
  }
  .col2-block .col .title {
    font-size: 1.5rem;
    margin-bottom: 20px;
  }
  .col2-block .col .text {
    font-size: 1.3rem;
    margin-bottom: 40px;
  }
  .col2-block .col .img {
    text-align: center;
  }
  .sec {
    margin-bottom: 80px;
  }
  .local-navi-list {
    margin-bottom: 40px;
  }
  .local-navi-list ul li {
    width: 50%;
  }
  .local-navi-list ul li a {
    padding: 10px 0;
  }
  .local-navi-list ul li:nth-child(n+3) a {
    border-top: none;
  }
  .local-navi-list ul li:nth-child(2) a {
    border-right: 1px solid #0A0A0A;
  }
  .local-navi-list ul li a span {
    font-size: 1.3rem;
  }
  .type-list dl dd .filter-list {
    margin: 0 -0.5px;
  }
  .type-list dl dd .filter-list button {
    width: 50%;
    padding: 0 0.5px 1px;
  }
  .block-col2-img {
    margin-left: 0;
    margin-right: 0;
  }
  .block-col2-img .col {
    padding: 0;
    width: 100%;
    text-align: center;
  }
  .block-col2-img .col:not(last-child) {
    margin-bottom: 8px;
  }
  .time-list dl dt span {
    display: block;
  }
  .time-list dl dd {
    padding: 0;
  }
  .block-bg {
    padding: 40px 20px 30px;
  }
  .block-bg .title {
    font-size: 1.5rem;
  }
  .block-bg ul {
    margin: 0 !important;
  }
  .block-bg ul li {
    width: 100%;
    padding: 0 0 20px;
  }
  .block-bg ul li a {
    padding: 15px 0;
    font-size: 1.3rem;
  }
  .diagram-sp {
    display: block;
  }
  .diagram-sp .title {
    text-align: center;
    font-size: 1.5rem;
    font-weight: bold;
  }
  .diagram-sp ul li {
    width: 50%;
    display: inline-block;
    padding: 0 30px 20px;
    letter-spacing: 0.025em;
  }
  .diagram-sp ul li a {
    text-align: center;
    padding: 40px 0;
    font-size: 1.5rem;
    display: block;
    border: 1px solid #0A0A0A;
    background: #fff;
    color: #0A0A0A;
    line-height: 1;
    position: relative;
    transition: color .4s ease-out, background .4s ease-out;
  }
  .diagram-sp ul li a span {
    position: relative;
    z-index: 2;
  }
  .diagram-sp ul {
    margin: 0 !important;
  }
  .diagram-sp ul li {
    width: 100%;
    padding: 0 0 20px;
  }
  .diagram-sp ul li a {
    padding: 15px 0;
    font-size: 1.3rem;
  }
}
#layer-corevalue, #layer-div {
  position: fixed;
  background: rgba(0, 0, 0, 0.4);
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 10;
}
#lb-corevalue-wrap {
  padding: 60px 30px;
  background: #fff;
  margin: 0 auto;
  width: 100%;
  max-width: 1100px;
  position: absolute;
  left: 50%;
  transition: opacity .4s;
  opacity: 0;
  z-index: 11;
  box-sizing: border-box;
}
#lb-div-wrap {
  margin: 0;
  width: 100%;
  position: absolute;
  left: 0;
  transition: opacity .4s;
  opacity: 0;
  z-index: 11;
  box-sizing: border-box;
  padding: 0 30px;
}
#lb-corevalue-wrap.show, #lb-div-wrap.show {
  opacity: 1;
}
#lb-corevalue {
  overflow: hidden;
}
#lb-div {
  overflow: hidden;
  background: #fff;
  width: 100%;
  min-height: 100px;
  padding: 160px;
}
#lb-div .title {
  text-align: center;
  font-size: 2.0rem;
  font-weight: bold;
  margin-bottom: 30px;
}
#lb-div p em {
  display: block;
  margin-bottom: 20px;
  font-style: normal;
}
.lb-inner {
  transition: opacity .4s, transform .4s;
  transform: translateX(0);
}
.lb-inner.next {
  opacity: 0;
  transform: translateX(-100px);
}
.lb-inner.prev {
  opacity: 0;
  transform: translateX(100px);
}
#lb-corevalue .btn-close, #lb-div .btn-close {
  position: absolute;
  top: -15px;
  right: -15px;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  text-indent: -9999px;
  overflow: hidden;
  z-index: 10002;
  display: inline-block;
  padding: 0;
  cursor: pointer;
  background: #fff;
}
#lb-div .btn-close {
  right: 20px;
}
#lb-corevalue .btn-close:before, #lb-div .btn-close:before {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  left: 7px;
  width: 15px;
  height: 2px;
  margin-top: -1px;
  background: #818181;
  transform: rotate(135deg);
}
#lb-corevalue .btn-close:after, #lb-div .btn-close:after {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  left: 7px;
  width: 15px;
  height: 2px;
  margin-top: -1px;
  background: #818181;
  transform: rotate(45deg);
}
#lb-corevalue .detail {
  overflow: hidden;
  margin-bottom: 60px;
}
#lb-corevalue .detail .col-l {
  width: 414px;
  float: left;
  margin-right: 60px;
}
#lb-corevalue .detail.corevalue09 .col-l {
  width: 100%;
  float: none;
}
#lb-corevalue .detail.corevalue09 .col-r {
  float: none;
  margin: 60px auto 0;
  padding: 0;
  max-width: 576px;
}
#lb-corevalue .detail.corevalue09 .col-r .block-bg {
  padding: 60px 50px;
}
#lb-corevalue .detail.corevalue09 .col-l .title span {
  display: none;
}
#lb-corevalue .detail .col-l .img {
  margin-bottom: 30px;
}
#lb-corevalue .detail .col-l .img img {
  width: 100%;
}
#lb-corevalue .detail .col-l .title {
  text-align: center;
  font-size: 2.0rem;
  font-weight: bold;
  margin-bottom: 30px;
}
#lb-corevalue .detail .col-l .title span {
  display: block;
}
#lb-corevalue .detail .col-l .text p {
  text-align: center;
  margin-bottom: 25px;
}
#lb-corevalue .detail .col-r {
  float: left;
  width: 100%;
  margin-left: -474px;
  padding-left: 474px;
  box-sizing: border-box;
}
#lb-corevalue .detail .col-r .block-bg {
  background: #F3F3F3;
  padding: 60px;
}
.area-btn-slider ul {
  text-align: center;
  font-size: 0;
  letter-spacing: -10px;
}
.area-btn-slider ul li {
  display: inline-block;
}
.area-btn-slider ul li a {
  display: block;
  position: relative;
}
.area-btn-slider ul li a::before, .area-btn-slider ul li a::after {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  content: "";
  vertical-align: middle;
}
.area-btn-slider ul li.prev a {
  width: 39px;
  height: 37px;
  background: #818181;
  text-indent: -9999px;
  overflow: hidden;
  z-index: 10;
}
.area-btn-slider ul li.prev a::before {
  right: 14px;
  width: 10px;
  height: 1px;
  background: #fff;
}
.area-btn-slider ul li.prev a::after {
  right: 18px;
  width: 6px;
  height: 6px;
  top: 1px;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
}
.area-btn-slider ul li.next a {
  width: 39px;
  height: 37px;
  background: #818181;
  border: none;
  text-indent: -9999px;
  overflow: hidden;
  z-index: 10;
}
.area-btn-slider ul li.next a::before {
  left: 14px;
  width: 10px;
  height: 1px;
  background: #fff;
}
.area-btn-slider ul li.next a::after {
  left: 18px;
  width: 6px;
  height: 6px;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.area-btn-slider ul li.close {
  padding: 0 1px;
}
.area-btn-slider ul li.close a {
  height: 37px;
  width: 86px;
  border: 1px solid #818181;
  text-indent: -9999px;
  overflow: hidden;
}
.area-btn-slider ul li.close a:before {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 15px;
  height: 2px;
  margin: -1px 0 0 -7px;
  background: #818181;
  transform: rotate(135deg);
}
.area-btn-slider ul li.close a:after {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 15px;
  height: 2px;
  margin: -1px 0 0 -7px;
  background: #818181;
  transform: rotate(45deg);
}
.list-member-corevalue .slick-prev {
  right: 50%;
  margin-right: 0;
}
.list-member-corevalue .slick-next {
  right: 50%;
  margin-right: -40px;
}
@media screen and (max-width: 1159px) {
  #lb-corevalue-wrap {
    width: 90%;
    left: 5% !important;
    margin-left: 0 !important;
  }
  #lb-corevalue .detail .col-l {
    max-width: 414px;
    width: 100%;
    float: none;
    margin: 0 auto;
  }
  #lb-corevalue .detail .col-r {
    padding: 0;
    margin: 10px 0 0;
  }
  #lb-corevalue .detail .col-r .block-bg {
    padding: 60px 35px;
  }
  #lb-corevalue .block-bd {
    padding: 40px 35px;
  }
}
@media screen and (max-width: 767px) {
  #lb-corevalue-wrap {
    padding: 40px 15px;
  }
  #lb-corevalue .detail {
    margin-bottom: 30px;
  }
  #lb-corevalue .detail .col-l .title {
    font-size: 1.7rem;
  }
  #lb-corevalue .block-bg .title {
    font-size: 1.7rem;
  }
  #lb-corevalue .detail .col-r .block-bg {
    padding: 30px 20px;
  }
  .block-bg .text:not(:last-child) {
    margin-bottom: 30px;
  }
  #lb-corevalue .block-bd {
    padding: 40px 20px;
    margin-bottom: 40px;
  }
  #lb-corevalue .block-bd .title {
    font-size: 1.7rem;
  }
  #lb-div {
    padding: 50px 30px;
  }
  #lb-div .title {
    font-size: 1.7rem;
  }
  #lb-div-wrap {
    padding: 0 15px;
  }
  #lb-div .btn-close {
    right: 5px;
  }
}
.detail-icon ul {
  font-size: 0;
  letter-spacing: -10px;
  text-align: center;
}
.detail-icon ul li {
  display: inline-block;
  font-size: 1.5rem;
  letter-spacing: 0.025em;
  padding: 0 15px;
  width: auto;
  margin-left: 0;
}
.detail-icon ul li:before {
  content: "";
  display: inline-block;
  height: 25px;
  width: 46px;
  vertical-align: top;
}
.detail-icon ul li.gl:before {
  background: #fff;
  border: 1px solid #0A0A0A;
}
.detail-icon ul li.relationship:before {
  background: #ACACAC;
}
.detail-icon ul li.partner:before {
  background: #F3F3F3;
  border: 1px solid #0A0A0A;
}
.correlation_diagram .area-wrap {
  padding: 0 45px 60px;
}
.correlation_diagram .gl-area {
  padding: 100px 0;
  max-width: 750px;
  margin: 0 auto;
}
.relationship-area {
  padding: 0 45px 20px;
  max-width: 850px;
  margin: 0 auto;
}
.partner-area {
  padding: 20px 45px 0;
  max-width: 850px;
  margin: 0 auto;
}
.diagram-list ul {
  font-size: 0;
  letter-spacing: -10px;
  margin: 0 -30px !important;
  max-width: initial !important;
  text-align: center;
}
.diagram-list ul li {
  display: inline-block;
  padding: 20px;
  position: relative;
  vertical-align: top;
}
.diagram-list ul li.building span {
  background: #ACACAC url("assets/images/icon_building.svg") no-repeat right 26px bottom !important;
}
.diagram-list ul li.humans span {
  background: #ACACAC url("assets/images/icon_humans.svg") no-repeat right 26px bottom !important;
}
.diagram-list ul li.woman span {
  background: #ACACAC url("assets/images/icon_woman.svg") no-repeat right 26px bottom !important;
}
.diagram-list ul li.center {
  padding-left: 165px;
  position: relative;
}
.diagram-list ul li a, .diagram-list ul li > span {
  display: block;
  font-size: 1.5rem;
  font-weight: bold;
  letter-spacing: 0.025em;
  width: 230px;
  height: 52px;
  line-height: 52px;
  text-align: center;
  color: #0A0A0A;
}
.gl-area .diagram-list ul li a {
  background: #fff;
  border: 1px solid #0A0A0A;
  position: relative;
  transition: color .4s ease-out, background .4s ease-out;
}
.gl-area .diagram-list ul li a:before {
  content: "";
  background: #0A0A0A;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  transform-origin: 0 50%;
  transform: scaleX(0);
  transition: transform .3s ease-out;
  z-index: 1;
}
.gl-area .diagram-list ul li a span {
  position: relative;
  z-index: 2;
}
.gl-area .diagram-list ul li a:hover span {
  color: #fff;
}
.gl-area .diagram-list ul li a:hover:before {
  transform: scaleX(1);
}
.lb-title, .lb-text {
  display: none !important;
}
.partner-area .diagram-list ul li span {
  background: #F3F3F3;
  border: 1px solid #0A0A0A;
}
.relationship-area .diagram-list ul li span {
  background: #ACACAC;
  color: #fff;
}
.pos-r ul {
  text-align: right !important;
}
.pos-l ul {
  text-align: left !important;
}
.correlation_diagram {
  position: relative;
  margin-bottom: 60px;
}
.correlation_diagram .sp-img {
  display: none;
}
.correlation_diagram .inner {
  position: relative;
  z-index: 2;
}
.correlation_diagram.recruitment .inner {
  background: url("assets/images/bg_diagram_recruitment.png") no-repeat center 20px;
}
.correlation_diagram.web01 .inner {
  background: url("assets/images/bg_diagram_web01.png") no-repeat center 20px;
}
.correlation_diagram.web02 .inner {
  background: url("assets/images/bg_diagram_web02.png") no-repeat center 20px;
}
.correlation_diagram.web03 .inner {
  background: url("assets/images/bg_diagram_web03.png") no-repeat center 20px;
}
.correlation_diagram.media .inner {
  background: url("assets/images/bg_diagram_media.png") no-repeat center 20px;
}
.correlation_diagram.td .inner {
  background: url("assets/images/bg_diagram_td.png") no-repeat center 20px;
}
.correlation_diagram.web03 .edge-diagram {
  height: 283px;
}
.edge-diagram {
  width: 100%;
  height: 384px;
  border: 60px solid #0A0A0A;
  box-sizing: border-box;
  position: absolute;
  top: 112px;
}
.edge-diagram .logo {
  position: absolute;
  left: 0;
  top: -42px;
  z-index: 1;
}
.division-list .col {
  overflow: hidden;
}
.division-list .col:not(:first-child) {
  margin-top: 80px;
}
.division-list .col a {
  position: relative;
  display: block;
  overflow: hidden;
  color: #0A0A0A;
}
.division-list .col a .img {
  float: left;
}
.division-list .col a .img img {
  display: block;
}
.division-list .col:nth-child(even) a .img {
  float: right;
}
.division-list .col a .text-area {
  position: absolute;
  width: 520px;
  padding: 60px;
  box-sizing: border-box;
  background: rgba(255, 255, 255, 0.85);
  bottom: -10px;
}
.division-list .col a .text-area .title {
  font-size: 2.0rem;
  font-weight: bold;
  margin: 0 0 25px;
}
.division-list .col a .text-area .text {
  margin: 0;
}
.division-list .col:nth-child(odd) a .text-area {
  right: 0;
}
.division-list .col:nth-child(even) a .text-area {
  left: 0;
}
.division-list .read {
  margin-top: 55px;
}
.qa-list dl {}
.qa-list dl dt {
  position: relative;
  font-weight: bold;
  margin-bottom: 30px;
  padding-left: 35px;
}
.qa-list dl dd {
  position: relative;
  padding-left: 35px;
  margin: 0;
}
.qa-list dl dd:not(:last-child) {
  margin: 0 0 50px;
}
.qa-list dl dt:before, .qa-list dl dd:before {
  content: "";
  width: 23px;
  height: 23px;
  position: absolute;
  top: 0;
  left: 0;
  background: #0A0A0A;
}
.qa-list dl dd:before {
  background: #FFAC00;
}
.qa-list dl dt:after, .qa-list dl dd:after {
  position: absolute;
  top: 0;
  left: 5px;
  line-height: 23px;
  color: #fff;
}
.qa-list dl dt:after {
  content: "Q";
}
.qa-list dl dd:after {
  content: "A";
  left: 7px;
  font-weight: bold;
  color: #0a0a0a;
}
@media screen and (max-width: 1159px) {
  .division-list .col:not(:first-child) {
    margin-top: 120px;
  }
  .division-list .col a .text-area {
    padding: 40px;
    bottom: 0;
  }
  .division-list .col a .img {
    padding-bottom: 65px;
  }
  .division-list .col a .img img {
    width: 525px;
  }
  .division-list .col a .text-area .title {
    margin-bottom: 15px;
  }
  .division-list .read {
    margin-top: 35px;
  }
  .qa-list dl dt {
    margin-bottom: 20px;
  }
  .qa-list dl dd:not(:last-child) {
    margin: 0 0 40px;
  }
  .diagram-list ul {
    margin: 0 !important;
  }
  .web01 .relationship-area .diagram-list ul li, .web02 .relationship-area .diagram-list ul li, .web03 .relationship-area .diagram-list ul li {
    padding: 20px 37px;
  }
  .diagram-list ul li.building span {
    background: #ACACAC url("assets/images/icon_building.svg") no-repeat right 20px bottom !important;
  }
  .diagram-list ul li.humans span {
    background: #ACACAC url("assets/images/icon_humans.svg") no-repeat right 20px bottom !important;
  }
  .diagram-list ul li.woman span {
    background: #ACACAC url("assets/images/icon_woman.svg") no-repeat right 20px bottom !important;
  }
  .diagram-list ul li a, .diagram-list ul li > span {
    font-size: 1.5rem;
    width: 156px;
  }
  .web01 .diagram-list ul li > span, .web02 .diagram-list ul li > span, .web03 .diagram-list ul li > span {
    font-size: 1.5rem;
    width: 200px;
  }
  .relationship-area {
    max-width: 680px;
  }
  .edge-diagram {
    height: 344px;
  }
  .correlation_diagram.web03 .edge-diagram {
    height: 252px;
  }
  .correlation_diagram .gl-area {
    max-width: 590px;
    padding: 80px 0;
  }
  .partner-area {
    max-width: 680px;
  }
  .partner-area .diagram-list ul li:first-child {
    padding-left: 30px;
    padding-right: 40px;
  }
  .diagram-list ul li.center {
    padding-left: 120px;
  }
  .correlation_diagram.recruitment .inner {
    background: url("assets/images/bg_diagram_recruitment_tb.png") no-repeat center 20px;
  }
  .correlation_diagram.web01 .inner {
    background: url("assets/images/bg_diagram_web01_tb.png") no-repeat center 20px;
  }
  .correlation_diagram.web02 .inner {
    background: url("assets/images/bg_diagram_web02_tb.png") no-repeat center 20px;
  }
  .correlation_diagram.web03 .inner {
    background: url("assets/images/bg_diagram_web03_tb.png") no-repeat center 20px;
  }
  .correlation_diagram.media .inner {
    background: url("assets/images/bg_diagram_media_tb.png") no-repeat center 20px;
  }
  .correlation_diagram.td .inner {
    background: url("assets/images/bg_diagram_td_tb.png") no-repeat center 20px;
  }
}
@media screen and (max-width: 767px) {
  .block-bg.job {
    padding: 30px 0 40px;
    margin-bottom: 40px;
  }
  .detail-icon ul {
    width: 185px;
    margin: 0 auto !important;
  }
  .detail-icon ul li {
    display: block;
    text-align: left;
    font-size: 1.3rem;
  }
  .detail-icon ul li:not(:last-child) {
    margin-bottom: 20px;
  }
  .division-list .col:not(:first-child) {
    margin-top: 40px;
  }
  .division-list .col a {
    padding-bottom: 0;
  }
  .division-list .col a .img {
    padding-bottom: 0;
  }
  .division-list .col a .text-area {
    padding: 30px 10px 0;
    position: relative;
    width: 100%;
    background: none;
    bottom: initial;
  }
  .division-list .col a .text-area .title {
    display: inline-block;
    position: absolute;
    background: rgba(255, 255, 255, 0.85);
    padding: 10px;
    top: -30px;
    left: 0;
    font-size: 1.7rem;
    margin-bottom: 15px;
  }
  .division-list .col a .img, .division-list .col a .img img {
    width: 100%;
    float: none !important;
  }
  .division-list .read {
    margin-top: 20px;
  }
  .diagram-list ul li {
    padding: 10px 8px;
  }
  .relationship-area .diagram-list ul li {
    padding: 10px 8px;
  }
  .diagram-list ul li a, .diagram-list ul li > span {
    font-size: 0.9rem;
    width: 74px;
  }
  .diagram-list ul li a, .diagram-list ul li a span {
    height: 43px;
    line-height: 43px;
  }
  .diagram-list ul li > span {
    height: 28px;
    line-height: 28px;
  }
  .relationship-area {
    max-width: 390px;
  }
  .correlation_diagram .sp-img {
    display: block;
    max-width: 325px;
    margin: 0 auto;
    text-align: center;
  }
  .edge-diagram {
    height: 204px;
    top: 70px;
    border-width: 20px;
    display: none;
  }
  .correlation_diagram .inner {
    display: none;
  }
  .edge-diagram .logo {
    top: -19px;
    line-height: 1;
  }
  .correlation_diagram {
    margin-bottom: 30px;
  }
  .correlation_diagram .gl-area {
    max-width: 300px;
    padding: 40px 0;
  }
  .partner-area {
    max-width: 390px;
  }
  .diagram-list ul li.center {
    padding-left: 65px;
  }
  .diagram-list ul li a {
    cursor: default;
  }
  .gl-area .diagram-list ul li a:hover span {
    color: #0A0A0A;
  }
  .gl-area .diagram-list ul li a:hover:before {
    transform: scaleX(0);
  }
  .edge-diagram .logo img {
    height: 7px;
  }
  .diagram-list ul li.building span {
    background: #ACACAC url("assets/images/icon_building.svg") no-repeat right 7px bottom !important;
    background-size: 14px auto !important;
  }
  .diagram-list ul li.humans span {
    background: #ACACAC url("assets/images/icon_humans.svg") no-repeat right 2px bottom !important;
    background-size: 18px auto !important;
  }
  .diagram-list ul li.woman span {
    background: #ACACAC url("assets/images/icon_woman.svg") no-repeat right 6px bottom !important;
    background-size: 10px auto !important;
  }
  .correlation_diagram.recruitment .inner {
    background: url("assets/images/bg_diagram_recruitment_sp.png") no-repeat center 10px;
  }
  .correlation_diagram.web01 .inner {
    background: url("assets/images/bg_diagram_web01_sp.png") no-repeat center 10px;
  }
  .correlation_diagram.web02 .inner {
    background: url("assets/images/bg_diagram_web02_sp.png") no-repeat center 10px;
  }
  .correlation_diagram.web03 .inner {
    background: url("assets/images/bg_diagram_web03_sp.png") no-repeat center 10px;
  }
  .correlation_diagram.media .inner {
    background: url("assets/images/bg_diagram_media_sp.png") no-repeat center 10px;
  }
  .correlation_diagram.td .inner {
    background: url("assets/images/bg_diagram_td_sp.png") no-repeat center 10px;
  }
  .correlation_diagram.web03 .edge-diagram {
    height: 141px;
  }
  .partner-area .diagram-list ul li:first-child {
    padding-left: 8px;
    padding-right: 20px;
  }
  .partner-area .diagram-list ul li:last-child span {
    width: 94px;
  }
}
input[type="text"], input[type="button"], input[type="email"], input[type="submit"], input[type="tel"], select, textarea, button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: none;
  background: none;
  box-sizing: border-box;
}
.mw_wp_form {
  max-width: 890px;
  margin: 0 auto;
}
.entry-table {
  width: 100%;
  max-width: 890px;
  margin: 0 auto;
}
.entry-table dl {
  display: table;
  width: 100%;
  margin: 0 0 40px;
}
.entry-table dl dt {
  display: table-cell;
  width: 230px;
}
.mw_wp_form_input .entry-table dl dt, .mw_wp_form_input .entry-table dl dd.seminar {
  padding-top: 8px;
}
.entry-table.limit1 dl.preferred02 dt sup {
  display: none;
}
.entry-table.limit1 dl.preferred03 dt sup, .entry-table.limit2 dl.preferred03 dt sup {
  display: none;
}
.entry-table dl dt sup {
  color: #CB0000;
  padding-left: 5px;
}
.entry-table dl dd {
  display: table-cell;
  vertical-align: top;
  margin: 0;
}
.mw_wp_form_confirm .entry-table dl dd .notice {
  display: none;
}
.entry-table dl dd .input-col2 {
  overflow: hidden;
  margin: 0 -10px;
}
.entry-table dl dd .input-col2 div {
  width: 50%;
  padding: 0 10px;
  float: left;
  box-sizing: border-box;
}
.mw_wp_form_confirm .entry-table dl dd .input-col2 div {
  width: auto;
}
.entry-table dl dd .input-col2 div p {
  font-weight: bold;
  margin-bottom: 5px;
}
.entry-table dl dd .input-col2 div input {
  max-width: 100%;
}
.entry-table dl dd input[type="text"], .entry-table dl dd input[type="email"], .entry-table dl dd select, .entry-table dl dd textarea {
  border: 1px solid #BEBEBE;
  border-radius: 0;
  padding: 10px 15px;
  display: block;
  box-sizing: border-box;
  width: 100%;
}
.entry-table dl dd input[type="text"], .entry-table dl dd input[type="email"] {
  max-width: 350px;
}
.entry-table dl dd select {
  max-width: 185px;
}
.entry-table dl dd select.time {
  display: inline-block;
}
.entry-table dl dd.seminar select {
  max-width: 360px;
}
.entry-table dl dd.seminar select:disabled {
  color: #A0A0A0;
}
.entry-table dl dd select:disabled {
  color: #A0A0A0;
}
.entry-table dl dd input#school {
  max-width: 100%;
}
.entry-table .area-btn {
  text-align: center;
  font-size: 0;
  letter-spacing: -10px;
  margin-top: 60px;
}
.date-select .select_wrap, .date-select p, .date-select select {
  display: inline-block !important;
  vertical-align: baseline;
}
.date-select p.ttl {
  margin-top: 10px !important;
  font-weight: bold;
  display: block !important;
}
.date-select p {
  margin: 0 !important;
}
.date-select p.title {
  font-weight: bold;
  display: block !important;
  margin-bottom: 10px !important;
}
.mw_wp_form_confirm .entry-table dl dd.date-select .select_wrap, .mw_wp_form_confirm .entry-table dl dd.date-select .select_wrap select {
  width: auto;
}
.mw_wp_form_input .date-select .select_wrap:first-child {}
.mw_wp_form_input .date-select .select_wrap::before {
  top: 21px;
}
.entry-table dl dd.date-select .select_wrap {
  padding: 0;
}
.entry-table dl dd.date-select .select_wrap, .entry-table dl dd.date-select .select_wrap select {
  max-width: 220px;
}
.entry-table dl dd.date-select .select_wrap select {
  line-height: 1.4;
}
.entry-table .area-btn button {
  display: inline-block;
  letter-spacing: 0.025em;
  font-size: 1.2rem;
  font-weight: bold;
  text-align: center;
  width: 100%;
  max-width: 275px;
  border: 1px solid #0A0A0A;
  border-radius: 0;
  background: #fff;
  padding: 20px 0;
  line-height: 1;
  margin: 0 30px;
  position: relative;
  transition: color .4s ease-out, background .4s ease-out;
}
.entry-table .area-btn button span {
  z-index: 2;
  position: relative;
}
.entry-table .area-btn button:before {
  content: "";
  background: #0A0A0A;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  transform-origin: 0 50%;
  transform: scaleX(0);
  transition: transform .3s ease-out;
  z-index: 1;
}
.entry-table .area-btn button:hover {
  color: #fff;
}
.entry-table .area-btn button:hover:before {
  transform: scaleX(1);
}
.entry-table .area-btn button {}
.mw_wp_form_input .entry-table .select-list {
  margin: 0 -10px 30px;
  font-size: 0;
  letter-spacing: -10px;
}
.entry-table dl dd.seminar p {
  margin-bottom: 10px;
}
.entry-table dl dd.seminar .title {
  font-weight: bold;
}
.mw_wp_form_confirm .entry-table dl dd.seminar .title {
  display: none;
}
.entry-table dl dd.seminar .title span {
  padding-right: 10px;
}
.entry-table .select-list ul {
  font-size: 0;
  letter-spacing: -10px;
  max-width: initial;
  margin: 0 -10px;
}
.entry-table .select-list li {
  width: 50%;
  padding: 0 10px;
  display: inline-block;
  box-sizing: border-box;
  margin: 0 0 10px;
}
.entry-table .select-list li a {
  border: 1px solid #BEBEBE;
  text-align: center;
  font-size: 1.5rem;
  letter-spacing: 0.025em;
  color: #0A0A0A;
  display: block;
  padding: 10px 0;
  line-height: 1;
  position: relative;
  transition: color .4s ease-out, background .4s ease-out, border-color .4s ease-out;
}
.entry-table .select-list li a:before {
  content: "";
  background: #FFE2A6;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  transform-origin: 0 50%;
  transform: scaleX(0);
  transition: transform .3s ease-out;
  z-index: 1;
}
.entry-table .select-list li a span {
  position: relative;
  z-index: 2;
}
.entry-table .select-list li a.select {
  border-color: #FCA400;
}
.entry-table .select-list li a.select:before {
  transform: scaleX(1);
}
.entry-table .select-list .mwform-radio-field {
  display: inline-block;
  width: 50%;
  font-size: 12px;
  box-sizing: border-box;
  padding: 0 10px 10px;
  vertical-align: top;
  margin: 0;
}
.mwform-checkbox-field {
  display: block;
  margin-left: 0 !important;
}
.mwform-checkbox-field:not(:last-child) {
  margin-bottom: 5px;
}
.entry-table label input {
  display: none;
}
.entry-table label span {
  padding-left: 25px;
  position: relative;
  margin-right: 25px;
}
.entry-table label span:before {
  content: "";
  display: block;
  position: absolute;
  top: 1px;
  left: 0;
  width: 20px;
  height: 20px;
  border: 1px solid #BEBEBE;
  background: #fff;
}
.entry-table label input:checked + span::after {
  content: "";
  display: block;
  position: absolute;
  top: -5px;
  left: 6px;
  width: 12px;
  height: 20px;
  transform: rotate(40deg);
  border-bottom: 4px solid #FF2424;
  border-right: 4px solid #FF2424;
}
.step-list {
  margin: 50px 0 80px;
}
.step-list ul {
  font-size: 0;
  letter-spacing: -10px;
  text-align: center;
}
.step-list ul li {
  width: 44px;
  display: inline-block;
  letter-spacing: 0.025em;
  font-size: 1.3rem;
  margin: 0 30px;
  position: relative;
}
.step-list ul li:after {
  content: "";
  position: absolute;
  height: 1px;
  width: 60px;
  top: 22px;
  left: 44px;
  background: #818181;
}
.step-list ul li:last-child:after {
  display: none;
}
.mw_wp_form_input .step-list ul li:nth-child(1), .mw_wp_form_confirm .step-list ul li:nth-child(2), .mw_wp_form_complete .step-list ul li:nth-child(3) {
  font-weight: bold;
}
.step-list ul li span {
  background: #fff;
  display: block;
  font-size: 2.0rem;
  text-align: center;
  line-height: 1;
  padding: 10px 0;
  border: 1px solid #0A0A0A;
}
.mw_wp_form_input .step-list ul li:nth-child(1) span, .mw_wp_form_confirm .step-list ul li:nth-child(2) span, .mw_wp_form_complete .step-list ul li:nth-child(3) span {
  background: #0A0A0A;
  color: #fff;
}
.mw_wp_form_confirm .input-show {
  display: none;
}
input::placeholder {
  color: #A0A0A0;
}
.mw_wp_form .error {
  font-size: 1.5rem;
  letter-spacing: 0.025em;
}
.select_wrap {
  position: relative;
  display: block;
  width: 100%;
  max-width: 185px;
  margin: 0;
  padding: 5px 0 0 0;
}
.entry-table dl dd ul {
  font-size: 14px;
  margin-bottom: 10px;
  margin-left: 2em;
}
.entry-table dl dd p.notice {
  margin-bottom: 10px !important;
  display: block !important;
}
.mw_wp_form_confirm .entry-table dl dd ul, .mw_wp_form_confirm .entry-table dl dd .title, .mw_wp_form_confirm .entry-table dl dd .notice {
  display: none !important;
}
.entry-table dl dd.seminar .select_wrap {
  max-width: 360px;
}
.mw_wp_form_input .select_wrap::before {
  position: absolute;
  top: 27px;
  right: 10px;
  width: 0;
  height: 0;
  padding: 0;
  content: '';
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #BEBEBE;
  pointer-events: none;
}
.entry-table dl dd.trigger .select_wrap, .entry-table dl dd.trigger select {
  max-width: 350px;
}
.entry-table dl dd.trigger select {
  background: #fff;
}
.entry-table dl.fileup dt sup {
  display: none;
}
.entry-table dl dd.trigger .select_wrap.agency, .entry-table dl dd.trigger .agency select {
  max-width: 500px;
}
.entry-table dl dd.trigger .select_wrap {
  padding: 0;
}
.entry-table dl dd.trigger .select_wrap + p {
  margin-bottom: 0;
}
.entry-table dl dd.trigger .trigger-text {
  display: none;
  margin-top: 10px;
}
.entry-table dl dd.trigger .agency {
  display: none;
  margin-top: 10px;
}
.mw_wp_form_confirm .entry-table dl dd.trigger .trigger-text, .mw_wp_form_confirm .entry-table dl dd.trigger .agency {
  display: block;
}
.entry-table dl dd.trigger .trigger-text input {
  max-width: 100%;
}
.movie-es {
  text-align: center;
}
.movie-es p a {
  text-decoration: underline;
}
.movie-es p a:hover {
  text-decoration: none;
}
@media screen and (max-width: 1159px) {
  .step-list {
    margin: 40px 0 60px;
  }
  .entry-table dl {
    display: block;
  }
  .entry-table dl {
    display: block;
    font-size: 1.6rem;
  }
  .entry-table dl dd.seminar .title {
    font-size: 1.5rem;
  }
  .entry-table dl dt {
    display: block;
    margin-bottom: 10px;
  }
  .entry-table dl dt sup {
    font-size: 1.0rem;
  }
  .entry-table dl dd {
    display: block;
  }
}
@media screen and (max-width: 767px) {
  .entry-table .select-list .mwform-radio-field {
    width: 100%;
    padding: 0;
    margin-bottom: 10px;
  }
  .mw_wp_form_input .entry-table .select-list {
    margin: 0 0 30px;
  }
  .entry-table .select-list label span {
    font-size: 1.3rem;
  }
  .step-list {
    margin: 30px 0 40px;
  }
  .step-list ul li {
    width: 44px;
    display: inline-block;
    letter-spacing: 0.025em;
    font-size: 1.3rem;
    margin: 0 15px;
  }
  .step-list ul li span {
    background: #fff;
    display: block;
    font-size: 2.0rem;
    text-align: center;
    line-height: 1;
    padding: 10px 0;
    border: 1px solid #0A0A0A;
  }
  .entry-table .area-btn button {
    margin: 0 auto 20px;
    display: block;
  }
  .entry-table dl dt, .entry-table dl dd.seminar .title {
    font-size: 1.3rem;
  }
  .mw_wp_form .error {
    font-size: 1.3rem;
  }
  .mw_wp_form_input .date-select .select_wrap:not(:first-child), .mw_wp_form_input .date-select .select_wrap:not(:first-child) select {
    margin: 5px 0 0;
  }
  .mw_wp_form_input .date-select .select_wrap:first-child {
    margin: 0;
  }
}
#page-top {
  display: block;
  line-height: 0;
  font-size: 0;
  height: 0;
  width: 0;
  overflow: hidden;
}
#btn-page-top {
  position: fixed;
  right: -30px;
  bottom: 60px;
  transform: rotate(90deg);
  z-index: 11;
}
#btn-page-top a:before {
  content: "";
  width: 25px;
  height: 1px;
  background: #818181;
  display: inline-block;
  position: relative;
  top: -4px;
  left: 5px;
  z-index: 2;
  margin-right: 20px;
}
#btn-page-top a {
  display: block;
  color: #818181;
}
@media screen and (max-width: 767px) {
  #btn-page-top {
    position: fixed;
    right: -30px;
    bottom: 60px;
    transform: rotate(90deg);
  }
}
/*--------------------------------------------------------------
# base
--------------------------------------------------------------*/
.animsition, .animsition-overlay {
  position: relative;
  opacity: 0;
  animation-fill-mode: both;
}
/**
 * overlay option
 */
.animsition-overlay-slide {
  position: fixed;
  z-index: 1;
  width: 100%;
  height: 100%;
  background-color: #ddd;
}
/*--------------------------------------------------------------
# laoding
--------------------------------------------------------------*/
/* loading option */
.animsition-loading, .animsition-loading:after {
  width: 32px;
  height: 32px;
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -16px;
  margin-left: -16px;
  border-radius: 50%;
  z-index: 100;
}
.animsition-loading {
  background-color: transparent;
  border-top: 5px solid rgba(0, 0, 0, 0.2);
  border-right: 5px solid rgba(0, 0, 0, 0.2);
  border-bottom: 5px solid rgba(0, 0, 0, 0.2);
  border-left: 5px solid #eee;
  transform: translateZ(0);
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  animation-duration: .8s;
  animation-name: animsition-loading;
}
/*--------------------------------------------------------------
# fade-left-sm
--------------------------------------------------------------*/
@keyframes animsition-loading {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes fade-in-left-sm {
  0% {
    transform: translateX(-100px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.fade-in-left-sm {
  animation-name: fade-in-left-sm;
}
@keyframes fade-out-left-sm {
  0% {
    transform: translateX(0);
    opacity: 1;
  }
  100% {
    transform: translateX(-100px);
    opacity: 0;
  }
}
.fade-out-left-sm {
  animation-name: fade-out-left-sm;
}
.scroll-animation {
  font-family: 'Crimson Text', serif;
  width: 100%;
  position: absolute;
  bottom: 160px;
  color: #fff;
  font-size: 1.1rem;
  font-weight: bold;
  text-align: center;
  z-index: 10;
}
.scroll-animation:before {
  content: "";
  width: 1px;
  height: 25px;
  background: #eee;
  position: absolute;
  left: 50%;
  top: 22px;
  display: none;
}
.scroll-animation:after {
  content: "";
  width: 1px;
  height: 25px;
  background: #fff;
  position: absolute;
  left: 50%;
  top: 22px;
  -webkit-animation: scrollmove 1.5s ease 0s infinite normal;
  animation: scrollmove 1.5s ease 0s infinite normal;
}
.mw-wp-form_file {
  display: none;
}
.mwform-file-delete {
  display: none !important;
}
.file-wrap {
  overflow: hidden;
}
input[name="resume_name"], input[name="movie_name"] {
  float: left;
  margin-right: 10px;
}
label.file {
  padding: 0 20px;
  color: #fff;
  background-color: #0A0A0A;
  cursor: pointer;
  height: 46px;
  line-height: 46px;
  display: inline-block;
}
.mw_wp_form_confirm label.file {
  display: none !important;
}
.mw_wp_form input[type="file"] {
  display: none;
}
.endLayer {
  position: absolute;
  background: rgba(0, 0, 0, 0.8);
  height: 100%;
  width: 100%;
}
.endLayer p {
  color: #fff;
  text-align: center;
  position: absolute;
  width: 100%;
  top: 50%;
  margin-top: -20px;
  font-size: 20px;
}
@media screen and (max-width: 767px) {
  .name-wrap {
    width: 100%;
    float: left;
    margin-right: -105px;
    padding-right: 105px;
    overflow: hidden;
  }
  .name-wrap input {
    max-width: 100% !important;
  }
  label.file {
    font-size: 12px;
    padding: 0 10px;
    margin-left: 10px;
    float: left;
    height: 47px;
    line-height: 47px;
  }
  .file-wrap + .notice {
    font-size: 12px;
  }
}
/*@-webkit-keyframes scrollmove {
	0% {-webkit-transform:translate(0, 0);}
	10% {-webkit-transform:translate(0, 10px);}
	20% {-webkit-transform:translate(0, 0);}
}*/
@keyframes scrollmove {
  0% {
    height: 0;
  }
  60% {
    height: 25px;
  }
  100% {
    height: 25px;
  }
}
@media screen and (max-width: 1159px) {
  .scroll-animation {
    bottom: 185px;
  }
}
@media screen and (max-width: 767px) {
  .scroll-animation {
    display: none;
  }
}
.movie-wrap {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
  margin-bottom: 60px;
}
.movie-wrap iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}
.object-fit {
  object-fit: contain;
  font-family: 'object-fit: contain;'
}
.entry-table dl.rt {
  display: none;
}
@media screen and (max-width: 1159px) {
  .movie-wrap {
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 767px) {
  .movie-wrap {
    margin-bottom: 30px;
  }
}
.mt-m {
  margin-top: 60px;
}
@media screen and (max-width: 1159px) {
  .mt-m {
    margin-top: 40px;
  }
}
@media screen and (max-width: 767px) {
  .mt-m {
    margin-top: 30px;
  }
}
#primary.wildcard article {
  border-top: 10px solid #0F0F0F;
  border-left: 10px solid #0F0F0F;
  border-right: 10px solid #0F0F0F;
}
.wildcard .title-wrap .breadcrumbs {
  width: 100%;
  text-align: right;
  padding-top: 0;
}
.index .wildcard .contents-inner {
  max-width: 100%;
  overflow: hidden;
}
.wildcard.entry .wildcard-content .content-inner section > p {
  font-size: 14px;
}
.wildcard.entry .wildcard-content .content-inner section:first-child {
  max-width: 640px;
  margin: 0 auto 100px;
  padding: 0 20px;
  box-sizing: border-box;
}
.entry .wildcard .contents-inner {
  max-width: 100%;
  overflow: hidden;
}
.wildcard-header p.ttl {
  color: #fff;
  font-size: 35px;
  font-weight: bold;
  padding-top: 50px;
}
.index .wildcard-header p.ttl {
  transition: transform .2s, opacity .2s;
  transform: translateX(-50px);
  opacity: 0;
}
.wildcard-header.show p.ttl {
  transform: translateX(0);
  opacity: 1;
}
.wildcard-header {
  max-width: 1050px;
  width: 100%;
  margin: 0 auto;
}
.wildcard-header h1 {
  padding: 80px 0 0;
  margin: 0;
  text-align: center;
}
.wildcard-header h1 img {
  display: block;
  margin: 0 auto;
}
/*.index .wildcard-header h1 {
	transition: transform .2s .4s, opacity .2s .4s;
	transform: scale(10);
	opacity: 0;
}*/
.wildcard-header.show h1 {
  transform: scale(1);
  opacity: 1;
}
.wildcard-content {
  background: #CCC4BB;
  overflow: hidden;
}
:root {
  --delay: 0;
  --duration: 400ms;
  --iterations: 1;
}
.wildcard-content p.lead.show, .wildcard-content p.lead.show::after {
  -webkit-animation-delay: var(--animation-delay, 2s);
  animation-delay: var(--animation-delay, 2s);
  -webkit-animation-iteration-count: var(--iterations, 1);
  animation-iteration-count: var(--iterations, 1);
  -webkit-animation-duration: var(--duration, 800ms);
  animation-duration: var(--duration, 800ms);
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-timing-function: cubic-bezier(0.0, 0.0, 0.2, 1);
  animation-timing-function: cubic-bezier(0.0, 0.0, 0.2, 1);
}
.wildcard-content p.lead {
  font-size: 40px;
  font-weight: bold;
  max-width: 890px;
  margin: 0 auto 80px;
  line-height: 1.5;
  opacity: 0;
  font-family: "游ゴシック Bold", "Yu Gothic Bold", 游ゴシック, YuGothic-Bold, "Hiragino Sans", ヒラギノ角ゴシック, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, sans-serif;
}
.wildcard-content p.lead.show {
  --animation-delay: var(--delay, 0);
  --animation-duration: var(--duration, 800ms);
  --animation-iterations: var(--iterations, 1);
  position: relative;
  -webkit-animation-name: clip-text;
  animation-name: clip-text;
  opacity: 1;
}
.wildcard-content p.lead.show::after {
  content: "";
  position: absolute;
  z-index: 999;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #FF2424;
  transform: scaleX(0);
  transform-origin: 0 50%;
  pointer-events: none;
  -webkit-animation-name: text-revealer;
  animation-name: text-revealer;
}
.wildcard-content p.lead span {
  font-size: 60px;
  font-weight: bold;
}
.wildcard-content p.strong {
  display: block;
  font-size: 90px;
  font-weight: bold;
  color: #fff;
  background: #FF2424;
  text-align: center;
  padding: 25px 0;
  margin: 80px 0;
  transform: scale(0);
}
.wildcard-content p.strong.show {
  animation: bg 1.0s cubic-bezier(0.22, 1, 0.36, 1) forwards;
  transform-origin: left center;
}
.wildcard-content p.strong span {
  display: block;
  transform: scale(0);
}
.wildcard-content p.strong.show span {
  animation: bg .6s cubic-bezier(0.22, 1, 0.36, 1) forwards .3s;
  transform-origin: left center;
}
.wildcard + div + footer {
  margin-top: 0;
}
.txt-wild {
  text-align: center;
  padding: 100px 0;
  /*opacity: 0;*/
}
/*.txt-wild.show {
	opacity: 1;
	animation: bound 1.8s ease-in-out;
	text-replace: none;sform-origin: 50% 50vh;
}*/
.txt-wild img {
  margin: 0 auto;
}
.wildcard section {
  padding: 100px 0;
}
.wildcard.entry section:first-child {
  padding-top: 0;
}
.wildcard.entry section:first-child h2 {
  margin-bottom: 40px;
}
.index.wildcard section {
  border-bottom: 10px solid #0F0F0F;
}
.wildcard.other section {
  padding-top: 0;
}
.wildcard.other section.form h1 {
  text-align: center;
  margin: 0 0 80px;
}
.wildcard.other section.form {
  border: none;
  margin: 0 auto;
  padding: 0 20px 100px;
  max-width: 700px;
}
.wildcard.other section.form.thanks {
  max-width: 100%;
}
.wildcard.entry section.form {
  border: none;
  max-width: 660px;
  margin: 0 auto;
  padding-top: 0;
  box-sizing: border-box;
}
.other .form.thanks p {
  font-weight: bold;
  font-size: 20px;
  text-align: center;
  margin-bottom: 40px;
}
.wildcard section h2 {
  text-align: center;
  font-size: 26px;
  margin: 0 auto 80px;
}
.wildcard section.animation h2 {
  transition: opacity .2s, transform .2s;
  opacity: 0;
  transform: translateY(20px);
}
.wildcard section.show h2 {
  opacity: 1;
  transform: translateY(0);
}
.mw_wp_form_confirm dt p {
  display: none;
}
.conditions {
  max-width: 1050px;
  margin: 0 auto;
}
.conditions ul {
  overflow: hidden;
}
.conditions ul li {
  float: left;
  width: 50%;
  padding: 0 23px 30px;
  list-style: none;
}
.animation .conditions ul li {
  transition: transform .3s .2s, opacity .2s .2s;
  opacity: 0;
  transform: translateY(30px);
}
.conditions ul li:nth-child(2) {
  transition: transform .3s .3s, opacity .2s .3s;
}
.conditions ul li:nth-child(3) {
  transition: transform .3s .4s, opacity .2s .4s;
}
.conditions ul li:nth-child(4) {
  transition: transform .3s .5s, opacity .2s .5s;
}
.conditions ul li:nth-child(5) {
  transition: transform .3s .6s, opacity .2s .6s;
  margin-bottom: 0;
}
.conditions ul li:nth-child(6) {
  transition: transform .3s .7s, opacity .2s .7s;
  margin-bottom: 0;
}
.show .conditions ul li {
  opacity: 1;
  transform: translateY(0);
}
.conditions ul li .inner {
  background: #161616;
  color: #fff;
  padding: 30px;
}
.conditions ul li .inner .icon {
  display: table-cell;
  vertical-align: middle;
  width: 104px;
}
.conditions ul li .inner .icon img {
  vertical-align: middle;
}
.conditions ul li .inner .txt {
  display: table-cell;
  vertical-align: middle;
  font-size: 20px;
  line-height: 1.35;
  padding-left: 59px;
}
.img-flow {
  text-align: center;
  padding: 0;
}
.arrow {
  position: relative;
  margin-bottom: 100px;
  opacity: 0;
  transition: opacity .4s .5s;
}
.show + .arrow {
  opacity: 1;
}
.arrow span {
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 24px 16.5px 0 16.5px;
  border-color: #ff2424 transparent transparent transparent;
  left: 50%;
  top: 0;
  margin-left: -16.5px;
  animation: downup 1.5s infinite ease-in-out;
}
.arrow:before, .arrow:after {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 24px 16.5px 0 16.5px;
  border-color: #ff2424 transparent transparent transparent;
  left: 50%;
  margin-left: -16.5px;
}
.arrow:before {
  top: 34px;
  animation: downup 1.5s infinite ease-in-out;
}
.arrow:after {
  top: 68px;
  animation: downup 1.5s infinite ease-in-out;
}
@keyframes bg {
  0% {
    opacity: 0;
    transform: scaleX(0) translateX(-5%);
  }
  30% {
    transform: scaleX(1) translateX(0);
  }
  100% {
    transform: scaleX(1) translateX(0);
  }
  30%, 100% {
    opacity: 1;
  }
}
@keyframes clip-text {
  from {
    -webkit-clip-path: inset(0 100% 0 0);
    clip-path: inset(0 100% 0 0);
  }
  to {
    -webkit-clip-path: inset(0 0 0 0);
    clip-path: inset(0 0 0 0);
  }
}
@-webkit-keyframes text-revealer {
  0%, 50% {
    transform-origin: 0 50%;
  }
  60%, 100% {
    transform-origin: 100% 50%;
  }
  60% {
    transform: scaleX(1);
  }
  100% {
    transform: scaleX(0);
  }
}
@keyframes text-revealer {
  0%, 50% {
    transform-origin: 0 50%;
  }
  60%, 100% {
    transform-origin: 100% 50%;
  }
  60% {
    transform: scaleX(1);
  }
  100% {
    transform: scaleX(0);
  }
}
@keyframes bound {
  0% {
    transform: scale(0.1)
  }
  12.5% {
    transform: scale(1.7)
  }
  25% {
    transform: scale(0.4)
  }
  37.5% {
    transform: scale(1.3)
  }
  50% {
    transform: scale(0.8)
  }
  62.5% {
    transform: scale(1.1)
  }
  75% {
    transform: scale(0.9)
  }
  87.5% {
    transform: scale(1.05)
  }
  100% {
    transform: scale(1)
  }
}
@keyframes updown {
  0% {
    transform: translate(0, 0);
  }
  10% {
    transform: translate(0, -10px);
  }
  20% {
    transform: translate(0, 0);
  }
}
@keyframes downup {
  0% {
    transform: translate(0, 0);
  }
  10% {
    transform: translate(0, 10px);
  }
  20% {
    transform: translate(0, 0);
  }
}
@media screen and (max-width: 1159px) {
  .conditions ul li .inner .icon {
    display: table-cell;
    width: 100px;
  }
  .conditions ul li .inner .txt {
    display: table-cell;
    vertical-align: middle;
    font-size: 20px;
  }
  .wildcard-content p.lead {
    padding: 0 20px;
  }
  .txt-wild {
    padding: 100px 20px;
  }
}
@media screen and (max-width: 767px) {
  #primary.wildcard article {
    border-width: 5px;
  }
  .wildcard .title-wrap {
    padding-bottom: 50px;
  }
  .wildcard-header {
    padding: 0 15px;
  }
  .wildcard-header p.ttl {
    font-size: 18px;
    padding-top: 25px;
  }
  .wildcard-header h1 {
    padding: 40px 0 0;
  }
  .wildcard-content p.lead {
    font-size: 20px;
    margin-bottom: 40px;
  }
  .wildcard-content p.lead.last {
    margin-bottom: 0;
  }
  .wildcard-content p.lead span {
    font-size: 30px;
  }
  .wildcard-content p.strong {
    font-size: 45px;
    padding: 20px 0;
    margin: 40px 0;
  }
  .txt-wild {
    padding: 50px 20px;
  }
  .conditions {
    padding: 0 20px;
  }
  .conditions ul li {
    width: 100%;
    padding: 0 0 10px;
  }
  .conditions ul li:last-child {
    padding-bottom: 0;
  }
  .conditions ul li .inner {
    padding: 20px;
  }
  .conditions ul li .inner .txt {
    font-size: 16px;
    padding-left: 30px;
  }
  .conditions ul li .inner .icon {
    width: 50px;
  }
  .wildcard section {
    padding: 50px 0;
  }
  .wildcard section h2 {
    text-align: center;
    font-size: 26px;
    margin: 0 auto 40px;
  }
  .wildcard section.form {
    padding: 50px 20px 100px;
  }
  .wildcard section.form > p {
    text-align: left;
    margin-bottom: 45px;
  }
  .wildcard.other section.form h1 {
    margin: 0 0 40px;
  }
  .other .form.thanks p {
    font-weight: bold;
    font-size: 16px;
    text-align: left;
    margin-bottom: 20px
  }
}
.img-flow {
  overflow: hidden;
  position: relative;
}
.img-flow img {
  margin: 0 auto;
}
.img-flow:before {
  background: #CCC4BB;
  bottom: 0;
  content: '';
  pointer-events: none;
  position: absolute;
  top: 0;
  z-index: 1;
}
.img-flow:before {
  left: 0;
  right: 0;
}
.show .img-flow:before {
  animation: 1s cubic-bezier(.4, 0, .2, 1) forwards .2s;
  animation-name: img-wrap-before;
}
.wildcard .form .entry-table dl dt {
  width: 100%;
  display: block;
  padding: 0 0 5px;
  font-size: 16px;
}
.wildcard .form .entry-table dl dt p {
  font-weight: normal;
  font-size: 14px;
}
.wildcard .form .entry-table dl dd {
  width: 100%;
  display: block;
}
.wildcard section.form h2 {
  margin: 0 auto 30px;
}
.wildcard .other section.form h2 {
  opacity: 1;
  transform: translateY(0);
}
.form {
  border-bottom: 10px solid #0F0F0F;
}
.form > p {
  text-align: center;
  margin-bottom: 60px;
  font-size: 16px;
}
.form.animation > p {
  transition: opacity .2s .1s, transform .2s .1s;
  opacity: 0;
  transform: translateY(20px);
}
.other .form > p, .entry .form > p {
  text-align: left;
  font-size: 14px;
}
.form.show > p {
  opacity: 1;
  transform: translateY(0);
}
.animation.form .entry-table {
  transition: opacity .4s .4s, transform .4s .4s;
  opacity: 0;
  transform: translateY(20px);
}
.form .entry-table dl dt {
  width: 170px;
  padding-right: 5px;
}
.form.show .entry-table {
  opacity: 1;
  transform: translateY(0);
}
.form .entry-table {
  max-width: 640px;
  margin: 0 auto;
}
.wildcard .form .entry-table dl dd input, .wildcard .form .entry-table dl dd textarea {
  background: #fff;
  max-width: 100%;
}
.wildcard .form .entry-table dl dd textarea {
  height: 280px;
}
.wildcard .name-wrap {
  width: 100%;
  float: left;
  margin-right: -105px;
  padding-right: 105px;
  overflow: hidden;
}
.wildcard .name-wrap input {
  max-width: 100% !important;
}
.wildcard label.file {
  font-size: 12px;
  padding: 0 10px;
  margin-left: 10px;
  float: left;
  height: 47px;
  line-height: 47px;
}
.wildcard .form button {
  padding: 20px 0;
  font-size: 16px;
  border-radius: 10px;
  border: none;
  overflow: hidden;
}
.wildcard .form button[name="submitConfirm"] {
  max-width: 100%;
  padding: 40px 0;
  margin: 0;
  font-size: 26px;
  background: #FF2424;
  color: #fff;
}
.wildcard .form button[name="submitBack"] {
  background: #CCC4BB;
  border: 2px solid #161616;
  margin: 0 10px 0 0;
  max-width: 310px;
}
.wildcard .form button[name="submitConfirm"] {
  background: #FF2424;
  color: #fff;
}
.wildcard .form button[name="送信ボタン"] {
  background: #FF2424;
  color: #fff;
  margin: 0 0 0 10px;
  max-width: 310px;
}
.entry-table .area-btn button span br {
  display: none;
}
#btn-wildcard {
  position: fixed;
  right: 20px;
  bottom: 140px;
  z-index: 12;
}
#btn-wildcard a {
  display: block;
  position: relative;
  text-align: center;
  padding: 0 6px 6px 0;
  z-index: 2;
}
#btn-wildcard a > span {
  display: block;
  height: 70px;
  width: 80px;
  background: #FF2424;
  position: relative;
  z-index: 3;
}
#btn-wildcard a:hover span {
  background: #0A0A0A;
}
#btn-wildcard a span .off {
  display: block;
}
#btn-wildcard a:hover span .on {
  display: block;
}
#btn-wildcard a span .on {
  display: none;
}
#btn-wildcard a:hover span .off {
  display: none;
}
#btn-wildcard a span img {
  padding: 16px 0 0;
  margin: 0 auto;
}
#btn-wildcard a:hover span img {
  padding: 18px 0 0;
}
#btn-wildcard a:after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0 70px 80px;
  border-color: transparent transparent #0a0a0a transparent;
  z-index: 2;
}
#btn-wildcard a:before {
  content: "";
  position: absolute;
  right: -2px;
  bottom: -2px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0 78px 88px;
  border-color: transparent transparent #707070 transparent;
  z-index: 1;
}
.bgBox {
  background: #F3F3F3;
  padding: 20px;
}
.bgBox .ttl {
  font-weight: bold;
  margin-bottom: 15px !important;
}
@media screen and (max-width: 1159px) {
  .form .entry-table dl dt {
    width: 100%;
    padding-right: 0;
  }
}
@media screen and (max-width: 767px) {
  .wildcard .form button[name="submitBack"] {
    margin: 0 auto 20px;
  }
  .wildcard .form button[name="submitConfirm"] {
    background: #FF2424;
    color: #fff;
    padding: 20px 0;
  }
  .wildcard .form button[name="送信ボタン"] {
    margin: 0 auto;
  }
  #btn-wildcard {
    right: 10px;
    bottom: 90px;
  }
  #btn-wildcard a > span {
    height: 49px;
    width: 56px;
    background: #FF2424;
    position: relative;
    z-index: 3;
  }
  #btn-wildcard a span img {
    height: auto;
    width: 35px;
    padding: 12px 0 0;
  }
  #btn-wildcard a:hover span img {
    height: auto;
    width: 35px;
    padding: 14px 0 0;
  }
  #btn-wildcard a:after {
    border-width: 0 0 49px 56px;
  }
  #btn-wildcard a:before {
    right: -2px;
    bottom: -2px;
    border-width: 0 0 57px 64px;
  }
}
@media screen and (max-width: 400px) {
  .entry-table .area-btn button span {
    line-height: 1.4;
  }
  .entry-table .area-btn button span br {
    display: block;
  }
}
@keyframes img-wrap-before {
  100% {
    transform: translateY(100%);
  }
}
@keyframes img-wrap-after {
  100% {
    transform: translateY(-100%);
  }
}