@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;500;700&family=Poppins:wght@600&display=swap");
/* ==========================================================================
viewport指定
============================================================================*/
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

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

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

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

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

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

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

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

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

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

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

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/*------------------------------
BASE
-------------------------------*/
*,
*::before,
*::after {
  box-sizing: border-box;
}

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

ol, ul {
  list-style: none;
}

html, body {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  background: #fff;
  vertical-align: baseline;
}

html {
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  text-size-adjust: 100%;
  font-size: 62.5%;
}

html.is-text-large {
  font-size: 70.3%;
}

@media screen and (max-width: 767px) {
  html {
    font-size: 62.5%;
  }
}

body {
  position: relative;
  font-family: '小塚ゴシック Pro','Kozuka Gothic Pro', "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", sans-serif;
  font-size: 1.6rem;
  line-height: 1.7;
  color: #000;
  font-feature-settings: "palt";
}

@media screen and (min-width: 768px) and (max-width: 999px) {
  body {
    font-size: 1.6rem;
  }
}

@media screen and (max-width: 767px) {
  body {
    font-size: 1.4rem;
  }
}

[lang="en"] {
  font-family: "Poppins", sans-serif;
}

/* */
h1, h2, h3, h4, h5, h6 {
  margin: 0;
  font-size: 100%;
  font-feature-settings: "palt";
}

*:focus {
  outline: 0;
}

a {
  color: #000;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transition: all .3s ease-out;
}

/*a:hover {
  color: lighten( $rgb_GRY, 25% );
}*/
img {
  max-width: 100%;
  height: auto;
}

/* clearfix -------------*/
.clearfix:after {
  content: "";
  display: table;
  clear: both;
}

/* display -------------*/
/* pc/sp */
.for-pc {
  display: inherit;
}

.for-sp {
  display: none;
}

img.for-pc {
  display: inline;
}

img.for-sp {
  display: none;
}

br.for-pc {
  display: initial;
}

br.for-sp {
  display: none;
}

@media screen and (max-width: 924px) {
  .for-pc {
    display: none;
  }
  .for-sp {
    display: inherit;
  }
  img.for-pc {
    display: none;
  }
  img.for-sp {
    display: inline;
  }
  br.for-pc {
    display: none;
  }
  br.for-sp {
    display: initial;
  }
}

/* margin -------------*/
.mt-0 {
  margin-top: 0px;
}

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

.mt-5 {
  margin-top: 5px;
}

.mb-5 {
  margin-bottom: 5px;
}

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

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

.mt-15 {
  margin-top: 15px;
}

.mb-15 {
  margin-bottom: 15px;
}

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

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

.mt-25 {
  margin-top: 25px;
}

.mb-25 {
  margin-bottom: 25px;
}

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

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

.mt-35 {
  margin-top: 35px;
}

.mb-35 {
  margin-bottom: 35px;
}

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

.mb-40 {
  margin-bottom: 40px;
}

.mt-45 {
  margin-top: 45px;
}

.mb-45 {
  margin-bottom: 45px;
}

.mt-50 {
  margin-top: 50px;
}

.mb-50 {
  margin-bottom: 50px;
}

.mt-0em {
  margin-top: 0em;
}

.mb-0em {
  margin-bottom: 0em;
}

.mt-1em {
  margin-top: 1em;
}

.mb-1em {
  margin-bottom: 1em;
}

.mt-2em {
  margin-top: 2em;
}

.mb-2em {
  margin-bottom: 2em;
}

.mt-3em {
  margin-top: 3em;
}

.mb-3em {
  margin-bottom: 3em;
}

.mt-4em {
  margin-top: 4em;
}

.mb-4em {
  margin-bottom: 4em;
}

.mt-5em {
  margin-top: 5em;
}

.mb-5em {
  margin-bottom: 5em;
}

.mt-6em {
  margin-top: 6em;
}

.mb-6em {
  margin-bottom: 6em;
}

.mt-7em {
  margin-top: 7em;
}

.mb-7em {
  margin-bottom: 7em;
}

.mt-8em {
  margin-top: 8em;
}

.mb-8em {
  margin-bottom: 8em;
}

.mt-9em {
  margin-top: 9em;
}

.mb-9em {
  margin-bottom: 9em;
}

.mt-10em {
  margin-top: 10em;
}

.mb-10em {
  margin-bottom: 10em;
}

/* padding -------------*/
.pt-0 {
  padding-top: 0px;
}

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

.pt-5 {
  padding-top: 5px;
}

.pb-5 {
  padding-bottom: 5px;
}

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

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

.pt-15 {
  padding-top: 15px;
}

.pb-15 {
  padding-bottom: 15px;
}

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

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

.pt-25 {
  padding-top: 25px;
}

.pb-25 {
  padding-bottom: 25px;
}

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

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

.pt-35 {
  padding-top: 35px;
}

.pb-35 {
  padding-bottom: 35px;
}

.pt-40 {
  padding-top: 40px;
}

.pb-40 {
  padding-bottom: 40px;
}

.pt-45 {
  padding-top: 45px;
}

.pb-45 {
  padding-bottom: 45px;
}

.pt-50 {
  padding-top: 50px;
}

.pb-50 {
  padding-bottom: 50px;
}

.pt-0em {
  padding-top: 0em;
}

.pb-0em {
  padding-bottom: 0em;
}

.pt-1em {
  padding-top: 1em;
}

.pb-1em {
  padding-bottom: 1em;
}

.pt-2em {
  padding-top: 2em;
}

.pb-2em {
  padding-bottom: 2em;
}

.pt-3em {
  padding-top: 3em;
}

.pb-3em {
  padding-bottom: 3em;
}

.pt-4em {
  padding-top: 4em;
}

.pb-4em {
  padding-bottom: 4em;
}

.pt-5em {
  padding-top: 5em;
}

.pb-5em {
  padding-bottom: 5em;
}

.pt-6em {
  padding-top: 6em;
}

.pb-6em {
  padding-bottom: 6em;
}

.pt-7em {
  padding-top: 7em;
}

.pb-7em {
  padding-bottom: 7em;
}

/* br ------------*/
br.br-mb1 {
  display: block;
  content: '';
  height: 1em;
}

@media screen and (max-width: 767px) {
  br.br-mb1.for-pc {
    display: none;
  }
}

br.br-mb1.for-sp {
  display: none;
}

@media screen and (max-width: 767px) {
  br.br-mb1.for-sp {
    display: block;
  }
}

/* text -------------*/
/* ff */
.txt-gothic {
  font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", sans-serif;
}

/*.txt-min {
  font-family: $ff_serif_jp;
}*/
.en,
.date {
  font-family: "Poppins", sans-serif;
}

/* font color */
.txt-blk {
  color: #000;
}

.txt-gly {
  color: #808080;
}

/* font size */
.txt-xsmall {
  font-size: 68.75%;
}

.txt-small {
  font-size: 75%;
}

.txt-large {
  font-size: 112.5%;
}

.txt-xlarge {
  font-size: 125%;
}

/* align */
.txt-left {
  text-align: left;
}

.txt-right {
  text-align: right;
}

.txt-center {
  text-align: center;
}

.txt-center-left {
  text-align: center;
}

@media screen and (max-width: 767px) {
  .txt-center-left {
    text-align: left;
  }
}

/* font weight */
.txt-fwL {
  font-weight: 300;
}

.txt-fwR {
  font-weight: 400;
}

.txt-fwM {
  font-weight: 500;
}

/* font style */
.txt-italic {
  font-style: italic;
}

/* line height */
.lh-thin {
  line-height: 1.4;
}

.lh-2 {
  line-height: 2;
}

/* letter space */
.ls-1 {
  letter-spacing: 1em;
}

.ls-_5 {
  letter-spacing: .5em;
}

/* indent */
.indent-1 {
  margin-left: 1em;
  text-indent: -1em;
}

.indent-2 {
  margin-left: 2em;
  text-indent: -2em;
}

.indent-23 {
  margin-left: 2.3em;
  text-indent: -2.3em;
}

.indent-25 {
  margin-left: 2.5em;
  text-indent: -2.5em;
}

/**/
/*.txt-lead {
  font-size: 1.8rem;
  margin-bottom: 2em;
  &:last-child {
    margin-bottom: 0;
  }
  @include sp {
    font-size: 1.6rem;
  }
}*/
.txt-asterisk {
  padding-left: 1em;
  text-indent: -1em;
  font-size: 80%;
  font-weight: 300;
}

/* bg -------------*/
.bg-wht {
  background: #fff;
}

.bg-gry {
  background: #F9F8F6;
}

/* hr -------------*/
.hr {
  margin: 5em auto;
}

@media screen and (max-width: 767px) {
  .hr {
    margin: 4em auto;
  }
}

/*------------------------------
header
-------------------------------*/
.l-header {
  position: relative;
/*  width: 90%;*/
  z-index: 50;
}
.l-header .header {
  max-width: 1420px;
  margin: 0 auto;
  position: relative;
}
.wrapTopSNS {
  max-width: 1420px;
  margin: 0 auto;
  position: relative;
}
@media screen and (max-width: 1420px) {
  .l-header { padding: 0 1.25%; }
}
.l-header .header-inner {
  display: flex;
  align-items: center;
}

.l-header .header-logo {
/*  width: 153px;*/
/*  width: 106px;*/
  margin: 25px 25px 0 0;
  line-height: 0;
}
.l-header .header-logo img {
	height: 45px;
	width: auto;
}
.l-header .header_navi {
  flex: 1;
  text-align: right;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 768px) {
	.l-header .header_navi {
		display: flex;
		align-items: center;
	}
	.l-header .header_navi .gNav { flex-grow: 2; }
	.l-header .header_navi .exNav { flex-grow: 1; }
	.l-header .header_navi .sns { flex-grow: 3; }
}
.l-header .header_navi .gNav {
  margin: 25px 0 0 0;
  text-align: left;
}

.l-header .header_navi .gNav li {
  display: inline-block;
  font-size: 1.6rem;
  margin-left: 10px;
}

.l-header .header_navi .gNav li a {
  display: block;
  position: relative;
  padding: 0 5px;
  text-decoration: none;
}

.l-header .header_navi .gNav li a:before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  background: #000;
  transform: translateX(-5px);
}

.l-header .header_navi .gNav li a span {
  position: relative;
  display: inline-block;
}

.l-header .header_navi .gNav li.current-menu-item a,
.l-header .header_navi .gNav li a:hover,
.page-works .l-header .header_navi .gNav li.menu-item-object-works a {
  color: #fff;
}
.l-header .header_navi .gNav li.current-menu-item a:before,
.l-header .header_navi .gNav li a:hover:before,
.page-works .l-header .header_navi .gNav li.menu-item-object-works a:before {
  width: 100%;
  transform: translateX(0);
  transition: all .2s ease-out;
}

.l-header .header_navi .gNav li.for-sp {
  display: none;
}

.l-header .header_navi .exNav {
  margin: 25px 0 0 0;
  text-align: right;
  flex-grow: 1;
}
.l-header .header_navi .exNav li {
  display: inline-block;
  font-size: 1.3rem;
  margin-left: 5px;
}
.l-header .header_navi .exNav li a {
  display: block;
  position: relative;
  text-decoration: none;
  border: 1px solid #000;
  border-radius: 2em;
  padding: .1em 1.25em 0;
  line-height: 2.4275;
  background: #fff;
  font-weight: bold;
  text-align: center;
}
.l-header .header_navi .exNav li.exLine a {
  background: #21E167;
}

.l-header .header_navi .exNav li input#s {
  border: 1px solid #000;
  padding: .6em .6em .6em 2.2em;
  border-radius: 2em;
  font-size: 14px;
  background: #fff url("../images/common/icon-ex-search.png") no-repeat left center;
  background-size: contain;
}
@media screen and (min-width: 768px) and (max-width: 1420px) {
	.l-header .header_navi .exNav li input#s {
		width: 100px;
	}
	.l-header .header_navi .gNav li {
		font-size: 1.4rem;
		margin-left: 8px;
	}
	.l-header .header_navi .exNav li {
		font-size: 1rem;
		vertical-align: middle;
	}
	.l-header .header_navi .exNav li input#s {
		font-size: 1.1rem;
	}
}
@media screen and (min-width: 925px) and (max-width: 1024px) {
	.l-header .header_navi .gNav li {
		font-size: 1.2rem;
		margin-left: 6px;
	}
}
.l-header .header_navi .sns,
.topSNS {
  right: 0;
  top: calc(72px + 2.3rem + 30px);
  max-width: 1420px;
  margin: 0 auto;
/*  left: 0;*/
/*  display: none;*/
}
.page-top .l-header .header_navi .sns,
.topSNS {
  position: absolute;
/*  display: block;*/
}
@media screen and (max-width: 924px) {
    .l-header .header_navi .sns {
        display: block !important;
    }
	.l-header .header_navi .gNav li.current-menu-item a,
	.l-header .header_navi .gNav li a:hover,
	.page-works .l-header .header_navi .gNav li.menu-item-object-works a {
	  color: #000;
	}

}
@media screen and (max-width: 1420px) {
  .l-header { padding: 0 1.25%; }
  .l-header .header_navi .sns,
  .topSNS {
  	right: 1.25%;
  }
}

.l-header .header_navi .sns li,
.topSNS li {
  display: inline-block;
  font-size: 1.3rem;
  margin-left: 7px;
  vertical-align: top;
}

.l-header .header_navi .sns .youtube a,
.topSNS .youtube a {
  background-image: url("../images/common/iconsns-yt_s.png");
}

.l-header .header_navi .sns .twitter a,
.topSNS .twitter a {
  background-image: url("../images/common/iconsns-x_s.png");
}

.l-header .header_navi .sns .instagram a,
.topSNS .instagram a {
  background-image: url("../images/common/iconsns-insta_s.png");
}

.l-header .header_navi .sns .line a,
.topSNS .line a {
  background-image: url("../images/common/iconsns-line_s.png");
}

.l-header .header_navi .sns .tiktok a,
.topSNS .tiktok a {
  background-image: url("../images/common/iconsns-tt_s.png");
}
.l-header .header_navi .sns li a,
.topSNS li a {
  text-decoration: none;
  display: block;
  color: #fff;
  background: #000;
  border-radius: 0 0 5px 5px;
  width: 40px;
  height: 40px;
  line-height: 1;
  border-radius: 40px;
  background-position: left center;
  background-size: contain;
  background-repeat: no-repeat;
}
.l-header .header_navi .sns li a span,
.topSNS li a span {
  display: none;
}
.l-header .header_navi .sns li a:hover,
.topSNS li a:hover {
  opacity: .6;
}

.l-header .hamburger-menu {
  position: fixed;
  top: 40px;
  right: 40px;
  height: 20px;
  width: 28px;
  display: inline-block;
  box-sizing: border-box;
  cursor: pointer;
  display: none;
  z-index: 9999;
}

.l-header .hamburger-menu div {
  position: absolute;
  left: 0;
  height: 4px;
  width: 28px;
  background-color: #000;
  display: inline-block;
  box-sizing: border-box;
  transition: all .4s;
}

.l-header .hamburger-menu div:nth-of-type(1) {
  bottom: 20px;
}

.l-header .hamburger-menu div:nth-of-type(2) {
  bottom: 10px;
}

.l-header .hamburger-menu div:nth-of-type(3) {
  bottom: 0;
}

.l-header .hamburger-menu.active div {
  background-color: #fff;
}

.l-header .hamburger-menu.active div:nth-of-type(1) {
  transform: translateY(6px) rotate(-135deg);
  width: 28px;
  bottom: 17px;
}

.l-header .hamburger-menu.active div:nth-of-type(2) {
  opacity: 0;
}

.l-header .hamburger-menu.active div:nth-of-type(3) {
  transform: translateY(-6px) rotate(135deg);
  width: 28px;
  bottom: 5px;
}

@media screen and (max-width: 924px) {
  .l-header {
    width: 100%;
    padding: 10px;
  }
  .l-header .header-logo {
    width: 120px;
    margin: 0;
  }
  .l-header .header-logo img {
    height: 35px;
    width: auto;
  }
  .l-header .header_navi {
    position: fixed;
    z-index: 999;
    top: 0;
    right: -120%;
    width: 80%;
    height: 100vh;
    background: #000;
    transition: all 0.6s;
    overflow: auto;
  }
  .l-header .header_navi .gNav {
    margin: 50px 0 0 0;
  }
  .l-header .header_navi .gNav li {
    display: table;
    text-align: left;
    font-size: 1.5rem;
    padding: .75em 0;
    margin-left: 30px;
  }
  .l-header .header_navi .gNav li a {
    color: #fff;
  }
  .l-header .header_navi .gNav li a:before {
    background-color: #fff;
  }
  .l-header .header_navi .gNav li a:hover {
    color: #000;
  }
  .l-header .header_navi .gNav li.for-sp {
    display: table;
  }

  .l-header .header_navi .exNav {
    margin: 0;
  }
  .l-header .header_navi .exNav li {
    display: table;
    text-align: left;
    font-size: 1.1rem;
    padding: 1.2rem 0;
    margin: 0 30px;
  }
  .l-header .header_navi .exNav li.exMM {
  	float: left;
  	margin-right: 0;
  	width: calc(50% - 37.5px);
  }
  .l-header .header_navi .exNav li.exLine {
  	float: left;
	clear: right;
  	margin-left: 15px;
  	width: calc(50% - 37.5px);
  }
  .l-header .header_navi .exNav li input#s {
  	font-size: 16px;
  	box-sizing: border-box;
  	width: 100%;
  	padding: .4em .4em .4em 1.8em;
  }
  .l-header .header_navi .exNav li input#s,
  .l-header .header_navi .exNav li a {
  	border: none;
  }
  .l-header .header_navi .exNav li a:before {
    background-color: #fff;
  }
  .l-header .header_navi .exNav li a:hover {
    color: #000;
  }
  .l-header .header_navi .exNav li.for-sp {
    display: table;
  }

  .page-top .l-header .header_navi .sns,
  .l-header .header_navi .sns {
    position: static;
    margin-left: 30px;
    /*margin-top: 30px;*/
    margin-top: 0;
    width: auto;
  }
  .l-header .header_navi .sns li {
    display: block;
    text-align: left;
    padding: 1.5rem 0;
    margin: 0;
  }
  .l-header .header_navi .sns li a {
    /*height: 35px;*/
    width: auto;
    height: auto;
    background-size: 15px auto;
    background-position: left center;
    padding-left: 25px;
  }
  .l-header .header_navi .sns li a span {
    display: inline-block;
    
  }
  .l-header .header_navi .exNav li input#s::placeholder {
    font-size: 1.2rem;
  }
  .l-header .header_navi.panelactive {
    right: 0;
  }
  .l-header .hamburger-menu {
    display: block;
    top: 20px;
    right: 20px;
  }
}

@media screen and (min-width: 925px), print {
  .page-top .l-header,
  .l-header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    padding-bottom: 25px;
    background: rgba(255,255,255,0.8);
    backdrop-filter: blur(30px);
  }
/*
  .page-top .l-header .header_navi .gNav li a {
    color: #000;
  }
  .page-top .l-header .header_navi .gNav li a:hover {
    color: #fff;
  }
*/
}

/*------------------------------
footer
-------------------------------*/
.l-footer {
  background: #000;
  padding: 65px 0 20px;
  margin-top: 70px;
  color: #fff;
  position: relative;
  z-index: 1;
}

.l-footer a {
  color: #fff;
  text-decoration: none;
}

.l-footer .footer-inner {
  display: flex;
  width: 90%;
  max-width: 1420px;
  margin: 0 auto 80px;
}

.l-footer .footer-area-1 {
  width: 30%;
}

.l-footer .footer-area-1 .logo {
  width: 147px;
}

.l-footer .footer-area-1 p {
  font-size: 1rem;
  letter-spacing: 0.05em;
}

.l-footer .footer-area-2 {
  width: 200px;
}

.l-footer .footer-area-2 .fNav ul {
  margin-bottom: 2em;
}

.l-footer .footer-area-2 .fNav li {
  letter-spacing: 0.1em;
  margin-bottom: 0.4em;
}

.l-footer .footer-area-2 .fNav li a:hover {
  opacity: .6;
}

.l-footer .footer-area-3 {
  /*flex: 1;*/
  flex: 0.7;
}

.l-footer .footer-area-3 .sns dd {
  display: inline-block;
  font-size: 1.3rem;
  margin: 10px 6px 0 0;
  vertical-align: top;
  width: 136px;
  text-align: center;
}

.l-footer .footer-area-3 .sns dd a {
  text-decoration: none;
  display: block;
  color: #000;
  background: #fff;
  border-radius: 25px;
  height: 50px;
}

.l-footer .footer-area-3 .sns dd a span {
  padding: 0 0 0 20px;
  display: inline-block;
  margin-top: 14px;
}

.l-footer .footer-area-3 .sns dd a:hover {
  opacity: .6;
}

.l-footer .footer-area-3 .sns .youtube a {
  background: #fff url("../images/common/iconsns-youtube-b.png") no-repeat center;
  background-size: 64px auto;
}

.l-footer .footer-area-3 .sns .twitter a span {
  /*background: url("../images/common/iconsns-x-b.png") no-repeat center left;*/
  /*background-size: 15px auto;*/
  /*padding: 0 0 0 10px;*/
  background: url(../images/common/iconsns-x-b.png) no-repeat center top;
  /*background-size: contain;*/
  padding: 0 0 0 10px;
  background-size: 17px;
  margin-top: 17px;
}

.l-footer .footer-area-3 .sns .instagram a span {
  background: url("../images/common/iconsns-instagram-b.png") no-repeat center left;
  background-size: 15px auto;
}

.l-footer .footer-area-3 .sns .line a span {
  background: url("../images/common/iconsns-line-w.png") no-repeat center left;
  background-size: 22.5px auto;
  padding: 0 0 0 25px;
}

.l-footer .footer-area-3 .sns .tiktok a span {
  background: url("../images/common/iconsns-tiktok-b.png") no-repeat center left;
  background-size: 15px auto;
}

.l-footer .copyright {
  width: 90%;
  max-width: 1420px;
  margin: 0 auto;
  font-size: 1rem;
  letter-spacing: 0.1em;
  text-align: right;
}

@media screen and (max-width: 767px) {
  .l-footer .footer-inner {
    display: block;
    margin: 0 auto 40px;
  }
  .l-footer .footer-area-1 {
    width: 100%;
    margin-bottom: 30px;
  }
  .l-footer .footer-area-2 {
    width: 100%;
  }
  .l-footer .footer-area-3 {
    width: 100%;
  }
  .l-footer .footer-area-3 .sns dd {
    width: 30%;
  }
  .l-footer .footer-area-3 .sns dd a {
    height: 30px;
  }
  .l-footer .footer-area-3 .sns dd a span {
    margin-top: 5px;
  }

  .l-footer .footer-area-3 .sns .twitter a span{
    margin-top: 7px;
  }
}

/* フォームget new release */
.form-newrelease {
  position: relative;
}

.form-newrelease .nf-form-fields-required {
  display: none;
}

.form-newrelease .form-newrelease-content {
  padding: 0;
}

.form-newrelease .form-newrelease-content nf-fields-wrap {
  display: flex;
  width: 100%;
}

.form-newrelease .form-newrelease-content .nf-field-container {
  margin-bottom: 0;
}

.form-newrelease .form-newrelease-content .submit-wrap input[type=submit], .form-newrelease .form-newrelease-content .submit-wrap input[type=button] {
  border: 0;
  height: 80px;
  width: 170px;
  padding: 0 20px;
  background: #000;
  color: #fff;
  width: 100%;
  text-align: center;
  text-indent: 0;
}

.form-newrelease .form-newrelease-content .submit-wrap input[type=submit]:hover, .form-newrelease .form-newrelease-content .submit-wrap input[type=button]:hover {
  background: #666;
}

.form-newrelease .form-newrelease-content .nf-error.field-wrap .nf-field-element:after {
  top: 0;
  bottom: 0;
  right: 10px;
  margin: auto;
  width: 28px;
  height: 28px;
  line-height: 28px;
  font-style: 15px;
}

/*------------------------------
toppage
-------------------------------*/
/* top-slide-box(slick 2025) ---------*/
.wrapSlick .wrapTag {
  max-width: 1420px;
  padding: 24px 0;
  margin: auto;
  text-align: left;
  border-top: 2px solid #000;
}
@media screen and (max-width: 1420px) {
	.wrapSlick .wrapTag {
		padding: 20px;
	}
}
@media screen and (max-width: 924px) {
	.wrapSlick .wrapTag {
		padding: 10px 20px;
	}
}
@media screen and (max-width: 768px) {
	.wrapSlick .wrapTag {
		padding: 10px;
	}
}
.wrapSlick .tag {
  text-align: left;
}
.wrapSlick .tag a {
  font-size: 1.4rem;
  padding: 7px 1em;
  margin: 6px 6px 6px 0;
  background: #fff;
  border: 1px solid #000;
  color: #000;
  font-weight: 500;
  text-align: center;
  display: inline-block;
  text-decoration: none;
  border-radius: 20px;
}
.page-top .wrapSlick {
  text-align: center;
  background: #fff;
  padding: 0 0 3rem;
  margin-top: calc(72px + 2.3rem);
}
@media screen and (max-width: 924px) {
	.page-top .wrapSlick {
		margin-top: 0;
	}
}
.slide-navigation { margin-top: 1rem; }
.page-top .top-slide-box {
  max-width: 1420px;
  margin: auto;
  text-align: left;
}
.page-top .slide li.item {
  display: grid;
  grid-gap: 3rem;
  grid-template-columns: 1fr 1fr;
}
@media screen and (max-width: 1420px) {
 .page-top .slide li.item {
  padding: 0 20px;
 }
}
@media screen and (max-width: 924px) {
 .page-top .slide li.item {
  display: block;
  padding: 0 20px;
 }
}
@media screen and (max-width: 767px) {
 .page-top .slide li.item {
  display: block;
  padding: 0 10px;
 }
}
.page-top .slide li.item .wrapImg {
  overflow: hidden;
}
.page-top .slide li.item .wrapImg img {
  width: 100%;
/*  aspect-ratio: 40 / 21;*/
  object-fit: cover;
}
.page-top .slide li.item .wrapTxt {
  align-self: self-start;
/*  background: #FFF;*/
}
.page-top .slide li.item .wrapTxt .cat {
  margin: 0 0 1em;
  display: inline-block;
  width: 49%;
  text-align: left;
}
.page-top .slide li.item .wrapTxt .date {
  margin: 0 0 1em;
  display: inline-block;
  width: 49%;
  text-align: right;
}
@media screen and (max-width: 924px) {
	.page-top .slide li.item .wrapTxt .cat,
	.page-top .slide li.item .wrapTxt .date {
		margin-top: 1em;
	}
}
.page-top .slide li.item .wrapTxt .title {
  margin: 0;
  font-size: 3.5rem;
  font-weight: bold;
}
@media screen and (max-width: 767px) {
	.page-top .slide li.item .wrapTxt .title {
	  font-size: 2rem;
	}
}
.page-top .slide li.item .wrapTxt .excerpt {
  margin: 1em 0 0;
  text-align: justify;
/*  min-height: 8.7em;*/
}
.page-top .slide li.item .wrapTxt .excerpt a {
  text-decoration: none;
}
.page-top .slide li.item .wrapTxt .author {
  text-align: right;
  color: rgba(0, 0, 0, 0.5);
  display: flex;
/*  justify-content:flex-end;*/
  align-items: center;
  flex-direction: row-reverse;
  gap: 0 1rem;
}
.page-top .slide li.item .wrapTxt .author img {
  display: inline-block;
  width: 45px;
  height: auto;
}
@media screen and (max-width: 767px) {
	.page-top .slide li.item .wrapTxt .author img {
	  width: 35px;
	}
}
.page-top .slide li.item .wrapTxt .author .img {
  overflow: hidden;
}
.page-top .slide li.item .wrapTxt .author .name {
}
/* wrapTopIndex --------------------*/
.wrapTopIndex {
  max-width: 1420px;
  margin: auto;
  text-align: left;
  padding-top: 40px;
  border-top: 2px solid #000;
}
@media screen and (max-width: 1420px) {
	.wrapTopIndex {
		padding: 20px 20px 0;
	}
}
@media screen and (min-width: 925px) and (max-width: 1420px) {
	.page-template-default .l-primary .wrapTopIndex,
	.archive .l-primary .wrapTopIndex,
	.search .l-primary .wrapTopIndex {
		padding: 20px 0 0;
	}
}

.wrapTopIndex .secHed {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0;
  padding-bottom: 40px;
  align-items: center;
}
.wrapTopIndex .secHed h1,
.wrapTopIndex .secHed h2 {
  font-size: 5rem;
  line-height: 1.3;
}
@media screen and (max-width: 924px) {
	.wrapTopIndex .secHed h1,
	.wrapTopIndex .secHed h2 {
	  font-size: 4rem;
	}
}
@media screen and (max-width: 767px) {
	.wrapTopIndex .secHed h1,
	.wrapTopIndex .secHed h2 {
	  font-size: 3rem;
	}
}
.wrapTopIndex .secHed .hedIcon {
  padding-left: 1.5em;
}
.box-latest .secHed .hedIcon {
  background: url(/assets/images/common/iconhed-latest.png) no-repeat left top;
  background-size: 1.3em;
}
.box-characters .secHed .hedIcon {
  background: url(/assets/images/common/iconhed-characters.png) no-repeat left top;
  background-size: 1.3em;
}
.box-case .secHed .hedIcon {
  background: url(/assets/images/common/iconhed-case.png) no-repeat left top;
  background-size: 1.3em;
}
.box-popular .secHed .hedIcon {
  background: url(/assets/images/common/iconhed-popular.png) no-repeat left top;
  background-size: 1.3em;
}
.box-recruitment .secHed .hedIcon {
  background: url(/assets/images/common/iconhed-recruitment.png) no-repeat left top;
  background-size: 1.3em;
}
.box-information .secHed .hedIcon {
  background: url(/assets/images/common/iconhed-news.png) no-repeat left top;
  background-size: 1.3em;
}
.box-recommend .secHed .hedIcon {
  background: url(/assets/images/common/iconhed-recommend.png) no-repeat left top;
  background-size: 1.3em;
}
.tag.archive .secHed .hedIcon,
.tax-custom_work_tag .secHed .hedIcon,
.tax-custom_news_tag .secHed .hedIcon,
.search .secHed .hedIcon {
  background: url(/assets/images/common/iconhed-search.png) no-repeat left top;
  background-size: 1.3em;
}
.wrapTopIndex .secHed h2 a,
.wrapTopIndex .secHed h1 a {
  text-decoration: none;
}

.wrapTopIndex .secHed small {
  color: #747474;
  margin-left: .2em;
  font-size: 50%;
  font-family: 'Poppins', sans-serif;
  vertical-align: middle;
  text-transform: uppercase;
}
.wrapTopIndex .secHed .tag a {
  font-size: 1.4rem;
  padding: 7px 1em;
  margin: 6px 0 6px 6px;
  background: #fff;
  border: 1px solid #000;
  color: #000;
  font-weight: 500;
  text-align: center;
  display: inline-block;
  text-decoration: none;
  border-radius: 20px;
}
@media screen and (max-width: 924px) {
	.wrapTopIndex .secHed {
		padding-bottom: 10px;
	}
	.wrapTopIndex .secHed .tag {
		display: block;
		width: calc(100% + 6px);
		margin-left: -6px;
		margin-top: 6px;
	}
	.wrapSlick .tag a,
	.wrapTopIndex .secHed .tag a {
		font-size: 1rem;
	}
}
@media screen and (max-width: 767px) {
	.wrapTopIndex .secHed small {
		display: none;
	}
}
.wrapTopIndex .secBody .itemList ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin: 0;
  align-items: stretch;
  gap: 20px;
}
.wrapTopIndex .secBody .itemList ul li {
  width: calc((100% / 3) - ((20px * 2) / 3));
  transition: all .3s;
}
.page-top .wrapTopIndex .secBody .itemList ul li {
  width: calc((100% / 4) - ((20px * 3) / 4));
  transition: all .3s;
}
@media screen and (max-width: 924px) {
	.page-top .wrapTopIndex .secBody .itemList ul li {
	  width: calc((100% / 2) - ((20px * 1) / 2));
	}
}
@media screen and (max-width: 767px) {
	.wrapSlick .tag a,
	.wrapTopIndex .secHed .tag a {
		padding: 2px .5em;
	}
	.wrapTopIndex,
	.page-top .wrapTopIndex {
		padding-left: 10px;
		padding-right: 10px;
	}
	.wrapTopIndex .secBody .itemList ul {
		gap: 20px 10px;
	}
	.page-top .wrapTopIndex .secBody .itemList ul li,
	.wrapTopIndex .secBody .itemList ul li {
		width: calc((100% / 2) - ((10px * 1) / 2));
	}
}
.wrapTopIndex .wrapItemHead {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  margin: .2em 0;
  align-items: baseline;
}
.wrapTopIndex .secBody .itemList .item_title {
  font-size: 1.8rem;
  margin: 0;
  line-height: 1.4;
}
.wrapTopIndex .secBody .itemList .item_client_name {
  display: block;
}
.wrapTopIndex .wrapItemHead .cat {
  font-size: 1.4rem;
  font-weight: bold;
}
.wrapTopIndex .wrapItemHead .cat a {
	margin-right: .5em;
}
.wrapTopIndex .wrapItemHead .date {
  font-size: 1.4rem;
}
.wrapTopIndex .item_client_name {
  margin: .2em 0 0;
}

.page-top .box-recruitment {
  background: url(/assets/images/common/bg_recruitment.png) no-repeat center center;
  background-size: cover;
}
.box-recruitment .wrapTopIndex {
  border: none;
}
.box-recruitment .wrapTopIndex .secBody .itemList ul li {
  background-color: #fff;
  padding-bottom: 10px;
  overflow: hidden;
}
.box-recruitment .wrapTopIndex .wrapItemHead,
.box-recruitment .wrapTopIndex .secBody .itemList .item_title,
.box-recruitment .wrapTopIndex .secBody .itemList .item_client_name {
  padding: 0 10px;
}
.thumbRadius,
.box-recruitment .wrapTopIndex .secBody .itemList ul li {
  border-radius: .8em;
  border: 2px solid #000;
  box-sizing: border-box;
}
@media screen and (max-width: 767px) {
	.wrapTopIndex .wrapItemHead .cat,
	.wrapTopIndex .wrapItemHead .date,
	.wrapTopIndex .item_client_name {
		font-size: 78.5%;
	}
	.wrapTopIndex .item_client_name {
		margin: .2em 0 0;
	}
	.wrapTopIndex .secBody .itemList .item_title {
		font-size: 95%;
	}
}

/* top-slide --------------------*/
.top-slide-area {
  width: 100%;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
}

.top-slide-area:after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: .7;
  z-index: 1;
}

.top-slide-area .top-slide {
  position: relative;
  z-index: 0;
  /*.slide:nth-child(n+2) {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
    }
    .slide:nth-child(1) {
      z-index: 10;
    }
    .slide:nth-child(2) {
      z-index: 9;
    }
    .slide:nth-child(3) {
      z-index: 8;
    }
    .slide:nth-child(4) {
      z-index: 7;
    }
    .slide:nth-child(5) {
      z-index: 6;
    }*/
  /*.slide:nth-child(1) .img {
      transform: translateX(-20px) rotate(-4deg);
    }
    .slide:nth-child(2) .img {
      transform: rotate(7deg);
    }
    .slide:nth-child(3) .img {
      transform: translateY(10px) rotate(-2deg) ;
    }
    .slide:nth-child(4) .img {
      transform: translateX(-10px) rotate(2deg);
    }
    .slide:nth-child(5) .img {
      transform: rotate(3deg);
    }*/
  /*.slide.is_off {
      .txt {
        //visibility: hidden;
        //display: none;
        opacity: 0;
        pointer-events: none;
      }
    }
    .slide.is_current {
      .txt {
        display: block;
        visibility: visible;
        opacity: 1;
        //transform: all .3s ease-out;
        pointer-events: auto;
      }
    }*/
  /*.slide.to-left .img {
      transform:  translateX(-20%) scale(0.8);
      transition: transform .6s ease-out, opacity .9s ease-out;
    }
    .slide.to-right .img {
      transform:  translateX(20%) scale(0.8);
      transition: transform .6s ease-out, opacity .9s ease-out;
    }
    .slide.from-left .img {
      transform:  translateX(0) scale(1);
      opacity: 0;
      transition: none;
    }
    .slide.from-right .img {
      transform:  translateX(0) scale(1);
      opacity: 0;
      transition: none;
    }*/
}

.top-slide-area .top-slide .slide {
  position: relative;
  margin: 0;
  /*.img {
        max-width: 950px;
        width: 70%;
        padding: 5% 0;
        margin: 0 auto;
        text-align: center;
        background-size: 100% auto;

        img {
          width: 86%;
          margin: auto;
        }
      }*/
  /*.txt {
        text-align: right;
        max-width: 185px;
        width: 18%;
        position: absolute;
        right: 0;
        top: 50%;
        margin-top: -6em;
        .num {
          font-size: 1rem;
        }
        .pname {
          font-size: 1rem;
        }
        .title {
          font-size: 2.5rem;
          line-height: 1.2;
          margin: 0.7em 0;
        }
        .btn {
          font-size: 1.3rem;
          a {
            border: 1px solid #000;
            border-radius: 15px;
            text-decoration: none;
            padding: 0.3em 1em;
            &:hover{
              color: #fff;
              background: #000;
            }
          }
        }
      }*/
  /*.slide-nav {
        position: absolute;
        left: 0;
        top: 50%;
        margin-top: -1em;
        .prev {
          width: 0;
          height: 0;
          border-style: solid;
          border-width: 5.5px 7px 5.5px 0;
          border-color: transparent #000 transparent transparent;
          display: inline-block;
          margin-right: 10px;
        }
        .next {
          width: 0;
          height: 0;
          border-style: solid;
          border-width: 5.5px 0 5.5px 7px;
          border-color: transparent transparent transparent #000;
          display: inline-block;
          margin-right: 10px;
       }
        .counter {
          font-size: 2.5rem;
          display: inline-block;
          span {
            padding: 0 5px;
          }
        }
      }*/
}

.top-slide-area .top-slide .slide:before {
  content: '';
  display: block;
  position: relative;
  width: 100%;
  padding-bottom: 56.23333%;
}

.top-slide-area .top-slide .slide img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  transform: scale(1) rotate(0.1deg);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.top-slide-area .top-slide .slide.play img {
  transform: scale(1.04) rotate(0.1deg);
  transition: transform 3s cubic-bezier(0.36, 0.67, 0.79, 0.99);
}

.top-slide-area .kv_title {
  position: absolute;
  top: 0;
  left: 0;
  margin: auto;
  width: 100%;
  height: 100%;
  z-index: 2;
}

.top-slide-area .kv_title img {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: auto;
  transform: translate(-50%, -50%);
}

.top-slide-area .kv_title img.for-pc {
  display: block;
}

.top-slide-area .kv_title img.for-sp {
  display: none;
}

@media screen and (max-width: 767px) {
  .top-slide-area .kv_title img.for-pc {
    display: none;
  }
  .top-slide-area .kv_title img.for-sp {
    display: block;
  }
}

.top-kv-area {
  position: relative;
  line-height: 0;
}

.top-kv-area video {
  width: 100%;
  display: block;
}

.top-kv-area #Video_PC {
  display: block;
}

.top-kv-area #Video_SP {
  display: none;
}

.top-kv-area .kv_title {
  position: absolute;
  top: 0;
  left: 0;
  margin: auto;
  width: 100%;
  height: 100%;
  z-index: 2;
}

.top-kv-area .kv_title img {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: auto;
  transform: translate(-50%, -50%);
}

.top-kv-area .kv_title img.for-pc {
  display: block;
}

.top-kv-area .kv_title img.for-sp {
  display: none;
}

@media screen and (max-width: 640px) {
  .top-kv-area #Video_PC {
    display: none;
  }
  .top-kv-area #Video_SP {
    display: block;
  }
  .top-kv-area .kv_title img.for-pc {
    display: none;
  }
  .top-kv-area .kv_title img.for-sp {
    display: block;
  }
}

.top-lists-wrap {
  position: relative;
  margin: 100px 20px 0;
}

.top-lists-wrap canvas {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  touch-action: none;
}

@media screen and (min-width: 768px) and (max-width: 999px) {
  .top-lists-wrap {
    margin: 60px 15px 0;
  }
}

@media screen and (max-width: 767px) {
  .top-lists-wrap {
    margin: 40px 3% 0;
  }
}

.top-lists {
  width: 100%;
  margin: auto;
  position: relative;
  /*&:before {
    content: '';
    display: block;
    position: relative;
    padding-bottom: (66.66+25+50+66.66+50+25)*0.56*3%;
  }*/
}

.top-lists:after {
  content: '';
  display: table;
  clear: both;
}

.top-lists .top-list {
  display: block;
  position: relative;
  float: left;
  width: 25%;
  padding: 20px;
  z-index: 1;
}

.top-lists .top-list:before {
  content: '';
  display: block;
  position: relative;
  width: 100%;
}

.top-lists .top-list a {
  position: relative;
  display: block;
  overflow: hidden;
  line-height: 0;
}

.top-lists .top-list a:before {
  content: '';
  display: block;
  /*position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: #000;
        opacity: 0;
        transition: all .5s ease-out;
        z-index: 1;*/
  position: relative;
  width: 100%;
  padding-bottom: 56.25%;
}

.top-lists .top-list a img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  opacity: 0;
}

.top-lists .top-list a .txt {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-decoration: none;
  background: rgba(0, 0, 0, 0.6);
  font-size: 1rem;
  color: #fff;
  transition: all .3s ease-out;
  opacity: 0;
  padding: 20px 35px;
  box-sizing: border-box;
  letter-spacing: 0.1em;
  line-height: 1.5;
  z-index: 2;
}

.top-lists .top-list a .txt p {
  transform: translatex(-10px);
  transition: all .3s ease-out;
}

.top-lists .top-list a .txt p.credit:before {
  content: "";
  display: block;
  width: 4px;
  height: 1px;
  background: #fff;
  margin-bottom: 1em;
}

.top-lists .top-list a .txt p.credit:after {
  content: "";
  display: block;
  width: 4px;
  height: 1px;
  background: #fff;
  margin-top: 1em;
}

.top-lists .top-list a:hover {
  /*&:before {
        opacity: .6;
        transition: all .3s ease-out;
      }*/
}

.top-lists .top-list a:hover .txt {
  opacity: 1;
}

.top-lists .top-list a:hover .txt p {
  transform: translatex(0);
}

.top-lists .top-list canvas {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  touch-action: none;
  -o-object-fit: cover;
  object-fit: cover;
  transform: translate(-50%, -50%);
}

.top-lists .top-list:nth-child(4n+1) {
  clear: both;
}

.top-lists .w1 {
  width: 66.666%;
}

.top-lists .w2 {
  width: 50%;
}

.top-lists .w3 {
  width: 33.334%;
}

.top-lists .w4 {
  width: 25%;
}

@media screen and (min-width: 768px) and (max-width: 999px) {
  .top-lists .top-list {
    width: 33.33%;
    padding: 15px;
    /*a {
        top: 15px;
        left: 15px;
        width: calc(100% - 30px);
        height: calc(100% - 30px);
      }*/
  }
  .top-lists .top-list:nth-child(4n+1) {
    clear: none;
  }
  .top-lists .top-list:nth-child(3n+1) {
    clear: both;
  }
}

@media screen and (max-width: 767px) {
  .top-lists .top-list {
    position: relative;
    float: none;
    width: 100%;
    padding: 15px;
    /*a {
        top: 15px;
        left: 15px;
        width: calc(100% - 30px);
        height: calc(100% - 30px);
      }*/
  }
  .top-lists .top-list:nth-child(4n+1) {
    clear: both;
  }
  .top-lists .top-list:nth-child(3n+1) {
    clear: both;
  }
  .top-lists .w1 {
    width: 100%;
  }
  .top-lists .w2 {
    width: 100%;
  }
  .top-lists .w3 {
    width: 100%;
  }
  .top-lists .w4 {
    width: 100%;
  }
}

.vhs-filter {
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}

.vhs-filter img {
  display: block;
}

.vhs-filter__r, .vhs-filter__g {
  left: 0;
  mix-blend-mode: screen;
  position: absolute;
  top: 0;
  transition: transform .4s;
  z-index: 1;
}

.vhs-filter__r {
  filter: url("#r");
  transform: translate(1px, 8px);
  transform: translate(0);
}

.vhs-filter__g {
  filter: url("#g");
  transform: translate(-2px, -1px);
  transform: translate(0);
}

.vhs-filter__b {
  filter: url("#b");
}

.vhs-filter:hover .vhs-filter__r,
.vhs-filter:hover .vhs-filter__g {
  transform: translate(0);
}

@-webkit-keyframes anim-r {
  0% {
    transform: translate(-2px, -1px);
  }
  30% {
    transform: translate(2px, 3px);
  }
  50% {
    transform: translate(0px, -2px);
  }
  70% {
    transform: translate(-1px, 0px);
  }
  100% {
    transform: translate(-2px, -1px);
  }
}

@keyframes anim-r {
  0% {
    transform: translate(-2px, -1px);
  }
  30% {
    transform: translate(2px, 3px);
  }
  50% {
    transform: translate(0px, -2px);
  }
  70% {
    transform: translate(-1px, 0px);
  }
  100% {
    transform: translate(-2px, -1px);
  }
}

@-webkit-keyframes anim-g {
  0% {
    transform: translate(1px, 1px);
  }
  40% {
    transform: translate(-1px, 2px);
  }
  50% {
    transform: translate(0px, 2px);
  }
  60% {
    transform: translate(-2px, -2px);
  }
  100% {
    transform: translate(1px, 1px);
  }
}

@keyframes anim-g {
  0% {
    transform: translate(1px, 1px);
  }
  40% {
    transform: translate(-1px, 2px);
  }
  50% {
    transform: translate(0px, 2px);
  }
  60% {
    transform: translate(-2px, -2px);
  }
  100% {
    transform: translate(1px, 1px);
  }
}

.top-lists.is-filter .vhs-filter__r {
  transform: translate(2px, 3px);
  -webkit-animation-name: anim-r;
  animation-name: anim-r;
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: cubic-bezier(0.39, 0.04, 0.3, 0.96);
  animation-timing-function: cubic-bezier(0.39, 0.04, 0.3, 0.96);
}

.top-lists.is-filter .vhs-filter__g {
  transform: translate(-2px, -2px);
  -webkit-animation-name: anim-g;
  animation-name: anim-g;
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

#rgb-svg {
  display: none;
}

/*------------------------------
about
-------------------------------*/
.page-about .sec-lead .inner {
  width: 90%;
  max-width: 1080px;
  margin: 0 auto 0;
}

.page-about .sec-lead .midashi {
  font-size: 2.4rem;
}

.page-about .sec-lead .midashi:before {
  content: "";
  display: inline-block;
  height: 3px;
  width: 20px;
  background: #000;
  transform: rotate(-45deg);
  vertical-align: middle;
  margin-right: 10px;
}

.page-about .sec-lead .lead-l {
  font-size: 5.6rem;
  font-weight: 700;
  margin-top: 0.3em;
}

.page-about .sec-lead .lead-l .word {
  position: relative;
  display: inline-block;
  border-bottom: 6px solid #000;
  overflow: hidden;
}

.page-about .sec-lead .lead-l span {
  display: block;
}

.page-about .sec-lead .lead-l.scrollIn .word span {
  opacity: 0;
  transform: translateY(105%);
  transition: opacity .4s ease-out, transform .6s ease-out;
}

.page-about .sec-lead .lead-l.scrollIn.show .word span {
  visibility: visible;
  opacity: 1;
  transform: translateY(0);
}

.page-about .sec-lead .lead-l.scrollIn .word:nth-child(2) span {
  transition-delay: .1s;
}

.page-about .sec-lead .lead-l.scrollIn .word:nth-child(3) span {
  transition-delay: .2s;
}

.page-about .sec-lead .lead-l.scrollIn .word:nth-child(4) span {
  transition-delay: .3s;
}

.page-about .sec-lead p {
  font-size: 2.8rem;
  margin-top: 2em;
  letter-spacing: 0.1em;
  line-height: 2em;
}

.page-about .sec-lead .credit {
  font-size: 2.0rem;
  letter-spacing: 0;
  line-height: 1.8em;
}

.page-about .midashi-line {
  position: relative;
  font-size: 2.4rem;
  overflow: hidden;
}

.page-about .midashi-line:before {
  content: '';
  display: block;
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 3px;
  margin-bottom: .6em;
  background: #000;
}

.page-about .midashi-line.scrollIn:before {
  width: 0;
  transform: translateX(-5px);
  transition: all 1s ease-out;
}

.page-about .midashi-line.scrollIn.show:before {
  width: 100%;
  transform: translateX(0);
}

.page-about .about-mission {
  background: #fff;
}

.page-about .about-mission .inner {
  padding: 180px 0;
}

.page-about .about-mission .mission-body {
  margin: 0 0 0 19%;
}

.page-about .about-vision .lead-l {
  padding-right: 60px;
  font-size: 5rem;
}

.page-about .about-vision .inner {
  padding: 130px 0;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.page-about .about-vision .inner .img {
  /*position: absolute;
        top: 50px;
        right: 0;*/
  width: 40%;
  max-width: 400px;
}

.page-about .about-vision .inner .midashi {
  order: 1;
  width: 100%;
}

.page-about .about-vision .inner .lead-l {
  order: 2;
  flex: 1;
}

.page-about .about-vision .inner .img {
  order: 3;
}

.page-about .about-vision .inner p {
  order: 4;
  width: 100%;
}

.page-about .about-advantage {
  background: url("../images/about/advantage-img01.png") no-repeat top left;
  background-size: 50% auto;
  padding: 130px 0;
}

.page-about .about-advantage .inner {
  width: 90%;
  max-width: 1080px;
  margin: 0 auto 0;
}

.page-about .about-advantage .img {
  padding: 0 0 0 28%;
  line-height: 0;
}

.page-about .about-advantage .advantage-list {
  padding: 60px 0 0 28%;
}

.page-about .about-advantage .advantage-list .advantage-box {
  background: #fff;
  padding: 0 45px 0 35px;
  width: 100%;
  display: table;
  border-bottom: 1px solid #a5a5a5;
  min-height: 244px;
}

.page-about .about-advantage .advantage-list .advantage-box .title-box {
  display: table-cell;
  vertical-align: middle;
  width: 30%;
}

.page-about .about-advantage .advantage-list .advantage-box .title-box .num {
  font-size: 1.5rem;
  vertical-align: middle;
}

.page-about .about-advantage .advantage-list .advantage-box .title-box .num:after {
  content: "";
  display: inline-block;
  height: 3px;
  width: 15px;
  margin-left: 15px;
  vertical-align: middle;
  background: #000;
  margin-bottom: 4px;
}

.page-about .about-advantage .advantage-list .advantage-box .title-box .title {
  font-size: 1.8rem;
  color: #fff;
  background: #000;
  padding: 5px 1em;
  letter-spacing: 0.1em;
  width: 120px;
  text-align: center;
  display: inline-block;
}

.page-about .about-advantage .advantage-list .advantage-box p {
  display: table-cell;
  vertical-align: middle;
  font-size: 2rem;
  letter-spacing: 0.05em;
}

.page-about .about-achievements {
  background: #000;
  color: #fff;
  text-align: center;
  padding: 100px 0;
}

.page-about .about-achievements .midashi-line-wht {
  font-size: 2.4rem;
  letter-spacing: 0.05em;
}

.page-about .about-achievements .midashi-line-wht span {
  border-bottom: 1px solid #fff;
}

.page-about .about-achievements .data {
  max-width: 768px;
  width: 80%;
  margin: 80px auto 45px;
  position: relative;
}

.page-about .about-achievements .data dl {
  display: flex;
  flex-wrap: wrap;
  width: calc(100% - 210px);
}

.page-about .about-achievements .data dt {
  width: 106px;
  margin-bottom: 10px;
  background-color: #fff;
  color: #000;
  font-size: 1.8rem;
  padding: 2px 0 2px 0;
}

.page-about .about-achievements .data dd {
  width: calc(100% - 106px);
  margin-bottom: 10px;
  font-size: 1.4rem;
  text-align: left;
  padding: 5px 0 5px 20px;
}

.page-about .about-achievements .data .btn {
  width: 195px;
  position: absolute;
  top: 0;
  right: 0;
}

.page-about .about-achievements .data .btn a {
  background: #fff;
  font-size: 1.4rem;
  color: #000;
  text-decoration: none;
  font-weight: 500;
  display: block;
  padding: 2em 0;
  position: relative;
  z-index: 1;
}

.page-about .about-achievements .data .btn a:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  background: #333;
  transform-origin: 100% 50%;
  transform: scaleX(0);
  transition: transform ease .3s;
}

.page-about .about-achievements .data .btn a:after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5.5px 0 5.5px 7px;
  border-color: transparent transparent transparent #000;
  display: block;
  position: absolute;
  right: 20px;
  top: 50%;
  margin-top: -5px;
}

.page-about .about-achievements .data .btn a:hover {
  color: #fff;
}

.page-about .about-achievements .data .btn a:hover:before {
  transform-origin: 0% 50%;
  transform: scaleX(1);
}

.page-about .about-achievements .data .btn a:hover:after {
  border-color: transparent transparent transparent #fff;
}

.page-about .about-achievements .img-box {
  position: relative;
  max-width: 980px;
  margin: 0 auto;
}

.page-about .about-achievements .img-box .youtube {
  position: relative;
  overflow: hidden;
}

.page-about .about-achievements .img-box .youtube .thumb {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

.page-about .about-achievements .img-box .img {
  max-width: 768px;
  width: 80%;
  margin: 0 auto;
}

.page-about .about-achievements .img-box .num {
  position: absolute;
  left: 0;
  top: 50%;
  font-size: 2.4rem;
  transform: translateY(-50%);
}

.page-about .about-achievements .img-box .num:before {
  content: "";
  width: 18px;
  height: 2px;
  background: #fff;
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
}

.page-about .about-achievements .img-box .next {
  position: absolute;
  right: 40px;
  top: 50%;
  width: 26px;
  height: 20px;
  margin-top: -10px;
  background: url("../images/common/arrow-w.png") no-repeat top right;
}

.slick-prev:before{
  background: url(/assets/images/common/arrow-prev-w-56.png)!important;
}
.slick-next:before{
  background: url(/assets/images/common/arrow-next-w-56.png)!important;
}
.slick-arrow:before {
  content:""!important;
  width: 100%!important;
  height: 100%!important;
  position: absolute;
  top: 0;
  left: 0;
  background-size: contain!important;
}

.page-about .about-achievements button.slick-next.slick-arrow {
  top: auto;
  bottom: 196px;
  width: 26px;
  height: 20px;
  right: calc(50% - 440px);
  transform: translateY(-50%);
}

.page-about .about-achievements button.slick-next.slick-arrow:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 26px;
  height: 20px;
  opacity: 1;
  background: url(../images/common/arrow-w.png) no-repeat center center;
  background-size: contain;
}

@media screen and (min-width: 768px) and (max-width: 999px) {
  .page-about .about-achievements button.slick-next.slick-arrow {
    bottom: 19.8vw;
    right: 5%;
  }
}

@media screen and (max-width: 767px) {
  .page-about .about-achievements button.slick-next.slick-arrow {
    bottom: 18vw;
    right: 2%;
    width: 6%;
  }
  .page-about .about-achievements button.slick-next.slick-arrow:before {
    width: 100%;
  }
}

.page-about .about-company .inner {
  width: 90%;
  max-width: 1080px;
  margin: 145px auto 0;
}

.page-about .about-company .company-table {
  max-width: 480px;
  margin: 90px auto 0;
  font-size: 1.4rem;
}

.page-about .about-company .company-table table {
  width: 100%;
}

.page-about .about-company .company-table th {
  width: 50%;
  text-align: left;
  height: 70px;
  position: relative;
}

.page-about .about-company .company-table th:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 6px;
  height: 6px;
  background: #000;
  border-radius: 5px;
  margin-right: 10px;
}

.page-about .about-company .company-table td {
  width: 50%;
  height: 70px;
  font-weight: 500;
  letter-spacing: 0.05em;
}

.page-about .about-company .company-table .btn-bg {
  text-align: right;
}

.page-about .about-company .map .btn-bg {
  display: table;
  margin: 20px auto;
}

.page-about .about-company .mapimg {
  margin: 20px auto;
}

.page-about .about-company .mapimg img {
  width: 100%;
}

.page-about .about-client .inner {
  width: 90%;
  max-width: 1080px;
  margin: 115px auto 0;
}

.page-about .about-client .inner .client-list {
  margin: 80px 0 0 0;
}

.page-about .about-client .inner .client-list ul {
  display: flex;
  flex-wrap: wrap;
}

.page-about .about-client .inner .client-list ul li {
  width: 18.4%;
  background: #fff;
  margin: 0 2% 2% 0;
}

.page-about .about-client .inner .client-list ul li a {
  text-align: center;
  display: block;
}

.page-about .about-client .inner .client-list ul li:nth-of-type(5n) {
  margin-right: 0;
}

.page-about .about-profile {
  width: 90%;
  max-width: 1080px;
  margin: 140px auto 0;
  background: #fff;
  padding: 70px;
  display: table;
}

.page-about .about-profile .img {
  display: table-cell;
  vertical-align: middle;
  width: 216px;
}

.page-about .about-profile .img img {
  border-radius: 100%;
}

.page-about .about-profile .txt {
  display: table-cell;
  vertical-align: middle;
  padding-left: 40px;
  font-weight: 500;
  position: relative;
}

.page-about .about-profile .txt .name {
  font-size: 1.4rem;
}

.page-about .about-profile .txt .name strong {
  font-size: 3rem;
}

.page-about .about-profile .txt .name:after {
  content: "";
  display: block;
  height: 3px;
  width: 13px;
  vertical-align: middle;
  background: #000;
  margin: 10px 0 10px;
}

.page-about .about-profile .txt p {
  font-size: 1.4rem;
  font-weight: 500;
}

.page-about .about-profile .txt .sns li {
  width: 20px;
  height: 20px;
  display: inline-block;
  margin-right: 10px;
}

.page-about .about-profile .txt .sns li a {
  display: block;
  width: 20px;
  height: 20px;
}

.page-about .about-profile .txt .sns li a:hover {
  opacity: .5;
}

.page-about .about-profile .txt .sns .fb a {
  background: url("../images/common/iconsns-fb-b.png") no-repeat;
  background-size: 20px;
}

.page-about .about-profile .txt .sns .tw a {
  background: url("../images/common/iconsns-x-b.png") no-repeat;
  background-size: 20px;
}

.page-about .about-profile .txt .more {
  position: absolute;
  right: 0;
  bottom: 0;
  font-size: 1.4rem;
}

.page-about .about-profile .txt .more a {
  text-decoration: none;
}

.page-about .about-profile .txt .more a:after {
  content: '';
  display: inline-block;
  margin: 0 0 3px 5px;
  width: 7px;
  height: 7px;
  vertical-align: middle;
  border-right: 2px solid #000;
  border-bottom: 2px solid #000;
  transform: rotate(-45deg);
}

.page-about .about-profile .txt .more a:hover {
  opacity: .5;
}

.page-about .about-profile .txt .twitter-box {
  position: absolute;
  right: 0;
  top: 0;
  background: #000;
  width: 250px;
}

.page-about .about-profile .txt .twitter-box a {
  text-decoration: none;
  display: block;
  color: #fff;
  font-size: 1.3rem;
  text-align: center;
  padding: 1em 0;
  position: relative;
  z-index: 1;
}

.page-about .about-profile .txt .twitter-box a:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  background: #ddd;
  transform-origin: 100% 50%;
  transform: scaleX(0);
  transition: transform ease .3s;
}

.page-about .about-profile .txt .twitter-box a:hover {
  color: #000;
}

.page-about .about-profile .txt .twitter-box a:hover:before {
  transform-origin: 0% 50%;
  transform: scaleX(1);
}

@media screen and (min-width: 1000px) and (max-width: 1399px) {
  .page-about .sec-lead .lead-l {
    font-size: 5vw;
  }
  .page-about .about-vision .lead-l {
    font-size: 4rem;
  }
}

@media screen and (min-width: 768px) and (max-width: 999px) {
  .page-about .sec-lead .lead-l {
    font-size: 6vw;
  }
  .page-about .about-vision .lead-l {
    margin-right: 0;
    padding: 0;
    font-size: 6vw;
  }
  .page-about .about-vision .inner {
    display: block;
    padding: 80px 0;
  }
  .page-about .about-vision .inner .img {
    position: static;
    width: 80%;
    max-width: 400px;
    margin: 50px auto 20px;
  }
  .page-about .about-vision .inner .midashi {
    order: 1;
  }
  .page-about .about-vision .inner .lead-l {
    order: 1;
  }
  .page-about .about-vision .inner .img {
    order: 1;
  }
  .page-about .about-vision .inner p {
    order: 1;
  }
  .page-about .about-profile .txt .twitter-box {
    position: static;
    width: 100%;
    margin-top: 20px;
  }
  .page-about .about-profile .txt .more {
    position: static;
  }
}

@media screen and (max-width: 767px) {
  .page-about .sec-lead .inner {
    width: 90%;
  }
  .page-about .sec-lead .midashi {
    font-size: 1.8rem;
  }
  .page-about .sec-lead .lead-l {
    font-size: 6vw;
  }
  .page-about .sec-lead .lead-l .word {
    border-width: 3px;
  }
  .page-about .sec-lead p {
    font-size: 1.5rem;
  }
  .page-about .sec-lead .credit {
    font-size: 1.3rem;
  }
  .page-about .midashi-line {
    font-size: 2rem;
  }
  .page-about .midashi-line:befor {
    margin-bottom: .3em;
  }
  .page-about .about-mission .inner {
    padding: 80px 0;
  }
  .page-about .about-mission .mission-body {
    margin: 0 0 0 13%;
  }
  .page-about .about-vision .lead-l {
    margin-right: 0;
    padding: 0;
  }
  .page-about .about-vision .inner {
    display: block;
    padding: 80px 0;
  }
  .page-about .about-vision .inner .img {
    position: static;
    width: 80%;
    max-width: 400px;
    margin: 50px auto 20px;
  }
  .page-about .about-vision .inner .midashi {
    order: 1;
  }
  .page-about .about-vision .inner .lead-l {
    order: 1;
  }
  .page-about .about-vision .inner .img {
    order: 1;
  }
  .page-about .about-vision .inner p {
    order: 1;
  }
  .page-about .about-advantage {
    padding: 20% 0;
    background-size: 80% auto;
  }
  .page-about .about-advantage .midashi-line {
    margin-bottom: 1em;
  }
  .page-about .about-advantage .img {
    padding: 0 0 0 15%;
  }
  .page-about .about-advantage .advantage-list {
    padding: 20px 0 0 15%;
  }
  .page-about .about-advantage .advantage-list .advantage-box {
    padding: 20px 25px 0 25px;
    display: block;
    min-height: inherit;
  }
  .page-about .about-advantage .advantage-list .advantage-box .title-box {
    display: block;
    width: 100%;
  }
  .page-about .about-advantage .advantage-list .advantage-box .title-box .num {
    font-size: 1.5rem;
    vertical-align: middle;
  }
  .page-about .about-advantage .advantage-list .advantage-box .title-box .num:after {
    content: "";
    display: inline-block;
    height: 3px;
    width: 15px;
    margin-left: 15px;
    vertical-align: middle;
    background: #000;
    margin-bottom: 4px;
  }
  .page-about .about-advantage .advantage-list .advantage-box .title-box .title {
    font-size: 1.6rem;
  }
  .page-about .about-advantage .advantage-list .advantage-box p {
    display: block;
    font-size: 1.5rem;
  }
  .page-about .about-achievements {
    padding: 60px 0;
  }
  .page-about .about-achievements .data {
    width: 80%;
    margin: 40px auto 20px;
  }
  .page-about .about-achievements .data dl {
    display: block;
    width: 100%;
  }
  .page-about .about-achievements .data dt {
    font-size: 1.5rem;
  }
  .page-about .about-achievements .data dd {
    width: 100%;
    margin-bottom: 10px;
    padding: 5px 0 5px 0;
  }
  .page-about .about-achievements .data .btn {
    width: 100%;
    position: static;
  }
  .page-about .about-achievements .data .btn a {
    padding: 1em 0;
  }
  .page-about .about-achievements .img-box {
    /*.next {
          right: 15px;
        }*/
  }
  .page-about .about-achievements .img-box .num {
    position: relative;
    top: 0;
    text-align: left;
    transform: none;
  }
  .page-about .about-company .inner {
    margin: 80px auto 0;
  }
  .page-about .about-company .company-table {
    max-width: 100%;
    margin: 50px auto 0;
  }
  .page-about .about-client .inner {
    margin: 80px auto 0;
  }
  .page-about .about-client .inner .client-list {
    margin: 40px 0 0 0;
  }
  .page-about .about-client .inner .client-list ul {
    display: flex;
    flex-wrap: wrap;
  }
  .page-about .about-client .inner .client-list ul li {
    width: 49%;
  }
  .page-about .about-client .inner .client-list ul li:nth-of-type(5n) {
    margin-right: 2%;
  }
  .page-about .about-client .inner .client-list ul li:nth-of-type(2n) {
    margin-right: 0;
  }
  .page-about .about-profile {
    margin: 80px auto 0;
    padding: 30px;
    display: block;
  }
  .page-about .about-profile .img {
    display: block;
    width: 216px;
    text-align: center;
    margin: 0 auto;
  }
  .page-about .about-profile .txt {
    display: block;
    padding-left: 0;
    margin-top: 30px;
  }
  .page-about .about-profile .txt .name strong {
    line-height: 1em;
    display: block;
  }
  .page-about .about-profile .txt .twitter-box {
    position: static;
    width: 100%;
    margin-top: 20px;
  }
  .page-about .about-profile .txt .more {
    position: static;
  }
}

/*------------------------------
introduction
-------------------------------*/
.page-introduction .introduction-box {
  width: 90%;
  max-width: 1220px;
  margin: 110px auto;
}

.page-introduction .introduction-box .pagetitle {
  top: 0;
  z-index: 1;
}

.page-introduction .introduction-box .text {
  position: relative;
  background: #fff;
  padding: 60px 60px 60px 20%;
  margin: 9% 0 0 20%;
  letter-spacing: 0.1em;
}

.page-introduction .introduction-box .text .name {
  font-size: 8.3rem;
  font-weight: 700;
}

.page-introduction .introduction-box .text p {
  font-size: 1.4rem;
  line-height: 2.2em;
  font-weight: 500;
}

.page-introduction .introduction-box .img {
  position: absolute;
  left: 5%;
  width: 16%;
  line-height: 0;
}

.page-introduction .introduction-box .img img {
  max-width: 100%;
  border-radius: 100%;
}

.page-introduction .introduction-box .youtube {
  position: relative;
  margin: 80px 0 0 20%;
}

.page-introduction .introduction-box .youtube .bnr {
  position: relative;
  margin-right: 30px;
  line-height: 0;
}

.page-introduction .introduction-box .youtube .link {
  width: 390px;
  margin: -6% 0 0 auto;
  text-align: center;
}

.page-introduction .introduction-box .youtube .link a {
  display: block;
  background: #000;
  color: #fff;
  font-size: 2.7rem;
  font-weight: 700;
  text-decoration: none;
  padding: 1em 0;
  position: relative;
  z-index: 1;
}

.page-introduction .introduction-box .youtube .link a:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  background: #ddd;
  transform-origin: 100% 50%;
  transform: scaleX(0);
  transition: transform ease .3s;
}

.page-introduction .introduction-box .youtube .link a:hover {
  color: #000;
}

.page-introduction .introduction-box .youtube .link a:hover:before {
  transform-origin: 0% 50%;
  transform: scaleX(1);
}

@media screen and (max-width: 767px) {
  .page-introduction .introduction-box {
    margin: 60px auto;
  }
  .page-introduction .introduction-box .text {
    background: #fff;
    padding: 30px 30px 30px;
    margin: 10% 0 0 18%;
  }
  .page-introduction .introduction-box .text .name {
    font-size: 3.3rem;
  }
  .page-introduction .introduction-box .img {
    position: relative;
    top: 0;
    left: 0;
    width: 45%;
    margin: auto auto 20px;
  }
  .page-introduction .introduction-box .youtube {
    margin: 50px 0 0 18%;
  }
  .page-introduction .introduction-box .youtube .link {
    width: auto;
    margin-top: -2%;
    margin-left: 20px;
  }
  .page-introduction .introduction-box .youtube .link a {
    font-size: 1.3em;
  }
}

/*------------------------------
news
-------------------------------*/
.page-news .news-box {
/*
  width: 90%;
  max-width: 1420px;
*/
  margin: 0 auto;
}

.page-news .search-area .search-list {
  max-width: 850px;
}

.page-news .news-index {
/*
  width: 90%;
  max-width: 1420px;
  padding-top: 70px;
*/
  margin: 0 auto;
}

.page-news .news-index .news-list {
  margin: 25px 0 0 12%;
}

.page-news .news-index .news-list a {
  position: relative;
  color: #fff;
  background: #808080 url("../images/common/arrow-w.png") no-repeat center right 5%;
  text-decoration: none;
  display: block;
  padding: 32px 20% 32px 110px;
  min-height: 195px;
  position: relative;
}

.page-news .news-index .news-list a .thumb {
  position: absolute;
  top: 50%;
  left: 0;
  width: 130px;
  height: 130px;
  border: 13px solid #808080;
  border-radius: 70px;
  overflow: hidden;
  transform: translate(-50%, -50%);
}

.page-news .news-index .news-list a .thumb img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.page-news .news-index .news-list a .date {
  font-size: 2rem;
  letter-spacing: 0.1em;
}

.page-news .news-index .news-list a .date .icon-new {
  background: #fff;
  color: #808080;
  font-size: 1.6rem;
  padding: 0 2px 0 4px;
  margin-right: 10px;
  display: inline-block;
  line-height: 1.2;
}

.page-news .news-index .news-list a .date:after {
  content: "";
  display: block;
  height: 1px;
  width: 7px;
  background: #fff;
  margin: 9px 0 3px;
}

.page-news .news-index .news-list a h2 {
  font-size: 2.5rem;
  font-weight: 400;
  letter-spacing: 0.1em;
}

.page-news .news-index .news-list a:hover {
  background: #000 url("../images/common/arrow-w.png") no-repeat center right 3%;
}

.page-news .news-index .news-list a:hover .thumb {
  border-color: #000;
}

.page-news .news-index .news-list a:hover .date .icon-new {
  color: #000;
}

.page-news .news-index .btn-bg {
  text-align: right;
  margin-top: 30px;
}

.page-news .news-index .btn-bg a {
  padding: 1.5em 8em;
}

@media screen and (max-width: 767px) {
  .page-news .news-index .news-list a {
    padding: 32px 20% 32px 80px;
    min-height: inherit;
  }
  .page-news .news-index .news-list a .thumb {
    width: 100px;
    height: 100px;
    border: 10px solid #808080;
  }
  .page-news .news-index .news-list a .thumb img {
    height: 100px;
  }
  .page-news .news-index .news-list a .date {
    font-size: 1.5rem;
    letter-spacing: 0.1em;
  }
  .page-news .news-index .news-list a .date .icon-new {
    background: #fff;
    color: #808080;
    font-size: 1.6rem;
    padding: 0 2px 0 4px;
    margin-right: 10px;
    display: inline-block;
    line-height: 1.2;
  }
  .page-news .news-index .news-list a h2 {
    font-size: 1.6rem;
  }
  .page-news .news-index .news-list a:hover {
    background: #000 url("../images/common/arrow-w.png") no-repeat center right 3%;
  }
  .page-news .news-index .news-list a:hover .date .icon-new {
    color: #000;
  }
  .page-news .news-index .btn-bg {
    text-align: right;
    margin-top: 30px;
  }
  .page-news .news-index .btn-bg a {
    padding: 1.5em 8em;
  }
}

/*------------------------------
blog
-------------------------------*/
.page-blog .news-box {
  width: 90%;
  max-width: 1420px;
  margin: 0 auto;
}

.page-blog .search-area .search-list {
  max-width: 850px;
}

.page-blog .blog-index {
  width: 90%;
  max-width: 1420px;
  margin: 0 auto;
  padding-top: 70px;
}

.page-blog .blog-index .blog-list {
  margin: 25px 0 0 12%;
}

.blog-index {
  margin: 0 auto;
}

.blog-index .blog-list {
  margin: 25px 0 0 0;
}

.blog-index .blog-list a {
  display: flex;
  align-items: center;
  width: 100%;
  color: #fff;
  background: #808080 url("../images/common/arrow-w.png") no-repeat center right 5%;
  text-decoration: none;
  padding: 32px 60px 32px 32px;
  min-height: 195px;
  position: relative;
}

.blog-index .blog-list a .thumb {
  position: relative;
  width: 50%;
  max-width: 300px;
  margin-right: 30px;
  overflow: hidden;
  line-height: 0;
}

.blog-index .blog-list a .thumb:before {
  content: '';
  display: block;
  position: relative;
  width: 100%;
  padding-bottom: 65%;
}

.blog-index .blog-list a .thumb img {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.blog-index .blog-list a .text {
  flex: 1;
}

.blog-index .blog-list a .date {
  font-size: 2rem;
  letter-spacing: 0.1em;
}

.blog-index .blog-list a .date .icon-new {
  background: #fff;
  color: #808080;
  font-size: 1.6rem;
  padding: 0 2px 0 4px;
  margin-right: 10px;
  display: inline-block;
  line-height: 1.2;
}

.blog-index .blog-list a .date:after {
  content: "";
  display: block;
  height: 1px;
  width: 7px;
  background: #fff;
  margin: 9px 0 3px;
}

.blog-index .blog-list a h2 {
  font-size: 2.5rem;
  font-weight: 400;
  letter-spacing: 0.1em;
}

.blog-index .blog-list a:hover {
  background: #000 url("../images/common/arrow-w.png") no-repeat center right 3%;
}

.blog-index .blog-list a:hover .date .icon-new {
  color: #000;
}

.blog-index .btn-bg {
  text-align: right;
  margin-top: 30px;
}

@media screen and (min-width: 768px) and (max-width: 999px) {
  .blog-index .blog-list a h2 {
    font-size: 1.8rem;
    letter-spacing: 0;
  }
}

@media screen and (max-width: 767px) {
  .blog-index .blog-list a {
    display: block;
    padding: 20px 15% 20px 20px;
    min-height: inherit;
  }
  .blog-index .blog-list a .thumb {
    width: 100%;
    max-width: 100%;
    margin: 0 0 20px;
  }
  .blog-index .blog-list a .thumb:before {
    padding-bottom: 60%;
  }
  .blog-index .blog-list a .date {
    font-size: 1.5rem;
    letter-spacing: 0.1em;
  }
  .blog-index .blog-list a .date .icon-new {
    background: #fff;
    color: #808080;
    font-size: 1.6rem;
    padding: 0 2px 0 4px;
    margin-right: 10px;
    display: inline-block;
    line-height: 1.2;
  }
  .blog-index .blog-list a h2 {
    font-size: 1.6rem;
  }
  .blog-index .blog-list a:hover {
    background: #000 url("../images/common/arrow-w.png") no-repeat center right 3%;
    /*.thumb {
          width: 130px;
          height: 130px;
          border: 13px solid #808080;
          border-radius:70px;
          overflow: hidden;
          position: absolute;
          left: -65px;
          img {
            width: 100%;
            height: 130px;
            object-fit: cover;
          }
        }*/
  }
  .blog-index .blog-list a:hover .date .icon-new {
    color: #000;
  }
  .blog-index .btn-bg {
    text-align: right;
    margin-top: 30px;
  }
}

/*------------------------------
works
-------------------------------*/
.page-works .wrapTopIndex {
  max-width: 1020px;
}
.page-works .works-box {
/*  width: 90%;*/
  max-width: 1420px;
  margin: 0 auto;
}
@media screen and (min-width: 648px) {
	.post-type-archive.page-works .wrapTopIndex {
		margin-top: 60px;
	}
}
.page-works .search-area .search-list {
  max-width: 850px;
}

.page-works .result {
  width: 90%;
  max-width: 1420px;
  margin: 100px auto 30px;
  color: #7d7d7d;
  font-size: 1.2rem;
}

.page-works .works-index,
.relatedItems {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}

.page-works .works-index .works-list,
.relatedItems .posts-list {
  width: calc((100% / 4) - ((20px * 3) / 4));
  /*&:nth-of-type(2n) {
        a {
          h2 {
            margin: 6px auto 0 3%;
          }
          .date {
            margin: 6px auto 0 3%;
          }
        }
        .tag {
          margin: 6px auto 0 3%;
        }
      }*/
}

.page-works .works-index .works-list a,
.relatedItems .posts-list a {
  text-decoration: none;
  letter-spacing: 0.05em;
  display: block;
}

.page-works .works-index .works-list a:hover,
.relatedItems .posts-list a:hover {
  opacity: .6;
}

.page-works .works-index .works-list a h2,
.relatedItems .posts-list a h2 {
  font-size: 1.4rem;
  margin: 6px 0 0;
}

.page-works .works-index .works-list a .date,
.relatedItems .posts-list a .date {
  font-size: 1.2rem;
  color: #828282;
  margin: 6px 0 0;
}

.page-works .works-index .works-list .thumb,
.relatedItems .posts-list .thumb {
  position: relative;
  padding-bottom: 56.25%;
  line-height: 0;
}

.page-works .works-index .works-list .thumb img,
.relatedItems .posts-list .thumb img {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: .8em;
}

.page-works .works-index .works-list .tag,
.sec-kiji .tag,
.relatedItems .posts-list .tag {
  margin: 6px 0 0;
}

.page-works .works-index .works-list .tag a,
.sec-kiji .tag a,
.wrapTopIndex .tag a,
.relatedItems .posts-list .tag a {
  color: #000;
  font-size: 1.1rem;
  font-weight: 500;
  text-align: center;
  display: inline-block;
  text-decoration: none;
  border-radius: 20px;
  padding: 3px 1em;
  margin: 0 5px 5px 0;
  border: 1px solid #000;
}
.page-works .works-index .works-list .tag a:hover,
.sec-kiji .tag a:hover,
.wrapTopIndex .tag a:hover,
.wrapSlick .tag a:hover,
.relatedItems .posts-list .tag a:hover {
  background: #000;
  color: #fff;
}
@media screen and (max-width: 767px) {
	.page-works .works-index .works-list .tag a,
	.sec-kiji .tag a,
	.wrapTopIndex .tag a,
	.relatedItems .posts-list .tag a {
		font-size: 1rem;
		padding: 2px .5em;
	}
}
@media screen and (min-width: 925px) and (max-width: 999px) {
  .page-works .works-index,
  .relatedItems {
  }
  .page-works .works-index .works-list,
  .relatedItems .posts-list {
    width: 33.33%;
    padding: 15px;
  }
}

@media screen and (max-width: 924px) {
  .page-works .works-index,
  .relatedItems {
/*    display: block;*/
  }
  .page-works .works-index .works-list,
  .relatedItems .posts-list {
        width: calc((100% / 2) - ((20px * 1) / 2));
  }
  .page-works .works-index .works-list a h2,
  .relatedItems .posts-list a h2 {
    width: 90%;
    margin: 6px 5% 0;
  }
  .page-works .works-index .works-list a .date,
  .relatedItems .posts-list a .date {
    width: 90%;
    margin: 6px 5% 0;
  }
  .page-works .works-index .works-list .tag,
  .sec-kiji .tag,
  .relatedItems .posts-list .tag {
    width: 90%;
    margin: 6px 5% 0;
  }
}

/*------------------------------
service
-------------------------------*/
.page-service .sec-lead {
  /*.lead-l {
      font-size: 5.6rem;
      font-weight: 700;
      margin-top: 0.3em;
      span {
        border-bottom: 6px solid #000;
      }
    }*/
}

.page-service .sec-lead .inner {
  width: 90%;
  max-width: 1080px;
  margin: 0 auto 0;
  box-sizing: border-box;
}

.page-service .sec-lead .midashi {
  font-size: 2.4rem;
  margin-top: 150px;
}

.page-service .sec-lead .midashi:before {
  content: "";
  display: inline-block;
  height: 3px;
  width: 20px;
  background: #000;
  transform: rotate(-45deg);
  vertical-align: middle;
  margin-right: 10px;
}

.page-service .sec-lead .message-body {
  margin-left: 19%;
}

.page-service .sec-lead p {
  font-size: 2.8rem;
  margin-top: 2em;
  letter-spacing: 0.1em;
  line-height: 2em;
}

.page-service .service-index {
  max-width: 1420px;
  background: #efefef;
  position: relative;
  margin: 130px auto;
}

.page-service .service-index .midashi {
  position: absolute;
  background: #000;
  color: #fff;
  font-size: 3rem;
  width: 55%;
  padding: 2px 0 2px 5%;
  top: -27px;
}

.page-service .service-index .service-box .service-slide {
  position: relative;
}

.page-service .service-index .service-box .service-slide .inner {
  display: table;
  width: 90%;
  max-width: 1420px;
  margin: 0 auto;
  padding: 22px 0;
}

.page-service .service-index .service-box .service-slide .inner .thumb {
  display: table-cell;
  vertical-align: middle;
  width: 35%;
}

.page-service .service-index .service-box .service-slide .inner .thumb p {
  font-size: 1.5rem;
  border-left: 3px solid #000;
  padding-left: 15px;
  line-height: 1.2;
}

.page-service .service-index .service-box .service-slide .inner h3 {
  display: table-cell;
  vertical-align: middle;
  width: 66%;
  padding-left: 6%;
}

.page-service .service-index .service-box .service-slide .inner h3 img {
  margin-top: 7%;
}

.page-service .service-index .service-box .service-slide .btn-arrow {
  position: absolute;
  right: 5%;
  bottom: -30px;
  right: 0;
  bottom: 0;
}

.page-service .service-index .service-box .service-slide .btn-arrow a {
  padding: 1em 1.6em;
  position: relative;
  z-index: 1;
}

.page-service .service-index .service-box .service-slide .btn-arrow a:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  background: #fff;
  transform-origin: 100% 50%;
  transform: scaleX(0);
  transition: transform ease .3s;
}

.page-service .service-index .service-box .service-slide .btn-arrow a:hover {
  color: #000;
}

.page-service .service-index .service-box .service-slide .btn-arrow a:hover:before {
  transform-origin: 0% 50%;
  transform: scaleX(1);
}

@media screen and (min-width: 768px) and (max-width: 999px) {
  .page-service .service-index .midashi {
    width: 90%;
    top: -40px;
  }
}

@media screen and (max-width: 767px) {
  .page-service .sec-lead {
    /*.lead-l {
        font-size: 5.6rem;
        font-weight: 700;
        margin-top: 0.3em;
        span {
          border-bottom: 6px solid #000;
        }
      }*/
  }
  .page-service .sec-lead .inner {
    width: 90%;
  }
  .page-service .sec-lead .midashi {
    font-size: 1.8rem;
    margin-top: 80px;
  }
  .page-service .sec-lead .midashi:before {
    content: "";
    display: inline-block;
    height: 3px;
    width: 20px;
    background: #000;
    transform: rotate(-45deg);
    vertical-align: middle;
    margin-right: 10px;
  }
  .page-service .sec-lead p {
    font-size: 1.5rem;
  }
  .page-service .service-index {
    margin-top: 100px;
  }
  .page-service .service-index .midashi {
    font-size: 1.3rem;
    width: 90%;
    top: -13px;
  }
  .page-service .service-index .service-box .service-slide {
    padding-bottom: 30px;
  }
  .page-service .service-index .service-box .service-slide .inner {
    padding: 22px 0 32px 0;
  }
  .page-service .service-index .service-box .service-slide .inner .thumb p {
    font-size: 1.1rem;
  }
  .page-service .service-index .service-box .service-slide .btn-arrow a {
    padding: 0.6em 1.6em;
  }
}

/*------------------------------
joinus
-------------------------------*/
.page-joinus .midashi-line {
  position: relative;
  font-size: 2rem;
  overflow: hidden;
}

.page-joinus .midashi-line:before {
  content: '';
  display: block;
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 1px;
  margin-bottom: 1em;
  background: #000;
}

.page-joinus .midashi-line.scrollIn:before {
  width: 0;
  transform: translateX(-5px);
  transition: all 1s ease-out;
}

.page-joinus .midashi-line.scrollIn.show:before {
  width: 100%;
  transform: translateX(0);
}

.page-joinus .sec-lead {
  /*.inner {
      width: 90%;
      max-width: 1080px;
      padding-top: 180px;
      margin: 0 auto 0;
    }*/
}

.page-joinus .sec-lead .midashi-line {
  margin-top: 100px;
}

.page-joinus .sec-lead .midashi-line:before {
  margin-bottom: .6em;
}

.page-joinus .sec-lead p {
  font-size: 2.8rem;
  margin-top: 2em;
  letter-spacing: 0.1em;
  line-height: 2em;
}

.page-joinus .sec-lead p strong {
  background: #000;
  color: #fff;
  font-weight: 500;
  padding: .2em;
}

.page-joinus .joinus-box {
  width: 90%;
  max-width: 1080px;
  padding-top: 35px;
  margin: 0 auto;
}

.page-joinus .joinus-box .inner {
  padding-left: 25%;
}

.page-joinus .joinus-job {
  width: 90%;
  max-width: 1080px;
  padding-top: 35px;
  margin: 0 auto 0;
}

.page-joinus .joinus-job .inner {
  padding-left: 25%;
}

.page-joinus .joinus-job .inner .midashi-line {
  font-size: 2rem;
}

.page-joinus .joinus-job .inner .midashi-line span {
  background: url("../images/joinus/job-midashi.png") no-repeat top;
  width: 117px;
  height: 44px;
  display: block;
  text-align: center;
}

.page-joinus .joinus-job .inner ul {
  display: flex;
  flex-wrap: wrap;
  padding-top: 40px;
}

.page-joinus .joinus-job .inner ul li {
  width: 32%;
  margin: 0 2% 2% 0;
}

.page-joinus .joinus-job .inner ul li a {
  text-align: center;
  display: table;
  color: #fff;
  font-size: 1.9rem;
  line-height: 1.2em;
  letter-spacing: 0.1em;
  text-decoration: none;
  text-align: left;
  padding: 12px 18px;
  background: #000 url("../images/common/arrow-w.png") no-repeat center right 3%;
  background-size: 20px;
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
}

.page-joinus .joinus-job .inner ul li a span {
  width: 100%;
  height: 100%;
  display: table-cell;
  vertical-align: middle;
}

.page-joinus .joinus-job .inner ul li a:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  background: #fff;
  transform-origin: 100% 50%;
  transform: scaleX(0);
  transition: transform ease .3s;
}

.page-joinus .joinus-job .inner ul li a:hover {
  color: #000;
}

.page-joinus .joinus-job .inner ul li a:hover:before {
  transform-origin: 0% 50%;
  transform: scaleX(1);
}

.page-joinus .joinus-job .inner ul li:nth-of-type(3n) {
  margin-right: 0;
}

.page-joinus .joinus-access {
  width: 90%;
  max-width: 1080px;
  padding-top: 35px;
  margin: 0 auto 0;
}

.page-joinus .joinus-access .inner {
  padding-left: 25%;
  position: relative;
}

.page-joinus .joinus-access .inner .midashi-line {
  font-size: 1.5rem;
}

.page-joinus .joinus-access .inner p {
  font-size: 1.4rem;
}

.page-joinus .joinus-access .inner .btn-bg {
  position: absolute;
  right: 0;
  bottom: 0;
  /*a {
          padding: 1.5em 6em;
        }*/
}

.page-joinus .joinus-detail {
  width: 90%;
  max-width: 1420px;
  margin: 0 auto;
}

.page-joinus .joinus-detail .inner {
  padding-left: 25%;
}

.page-joinus .joinus-detail .inner .midashi {
  font-size: 2.4rem;
  margin-bottom: 30px;
  padding-bottom: 30px;
  border-bottom: 1px solid #000;
}

.page-joinus .joinus-detail .inner .midashi:before {
  content: "";
  display: inline-block;
  height: 3px;
  width: 20px;
  background: #000;
  transform: rotate(-45deg);
  vertical-align: middle;
  margin-right: 10px;
}

.page-joinus .joinus-detail .inner .midashi-line {
  font-size: 1.5rem;
}

.page-joinus .joinus-detail .inner p {
  font-size: 2rem;
}

.page-joinus .joinus-detail .inner p.detail {
  font-size: 1.4rem;
}

.page-joinus .joinus-detail .inner dl {
  font-size: 1.5rem;
}

.page-joinus .joinus-detail .inner dl dt {
  margin: 2em 0 0.5em;
}

.page-joinus .joinus-detail .inner dl dt:before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  border-radius: 10px;
  background: #000;
  vertical-align: middle;
  margin-right: 10px;
}

.page-joinus .joinus-detail .inner dl dt span {
  color: #646464;
}

.page-joinus .joinus-detail .inner dl dd span {
  color: #646464;
}

.page-joinus .joinus-detail .btn-bg {
  text-align: right;
  margin-top: 40px;
  /*a {
        font-size: 2rem;
        padding: 1.5em 4em;
      }*/
}

.page-joinus .blog-index {
  width: 90%;
  max-width: 1080px;
  padding-top: 35px;
  margin: 0 auto;
}

.page-joinus .blog-index .inner {
  padding-left: 25%;
}

@media screen and (max-width: 767px) {
  .page-joinus .midashi-line {
    font-size: 1.4rem;
  }
  .page-joinus .sec-lead .inner {
    padding-left: 18%;
    margin: 0 auto 0;
  }
  .page-joinus .sec-lead p {
    font-size: 1.6rem;
  }
  .page-joinus .joinus-job .inner {
    padding-left: 19%;
  }
  .page-joinus .joinus-job .inner .midashi-line {
    font-size: 1.4rem;
  }
  .page-joinus .joinus-job .inner .midashi-line span {
    padding-top: 5px;
  }
  .page-joinus .joinus-job .inner ul {
    display: block;
    padding-top: 20px;
  }
  .page-joinus .joinus-job .inner ul li {
    width: 100%;
    margin: 0 0 2% 0;
  }
  .page-joinus .joinus-job .inner ul li a {
    font-size: 1.6rem;
  }
  .page-joinus .joinus-access .inner {
    padding-left: 19%;
    position: relative;
  }
  .page-joinus .joinus-access .inner .btn-bg {
    position: static;
  }
  .page-joinus .joinus-access .inner .btn-bg a {
    padding: 1em;
    width: 100%;
  }
  .page-joinus .joinus-detail .inner {
    padding-left: 19%;
  }
  .page-joinus .joinus-detail .inner .midashi {
    font-size: 1.8rem;
    margin-bottom: 30px;
  }
  .page-joinus .joinus-detail .inner p {
    font-size: 1.6rem;
  }
  .page-joinus .joinus-detail .inner p.detail {
    font-size: 1.4rem;
  }
  .page-joinus .joinus-detail .inner dl {
    font-size: 1.4rem;
  }
  .page-joinus .joinus-detail .btn-bg {
    text-align: right;
    margin-top: 40px;
  }
  .page-joinus .joinus-detail .btn-bg a {
    font-size: 1.5rem;
    padding: 1em;
    width: 100%;
    text-align: center;
  }
  .page-joinus .blog-index .inner {
    padding-left: 0;
  }
}

.sec-kiji {
/*  padding: 70px 0 0 0;*/
}

.sec-kiji .inner {
  max-width: 1420px;
  margin: auto;
}

.sec-kiji .eyeCatch {
	margin-top: 0;
}
.sec-kiji h1 {
  font-size: 4rem;
  font-weight: 500;
  background: #000;
  color: #fff;
  padding: 3px 1em;
  display: inline-block;
}
.sec-kiji h1.title {
	display: block;
	background: none;
	padding: 0;
}
.page-template-default .sec-kiji h1 {
	display: inline-block;
	margin-bottom: 1em;
  background: #000;
  padding: .2em 1em;
}
.sec-kiji .author {
  font-size: 1.25rem;
  text-align: right;
}
/*
.sec-kiji .date {
  width: 90%;
  max-width: 1080px;
  margin: 0 auto;
  font-size: 2.2rem;
  letter-spacing: 0.1em;
  padding-top: 1em;
}
*/

/*
.sec-kiji .kiji-content {
  width: 90%;
  max-width: 1080px;
  margin: 90px auto 0;
}
*/
.sec-kiji .kiji-content .ph-tit {
  background: #efefef;
  font-size: 2.2rem;
  display: inline-block;
  padding: 3px 1em;
  letter-spacing: 0.1em;
  font-weight: 500;
  margin-top: 30px;
}

.sec-kiji .kiji-content .movie {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
  margin-top: 30px;
  line-height: 0;
}

.sec-kiji .kiji-content .movie iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

.sec-kiji .kiji-content .movie .youtube {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
}

.sec-kiji .kiji-content .movie img {
  width: 100%;
}

.sec-kiji .kiji-content .movie .thumb {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.sec-kiji .kiji-content .movie .player {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 6;
}

.sec-kiji .kiji-content .credit {
  margin-top: 50px;
  border-top: 1px solid #a5a5a5;
  border-bottom: 1px solid #a5a5a5;
  font-size: 1.3rem;
  color: #828282;
  padding: 20px 10px;
  letter-spacing: 0.05em;
}

.sec-kiji .kiji-content h2,
.page-template-default .page-body h2 {
  margin-top: 70px;
  font-size: 2rem;
  letter-spacing: 0.05em;
  font-weight: 500;
}

.sec-kiji .kiji-content h2:after,
.page-template-default .page-body h2:after {
  content: "";
  display: block;
  height: 3px;
  width: 13px;
  vertical-align: middle;
  background: #000;
  margin: 10px 0 10px;
}

.sec-kiji .kiji-content p,
.page-template-default .page-body p {
  font-size: 1.4rem;
  line-height: 2;
}

.sec-kiji .kiji-content a:hover {
  opacity: .5;
}

.sec-kiji .kiji-content .related {
  margin-top: 80px;
}

.sec-kiji .kiji-content .related h3 {
  font-size: 4rem;
}

.sec-kiji .kiji-content .related h3 span {
  border-bottom: 4px solid #000;
}

.sec-kiji .kiji-content .related p {
  font-size: 2rem;
}

.sec-kiji .kiji-content .sttl01 {
  margin-bottom: 32px;
  margin-top: 60px;
  padding: 10px 0;
  font-size: 2rem;
  border-top: 1px solid #d0d0d0;
  border-bottom: 1px solid #d0d0d0;
}

.sec-kiji .kiji-content .sttl02 {
  margin-bottom: 32px;
  padding: 5px 0 5px 10px;
  font-size: 2rem;
  border-left: 1px solid #000;
}

.sec-kiji .kiji-content .sttl03 {
  margin-bottom: 32px;
  padding: 30px 0 0 0;
  font-size: 2rem;
  font-weight: 700;
}

.sec-kiji .kiji-content .sttl04 {
  margin-bottom: 32px;
  padding: 10px;
  background: #ccc;
}

@media screen and (max-width: 1200px) {
  .sec-kiji .kiji-content iframe {
    width: 100%;
    height: 50.1vw;
  }
}

@media screen and (max-width: 640px) {
  .sec-kiji .kiji-content .sttl01 {
    padding: 20px 0;
  }
  .sec-kiji .kiji-content .sttl03 {
    padding: 0;
  }
}

.sec-kiji .btn-bg {
  font-size: 1.8rem;
  text-align: center;
  margin-top: 100px;
}

.sec-kiji .writer {
  width: 90%;
  max-width: 1080px;
  margin: 90px auto 0;
  background: #fff;
  padding: 20px 0 0;
  border: 1px solid #ccc;
  border-radius: 8px;
}
@media screen and (max-width: 767px) {
	.sec-kiji .writer {
	  width: auto;
	}
}
.box-author .writer {
  width: calc(100% - 170px);
}
.sec-kiji .writer h2,
.box-author .writer h2 {
  width: 220px;
  height: 42px;
  text-indent: -9999px;
  background: url("../images/works/writer-midashi-w.png") no-repeat center;
  margin: -38px auto 0;
}

.sec-kiji .writer .writer-inner {
  display: table;
  margin: 0 auto;
  padding-bottom: 20px;
  max-width: 95%;
}
.box-author .writer .writer-inner {
  display: table;
}
.sec-kiji .writer .writer-inner .ph,
.box-author .writer .writer-inner .ph {
  display: table-cell;
  vertical-align: middle;
  width: 148px;
}
.box-author .writer .writer-inner .ph img {
  display: block;
}
.sec-kiji .writer .writer-inner .txt {
  display: table-cell;
  vertical-align: middle;
  padding-left: 20px;
}
.box-author .writer .writer-inner .txt {
  display: table-cell;
  vertical-align: middle;
}

.sec-kiji .writer .writer-inner .txt .name,
.box-author .writer .writer-inner .txt .name {
  margin-bottom: 10px;
/*  font-size: 4rem;*/
  font-weight: 500;
  line-height: 1.5;
}

.sec-kiji .writer .writer-inner .txt p,
.box-author .writer .writer-inner .txt p {
/*  font-size: 2.3rem;*/
  font-weight: 500;
  margin: 0;
}

@media screen and (max-width: 767px) {
  .sec-kiji {
    padding: 0 0 0 0;
  }
  .sec-kiji h1 {
    font-size: 150%;
    line-height: 1.5;
    padding: 10px 1em;
  }
  .sec-kiji .date {
    font-size: 1.5rem;
  }
  .sec-kiji .kiji-content {
    margin: 30px auto 0;
  }
  .sec-kiji .kiji-content .ph-tit {
    font-size: 1.6rem;
    line-height: 1.5;
    padding: 8px 1em;
  }
  .sec-kiji .kiji-content .related {
    margin-top: 60px;
  }
  .sec-kiji .kiji-content .related h3 {
    font-size: 2rem;
  }
  .sec-kiji .kiji-content .related h3 span {
    border-bottom: 4px solid #000;
  }
  .sec-kiji .kiji-content .related p {
    font-size: 1.5rem;
  }
  .sec-kiji .btn-bg {
    argin-top: 60px;
  }
  .sec-kiji .writer {
    margin: 70px auto 0;
  }
  .box-author .ph {
    width: 80px;
  }
  .box-author .writer {
    width: calc(100% - 100px);
  }
  .sec-kiji .writer .writer-inner .ph,
  .box-author .writer .writer-inner .ph {
    display: table-cell;
    vertical-align: middle;
    width: 88px;
  }
  .sec-kiji .writer .writer-inner .txt .name,
  .box-author .writer .writer-inner .txt .name {
    font-size: 2rem;
  }
  .sec-kiji .writer .writer-inner .txt p,
  .box-author .writer .writer-inner .txt p {
    font-size: 1.4rem;
  }
}

.pager-btn {
  text-align: center;
/*  width: 90%;*/
  max-width: 1080px;
  margin: 40px auto 0;
}

.pager-btn .prev-btn {
  display: inline-block;
}
.pager-btn .next-btn {
  display: inline-block;
  margin-left: 10px;
}
.pager-btn .prev-btn a,
.pager-btn .next-btn a {
  font-size: .8em;
  text-align: center;
  border-radius: 20px;
  border: 1px solid #000;
  text-decoration: none;
  font-weight: 700;
  letter-spacing: 0.1em;
  display: inline-block;
}
.pager-btn .prev-btn a {
  padding: 3px 3em 3px 2em;
}
.pager-btn .next-btn a {
  padding: 3px 2em 3px 3em;
}

.pager-btn .prev-btn a:before {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5.5px 7px 5.5px 0;
  border-color: transparent #000 transparent transparent;
  display: inline-block;
  margin-right: 10px;
}
.pager-btn .prev-btn a:hover {
  background: #000;
  color: #fff;
}
.pager-btn .prev-btn a:hover:before {
  border-color: transparent #fff transparent transparent;
}

.pager-btn .next-btn a:after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5.5px 0 5.5px 7px;
  border-color: transparent transparent transparent #000;
  display: inline-block;
  margin-left: 10px;
}

.pager-btn .next-btn a:hover {
  background: #000;
  color: #fff;
}
.pager-btn .next-btn a:hover:after {
  border-color: transparent transparent transparent #fff;
}

.pager-btn .list-btn {
  margin-top: 25px;
  margin-bottom: 25px;
}

.pager-btn .list-btn a {
  position: relative;
  display: inline-block;
  padding: 4px 20px 5px 28px;
  background: #fff;
  color: #000;
  font-size: 14px;
  text-decoration: none;
  /*&:before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      display: block;
      width: 100%;
      height: 100%;
      z-index: -1;
      background: #fff;
      transform-origin: 100% 50%;
      transform: scaleX(0);
      transition: transform ease .3s;
    }*/
}

.pager-btn .list-btn a:after {
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5.5px 0 5.5px 7px;
  border-color: transparent transparent transparent #000;
  display: inline-block;
  margin-left: 10px;
}

.pager-btn .list-btn a:hover {
  background: #000;
  color: #fff;
  /*&:before {
      transform-origin: 0% 50%;
      transform: scaleX(1);
    }*/
}

.pager-btn .list-btn a:hover:after {
  border-color: transparent transparent transparent #fff;
}

@media screen and (max-width: 767px) {
  .pager-btn .pager-btn {
    text-align: center;
  }
}

.other-works {
/*
  width: 90%;
  max-width: 1420px;
*/
  font-size: 4rem;
  margin: 60px auto 20px;
}

.other-works span {
  border-bottom: 4px solid #000;
}

@media screen and (max-width: 767px) {
  .other-works {
    margin: 1.5em auto 1.2em;
  }
}

/*------------------------------
mail form
-------------------------------*/
.mw_wp_form input[type="text"], .mw_wp_form input[type="email"], .mw_wp_form textarea {
  border: 1px solid #333;
}

.mw_wp_form input[type="text"]:focus, .mw_wp_form input[type="email"]:focus, .mw_wp_form textarea:focus {
  border: 1px solid #fa0;
}

.mw_wp_form input[type="submit"], .mw_wp_form input[type="button"], .mw_wp_form input[type="reset"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  -moz-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
  background: #000;
  color: #fff;
  text-decoration: none;
  font-weight: 500;
  letter-spacing: 0.1em;
  padding: 1.5em 3em;
  position: relative;
  z-index: 1;
  display: block;
  width: 90%;
  margin: 20px auto;
  text-align: center;
  overflow: hidden;
}

.mw_wp_form input[type="submit"]:hover, .mw_wp_form input[type="button"]:hover, .mw_wp_form input[type="reset"]:hover {
  background: #aaa;
  transition: background .2s ease-out;
}

.mw_wp_form input[type="reset"]::-webkit-search-decoration,
.mw_wp_form input[type="submit"]::-webkit-search-decoration,
.mw_wp_form input[type="button"]::-webkit-search-decoration {
  display: none;
}

.mw_wp_form input[type="reset"]::focus,
.mw_wp_form input[type="submit"]::focus,
.mw_wp_form input[type="button"]::focus {
  outline-offset: -2px;
}

.mw_wp_form input[type="submit"][name="submitBack"] {
  background-color: #666;
}

.mw_wp_form input[type="submit"][name="submitBack"]:hover {
  background: #aaa;
}

/* mailform */
.mwform-checkbox-field input[type="checkbox"],
.mwform-radio-field input[type="radio"] {
  margin: 0;
  width: 0;
  opacity: 0;
  display: none;
}

/*.mwform-checkbox-field label, .mwform-radio-field label,*/
.mwform-checkbox-field label .mwform-checkbox-field-text, .mwform-radio-field label .mwform-radio-field-text {
  display: inline-block;
  position: relative;
  padding-left: 36px;
  cursor: pointer;
}

.mwform-checkbox-field label .mwform-checkbox-field-text::before, .mwform-checkbox-field label .mwform-checkbox-field-text::after,
.mwform-radio-field label .mwform-radio-field-text::before, .mwform-radio-field label .mwform-radio-field-text::after {
  content: "";
  display: block;
  position: absolute;
  transition: border-color 0.3125s, opacity 0.3125s;
}

.mwform-checkbox-field label .mwform-checkbox-field-text::after, .mwform-radio-field label .mwform-radio-field-text::after {
  opacity: 0;
  transition: border-color 0.3125s, opacity 0.3125s;
}

.mwform-radio-field label .mwform-radio-field-text::before, .mwform-radio-field label.mwform-radio-field-text::before {
  transition: border-color 0.3125s, background-color 0.3125s;
}

.mwform-checkbox-field label .mwform-checkbox-field-text:hover::after, .mwform-radio-field label .mwform-radio-field-text:hover::after,
.mwform-checkbox-field label input[type="checkbox"]:checked + .mwform-checkbox-field-text:after, .mwform-radio-field label input[type="radio"]:checked + .mwform-radio-field-text::after {
  opacity: 1;
}

.mwform-checkbox-field label .mwform-checkbox-field-text:hover::before, .mwform-radio-field label .mwform-radio-field-text:hover::before,
.mwform-checkbox-field label input[type="checkbox"]:checked + .mwform-checkbox-field-text::before, .mwform-radio-field label input[type="radio"]:checked + .mwform-radio-field-text::before {
  border-color: #000;
}

.mwform-radio-field label .mwform-radio-field-text::before, .mwform-radio-field label .mwform-radio-field-text::after {
  border-radius: 50%;
  top: 0;
  bottom: 0;
  margin: auto 0;
}

.mwform-radio-field label .mwform-radio-field-text::before {
  /*width: 1.25em;*/
  /*height: 1.25em;*/
  width: 20px;
  height: 20px;
  left: 0;
  border: solid 3px #666;
  background-color: #FFF;
}

.mwform-radio-field label .mwform-radio-field-text::after {
  /*width: .85em;*/
  /*height: .85em;*/
  width: 12px;
  height: 12px;
  left: 4px;
  background-color: #333;
}

.mwform-checkbox-field label .mwform-checkbox-field-text::before {
  border: solid 3px #666;
  background: #FFFFFF;
  width: 20px;
  height: 20px;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto 0;
  border-radius: 3px;
}

.mwform-checkbox-field label .mwform-checkbox-field-text::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 2px;
  margin: auto 0;
  left: 8px;
  width: 7px;
  height: 14px;
  transform: rotate(40deg);
  border-bottom: 3px solid #000;
  border-right: 3px solid #000;
}

.mwform-radio-field label input[type="checkbox"]:disabled + .mwform-checkbox-field-text, .mwform-radio-field label input[type="radio"]:disabled + .mwform-radio-field-text {
  pointer-events: none;
  cursor: auto;
}

.mwform-checkbox-field label input[type="checkbox"]:disabled + .mwform-checkbox-field-text::before, .mwform-radio-field label input[type="radio"]:disabled + .mwform-radio-field-text::before {
  background-color: #999;
}

.mwform-checkbox-field label input[type="checkbox"]:disabled + .mwform-checkbox-field-text::after, .mwform-radio-field label input[type="radio"]:disabled + .mwform-checkbox-field-text::after {
  opacity: 0 !important;
}

.mw_wp_form .horizontal-item + .horizontal-item {
  margin: 0;
}
/*------------------------------
Contact
-------------------------------*/
.page-contact .contact-box {
  width: 90%;
  max-width: 1080px;
  padding-top: 35px;
  margin: 0 auto;
}

.page-contact .contact-box .inner {
  padding-left: 30%;
}

@media screen and (max-width: 767px) {
  .page-contact .contact-box .inner {
    padding-left: 19%;
  }
}

.contact-body {
  min-height: 600px;
}

.contact-body .tel {
  margin-bottom: 40px;
  box-shadow: 0 0 18px 0 rgba(0, 0, 0, 0.3);
}

.contact-body .red {
  color: #B90003;
}

.contact-body .error {
  display: block;
  margin-bottom: 20px;
  color: #f00;
}

.contact-body input[type=button] {
  margin: 40px auto;
  padding: 10px;
  width: 200px;
  display: block;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  background: #d1d1d1;
  border: none;
  cursor: pointer;
  transition: .2s all;
}

.contact-body .end {
  margin-bottom: 40px;
  font-size: 20px;
  text-align: center;
}

.contact-body dt {
  font-weight: 700;
  line-height: 1.3;
}

.contact-body dd {
  font-size: 18px;
}

.contact-body label {
  display: block;
}

.contact-body label span {
  vertical-align: middle;
}

.contact-body .btn-send {
  cursor: pointer;
}

@media screen and (min-width: 768px), print {
  .contact-body .agree {
    font-size: 18px;
    font-weight: bold !important;
    text-align: center;
    margin-bottom: 30px;
  }
  .contact-body dd {
    font-size: 14px;
  }
  .contact-body dd input[type=text], .contact-body dd input[type=email] {
    padding: 10px;
    /*width: 1100px;*/
    width: calc(100% - 20px);
  }
  .contact-body dd textarea {
    padding: 10px;
    /*width: 1100px;*/
    width: calc(100% - 20px);
    height: 200px;
  }
  .contact-body input[type=button] {
    margin: 40px auto;
    padding: 10px;
    width: 200px;
    display: block;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    background: #d1d1d1;
    border: none;
    cursor: pointer;
    transition: .2s all;
  }
  .contact-body input[type=button]:hover {
    color: #fff;
    background: #000;
  }
  .contact-body .btnArea {
    margin: 0 auto;
    width: 1000px;
  }
  .contact-body .btnArea form {
    margin: 0 10px;
    float: left;
  }
  .contact-body dt {
    margin-bottom: 15px;
    clear: left;
    width: 100%;
    font-size: 20px;
    font-weight: bold;
  }
  .contact-body dd {
    width: 100%;
    float: left;
    margin-bottom: 50px;
  }
  .contact-body .confirm dd {
    border-bottom: 1px dotted #999;
    padding-bottom: 35px;
  }
  .contact-body dd label {
    margin-bottom: 15px;
    margin-right: 30px;
  }
  .contact-body dd label span {
    font-size: 18px;
  }
  .contact-body .privacy-policy {
    border: 1px solid #000000;
    padding: 5% 5%;
    font-size: 12px;
    margin-bottom: 50px;
    height: 20em;
    overflow-y: scroll;
  }
  .contact-body .consent {
    text-align: center;
  }
  .contact-body .consent label {
    float: none;
  }
  .contact-body .contact.detail .main {
    width: 100%;
  }
  .contact-body .error {
    font-size: 16px;
  }
}

@media screen and (min-width: 768px) and (max-width: 999px) {
  .contact-body {
    min-height: 50vw;
  }
}

@media screen and (max-width: 767px) {
  .contact-body {
    min-height: 60vw;
    /*dd label {*/
    /*  display: block;*/
    /*}*/
  }
  .contact-body .agree {
    font-size: 16px;
    text-align: left;
    margin-bottom: 30px;
  }
  .contact-body dd input[type=text], .contact-body dd input[type=email] {
    padding: 10px;
    width: 90%;
  }
  .contact-body dd textarea {
    padding: 10px;
    width: 90%;
    height: 100px;
  }
  .contact-body input[type=button] {
    margin: 20px auto 40px;
    width: 100px;
  }
  .contact-body .btnArea {
    margin: 0 auto;
    width: 100%;
  }
  .contact-body .btnArea form {
    margin: 0 10px;
  }
  .contact-body .notice li {
    margin-bottom: 10px;
  }
  .contact-body dt {
    margin-bottom: 10px;
    padding-top: 20px;
    border-top: 1px solid #888;
    font-size: 18px;
    font-weight: bold;
  }
  .contact-body dl:first-child dt:first-child {
    padding-top: 10px;
    border-top: none;
  }
  .contact-body dl dd {
    margin-bottom: 10px;
    padding-bottom: 20px;
  }
  .contact-body dd label span {
    font-size: 16px;
  }
  .contact-body .privacy-policy {
    border: 1px solid #000000;
    padding: 5% 5%;
    font-size: 12px;
    margin-bottom: 25px;
    height: 50vw;
    overflow-y: scroll;
  }
  .contact-body .consent {
    text-align: center;
  }
  .contact-body .consent label {
    font-size: 16px;
    font-weight: bold;
  }
  .contact-body .error {
    font-size: 14px;
  }
}

/*------------------------------
Contact
-------------------------------*/
.page-privacy .privacy-box {
  width: 90%;
  max-width: 1080px;
  padding-top: 35px;
  margin: 0 auto;
}

.page-privacy .privacy-box .inner {
  padding-left: 30%;
}

.page-privacy .privacy-body h2 {
  margin-top: 2em;
}

.page-privacy .privacy-body h2:first-child() {
  margin-top: 0;
}

.page-privacy .privacy-body h2:last-child() {
  margin-bottom: 0;
}

.page-privacy .privacy-body h3 {
  margin-top: 2em;
}

.page-privacy .privacy-body h3:first-child() {
  margin-top: 0;
}

.page-privacy .privacy-body h3:last-child() {
  margin-bottom: 0;
}

.page-privacy .privacy-body h4 {
  margin-top: 1em;
}

.page-privacy .privacy-body h4:first-child() {
  margin-top: 0;
}

.page-privacy .privacy-body h4:last-child() {
  margin-bottom: 0;
}

.page-privacy .privacy-body ul {
  margin: 1em 0;
}

.page-privacy .privacy-body ul:first-child() {
  margin-top: 0;
}

.page-privacy .privacy-body ul:last-child() {
  margin-bottom: 0;
}

@media screen and (max-width: 767px) {
  .page-privacy .privacy-box .inner {
    padding-left: 19%;
  }
}

/*------------------------------
Neta
-------------------------------*/
.contact-body .wrapLead {
	text-align: center;
	font-weight: bold;
	padding: 1em 20px;
	background: url(/assets/images/common/bg_recruitment.png) no-repeat center center;
	background-size: cover;
	text-shadow: 0px 0px 1px rgba(255, 255, 255, 1);
}
.snack-aimai-body .wrapLead {
	text-align: center;
	font-weight: bold;
	padding: 1em 20px;
	background: url(/assets/images/common/bg_snack-aimai.png) no-repeat center center;
	background-size: cover;
	text-shadow: 0px 0px 1px rgba(0, 0, 0, 1);
	color: #fff;
}
.contact-body .wrapLead h2 {
	margin-top: 1em;
}
.contact-body .wrapLead h2:after {
	margin: 10px auto;
}
.snack-aimai-body .wrapLead h2:after {
	background: #fff;
}
.neta-teikyo-body .mw_wp_form,
.snack-aimai-body .mw_wp_form {
	max-width: 800px;
	margin: 2em auto;
}
@media screen and (max-width: 767px) {
	.contact-body .wrapLead {
		text-align: left;
	}
	.contact-body .wrapLead h2 {
		font-size: 16px;
	}
	.contact-body .wrapLead p {
		font-size: 12px;
	}
	.contact-body .wrapLead h2:after {
		margin: 10px 0;
	}
}
@media screen and (min-width: 1421px) {
	.contact-body .wrapLead {
		position: relative;
		left: -25%;
		right: 125%;
		width: 150%;
	}
}
/*-------------
page main
---------------*/
.l-main {
  position: relative;
  z-index: 0;
}
@media screen and (max-width: 1420px) {
/*
  .l-main { padding: 0 20px; }
*/
}
.l-contents {
	display: grid;
	grid-template-columns: 1fr 400px;
	max-width: 1420px;
	margin: auto;
}
@media screen and (max-width: 924px) {
	.l-contents {
		display: block;
	}
}
.l-contents > .l-primary {
}
.l-contents > .l-secondary {
	margin-left: 40px;
}






@media screen and (max-width: 1420px) {
	.single .l-contents > .l-primary,
	.page-template-default .l-contents > .l-primary,
	.archive .l-contents > .l-primary,
	.search .l-contents > .l-primary {
		padding: 0 0 0 20px;
	}
	.single .l-contents > .l-secondary,
	.page-template-default .l-contents > .l-secondary,
	.archive .l-contents > .l-secondary,
	.search .l-contents > .l-secondary {
		padding: 0 20px 0 0;
	}
}
@media screen and (max-width: 924px) {
	.single .l-contents > .l-primary {
		padding: 0 20px;
	}
	.page-template-default .l-contents > .l-primary,
	.archive .l-contents > .l-primary,
	.search .l-contents > .l-primary {
		padding: 0;
	}
	.l-contents > .l-secondary,
	.single .l-contents > .l-secondary,
	.page-template-default .l-contents > .l-secondary,
	.archive .l-contents > .l-secondary,
	.search .l-contents > .l-secondary {
		padding: 0 20px;
		margin-left: 0;
	}
}
@media screen and (max-width: 767px) {
/*	.l-contents > .l-primary,*/
	.single .l-contents > .l-primary {
		padding: 0 10px;
	}
	.page-template-default .l-contents > .l-primary,
	.archive .l-contents > .l-primary,
	.search .l-contents > .l-primary {
		padding: 0;
	}
	.l-contents > .l-secondary,
	.single .l-contents > .l-secondary,
	.page-template-default .l-contents > .l-secondary,
	.archive .l-contents > .l-secondary,
	.search .l-contents > .l-secondary {
		padding: 0 10px;
		margin-left: 0;
	}
}









.l-wrapper {
  overflow: hidden;
}

.sec-contents .inner {
  position: relative;
  padding: 1px 0 0;
}

.sec-contents .pagetitle {
  position: absolute;
/*  top: 80px;*/
  left: 0;
  font-family: "Poppins", sans-serif;
  color: #000;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
/*  font-size: 13rem;*/
  letter-spacing: -0.01em;
  line-height: 1;
  z-index: 1;
}
.sec-contents .pagetitle {
  top: 0;
  font-size: 8rem;
}
.page-contact .sec-contents .pagetitle,
.page-privacy .sec-contents .pagetitle,
.page-joinus .sec-contents .pagetitle,
.page-about .sec-contents .pagetitle,
.page-service .sec-contents .pagetitle {
  top: 80px;
  font-size: 13rem;
}
.sec-contents .pagetitle.scrollIn {
  opacity: 0;
}

.sec-contents .pagetitle.scrollIn.show {
  opacity: 1;
  transition: opacity .1s ease-out .5s;
  /*
     * Animation variables
     */
  /*
     * Elements settings
     */
  /*
     * Keyframe loop
     */
  /*
     * Element animation delay loop
     */
}

.sec-contents .pagetitle.scrollIn.show span {
  -webkit-animation-name: anim-text-flow-keys;
  animation-name: anim-text-flow-keys;
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s;
  -webkit-animation-iteration-count: 2;
  animation-iteration-count: 2;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
  -webkit-animation-fill-mode: backwards;
  animation-fill-mode: backwards;
  -webkit-animation-timing-function: steps(20, start);
  animation-timing-function: steps(20, start);
}

@-webkit-keyframes anim-text-flow-keys {
  0% {
    color: white;
  }
  10% {
    color: #ffa733;
  }
  20% {
    color: #ffdd33;
  }
  30% {
    color: #ff7033;
  }
  40% {
    color: #ffc933;
  }
  50% {
    color: #ff5533;
  }
  60% {
    color: #ffcf33;
  }
  70% {
    color: #ff3a33;
  }
  80% {
    color: #ffa033;
  }
  90% {
    color: #ff6333;
  }
  100% {
    color: #c2ff33;
  }
  100% {
    color: black;
  }
}

@keyframes anim-text-flow-keys {
  0% {
    color: white;
  }
  10% {
    color: #ffa733;
  }
  20% {
    color: #ffdd33;
  }
  30% {
    color: #ff7033;
  }
  40% {
    color: #ffc933;
  }
  50% {
    color: #ff5533;
  }
  60% {
    color: #ffcf33;
  }
  70% {
    color: #ff3a33;
  }
  80% {
    color: #ffa033;
  }
  90% {
    color: #ff6333;
  }
  100% {
    color: #c2ff33;
  }
  100% {
    color: black;
  }
}

.sec-contents .pagetitle.scrollIn.show span:nth-of-type(1) {
  -webkit-animation-delay: 0.1s;
  animation-delay: 0.1s;
}

.sec-contents .pagetitle.scrollIn.show span:nth-of-type(2) {
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
}

.sec-contents .pagetitle.scrollIn.show span:nth-of-type(3) {
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
}

.sec-contents .pagetitle.scrollIn.show span:nth-of-type(4) {
  -webkit-animation-delay: 0.4s;
  animation-delay: 0.4s;
}

.sec-contents .pagetitle.scrollIn.show span:nth-of-type(5) {
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
}

.sec-contents .pagetitle.scrollIn.show span:nth-of-type(6) {
  -webkit-animation-delay: 0.6s;
  animation-delay: 0.6s;
}

.sec-contents .pagetitle.scrollIn.show span:nth-of-type(7) {
  -webkit-animation-delay: 0.7s;
  animation-delay: 0.7s;
}

.sec-contents .pagetitle.scrollIn.show span:nth-of-type(8) {
  -webkit-animation-delay: 0.8s;
  animation-delay: 0.8s;
}

.sec-contents .pagetitle.scrollIn.show span:nth-of-type(9) {
  -webkit-animation-delay: 0.9s;
  animation-delay: 0.9s;
}

.sec-contents .pagetitle.scrollIn.show span:nth-of-type(10) {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}

.sec-contents .pagetitle.scrollIn.show span:nth-of-type(11) {
  -webkit-animation-delay: 1.1s;
  animation-delay: 1.1s;
}

.sec-contents .pagetitle.scrollIn.show span:nth-of-type(12) {
  -webkit-animation-delay: 1.2s;
  animation-delay: 1.2s;
}

.sec-contents .pagetitle.scrollIn.show span:nth-of-type(13) {
  -webkit-animation-delay: 1.3s;
  animation-delay: 1.3s;
}

.sec-contents .pagetitle.scrollIn.show span:nth-of-type(14) {
  -webkit-animation-delay: 1.4s;
  animation-delay: 1.4s;
}

.sec-contents .pagetitle.scrollIn.show span:nth-of-type(15) {
  -webkit-animation-delay: 1.5s;
  animation-delay: 1.5s;
}

.sec-contents .pagetitle.scrollIn.show span:nth-of-type(16) {
  -webkit-animation-delay: 1.6s;
  animation-delay: 1.6s;
}

.sec-contents .pagetitle.scrollIn.show span:nth-of-type(17) {
  -webkit-animation-delay: 1.7s;
  animation-delay: 1.7s;
}

.sec-contents .pagetitle.scrollIn.show span:nth-of-type(18) {
  -webkit-animation-delay: 1.8s;
  animation-delay: 1.8s;
}

.sec-contents .pagetitle.scrollIn.show span:nth-of-type(19) {
  -webkit-animation-delay: 1.9s;
  animation-delay: 1.9s;
}

.sec-contents .pagetitle.scrollIn.show span:nth-of-type(20) {
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
}

@media screen and (min-width: 768px) and (max-width: 999px) {
  .page-contact .sec-contents .pagetitle,
  .page-privacy .sec-contents .pagetitle,
  .page-joinus .sec-contents .pagetitle,
  .page-about .sec-contents .pagetitle,
  .page-service .sec-contents .pagetitle {
    font-size: 14vw;
  }
}

@media screen and (max-width: 767px) {
  .page-contact .sec-contents .pagetitle,
  .page-privacy .sec-contents .pagetitle,
  .page-joinus .sec-contents .pagetitle,
  .page-about .sec-contents .pagetitle,
  .page-service .sec-contents .pagetitle {
    top: 50px;
    font-size: 10vw;
  }
}

.btn-bg a {
  background: #000;
  color: #fff;
  text-decoration: none;
  font-weight: 500;
  letter-spacing: 0.1em;
  padding: 1.5em 3em;
  position: relative;
  z-index: 1;
  display: block;
  max-width: 20em;
  text-align: center;
  overflow: hidden;
}

.btn-bg a:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  background: #fff;
  /*transform-origin: 100% 50%;
      transform: scaleX(0);
      transition: transform ease .3s;*/
  width: 0;
  transform: translateX(-10px);
  transform-origin: left top;
  transition: all ease .3s;
}

.btn-bg a:hover {
  color: #000;
}

.btn-bg a:hover:before {
  /*transform-origin: 0% 50%;
        transform: scaleX(1);*/
  width: 100%;
  transform: translateX(0);
}

.btn-bg.left a {
  margin-left: 0;
  margin-right: auto;
}

.btn-bg.right a {
  margin-left: auto;
  margin-right: 0;
}

.btn-bg.center a {
  margin-left: auto;
  margin-right: auto;
}

.btn-bg.full a {
  max-width: 100%;
}

.btn-arrow a {
  background: #000;
  color: #fff;
  text-decoration: none;
  font-weight: 500;
  letter-spacing: 0.1em;
  padding: 1.5em 3em;
  display: inline-block;
}

.btn-arrow a:after {
  content: ">";
  display: inline-block;
  vertical-align: middle;
  margin-left: 10px;
  z-index: 2;
}

.sec-joinus {
  margin: 135px 0 0;
  background: #5f5f5f url("../images/common/joinus-bg.png") no-repeat left 30px center;
  background-size: 45% auto;
}
.page-top .sec-joinus {
  margin-top: 0;
}
.sec-joinus .inner {
  display: table;
  padding: 65px 230px 65px 0;
  margin: 0 0 0 auto;
  color: #fff;
  letter-spacing: 0.1em;
  position: relative;
}

.sec-joinus .inner .midashi {
  font-size: 1.4rem;
}

.sec-joinus .inner .midashi strong {
  font-size: 3rem;
  margin-right: 10px;
}

.sec-joinus .inner p {
  font-size: 1.4rem;
  line-height: 2.2em;
}

.sec-joinus .inner .btn {
  position: absolute;
  right: 50px;
  top: 50%;
  font-size: 1.2rem;
  margin-top: -35px;
  transition: all .3s ease-out;
  cursor: pointer;
}

.sec-joinus .inner .btn a {
  color: #fff;
  text-decoration: none;
}

.sec-joinus .inner .btn a:after {
  content: "";
  width: 70px;
  height: 70px;
  display: inline-block;
  vertical-align: middle;
  border-radius: 35px;
  margin-left: 10px;
  border: 1px solid #fff;
  background: url("../images/common/arrow-w.png") no-repeat center;
}

.sec-joinus .inner .btn:hover {
  right: 30px;
}

@media screen and (min-width: 768px) and (max-width: 999px) {
  .sec-joinus {
    background-position: -60px 50%;
  }
}

@media screen and (max-width: 767px) {
  .sec-joinus {
    margin: 65px 0 0;
    background-size: 100% auto;
    background-position: -60px 50%;
  }
  .sec-joinus .inner {
    display: block;
    padding: 45px 10% 45px;
  }
	.sec-joinus .inner p {
		font-size: 1rem;
	}
  .sec-joinus .inner .btn {
    position: static;
    margin-top: 0;
  }
  .sec-joinus .inner .btn a:after {
    width: 30px;
    height: 30px;
  }
}

.search-area {
  background: #fff;
/*  margin: 250px 0 0 12%;*/
  padding: 30px 0;
}
.search-area {
  margin: 0 0 0 12%;
}
.search-area-bottom {
  margin: 0;
}
.archive .search-area-bottom .search-list {
  width: 100%;
  max-width: none;
}
.search-area .search-list {
  display: table;
/*  width: 90%;*/
  margin: 0 auto;
}

.search-area .search-list .select {
  display: table-cell;
  vertical-align: middle;
}

.search-area .search-list .select .select-blc {
  display: table;
  min-height: 5em;
}

.search-area .search-list .select .select-blc .tit {
  display: table-cell;
  text-align: right;
  font-size: 2rem;
  letter-spacing: 0.1em;
  border-right: 1px solid #000;
/*  padding-left: 20px;*/
  padding-right: 20px;
  width: 150px;
  vertical-align: middle;
}

.search-area .search-list .select .select-blc .tag {
  padding-left: 20px;
  vertical-align: middle;
  display: table-cell;
}

.search-area .search-list .select .select-blc .tag a {
  border: 1px solid #000;
  font-size: 1.2rem;
  font-weight: 500;
  text-align: center;
  display: inline-block;
/*  width: 140px;*/
  text-decoration: none;
  background: #ccc;
  border-radius: 20px;
  padding: 6px 1em;
  margin: 0 5px 5px 0;
}

.search-area .search-list .select .select-blc .tag a.is_current, .search-area .search-list .select .select-blc .tag a:hover {
  background: #000;
  color: #fff;
}

.search-area .search-list .btn-all {
  display: table-cell;
  width: 170px;
  padding-left: 20px;
  padding-right: 20px;
  vertical-align: middle;
}

.search-area .search-list .btn-all a {
  display: block;
  border: 1px solid #000;
  border-radius: 200px;
  background: #f5f5f5;
  text-decoration: none;
  text-align: center;
}

.search-area .search-list .btn-all a.is_current, .search-area .search-list .btn-all a:hover {
  background: #000;
  color: #fff;
}

.search-area .search-list .btn-all span {
  display: block;
  font-size: 2rem;
  width: 170px;
  height: 170px;
  line-height: 170px;
}

.search-area .btn-search {
  width: 90%;
  max-width: 760px;
  margin: 40px auto 0;
  padding-bottom: 70px;
}

.search-area .btn-search span {
  display: block;
  background: #000;
  text-align: center;
  color: #fff;
  font-size: 2rem;
  border-radius: 30px;
  padding: 10px 0;
  letter-spacing: 0.1em;
}
.listTags {
    background: #efefef;
    padding: 15px 0;
}
.pager-btn + .box-search {
	margin-top: 40px;
}
.listTags .search-list .btn-all {
  width: 80px;
}
.listTags .search-list .btn-all span {
  width: 78px;
  height: 78px;
  line-height: 78px;
}

@media screen and (max-width: 767px) {
  .search-area {
    margin: 50px 0 0 18%;
  }
  .search-area-bottom {
    margin: 0;
    padding: 20px;
  }
  .search-area .search-list {
    display: block;
    width: 90%;
    margin: 0 auto;
  }
  .search-area .search-list .select {
    display: block;
  }
  .search-area .search-list .select .select-blc {
    display: block;
    margin-bottom: 15px;
    min-height: 5em;
  }
  .search-area .search-list .select .select-blc .tit {
    display: block;
    padding-right: 0;
    width: 100%;
    text-align: left;
    font-size: 1.4rem;
    border: none;
  }
  .search-area-bottom .search-list .select .select-blc .tit {
    padding-left: 0;
    text-align: center;
  }
  .search-area .search-list .select .select-blc .tag {
    padding-left: 0;
    display: flex;
    flex-wrap: wrap;
  }
  .search-area .search-list .select .select-blc .tag a {
    /*width: calc(33% - 5px);*/
    width: fit-content;
    padding: 5px 10px;
  }

  .search-area .search-list .select .select-blc .tag a span{
    white-space: nowrap;
  }

  .search-area .search-list .btn-all {
    display: block;
    width: 100%;
    padding: 0;
  }
  .search-area .search-list .btn-all span {
    display: block;
    font-size: 1.6rem;
    width: 100%;
    height: auto;
    line-height: 1.3;
    margin: 0 auto;
    padding: 20px 50px;
  }
  .search-area-bottom .search-list .btn-all span {
  }
  .search-area .btn-search {
    width: 90%;
    max-width: 760px;
    margin: 40px auto 0;
    padding-bottom: 40px;
  }
  .search-area .btn-search span {
    display: block;
    background: #000;
    text-align: center;
    color: #fff;
    font-size: 1.6rem;
    border-radius: 30px;
    padding: 10px 0;
    letter-spacing: 0.1em;
  }
}
/**/
.childCats {
  background: #efefef;
  margin: 0 0 30px;
  padding: 15px 0;
}

.childCats .cat-list {
  display: table;
  margin: 0 auto;
}

.childCats .cat-list .select {
  display: table-cell;
  vertical-align: middle;
}

.childCats .cat-list .select .select-blc {
  display: table;
  min-height: 5em;
}

.childCats .cat-list .select .select-blc .tit {
  display: table-cell;
  text-align: right;
  font-size: 2rem;
  letter-spacing: 0.1em;
  border-right: 1px solid #000;
  padding-left: 20px;
  padding-right: 20px;
  width: 150px;
  vertical-align: middle;
}

.childCats .cat-list .select .select-blc .cat {
  padding-left: 20px;
  vertical-align: middle;
  display: table-cell;
}

.childCats .cat-list .select .select-blc .cat a {
  border: 1px solid #000;
  font-size: 1.2rem;
  font-weight: 500;
  text-align: center;
  display: inline-block;
/*  width: 140px;*/
  text-decoration: none;
  background: #f5f5f5;
  border-radius: 20px;
  padding: 6px 1em;
  margin: 0 5px 5px 0;
}

.childCats .cat-list .select .select-blc .cat a.is_current, .childCats .cat-list .select .select-blc .cat a:hover {
  background: #000;
  color: #fff;
}

.childCats .cat-list .btn-all {
  display: table-cell;
  width: 80px;
  padding-left: 20px;
  padding-right: 20px;
  vertical-align: middle;
}

.childCats .cat-list .btn-all a {
  display: block;
  border: 1px solid #000;
  border-radius: 200px;
  background: #f5f5f5;
  text-decoration: none;
  text-align: center;
}

.childCats .cat-list .btn-all a.is_current, .childCats .cat-list .btn-all a:hover {
  background: #000;
  color: #fff;
}

.childCats .cat-list .btn-all span {
  display: block;
  font-size: 2rem;
  width: 78px;
  height: 78px;
  line-height: 78px;
}

@media screen and (max-width: 767px) {
  .childCats {
    margin: 0;
    padding: 15px;
  }
  .childCats .cat-list {
    display: block;
    margin: 0 auto;
  }
  .childCats .cat-list .select {
    display: block;
  }
  .childCats .cat-list .select .select-blc {
    display: block;
    margin-bottom: 15px;
    min-height: 5em;
  }
  .childCats .cat-list .select .select-blc .tit {
    display: block;
    padding-right: 0;
    width: 100%;
    font-size: 1.4rem;
    border: none;
    padding-left: 0;
    text-align: center;
  }
  .childCats .cat-list .select .select-blc .cat {
    padding-left: 0;
    display: flex;
    flex-wrap: wrap;
  }
  .childCats .cat-list .select .select-blc .cat a {
    /*width: calc(33% - 5px);*/
    width: fit-content;
    padding: 5px 10px;
  }

  .childCats .cat-list .select .select-blc .cat a span{
    white-space: nowrap;
  }

  .childCats .cat-list .btn-all {
    display: block;
    width: 100%;
    padding: 0;
  }
  .childCats .cat-list .btn-all span {
    display: block;
    font-size: 1.6rem;
    width: 100%;
    height: auto;
    line-height: 1.3;
    margin: 0 auto;
    padding: 20px 50px;
  }
  .childCats .btn-search {
    width: 90%;
    max-width: 760px;
    margin: 40px auto 0;
    padding-bottom: 40px;
  }
  .childCats .btn-search span {
    display: block;
    background: #000;
    text-align: center;
    color: #fff;
    font-size: 1.6rem;
    border-radius: 30px;
    padding: 10px 0;
    letter-spacing: 0.1em;
  }
}

/**/
.sec-contact {
  width: 90%;
  max-width: 1080px;
  margin: 110px auto;
  display: table;
}

.sec-contact .mail {
  width: 48%;
  display: table-cell;
  text-align: left;
  vertical-align: bottom;
}

.sec-contact .mail .midashi {
  font-size: 2.5rem;
}

.sec-contact .mail .midashi span {
  border-bottom: 2px solid #000;
}

.sec-contact .mail .email {
  display: flex;
  width: 80%;
  max-width: 500px;
  position: relative;
  margin-top: 40px;
}

.sec-contact .mail .email input {
  flex: 1;
  text-align: left;
  background: #fff;
  border: 0;
  height: 80px;
  padding: 0 20px;
  font-size: 1.8rem;
}

.sec-contact .mail .email .btn_search {
  font-size: 1.6rem;
  width: 125px;
  background: #000;
  border: 0;
  height: 80px;
}

.sec-contact .mail .email .btn_search input {
  border: 0;
  height: 80px;
  width: 170px;
  padding: 0 20px;
  background: none;
  color: #fff;
  width: 100%;
  text-align: center;
  text-indent: 0;
}

.sec-contact .mail p {
  font-size: 1.2rem;
  font-weight: 500;
}

.sec-contact .contact {
  width: 48%;
  display: table-cell;
  text-align: right;
  vertical-align: bottom;
}

.sec-contact .contact .btn-bg {
  width: 100%;
  margin-bottom: 46px;
}

.sec-contact .contact .btn-bg a {
  display: block;
  text-align: center;
  font-size: 3rem;
}

@media screen and (min-width: 768px) and (max-width: 999px) {
  .sec-contact .mail {
    width: 70%;
    /*width: 100%;
        display: block;*/
  }
  .sec-contact .contact {
    width: 30%;
  }
  .sec-contact .contact .btn-bg a {
    padding: 1em 2em;
    font-size: 2rem;
  }
}

@media screen and (max-width: 767px) {
  .sec-contact {
    margin: 6px auto;
    display: block;
  }
  .sec-contact .mail {
    width: 100%;
    display: block;
  }
  .sec-contact .mail .email {
    width: 100%;
    max-width: 100%;
  }
  .sec-contact .mail .email input {
    font-size: 16px;
  }
  .sec-contact .mail .email input[type="submit"] {
    font-size: 1.4rem;
  }
  .sec-contact .contact {
    width: 100%;
    display: block;
  }
  .sec-contact .contact .btn-bg {
    margin: 30px 0 0;
  }
  .sec-contact .contact .btn-bg a {
    font-size: 2rem;
  }
}

.breadcrumb {
  max-width: 1420px;
  margin: calc(72px + 2.3rem) auto 2.3rem;
  font-size: 1.2rem;
  color: #7d7d7d;
}

.breadcrumb li {
  display: inline-block;
}

.breadcrumb li a:after {
  content: '';
  display: inline-block;
  margin: 0 5px;
  width: 5px;
  height: 5px;
  border-right: 2px solid #7d7d7d;
  border-bottom: 2px solid #7d7d7d;
  transform: rotate(-45deg);
}

@media screen and (max-width: 1420px) {
  .breadcrumb {
    padding: 0 20px;
  }
}
@media screen and (max-width: 924px) {
  .breadcrumb {
    margin: 10px 0;
  }
}
@media screen and (max-width: 767px) {
  .breadcrumb {
    padding: 0 10px;
    display: none;
  }
}

.pagelink {
  text-align: center;
  padding: 100px 0 60px;
}

.pagelink ul li {
  display: inline-block;
  margin: 0 6px 10px;
  vertical-align: top;
  width: 160px;
}

.pagelink ul li a {
  text-decoration: none;
  display: block;
  color: #000;
  border: 1px solid #000;
  border-radius: 25px;
  padding: 0 1em;
  text-align: left;
  position: relative;
}

.pagelink ul li a:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  right: 10px;
  top: 10px;
  border-style: solid;
  border-width: 7px 5.5px 0 5.5px;
  border-color: #000 transparent transparent transparent;
}

.pagelink ul li a:hover {
  color: #fff;
  background: #000;
}

.pagelink ul li a:hover:after {
  border-color: #fff transparent transparent transparent;
}

@media screen and (max-width: 767px) {
  .pagelink {
    padding: 40px 0 30px;
  }
  .pagelink ul li {
    margin-bottom: 15px;
  }
}

/* pager */
.p-pagination {
/*  max-width: 900px;*/
  margin: 2.5em auto;
  /*.prev {
    position: relative;
    width: auto;
    height: auto;
    padding: 0 10px;
    text-align: left;
    box-sizing: border-box;
    &:after {
      content: "\e900";
      font-family: $ff_icon;
      font-size: 33px;
      line-height: 1;
    }
  }
  .next {
    position: relative;
    width: auto;
    height: auto;
    padding: 0 10px;
    text-align: right;
    box-sizing: border-box;
    &:after {
      content: "\e901";
      font-family: $ff_icon;
      font-size: 33px;
      line-height: 1;
    }
  }
  .text {
    display: flex;
    align-items: center;
    justify-content: center;
    text-indent: -999px;
    overflow: hidden;

    font-family: $ff_icon;
    line-height: 1;
  }
  .num {
  }

  .prev2 {
    position: relative;
    padding: 0 10px;
    text-align: left;
    box-sizing: border-box;
  }
  .next2 {
    position: relative;
    padding: 0 10px;
    text-align: right;
    box-sizing: border-box;
  }*/
  /*.all {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 30px;
    border-bottom: 4px solid #b0b0b0;
    color: $rgb_lightGRY;
    text-align: center;
  }*/
}

.p-pagination ul {
  display: table;
  list-style: none;
  padding: 0;
  margin: auto;
  border-collapse: collapse;
}

.p-pagination li {
  display: table-cell;
  vertical-align: middle;
  padding: 3px 6px;
  text-align: center;
}

.p-pagination a {
  position: relative;
  display: block;
  color: #000;
  text-decoration: none;
}

.p-pagination .screen-reader-text {
  display: none !important;
}

.p-pagination li .page-numbers {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2em;
  height: 2em;
  border: 1px solid #B4B4B4;
  border-radius: 100px;
  font-family: "Poppins", sans-serif;
  font-size: 1.2rem;
  font-weight: 500;
  text-decoration: none;
  text-align: center;
  line-height: 1;
}

.p-pagination li .page-numbers.current {
  background: #000;
  border-color: #000;
  color: #fff;
}

.p-pagination li .page-numbers.prev {
  width: 2em;
  padding: 0 10px;
  background: none;
  border-bottom: none;
  border: 0;
}

.p-pagination li .page-numbers.next {
  width: 2em;
  padding: 0 10px;
  background: none;
  border-bottom: none;
  border: 0;
}

.p-pagination a:hover, .p-pagination a:hover .num, .p-pagination .current .num {
  color: #b3b3b3;
  border-color: #b3b3b3;
}

@media screen and (max-width: 640px) {
  .p-pagination {
    /*.num {
      width: 30px;
      height: 30px;
    }*/
  }
  .p-pagination li .page-numbers.prev {
    margin-right: 10px;
  }
  .p-pagination li .page-numbers.next {
    margin-left: 10px;
  }
}

/*-------------
page side widget
---------------*/
.l-secondary .my-widget { margin-bottom: 1.5em; }
@media screen and (max-width: 924px) {
	.l-secondary > .my-widget:first-child {
		margin-top: 1.5em;
	}
}
.l-secondary .widget_block > h2,
.l-secondary .widget_block .wp-block-group h2 {
	font-size: 1em;
	line-height: 1.2;
	margin-bottom: 1.2em;
	color: #fff;
	background: #000;
	display: inline-block;
	padding: .2em 20px;
	letter-spacing: .1em;
	font-weight: normal;
}
@media screen and (max-width: 924px) {
	.other-works span { border: none; }
	.other-works,
	.l-secondary .widget_block > h2,
	.l-secondary .widget_block .wp-block-group h2 {
		font-weight: normal;
		font-size: 1.4em;
		line-height: 1.2;
		margin-bottom: 1.2em;
		color: #fff;
		background: #000;
		display: inline-block;
		padding: .2em 20px;
		letter-spacing: .1em;
	}
}
/*.tabContent h2 { font-size:1.4em; line-height:1.2; margin-bottom:1.2em; }*/

/*カテゴリ*/
.wrapSideCats .wp-block-heading {
}
.wp-block-categories {
	background: #f5f5f5;
	border-radius: .8em;
	overflow: hidden;
}
.wp-block-categories .children {
	padding: .4em 20px;
}
.wp-block-categories > li > a {
	display: block;
	padding: .5em 20px;
	text-decoration: none;
	background: #efefef;
	font-weight: 500;
}
.wp-block-categories .children > li { display: inline-block; }
.wp-block-categories .children > li a {
border: 1px solid #000;
font-size: 1.2rem;
font-weight: 500;
text-align: center;
display: inline-block;
text-decoration: none;
background: #f5f5f5;
border-radius: 20px;
padding: 6px 1em;
margin: 0 5px 5px 0;
}
.wp-block-categories li > a:hover,
.wp-block-categories .current-cat-parent > a,
.wp-block-categories .current-cat > a {
	background: #000 !important;
	color: #fff !important;
}

/*記者・ユーザ一覧*/
.l-secondary .userList {
	display: flex;
	justify-content: flex-start;
	margin: 0;
	align-items: stretch;
	gap: 10px;
	flex-wrap: wrap;
}
.l-secondary .userList li {
	width: calc((100% / 4) - ((10px * 3) / 4));
	transition: all .3s;
}
@media screen and (max-width: 924px) {
	.l-secondary .userList li {
		width: calc((100% / 5) - ((10px * 4) / 5));
	}
}
@media screen and (max-width: 767px) {
	.l-secondary .userList li {
		width: calc((100% / 4) - ((10px * 3) / 4));
	}
}
.l-secondary .userList li .img,
.l-secondary .userList li .img img,
.l-secondary .userList li .name {
	display: block;
	text-align: center;
}
.l-secondary .userList li .name {
	font-size: 75%;
	line-height: 1.4;
	margin-top: .4em;
	text-wrap: wrap;
}
.l-secondary .userList li a {
	text-decoration: none;
}

/*人気記事*/

.wpp-cards { margin-left: 0; margin-right: 0; padding: 0; } .in-preview-mode .wpp-cards li { margin: 0 0 1.2em 0; padding: 0 0 1em 0; } .wpp-cards li:last-of-type, .wpp-cards li:only-child { margin: 0; padding: 0; border-bottom: none; } .wpp-cards li a { text-decoration: none; } .wpp-cards li a:hover { text-decoration: underline; } .wpp-cards li .taxonomies, .wpp-cards li .wpp-post-title { display: block; /*font-weight: bold;*/ } .wpp-cards li .taxonomies { margin-bottom: 0.75em; font-size: 0.7em; line-height: 1; } .wpp-cards li .wpp-post-title { margin-bottom: 0.5em; font-size: .85em; line-height: 1.4; } .wpp-cards li .wpp-excerpt { margin: 0; font-size: 0.8em; }
.wpp-cards li .wpp-thumbnail {
width:100%; height:auto; overflow: hidden; display: block; font-size: 0.8em; line-height: 1; background: #f0f0f0; border: none;
    border-radius: .8em;
}

.wpp-cards li {
    display: flex;
    list-style: none;
    margin: 0 0 20px;
    padding: 0;
    gap: 0 10px;
}
.wpp-cards li > a {
	align-self: flex-start; flex-grow: 0; flex-shrink: 0;
}
.wpp-cards li > img,
.wpp-cards li > a,
.wpp-cards li > div {
	display: block;
	width: calc((100% / 2) - ((10px * 1) / 2));
}
.tabContent { position:relative; }
.tabContent .tabs {
  position: absolute;
  display: block;
  width: 4em;
  line-height: 2;
  background: #efefef;
  text-align: center;
  cursor: pointer;
  font-size: .8em;
}
.tabContent .tabs:has(input:checked) {
  background: #000;
  color: #fff;
}
.tabContent .tabs input { display:none; }
.tabContent #tab1 { top:0; right:4em; }
.tabContent #tab2 { top:0; right:0; }
.tabContent .tabInner:has(.tabs) .popular-posts { display: none; }
.tabContent .tabInner:has(.tabs input:checked) .popular-posts { display: block; }

/*--------------
lazyload
--------------*/
.lazyload {
  opacity: 0;
  transition: opacity .2s ease-out;
}

.lazyload[src] {
  opacity: 1;
}

/*--------------
scrollIn
--------------*/
.scrollIn.fade {
  visibility: hidden;
  opacity: 0;
  transform: translateY(30px);
  transition: opacity .6s ease-out, transform .6s ease-out;
}

.scrollIn.fade.show {
  visibility: visible;
  opacity: 1;
  transform: translateY(0);
}

.scrollIn.fadezoom {
  visibility: hidden;
  opacity: 0;
  transform: scale(0.85);
  transition: opacity .4s ease-out, transform .4s ease-out;
}

.scrollIn.fadezoom.show {
  visibility: visible;
  opacity: 1;
  transform: scale(1);
}


body > div.l-wrapper > div.l-main > section.sec-contents.joinus-access > div:nth-child(2) > p{
  border-bottom: 2px solid #000000;
  font-size: 2.5rem;
  font-weight: bold;
  width: fit-content;
  margin: 70px auto 0;
}

@media screen and (max-width: 767px) {
  body > div.l-wrapper > div.l-main > section.sec-contents.joinus-access > div:nth-child(2) {
    padding-left: 0;
  }

  body > div.l-wrapper > div.l-main > section.sec-contents.joinus-access > div:nth-child(2) > p {
    display: block;
    margin: 100px auto 0;
    font-size: 1.8rem;
  }
}

body > div.l-wrapper > div.l-main > section.sec-contents.sec-kiji > div > div.btn-bg.center > a,
.single .sec-kiji .btn-bg.center > a {
  background-color: #EF5933;
}

@media screen and (max-width: 767px) {
  body > div.l-wrapper > div.l-main > section.sec-contents.sec-kiji > div > div.btn-bg.center > a {
    width: 90%;
    font-size: 90%;
  }
}

/* =============================================

  20221115改修

============================================= */
.item_title,
.top_item_title{
  font-size: 1.5rem;
  font-weight: bold;
  margin: 6px 0;
  display: block;
}
.item_client_name,
.top_item_client,
#custom_category_list > div > ul > li > a > div.date.en{
  font-size: 1.2rem;
/*  color: #828282;*/
  margin: 6px 0;
}
@media screen and (max-width: 767px){
  .item_title,
  .top_item_title{
    font-size: 1.4rem;
    margin: 6px 3% 0;
    display: block;
  }
  .item_client_name,
  .top_item_client{
    font-size: 1.2rem;
    color: #828282;
    margin: 6px 3% 0;
  }
}

/* TOPページ改修

====================================================*/
.top-lists-wrap {
  margin: 100px auto 0;
}

.top-lists-wrap canvas {
  display: none;
}

.top-lists-wrap section {
  margin: 0 20px;
}

@keyframes hideAni {
  0%, 99% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

h2.add_heading {
  display: table;
  position: relative;
  margin: 0 auto 55px;
  height: 44px;
  line-height: 44px;
  font-size: 24px;
  letter-spacing: 0.05em;
  font-weight: 600;
  font-family: urw-din, sans-serif;
}
h2.add_heading a {
  text-decoration: none;
}
h2.add_heading:before {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 3px;
  background: #000000;
  transition: width .3s ease-in-out;
}
h2.add_heading span span{
  font-family: 'Poppins', sans-serif;
}
#youtube_channel_list,
#ad_anime_list,
#commercial_films_list,
#recommend_posts_list,
#sns_short_list,
#sns-shorts_list{
  text-align: center;
/*  margin-bottom: 100px;*/
}

@media screen and (max-width: 767px){
  #youtube_channel_list,
  #ad_anime_list,
  #commercial_films_list,
  #recommend_posts_list,
  #sns_short_list,
  #sns-shorts_list{
/*    margin-bottom: 60px;*/
  }
}
/*
#youtube_channel_list .youtube_channel_item ul {
  display: flex;
  gap: 0 20px;
}
*/
#youtube_channel_list .youtube_channel_item ul li a {
  display: block;
  /*width: fit-content;*/
  width: 100%;
}

#top_slider > div > div > li.slick-slide {
  /*margin: 0 10px;*/
  margin: 0 auto;
}

div.ad_anime_item > ul,
div.commercial_films_item > ul,
div.recommend_posts_item > ul{
  display: flex;
  flex-wrap: wrap;
  gap: 20px
}

div.ad_anime_item > ul li,
div.commercial_films_item > ul li,
div.recommend_posts_item > ul li{
  width: 25%;
/*  padding: 20px;*/
  transition: all .3s;
}

div.ad_anime_item > ul li a,
div.commercial_films_item > ul li a,
div.recommend_posts_item > ul li a{
  text-decoration: none;
  letter-spacing: 0.05em;
  display: block;
  text-align: left;
}

div.ad_anime_item > ul li a img,
div.commercial_films_item > ul li a img,
div.recommend_posts_item > ul li a img{
  height: 100%;
  object-fit: cover;
  /*max-height: 186px;*/
  width: 100%;
  aspect-ratio: 16/9;
}
div.sns_short_item > ul li a{
  width: auto;

}
div.sns_short_item > ul li a img{
  max-height: unset;
  aspect-ratio: unset;
  /*margin: 0 auto;*/
  /*  width: auto;;*/
  width: 100%;
  /*object-fit: cover;*/
  /*min-height: 326px;*/
}
.archive_link_btn {
  text-align: right;
}
.home .archive_link_btn a {
	margin: 30px auto 40px;
}
.archive_link_btn a {
  text-decoration: none;
  text-align: center;
  background: #fff url(../images/common/arrow-b.png) no-repeat calc(100% - .75em) center;
  color: #000;
  padding: 1em 2.5em 1em 2em;
  display: inline-block;
  width: fit-content;
  transition: all .3s;
  border: 2px solid #000;
  border-radius: 2.8em;
  line-height: 1;
  font-weight: bold;
  font-size: 1.8rem;
  box-sizing: border-box;
}
.archive_link_btn_back {
  text-align: left;
  margin: 25px auto;
}
.archive_link_btn a:hover {
  background: #000 url(../images/common/arrow-w.png) no-repeat calc(100% - .35em) center;
  color: #fff;
  transition: all .3s;
}
.archive_link_btn_back a {
  padding: 1em 2em 1em 2.5em;
  background: #fff url(../images/common/arrow-back-b.png) no-repeat .65em center;
  margin-right: .5em;
}
.archive_link_btn_back a:hover {
  background: #000 url(../images/common/arrow-back-w.png) no-repeat .25em center;
}

@media screen and (max-width: 767px){
	.archive_link_btn a,
	.archive_link_btn a:hover {
		font-size: 1.1rem;
		background-size: 1em 1em;
	}
	.archive_link_btn a {
		margin-right: .5em;
	}
	.home .archive_link_btn a {
		margin: 10px .5em 10px 0;
	}

}


.slick-prev {
  left: 10px;
  z-index: 2;
  width: 28px;
  height: 28px;
}
.slick-next {
  right: 10px;
  z-index: 2;
  width: 28px;
  height: 28px;
}
#slide_chara .slick-prev {
  left: 20px;
}
#slide_chara .slick-next {
  right: 20px;
}
.slick-prev:before,
.slick-next:before{
  color: #fff;
  font-size: 3.4rem;
  opacity: 1;
}
.slide-navigation .slick-list {
/*  background: #000;*/
}
.slide-navigation .slick-slide {
  opacity: 0.8;
  filter: brightness(50%);
  border: 5px solid transparent;
}
.slide-navigation .slick-slide:hover,
.slide-navigation .slick-current {
  opacity: 1;
}
.slide-navigation .slick-current {
  opacity: 1;
  filter: brightness(1);
/*  border: 3px solid #000;*/
}
#ad_anime_list h2,
#commercial_films_list h2,
#recommend_posts_list h2{
  margin: 0 auto 35px;
}

#youtube_channel_list{
  position: relative;
}

#youtube_channel_list .splide__arrows{
  position: absolute;
  top: calc(50% - 1.2em);
  z-index: 2;
  width: 100%;
  display: flex;
  justify-content: space-between;
}
#youtube_channel_list .splide__arrows .splide__arrow {
  line-height: 1;
}
#youtube_channel_list .splide__arrows .splide__arrow{
  border: none;
  color: #FFFFFF;
  border-radius: 50px;
  padding: 10px;
  cursor: pointer;
}
#youtube_channel_list .splide__arrows .splide__arrow--prev{
/*  transform: rotate(180deg);*/
  position: absolute;
  left: 10px;
/*  filter: drop-shadow(-5px -5px 10px rgba(0,0,0,0.7))*/
}

#youtube_channel_list .splide__arrows .splide__arrow--next{
  position: absolute;
  right: 10px;
/*  filter: drop-shadow(10px 10px 10px rgba(0,0,0,0.7));*/
}
.splide__slide img{
  width: 100%;
}
#youtube_channel_list .splide__arrows svg {
  width: 1em;
  height: 1em;
}
#sns_short_list .splide__arrows{
  position: absolute;
  top: 55%;
  z-index: 2;
  width: 100%;
  display: flex;
  justify-content: space-between;
}
#sns_short_list .splide__arrows .splide__arrow{
  border: none;
  color: #FFFFFF;
  border-radius: 50px;
  padding: 10px;
  cursor: pointer;
}
#sns_short_list .splide__arrows .splide__arrow--prev{
  transform: rotate(180deg);
  position: absolute;
  left: 20px;
  filter: drop-shadow(-5px -5px 10px rgba(0,0,0,0.7))
}

#sns_short_list .splide__arrows .splide__arrow--next{
  position: absolute;
  right: 20px;
  filter: drop-shadow(10px 10px 10px rgba(0,0,0,0.7));
}

#sns_short_list .sns_short_item #top_sns_slider{
  gap: 0 20px;
}
@media screen and (max-width: 1200px){
  div.ad_anime_item > ul li,
  div.commercial_films_item > ul li,
  div.recommend_posts_item > ul li{
    width: 33%;
    padding: 20px;
  }
}
@media screen and (max-width: 990px){
  div.ad_anime_item > ul li,
  div.commercial_films_item > ul li,
  div.recommend_posts_item > ul li{
    width: 50%;
    padding: 20px;
  }
}
@media screen and (max-width: 767px) {
  div.ad_anime_item > ul,
  div.commercial_films_item > ul,
  div.recommend_posts_item > ul{
    flex-direction: column;
  }

  div.ad_anime_item > ul li,
  div.commercial_films_item > ul li,
  div.recommend_posts_item > ul li{
    width: 100%;
    padding: 20px 0;
  }

  #sns_short_list .sns_short_item #top_sns_slider > button.slick-prev,
  #sns_short_list .sns_short_item #top_sns_slider > button.slick-next{
    top: 35%;
  }

/*
  #youtube_channel_list .splide__arrows .splide__arrow--prev {
    transform: rotate(180deg) scale(0.5);
    left: -10px;
  }
  #youtube_channel_list .splide__arrows .splide__arrow--next{
    transform: scale(0.5);
    right: -10px;
  }
*/

  #sns_short_list .splide__arrows .splide__arrow--prev {
    transform: rotate(180deg) scale(0.5);
    left: -10px;
  }
  #sns_short_list .splide__arrows .splide__arrow--next{
    transform: scale(0.5);
    right: -10px;
  }
}

/* ニュース

====================================================*/
.news-index .result a {
display: inline-block;
border: 1px solid #000;
color: #000;
padding: .4em 1em;
border-radius: 3em;
}
#news_list {
  margin: 0 auto;
  padding: 60px 0;
  background-color: #303030;
}

#news_list > div > h2 {
  color: #FFFFFF;
}

#news_list > div > h2:before {
  background: #FFFFFF;
}

#news_list > div {
  max-width: 900px;
  margin: 0 auto;
}

#news_list > div > ul > li {
  padding: 30px 0;
  border-bottom: 1px solid #707070;
}

#news_list > div > ul > li > a {
  display: flex;
  align-items: flex-start;
  text-decoration: none;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
  font-size: 16px;
}

#news_list > div > ul > li > a time {
  font-size: 16px;
  line-height: 1.1;
  margin-left: 20px;
  color: #ffffff;
}

#news_list > div > ul > li > a p {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.25;
  margin: 0 0 0 20px;
  color: #ffffff;
}

#news_list > div > p > a {
  color: #FFF;
  text-decoration: none;
  text-align: right;
  display: block;
}

@media screen and (max-width: 767px) {
  #news_list {
    padding: 30px 20px;
  }

  #news_list > div > ul > li > a {
    display: block;
  }

  #news_list > div > ul > li > a time,
  #news_list > div > ul > li > a p {
    margin-left: 0;
  }
  #news_list > div > ul > li > a p{
    font-size: 14px;
  }

  #top_slider > div > div > li.slick-slide{
    margin: 0 5px;
  }
}

#sns_short_list > div.sns_short_item > ul > li {
  width: 20%;
}

.slick-dots {
	bottom: 10%;
	left: 5.3%;
	width: 31%;
}

/* グッズバナー

====================================================*/
#goods_banner {
  margin-top: 70px;
}

#goods_banner .goods_banner_item {
  display: block;
  text-align: center;
}

@media screen and (max-height: 768px) {
  #goods_banner {
    padding: 0 20px;
  }
}

/* Youtubeチャンネルアーカイブ

====================================================*/
/*
body.ytc_category_archives > div.l-wrapper > header{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
*/
/*
#youtube_channel_archive {
  margin: 0 20px;
}
*/
#youtube_channel_archive .ytc_archive_item ul {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}

#youtube_channel_archive .ytc_archive_item ul li {
  display: flex;
  flex-direction: column;
  width: calc((100% / 3) - ((20px * 2) / 3));
  transition: all .3s;
}

#youtube_channel_archive .ytc_archive_item ul li iframe {
  width: 100%;
  /*min-height: 209px;*/
  /*max-height: 185px;*/
}
#youtube_channel_archive > div > ul > li > div.thumb.youtube{
  /*position: absolute;*/
  /*top: 0;*/
  /*left: 0;*/
  width: 100%;
  height: 100%;
  cursor: pointer;
}

#channel_information {
  display: block;
  margin: 30px auto;
  font-size: 16px;
  line-height: 2;
  text-align: left;
}

#channel_information .title {
/*  font-size: clamp(24px, 4.5vw, 53px);*/
  font-weight: bold;
  line-height: 1.25;
  margin-bottom: 20px;
  font-size: 250%;
}

#channel_information .subtitle {
  font-weight: 700;
  margin-bottom: 10px;
  line-height: 30px;
  font-size: clamp(20px, 2.5vw, 24px);
}

#channel_information .client {
  box-sizing: border-box;
  font-size: clamp(16px, 2.5vw, 18px);
  margin: 0 auto 40px;
  display: block;
}

#channel_information .heading {
  font-size: clamp(22px, 2.5vw, 22px);
  font-weight: 700;
  line-height: 1.6;
  margin: 0 auto;
}

#channel_information .genre{
  font-size: clamp(22px, 2.5vw, 22px);
  font-weight: 700;
  line-height: 1.6;
  margin: 30px auto 0;
}

#channel_information .information {
  line-height: 2;
  font-size: 16px;
}


@media screen and (max-width: 924px) {
  #channel_information{
    padding: 0 20px;
  }
}
@media screen and (max-width: 767px) {
  #channel_information{
    margin: 20px auto;
    padding: 0 10px;
  }
  #channel_information .title {
/*    font-size: clamp(32px, 4.5vw, 53px);*/
    /*font-size: clamp(24px, 1vw, 28px);*/
	font-size: 150%;
    margin-bottom: 10px;
  }

  #channel_information .subtitle {
    font-size: clamp(16px, 1vw, 18px);
    margin-bottom: 20px;
  }
  #channel_information .genre{
    font-size: clamp(22px, 2.5vw, 22px);
    font-weight: 700;
    line-height: 1.6;
    margin:0 auto 15px;
  }
  #channel_information .client {
    /*font-size: clamp(13px, 1vw, 16px);*/
  }

  #channel_information .heading{
    font-size: clamp(16px, 2.5vw, 22px);
    /*margin-bottom: 30px;*/
    margin: 0 auto 15px;
  }

  #channel_information .information{
    margin: 0 auto;
  }
}
/*#top_slider > div > div > li{*/
/*  width: 100% !important;*/
/*}*/
/*#top_slider > div > div{*/
/*  width: 100% !important;*/
/*}*/

.width_100{
  width: 100% !important;
}
/*ロゴ*/
.youtube_channel_visual {
  position: relative;
}

/*.youtube_channel_visual img:first-of-type{*/
.youtube_channel_visual img.chMV{
  width: 100%;
}

/*.youtube_channel_visual img:last-of-type {*/
.youtube_channel_visual img.chLogo {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  margin: auto;
  width: 50%;
}

#youtube_channel_archive > div > ul > li > div.movie{
  cursor: pointer;
}

#youtube_channel_archive > div > ul > li > div > span.ytc_item_title{
  font-size: 1.4rem;
  margin: 6px 3% 0;
}
#youtube_channel_archive > div > ul > li > div > span.ytc_item_client{
  font-size: 1.2rem;
  color: #828282;
  margin: 6px 3% 0;
}

@media screen and (max-width: 1200px) {
  #youtube_channel_archive .ytc_archive_item ul li {
    width: 33%;
  }
}

@media screen and (max-width: 990px) {
  #youtube_channel_archive .ytc_archive_item ul li {
    width: 50%;
  }
}

@media screen and (max-width: 767px) {
/*  .youtube_channel_visual img:last-of-type {*/
  .youtube_channel_visual img.chLogo {
    width: 60%;
  }

  #youtube_channel_archive .ytc_archive_item ul {
    flex-direction: column;
  }

  #youtube_channel_archive .ytc_archive_item ul li {
    width: 100%;
    padding: 20px 0;
  }

  .channel_information {
    font-size: 12px;
    text-align: left;
    padding: 0 20px;
  }
}

/*Youtubeチャンネルアーカイブ ページネーション*/
#youtube_channel_archive > div.ytc_archive_item > div.new-pagenation {
  margin: 48px auto;
}

#youtube_channel_archive > div.ytc_archive_item > div.new-pagenation > .page-numbers {
  display: table;
  list-style: none;
  padding: 0;
  margin: auto;
  border-collapse: collapse;
}

#youtube_channel_archive > div.ytc_archive_item > div.new-pagenation > ul.page-numbers > li {
  display: table-cell;
  vertical-align: middle;
  padding: 3px 6px;
  text-align: center;
}

#youtube_channel_archive > div.ytc_archive_item > div.new-pagenation > ul.page-numbers > li > .page-numbers {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2em;
  height: 2em;
  border: 1px solid #B4B4B4;
  border-radius: 100px;
  font-family: "Poppins", sans-serif;
  font-size: 1.2rem;
  font-weight: 500;
  text-decoration: none;
  text-align: center;
  line-height: 1;
}

#youtube_channel_archive > div.ytc_archive_item > div.new-pagenation > ul.page-numbers > li .current {
  background: #000;
  border-color: #000;
  color: #fff;
}

@media screen and (max-width: 767px) {
  #youtube_channel_archive > div.ytc_archive_item > div.new-pagenation > ul.page-numbers > li {
    width: auto;
  }
}

/* 投稿ページ

====================================================*/
#posts_category_list {
  margin: 0;
}

#posts_category_list section div ul li {
  padding: 20px;
}

#posts_category_list .wrapFlex {
  display: flex;
  gap: 20px 2%;
  flex-wrap: wrap;
  justify-content: flex-start;
}

#posts_category_list .wrapFlex > li {
  width: 32%;
  transition: all .3s;
}
#posts_category_list .wrapFlex > li > a {
  text-decoration: none;
  letter-spacing: 0.05em;
  display: block;
  text-align: left;
}

.sec-kiji .wrapItemHead,
#posts_category_list .wrapItemHead {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 0;
	align-items: baseline;
}
.sec-kiji .tag,
.sec-kiji .date,
#posts_category_list .item_cat,
#posts_category_list .item_date {
	font-size: 1.4rem;
	margin: 0;
}
#posts_category_list .item_title {
	font-size: 1.5rem;
	margin: 0;
}
#posts_category_list .wrapItemFoot {
	margin: 0;
	text-align: right;
}
#posts_category_list .item_client_name,
#posts_category_list .item_author {
	font-size: 1.2rem;
	margin: 0;
}

.single .sec-kiji .inviewAct .actItem .actTgt {
	padding: .4em 1em;
	line-height: 1.5;
}
.single .sec-kiji .wrapItemHead .cat,
.single .sec-kiji .wrapItemHead .date,
.single .sec-kiji .tag {
	margin: 1em 0;
}
.single .sec-kiji .wrapItemHead .cat {
	font-weight: 500;
}
.single .sec-kiji .wrapItemHead .cat a {
	margin-right: .5em;
}
.single .sec-kiji .author {
}
.single .sec-kiji .author {
  text-align: right;
  color: rgba(0, 0, 0, 0.5);
  display: flex;
/*  justify-content:flex-end;*/
  align-items: center;
  flex-direction: row-reverse;
  gap: 0 1rem;
}
.single .sec-kiji .author img {
  display: inline-block;
  width: 45px;
  height: auto;
}
@media screen and (max-width: 767px) {
	.single .sec-kiji .wrapItemHead .cat,
	.single .sec-kiji .wrapItemHead .date,
	.single .sec-kiji .tag {
		margin: 6px 0 0;
	}
	.single .sec-kiji .author {
		margin: 10px 0;
	}
	.single .sec-kiji .author img {
	  width: 35px;
	}
}
.single .sec-kiji .author .img {
  overflow: hidden;
}
.single .sec-kiji .author .name {
}

@media screen and (max-width: 990px) {
  #posts_category_list .wrapFlex > li {
    width: 49%;
  }
}

@media screen and (max-width: 767px) {
  #posts_category_list .wrapFlex > li {
    width: 49%;
  }
}



/* WOKRSページ

====================================================*/
#works_category_list {
/*  margin: 0 20px;*/
}

#works_category_list section div ul li {
/*  padding: 20px;*/
}

#works_category_list #youtube_channel_list > div > ul {
  gap: 0;
  flex-wrap: wrap;
}

#works_category_list #youtube_channel_list > div > ul li {
  width: calc(100% / 4);
}

#youtube_channel_list > div > ul > li > a {
  text-decoration: none;
  letter-spacing: 0.05em;
  display: block;
  text-align: left;
}

#youtube_channel_list > div > ul > li > a > p {
  font-size: 1.4rem;
  margin: 6px 3% 0;
}

#works_category_list section > div > ul > li {
  width: 25%;
  transition: all .3s;
}

#works_category_list section > div > ul > li > a {
  text-decoration: none;
  letter-spacing: 0.05em;
  display: block;
  text-align: left;
}

#works_category_list section > div > ul > li > a p {
  font-size: 1.4rem;
  margin: 6px 3% 0;
}

#works_category_list #sns-shorts_list > div.sns-shorts_item > ul {
  display: flex;
  /*flex-wrap: wrap;*/
}

#works_category_list #sns-shorts_list > div.sns-shorts_item > ul li {
  width: 20%;
  padding: 20px;
}

#works_category_list #sns-shorts_list > div.sns-shorts_item > ul li a img{
  width: 100%;
}

@media screen and (max-width: 1200px) {
  #works_category_list section > div > ul > li,
  #works_category_list #sns-shorts_list > div.sns-shorts_item > ul li{
    width: 33%;
  }
}

@media screen and (max-width: 990px) {
  #works_category_list section > div > ul > li,
  #works_category_list #sns-shorts_list > div.sns-shorts_item > ul li{
    width: 50%;
  }
}

@media screen and (max-width: 767px) {
  #works_category_list section,
  #works_category_list section div ul li {
    padding: 20px 0;
  }

  #works_category_list section div ul li {
    width: 100%;
  }
  #works_category_list #youtube_channel_list > div > ul li {
    /*width: calc(100% / 3);*/
    width: 100%;
    padding: 10px;
  }

  /*#works_category_list #sns-shorts_list > div.sns-shorts_item > ul {*/
  /*  flex-direction: column;*/
  /*}*/

  #works_category_list #sns-shorts_list > div.sns-shorts_item > ul li {
    width: 100%;
    padding: 20px 0;
  }
}

/* WORKSページ カテゴリーソート

====================================================*/
#custom_category_list > div > ul {
  display: flex;
  flex-wrap: wrap;
}

#custom_category_list > div > ul li {
  width: 25%;
  padding: 20px;
  transition: all .3s;
}

#custom_category_list > div > ul > li > a {
  text-decoration: none;
  letter-spacing: 0.05em;
  display: block;
}

#custom_category_list > div > ul > li > a > h2 {
  font-size: 1.4rem;
  margin: 6px 3% 0;
}

#custom_category_list > div > ul > li > div.tag {
  margin: 6px 3% 0;
}

#custom_category_list > div > ul > li > div.tag a {
  border: 1px solid #828282;
  color: #828282;
  font-size: 1.1rem;
  font-weight: 500;
  text-align: center;
  display: inline-block;
  width: 120px;
  text-decoration: none;
  border-radius: 20px;
  padding: 3px 0;
  margin: 0 5px 5px 0;
  letter-spacing: 0.05em;
  backface-visibility: hidden;
  transition: all .3s ease-out;
}

#custom_category_list > div > ul > li > a > div.thumb > img {
  width: 100%;
  /*max-height: 186px;*/
  object-fit: cover;
}
@media screen and (max-width: 1200px){
  #custom_category_list > div > ul li{
    width: 33%;
  }
}
@media screen and (max-width: 990px){
  #custom_category_list > div > ul li{
    width: 50%;
  }
}
@media screen and (max-width: 767px) {
  #custom_category_list > div > ul {
    flex-direction: column;
  }

  #custom_category_list > div > ul li {
    width: 100%;
  }

  #custom_category_list > div > ul > li > a > div.thumb > img {
    max-height: unset;
  }
}

/* SNS Shorts用スタイル

====================================================*/

#custom_category_list.sns-shorts > div > ul li{
  width: 20%;
  transition: all .3s;
}
#custom_category_list.sns-shorts .works-index .works-list .thumb{
  padding: 0.25%;
}
#custom_category_list.sns-shorts > div > ul > li > a > div.thumb > img {
  max-height: unset;
  position: static;
}

#category_number_118 > section.sec-contents.sec-kiji > div > div.kiji-content > div.movie > div > img.thumb-bg {
  width: auto;
  height: 100%;
  margin: 0 auto;
  display: block;
}

/*#youtube_channel_list > div > ul > li > a > img {*/
/*  max-height: 186px;*/
/*}*/

/*#top_sns_slider{*/
/*  display: block;*/
/*}*/
#top_sns_slider > div > div > li{
  padding: 0;
}
#top_sns_slider > div > div > li.slick-slide {
  /*margin: 0 10px;*/
  margin: 0 auto;
}

@media screen and (max-width: 1200px) {
  #custom_category_list.sns-shorts > div > ul li {
    width: 33%;
  }
}

@media screen and (max-width: 990px) {
  #custom_category_list.sns-shorts > div > ul li {
    width: 50%;
  }
}

@media screen and (max-width: 767px){
  #custom_category_list.sns-shorts > div > ul li{
    width: 100%;
  }
  #top_sns_slider > div > div > li.slick-slide{
    padding: 0;
    margin: 0 5px;
  }
  #top_sns_slider > div > div > li.slick-slide > a > img{
    /*height: auto;*/
    /*width: auto;*/
    height: 50vw;
    width: 100%;
    object-fit: cover;
  }
  #youtube_channel_list .youtube_channel_item #top_slider > div > div > li > a > img{
    height: 50vw;
    width: 100%;
    object-fit: cover;
  }
  #top_sns_slider > div > div > li.slick-slide > a > span.top_item_title{
    font-size: 1.2rem;
    font-weight: bold;
  }
}

/* Youtube_channel 全投稿archive

====================================================*/
#youtube_channel_all_archive .archive_item ul{
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
}

#youtube_channel_all_archive .archive_item ul li{
  width: 25%;
  padding: 20px;
}
#youtube_channel_all_archive .archive_item ul li a{
  text-decoration: none;
  letter-spacing: 0.05em;
  display: block;
  text-align: left;
}
#youtube_channel_all_archive .archive_item ul li a span.item_title{
  font-size: 1.4rem;
  margin: 6px 3% 0;
  display: block;
  font-feature-settings: "palt";
  font-weight: bold;
}

#youtube_channel_all_archive .archive_item ul li a span.item_client{
  font-size: 1.2rem;
  color: #828282;
  margin: 6px 3% 0;
}

body.ytc_all_archives > div.l-wrapper > section.sec-contents.works-box{
  width: 90%;
  max-width: 1420px;
  margin: 0 auto;
}

body.ytc_all_archives > div.l-wrapper > div{
  width: 90%;
  max-width: 1420px;
  margin: 100px auto 30px;
  color: #7d7d7d;
  font-size: 1.2rem;
}

#youtube_channel_all_archive{
  display: flex;
  flex-wrap: wrap;
  margin: 0 20px;
}
#youtube_channel_all_archive > div > ul > li > a > div.thumb{
  position: relative;
  padding-bottom: 0;
  line-height: 0;
}
@media screen and (max-width: 767px){
  #youtube_channel_all_archive{
    margin: 0 3%;
  }
  #youtube_channel_all_archive .archive_item ul{
    flex-direction: column;
  }

  #youtube_channel_all_archive .archive_item ul li{
    width: 100%;
  }
  #youtube_channel_all_archive .archive_item ul li a span.item_title{
    font-size: 1.2rem;
    font-weight: bold;
  }
}
/*ページネーション*/
#youtube_channel_all_archive > div.archive_item > div.new-pagenation {
  margin: 48px auto;
}

#youtube_channel_all_archive > div.archive_item > div.new-pagenation > .page-numbers {
  display: table;
  list-style: none;
  padding: 0;
  margin: auto;
  border-collapse: collapse;
}

#youtube_channel_all_archive > div.archive_item > div.new-pagenation > ul.page-numbers > li {
  display: table-cell;
  vertical-align: middle;
  padding: 3px 6px;
  text-align: center;
  width: fit-content;
}

#youtube_channel_all_archive > div.archive_item > div.new-pagenation > ul.page-numbers > li > .page-numbers {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2em;
  height: 2em;
  border: 1px solid #B4B4B4;
  border-radius: 100px;
  font-family: "Poppins", sans-serif;
  font-size: 1.2rem;
  font-weight: 500;
  text-decoration: none;
  text-align: center;
  line-height: 1;
}

#youtube_channel_all_archive > div.archive_item > div.new-pagenation > ul.page-numbers > li .current {
  background: #000;
  border-color: #000;
  color: #fff;
}

@media screen and (max-width: 767px) {
  #youtube_channel_all_archive > div.archive_item > div.new-pagenation > ul.page-numbers > li {
    width: auto;
  }
}
/* TOP 背景画像実装

====================================================*/
.bg_image{
  position: relative;
  min-height: 100%;
  /*height: 400px;*/
  background-size: cover;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-position: center center;
  z-index: 2;
}
/*@media screen and (max-width: 767px){*/
/*  .cd_bg{*/
/*    background-image: url("/wp-content/themes/funnymovie.co.jp/img/ytc/top_bg_image.png");*/
/*  }*/
/*}*/

.top-lists-wrap{
  overflow: hidden;
  margin: 0 auto;
  padding: 100px 0 10em;
}
body.page-top > div > footer{
  margin-top: 0;
  position: relative;
  z-index: 3;
}
/*
@media screen and (max-width: 767px){
  .bg_image{
    background: none;
  }
}
*/
/* 二次利用ガイドライン

====================================================*/
#secondary_use_guidelines{
  margin: 60px auto 100px;
  text-align: center;
}
#secondary_use_guidelines a{
  background-color: #000;
  font-size: 18px;
  color: #FFF;
  padding: 30px 20px;
  text-decoration: none;
  width: 33%;
  display: block;
  margin: 0 auto;
  letter-spacing: 0.5em;
  border: 1px solid #000000;
  transition: all .3s;
}

#secondary_use_guidelines a:hover{
  color: #000000;
  background-color: #ffffff;
  border: 1px solid #000000;
  transition: all .3s;
}

@media screen and (max-width: 767px){
  #secondary_use_guidelines{
    margin: 60px auto 50px;
  }
  #secondary_use_guidelines a{
    width: calc(100% - 40px);
    font-size: 16px;
  }
}

#youtube_channel_archive > div > ul > li > div.movie > div {
  position: relative;
}

#youtube_channel_archive > div > ul > li > div.movie > div > img.thumb {
  position: absolute;
  left: 0;
  top: 0;
}

#youtube_channel_archive .ytc_archive_item ul li iframe{
  position: absolute;
  top: 0;
  left: 0;
}

/* =============================================

  20230221改修

============================================= */
#bg_movie{
  position: fixed;
  min-height: 620px;
  z-index: 1;
  transition: all .3s;
  display: flex;
  justify-content: center;
  width: 100%;
}

#bg_movie video{
  transition: all .3s;
  width: 100%;
  height: 100vh;
  object-fit: cover;
}

.l-main{
  z-index: 2;
}

.top-lists-wrap section h2.add_heading span span{
  color: #FFFFFF;
}

.top-lists-wrap section h2.add_heading:before{
  background: #FFFFFF;
}

.top-lists-wrap section > div ul li > a > span.top_item_title{
  color: #FFFFFF;
  line-height: 1.4em;
}

@media screen and (max-width: 767px){
  #bg_movie{
    display: none;
  }
  .top-kv-area #Video_SP{
    display: block;
  }
  #bg_movie video{
    height: auto;
  }
  .top-kv-area{
    min-height: unset!important;
  }

  .top-lists-wrap section h2.add_heading span span{
    color: #000000;
  }
  .top-lists-wrap section#news_list h2.add_heading span span{
    color: #FFFFFF;
  }
  .top-lists-wrap section h2.add_heading:before{
    background: #000000;
  }

  .top-lists-wrap section > div ul li > a > span.top_item_title{
    color: #000000;
  }
}

@keyframes slideOut {
  from {
    transform: translateY(0);
  }

  to {
    transform: translateY(-100%);
  }
}

#loader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  z-index: 90;
}

.loader-slide {
  width: 100%;
  height: 100%;
  background-color: #000000;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 34px;
  color: #FFF;
}

.loader-slide.open {
  animation-name: slideOut;
  animation-fill-mode: forwards;
  animation-duration: 0.5s;
  animation-delay: 0.5s;
}

.scaling-squares-spinner, .scaling-squares-spinner * {
  box-sizing: border-box;
}

.scaling-squares-spinner {
  height: 303px;
  width: 314px;
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  animation: scaling-squares-animation 1250ms;
  animation-iteration-count: infinite;
  transform: rotate(0deg);
}

#loader.hide{
  visibility: hidden;
}
/*.scaling-squares-spinner .square {*/
/*  height: calc(65px * 0.25 / 1.3);*/
/*  width: calc(65px * 0.25 / 1.3);*/
/*  margin-right: auto;*/
/*  margin-left: auto;*/
/*  border: calc(65px * 0.04 / 1.3) solid  #FFFFFF;*/
/*  position: absolute;*/
/*  animation-duration: 1250ms;*/
/*  animation-iteration-count: infinite;*/
/*}*/

/*.scaling-squares-spinner .square:nth-child(1) {*/
/*  animation-name: scaling-squares-spinner-animation-child-1;*/
/*}*/

/*.scaling-squares-spinner .square:nth-child(2) {*/
/*  animation-name: scaling-squares-spinner-animation-child-2;*/
/*}*/

/*.scaling-squares-spinner .square:nth-child(3) {*/
/*  animation-name: scaling-squares-spinner-animation-child-3;*/
/*}*/

/*.scaling-squares-spinner .square:nth-child(4) {*/
/*  animation-name: scaling-squares-spinner-animation-child-4;*/
/*}*/


/*@keyframes scaling-squares-animation {*/

/*  50% {*/
/*    transform: rotate(90deg);*/
/*  }*/

/*  100% {*/
/*    transform: rotate(180deg);*/
/*  }*/
/*}*/

/*@keyframes scaling-squares-spinner-animation-child-1 {*/
/*  50% {*/
/*    transform: translate(150%,150%) scale(2,2);*/
/*  }*/
/*}*/

/*@keyframes scaling-squares-spinner-animation-child-2 {*/
/*  50% {*/
/*    transform: translate(-150%,150%) scale(2,2);*/
/*  }*/
/*}*/

/*@keyframes scaling-squares-spinner-animation-child-3 {*/
/*  50% {*/
/*    transform: translate(-150%,-150%) scale(2,2);*/
/*  }*/
/*}*/

/*@keyframes scaling-squares-spinner-animation-child-4 {*/
/*  50% {*/
/*    transform: translate(150%,-150%) scale(2,2);*/
/*  }*/
/*}*/


@media screen and (max-width: 767px){
  #loader{
    display: none!important;
  }
}


body.page-service > div.l-wrapper > div.l-main > section > div > div > div > div.service-slide.slick-slide > div.inner > div > div > a > img,
body.page-service > div.l-wrapper > div.l-main > section > div > div > div > div.service-slide.slick-slide > div.inner > h3 > img{
  width: 100%;
}

@media screen and (max-width: 767px){
  body.page-service > div.l-wrapper > div.l-main > section > div > ul.slick-dots{
    width: 32%;
  }
}

@media screen and (max-width: 767px){
  body.page-joinus > div.l-wrapper > div.l-main > section.sec-contents.sec-lead.joinus-box > div > div > iframe{
    max-height: 41vw;
  }
}


body.page-joinus > div.l-wrapper > div.l-main > section.sec-contents.sec-lead.joinus-box > div > div > div > div > img.thumb{
  position: absolute;
  width: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}


#frontpage_banner,
#frontpage_banner_sp{
  /*width: 100%;*/
  height: max-content;
  /*position: relative;*/
  transform: translateX(0px);
  transition: all 1s;
  position: fixed;
  z-index: 50;
  /*height: 100%;*/
  /*width: 15.84%;*/
  /*max-width: 230px;*/
  width: 18.695%;
  max-width: 305.6px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  /*position: absolute;*/
  right: 20px;
  bottom: 1vw;
  /*z-index: 2;*/
}

#frontpage_banner .frontpage_banner_wrap .big_banner {
  margin-bottom: 25px;
  line-height: 0;
}

#frontpage_banner .frontpage_banner_wrap .big_banner a:hover {
  opacity: .7;
}

#frontpage_banner .frontpage_banner_wrap ul li {
  margin-bottom: 13.5px;
}

#frontpage_banner .frontpage_banner_wrap ul li a {
  display: block;
}

#frontpage_banner .frontpage_banner_wrap ul li a:hover {
  opacity: .7;
}

#frontpage_banner .frontpage_banner_wrap .recruitBtn {
  background-color: #000000;
}

#frontpage_banner .frontpage_banner_wrap a.recruitBtn {
  text-decoration: none;
  background-color: #000;
  color: #FFF;
  padding: 20px;
  display: block;
  margin: 0 auto;
  transition: all .3s;
  border: 1px solid #000000;
  width: 100%;
  text-align: center;
}

#frontpage_banner a.recruitBtn:hover {
  background-color: #ffffff;
  color: #000000;
  transition: all .3s;
  box-sizing: border-box;
}

/*@media screen and (max-width: 1420px){*/
/*  #frontpage_banner .frontpage_banner_wrap{*/
/*    bottom: 5vw;*/
/*  }*/
/*}@media screen and (max-width: 1300px){*/
/*  #frontpage_banner .frontpage_banner_wrap{*/
/*    bottom: 1vw;*/
/*  }*/
/*}*/
/*@media screen and (max-width: 1200px){*/
/*  #frontpage_banner .frontpage_banner_wrap{*/
/*    bottom: -3vw;*/
/*  }*/
/*}*/
/*@media screen and (max-width: 1100px){*/
/*  #frontpage_banner .frontpage_banner_wrap{*/
/*    bottom: -10vw;*/
/*  }*/
/*}*/
#frontpage_banner_sp{
  display: none;
}
@media screen and (max-width: 767px) {
  #frontpage_banner {
    display: none;
  }

  #frontpage_banner_sp{
    display: block;
    top: 83.5vh;
    right: 5%;
    max-width: unset;
    width: 90vw;
    transform: translateY(150px);
    height: fit-content;
  }
  #frontpage_banner_sp > div > div > a,
  #frontpage_banner_sp > div > div > a > img{
    display: block;
  }
  #Lbanner_close{
    position: absolute;
    top: -10px;
    right: -12.5px;
    background-color: #000;
    color: #FFF;
    border-radius: 100px;
    height: 35px;
    width: 35px;
  }
}

#link_list {
  display: none;
}

@media screen and (max-width: 767px) {
  #link_list {
    display: block;
    text-align: center;
    margin-bottom: 60px;
  }

  #link_list .link_list_item .recruitBtn {
    background-color: #000000;
  }

  #link_list .link_list_item a.recruitBtn {
    text-decoration: none;
    background-color: #000;
    color: #FFF;
    padding: 20px;
    display: block;
    margin: 0 auto;
    transition: all .3s;
    border: 1px solid #000000;
    width: 100%;
    text-align: center;
  }

  #link_list .link_list_item a.recruitBtn:hover {
    background-color: #ffffff;
    color: #000000;
    transition: all .3s;
    box-sizing: border-box;
  }
}


/*20230529*/
#sns_short_list .splide__arrows{
  position: absolute;
  /*top: 55%;*/
  top: 37.5%;
  z-index: 2;
  width: 100%;
  display: flex;
  justify-content: space-between;
}
#sns_short_list .splide__arrows .splide__arrow{
  border: none;
  color: #FFFFFF;
  border-radius: 50px;
  padding: 10px;
  cursor: pointer;
}
#sns_short_list .splide__arrows .splide__arrow--prev{
  transform: rotate(180deg);
  position: absolute;
  left: 20px;
  filter: drop-shadow(-5px -5px 10px rgba(0,0,0,0.7))
}

#sns_short_list .splide__arrows .splide__arrow--next{
  position: absolute;
  right: 20px;
  filter: drop-shadow(10px 10px 10px rgba(0,0,0,0.7));
}

@media screen and (max-width: 767px) {

  #sns_short_list .splide__arrows .splide__arrow--prev {
    transform: rotate(180deg) scale(0.5);
    left: -10px;
  }
  #sns_short_list .splide__arrows .splide__arrow--next{
    transform: scale(0.5);
    right: -10px;
  }
}


/*20250508*/
#sns-shorts_list .splide__arrows{
  position: absolute;
  /*top: 55%;*/
  top: 37.5%;
  z-index: 2;
  width: 100%;
  display: flex;
  justify-content: space-between;
}
#sns-shorts_list .splide__arrows .splide__arrow{
  border: none;
  color: #FFFFFF;
  border-radius: 50px;
  padding: 10px;
  cursor: pointer;
}
#sns-shorts_list .splide__arrows .splide__arrow--prev{
  transform: rotate(180deg);
  position: absolute;
  left: 20px;
  filter: drop-shadow(-5px -5px 10px rgba(0,0,0,0.7))
}

#sns-shorts_list .splide__arrows .splide__arrow--next{
  position: absolute;
  right: 20px;
  filter: drop-shadow(10px 10px 10px rgba(0,0,0,0.7));
}
#sns-shorts_list .sns-shorts_item #works_sns_slider{
  gap: 0 20px;
}

@media screen and (max-width: 767px) {

  #sns-shorts_list .splide__arrows .splide__arrow--prev {
    transform: rotate(180deg) scale(0.5);
    left: -10px;
  }
  #sns-shorts_list .splide__arrows .splide__arrow--next{
    transform: scale(0.5);
    right: -10px;
  }
}


/****splide arrow****/

/* 矢印のクリック範囲など */
.splide__arrows .button {
  background-color: transparent; /* ボタンの背景を透明にする */
  height: 28px;
  transition: .2s;
  width: 28px;
}
/* 矢印共通のスタイル */
.splide__arrows .button::before {
  background-repeat: no-repeat;
  background-size: contain;
  bottom: 0;
  content: "";
  height: 28px;
  left: 0;
  margin: auto;
  position: absolute;
  top: 0;
  width: 28px;
}
/* 前の矢印 */
.splide__arrows .prev::before {
  background-image: url(/assets/images/common/arrow-prev-w-56.png);
}
/* 次の矢印 */
.splide__arrows .next::before {
  background-image: url(/assets/images/common/arrow-next-w-56.png);
}
/* 次のスライドが無い場合の矢印 */
.splide__arrows .button:disabled::before {
  opacity: .5;
}
/* スライドのサイズ調整 */
.splide__arrows .splide__slide img {
  height: auto;
  width: 100%;
}
/********/
#category_number_116 div.kiji-content > div.movie > div > img.thumb-bg,
#category_number_109 div.kiji-content > div.movie > div > img.thumb-bg{
  height: 100%;
  width: auto;
  display: block;
  margin: 0 auto;
}

/*20231003*/
#frontpage_banner .frontpage_banner_wrap ul li a{
  display: block;
  line-height: 0;
}
@media screen and (max-width: 767px){
  #link_list > div > div > a,
  #link_list > div > ul > li > a{
    display: block;
    line-height: 0;
  }
  #link_list > div > ul > li:not(:last-of-type){
    margin-bottom: 15px;
  }
}


/** 文字全体を塗りつぶすマーカー */
.my_marker {
  background: linear-gradient(transparent 0%, rgba(0, 255, 255, 0.3) 0%);
}

/** アンダーラインを引くマーカー */
.my_under_marker {
  background: linear-gradient(transparent 50%, rgba(0, 255, 255, 0.3) 0%);
}


.text-marker {
  background: linear-gradient(to top, #eaeb16 40%, transparent 40%);
  font-weight: bold;
}

.color-pink {
  color: #fa343d;
  font-weight: bold;
}

#news_details > div > div.kiji-content > h2,
.single-post .free_input_area h2 {
  /*font-size: 40.9191px;*/
  /*font-size: 2.65vw;*/
  font-size:min(2.65vw,36px);
  font-weight: bold;
  transition: all .3s;
}

#news_details > div > div.kiji-content > h2:after,
.single-post .free_input_area h2:after {
  content: none;
}
#news_details > div > div.kiji-content > h2 span,
.single-post .free_input_area h2 span {
  letter-spacing: 0.08em;
}
#news_details > div > div.kiji-content > div.wp-block-image > figure,
.single-post .free_input_area div.wp-block-image > figure {
  width: 100%;
}

#news_details > div > div.kiji-content > p,
.single-post .free_input_area > p {
  font-size: 18.432px;
  transition: all .3s;
  letter-spacing: 0.06em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

#news_details > div > div.kiji-content > p strong,
.single-post .free_input_area > p strong {
  background: -webkit-linear-gradient(transparent 60%, #ffff8e 0);
}

@media screen and (max-width: 767px) {
  #news_details > div > div.kiji-content > h2,
  .single-post .free_input_area h2 {
    /*font-size: 140%;*/
    transition: all .3s;
    font-size: max(2.65vw, 24px);
  }

  #news_details > div > div.kiji-content > p,
  .single-post .free_input_area > p {
    /*font-size: 100%;*/
    font-size: max(2.65vw, 15px);
    transition: all .3s;
  }
}

#joinus_detail_post > section.joinus-detail > div > h2.sttl02 {
  font-size: 2.65vw;
  font-weight: bold;
  transition: all .3s;
  margin: 80px auto 25px;
  line-height: 1;
}
#joinus_detail_post > section > div > h3{
  font-size: min(2.65vw, 36px);
  margin-top: 30px;
  padding-top: 30px;
  border-top: 1px solid #e6e6e6;
}
#joinus_detail_post > section.joinus-detail > div > h4{
  font-size: 18.432px;
  font-weight: bold;
  margin-top: 30px;
}
#joinus_detail_post > section.joinus-detail > div > p {
  /*font-size: 18.432px;*/
  font-size: 16px;
  transition: all .3s;
  margin: 0 auto;
}
#joinus_detail_post > section > div > div.btn-bg > a{
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  #joinus_detail_post > section.joinus-detail > div > h2.sttl02,
  #joinus_detail_post > section.joinus-detail > div > h3{
    /*font-size: 140%;*/
    transition: all .3s;
    font-size: max(2.65vw, 24px);
    margin: 40px auto 12.5px;
  }
  #joinus_detail_post > section.joinus-detail > div > h3{
    margin: 0 auto 12.5px;
  }
  #joinus_detail_post > section.joinus-detail > div > h4{
    font-size: max(2.65vw, 15px);
    transition: all .3s;
    margin-top: 16px;
  }
  #joinus_detail_post > section.joinus-detail > div > p {
    /*font-size: 100%;*/
    font-size: max(2.65vw, 14px);
    transition: all .3s;
  }

  #joinus_detail_post > section.joinus-detail > div > p iframe{
    width: 100%;
  }
}

.works_details .sec-kiji .kiji-content div.credit > p {
  line-height: 36.8641px;
  font-size: 18.432px;
  margin: 0 auto;
}

@media screen and (max-width: 767px){
  .works_details .sec-kiji .kiji-content div.credit > p {
    font-size: 15px;
    line-height: 30px;
  }
}

/*STAFF BLOG*/
#staff_blog > div > div.kiji-content > p,
.page-template-default .page-body  > p {
  font-size: max(2.65vw, 15px);
  transition: all .3s;
}

#staff_blog > div > div.kiji-content > h2,
.page-template-default .page-body  > h2 {
  /*font-size: 40.9191px;*/
  font-size: 2.65vw;
  font-weight: bold;
  transition: all .3s;
}

#staff_blog > div > div.kiji-content > h2:after,
.page-template-default .page-body  > h2:after {
  content: none;
}

#staff_blog > div > div.kiji-content > p,
.page-template-default .page-body  > p {
  font-size: 18.432px;
  transition: all .3s;
}

#staff_blog > div > div.kiji-content > p strong,
.page-template-default .page-body  > p strong {
  background: -webkit-linear-gradient(transparent 60%, #ffff8e 0);
}

#staff_blog > div > div.kiji-content > p > iframe,
.page-template-default .page-body  > p > iframe {
  width: 100%;
  height: 30vw;
}

#staff_blog > div > div.kiji-content > p > img,
#staff_blog > div > div.kiji-content > figure > img,
.page-template-default .page-body  > p > img,
.page-template-default .page-body  > figure > img {
  width: 100%;
}

@media screen and (max-width: 767px) {
  #staff_blog > div > div.kiji-content > h2
  .page-template-default .page-body  > h2 {
    transition: all .3s;
    font-size: max(2.65vw, 24px);
  }

  #staff_blog > div > div.kiji-content > p,
  .page-template-default .page-body  > p {
    font-size: max(2.65vw, 15px);
    transition: all .3s;
  }
}

#news_details > div > div.date.en {
  font-size: 13.312px;
  /*color: rgb(126, 126, 126);*/
  padding: 0;
  margin: 30px auto 25px;
}

#news_details > div > div.kiji-content {
  margin-top: 0;
}

#news_details > div > div.writer > div > div.ph {
  width: 100px;
}

#news_details > div > div.writer > div > div.txt > div {
  font-size: 2rem;
}

#news_details > div > div.writer > div > div.txt > p {
  font-size: 1.6rem;
  color: rgb(126, 126, 126);
}


#toc_container{
  background-color: #e2e2e2;
  border-radius: 8px;
  color: #6e6e6e;
  /*display: inline-block;*/
  /* margin-top: 34px; */
  /* min-width: 80%; */
  padding: 27px 40px;
  /*width: 50%;*/
  margin: 34px auto 0;
  display: block!important;
}
#toc_container *{
  letter-spacing: 0.08em;
}
#toc_container p.toc_title {
    align-items: center;
    color: #424242;
    display: flex;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 12px;
    position: relative;
}

#toc_container p.toc_title + ul.toc_list {
    letter-spacing: .05rem;
    line-height: 1.8;
    list-style-type: none;
    margin-bottom: 0;
    margin-top: 7px;
    padding: 0;
}

#toc_container.no_bullets li,
#toc_container.no_bullets ul,
#toc_container.no_bullets ul li,
.toc_widget_list.no_bullets,
.toc_widget_list.no_bullets li{
    padding-bottom: 7px !important;
    padding-top: 19px !important;
}

#toc_container > ul{
  border-top: 1px solid rgba(47,47,47,.1);
}
#toc_container > ul > li > a{
  color: #6e6e6e;
  font-size: 18.432px;
  text-decoration: none;
}

#toc_container > ul > li > ul{
  padding-left: 20px !important;
}

#toc_container > ul > li > ul li a{
  color: #6e6e6e;
  font-size: 18.432px;
  text-decoration: none;
}

#toc_container > p > span > a{
  color: #44b0b0;
  text-decoration: none;
}
#toc_container > ul > li > ul li a:hover,
#toc_container > p > span > a:hover{
  color: #000000;
  transition: all .3s;
  opacity: 1;
}
#toc_container > p.toc_title{
  align-items: center;
  color: #424242;
  display: flex;
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 12px;
  position: relative;
  gap: 0 20px;
}

#toc_container.no_bullets ul li ul li{
  padding-top: 0 !important;
}
#news_details > div > div.kiji-content > figure > div{
  margin: 30px auto 10px;
}
#news_details > div > div.kiji-content > figure > div > div{
  margin: 0 auto;
}


#news_details > div > h1{
  letter-spacing:0.06em;
  max-width: 1080px;
  display: block;
  margin: 0 auto;
}

#news_details > div > div.kiji-content > ul > li{
  font-size: 18.432px;
  transition: all .3s;
  letter-spacing: 0.06em;
}
#news_details > div > div.kiji-content > ul > li:before{
  content: '●';
  display: inline-block;
  padding-right: 10px;
}
#news_details > div > div.kiji-content > ul > li:not(:last-of-type){
  margin-bottom: 10px;
}
@media screen and (max-width: 767px){
  #news_details > div > div.kiji-content > ul > li{
    font-size: max(2.65vw, 15px);
    transition: all .3s;
    font-weight: 500;
  }
}

#news_details > div > div.kiji-content > div.twitter-tweet.twitter-tweet-rendered{
  margin: 0 auto;
}

#news_details > div > div.kiji-content > ul{
  margin: 40px auto 40px;
}

#news_details > div > div.kiji-content > ul li{
  font-size: 18.432px;
}
@media screen and (max-width: 767px){
  #toc_container{
    border-radius: 5px;
    margin-top: 8px;
    min-width: 100%;
    padding: 15px 1.67rem;
  }
  #toc_container > ul > li > ul{
    padding-left: 0;
  }
  #toc_container > ul > li a{
    color: #000000;
  }
  #toc_container > ul > li > ul li a{
    color: #6e6e6e;
  }
  #toc_container > ul > li a,
  #toc_container > ul > li > ul li a{
    font-size: max(2.65vw, 15px);
  }
  #toc_container > p.toc_title{
    align-items: center;
    color: #424242;
    display: flex;
    font-size: 20px;
    font-weight: 700;
    margin: 0 auto 12px;
    position: relative;
  }

  #toc_container .toc_list>li{
    padding: 0 0 0 1em;
  }

  #toc_container.no_bullets li,
  #toc_container.no_bullets ul,
  #toc_container.no_bullets ul li,
  .toc_widget_list.no_bullets,
  .toc_widget_list.no_bullets li{
    padding-top: 7px;
  }

  #toc_container.no_bullets ul > li{
    padding-top: 19px;
  }

  #news_details > div > div.writer > div > div.ph > img{
    width: 80%;
  }

  #news_details > div > div.writer > div > div.txt > div{
    font-size: 1.6rem;
  }

  #news_details > div > div.writer > div > div.txt > p{
    font-size: 1.2rem;
  }

  #news_details > div > div.kiji-content > ul {
    margin: 40px auto 40px;
  }

  #news_details > div > div.writer > div > div.txt{
    padding-left: 0;
  }

  #news_details > div > div.kiji-content > ul > li{
    font-size: max(2.65vw, 15px);
  }
  #news_details > div > div.kiji-content > ul > li:not(:last-of-type){
    margin-bottom: 10px;
  }
}

#news_details > div > div.kiji-content > p > iframe{
  width: 100%;
  height: 40vw;
}

/*job*/
#joinus_detail_post > section > div > p > iframe {
  /*width: 100%;*/
  /*height: 35vw;*/
  aspect-ratio: 16 / 9;
  width: 100%;
  height: 100%;
}

#joinus_detail_post > section > div > p {
  transition: all .3s;
  letter-spacing: 0.06em;
}

#joinus_detail_post > section > div > table {
  background-color: #f6f6f6;
  font-size: 14px;
  text-align: left;
  border-collapse: collapse;
  margin: 30px 0 30px;
  width: 100%;
}

#joinus_detail_post > section > div > table tbody tr th {
  width: 180px;
  text-align: left;
  padding: 10px;
  border: 1px solid #e6e6e6;
  vertical-align: top;
}

#joinus_detail_post > section > div > table tbody tr td {
  background: #fff;
  padding: 10px;
  border: 1px solid #e6e6e6;
  vertical-align: top;
  font-weight: bold;
  letter-spacing: 0.06em;
}
#table_sp{
  display: none;
}
/*job SP*/
@media screen and (max-width:768px){
  #joinus_detail_post > section > div > table{
    width: 100%;
    margin: 40px auto;
  }
  #joinus_detail_post > section > div > table tbody tr th,
  #joinus_detail_post > section > div > table tbody tr td{
    width: 100%;
    display: block;
    font-size: max(2.65vw, 15px);
    background-color: #F9F8F6;
  }

  #joinus_detail_post > section > div > table tbody tr th{
    color: #666;
  }

  #joinus_detail_post > section > div > table tbody tr td{
    margin-top: 4px;
    word-wrap: break-word;
  }



  #table_sp{
    display: table;
  }
  #table_pc{
    display: none;
  }
  #table_sp dl{
    border-bottom: 1px solid rgb(0, 0, 0);
    padding: 10px;
    background-color: transparent;
  }
  #table_sp dl dt{
    /*padding-top: 10px;*/
    color: #000000;
    background-color: transparent;
    margin: 0  auto;
    font-size: max(2.65vw, 14px);
    font-weight: bold;
  }

  #table_sp dl dt:before{
    content: none;
  }
  #table_sp dl dd{
    padding-top: 4px;
    word-wrap: break-word;
    background-color: transparent;
    margin: 0  auto;
    font-size: max(2.65vw, 14px);
  }
}

/*20231110*/
.top_item_title{
  font-size: 1.5rem;
}
@media screen and (max-width: 767px){
  .top_item_title{
    font-size: 1.4rem;
  }
}


section.sec-contents.news-index > div > a > div.date.en > span{
  /*font-size: 14px;*/
  /*padding: 2.5px 2.5px 2.5px 10px;*/
  font-size: 14px;
  padding: 5px 15px;
  border-radius: 15px;
}

section.sec-contents.news-index > div > a > div.date.en > span:first-child{
  margin-right: 10px;
}
section.sec-contents.news-index > div > a > div.date.en > span.post_new{
  font-size: 14px;
  background-color: #FFF;
  color: #FF3D00;
  font-weight: bold;
  text-align: center;
  border-radius: 0;
  padding: 3px 8px;
}

section.sec-contents.news-index > div > a:hover > div.date.en > span.post_new{
  color: #FF3D00;
}

section.sec-contents.news-index > div > a:hover > div.date.en > span{
  background-color: #F9F8F6;
  color: #000000;
  transition: all .3s;
}

section.sec-contents.news-index > div > a > div.date.en > span.post_category{
  color: #FFFFFF;
}
@media screen and (max-width: 767px){
  section.sec-contents.news-index > div > a > div.date.en > span{
    margin-bottom: 10px;
    display: block;
    width: fit-content;
  }
  section.sec-contents.news-index > div > a > div.date.en > span.post_category{
    padding: 2.5px 10px;
    font-size: 12px;
  }

  section.sec-contents.news-index > div > a > div.date.en > span.post_new{
    background-color: #ffffff;
    color: #FF3D00;
  }
  section.sec-contents.news-index > div > a:hover > div.date.en > span.post_new{
    background-color: #ffffff;
    color: #FF3D00;
  }
}

section.sec-contents.news-box > div.inner > div.search-area > div.search-list > div.select > div.select-blc > div.tag > a{
  color: #FFFFFF;
  transition: all .3s;
  border: none;
}

section.sec-contents.news-box > div.inner > div.search-area > div.search-list > div.select > div.select-blc > div.tag > a:hover{
  color: #FFFFFF;
  transition: all .3s;
  background-color: #000000!important;
}


/*SNS追加*/
.works_details .sec-contents .inner .kiji-content blockquote > iframe{
  width: fit-content!important;
  margin: 0 auto;
}

.works_details .sec-contents .inner .kiji-content blockquote.instagram-media-registered,
.works_details .sec-contents .inner .kiji-content iframe.instagram-media-rendered{
  width: 100%;
  margin: 40px auto 0!important;
}


/*WORKS プロフ縮小*/

.page-works .l-wrapper .works_details > section.sec-kiji > div.inner > div.writer > div > div.ph,
.sec-kiji .writer .writer-inner .ph {
  width: 100px;
}

.page-works .l-wrapper .works_details > section.sec-kiji > div.inner > div.writer > div > div.txt > div,
.sec-kiji .writer .writer-inner .txt .name {
  font-size: 2rem;
}

.page-works .l-wrapper .works_details > section.sec-kiji > div.inner > div.writer > div > div.txt > p,
.sec-kiji .writer .writer-inner .txt p {
  font-size: 1.6rem;
  color: rgb(126, 126, 126);
}

@media screen and (max-width: 767px){
  .page-works .l-wrapper .works_details > section.sec-kiji > div.inner > div.writer > div > div.ph > img,
  .sec-kiji .writer .writer-inner .ph img {
    width: 80%;
  }

  .page-works .l-wrapper .works_details > section.sec-kiji > div.inner > div.writer > div > div.txt > div,
  .sec-kiji .writer .writer-inner .txt .name {
    font-size: 1.6rem;
  }

  .page-works .l-wrapper .works_details > section.sec-kiji > div.inner > div.writer > div > div.txt > p,
  .sec-kiji .writer .writer-inner .txt p {
    font-size: 1.2rem;
  }

  .page-works .l-wrapper .works_details > section.sec-kiji > div.inner > div.kiji-content > ul {
    margin: 40px auto 40px;
  }

  .page-works .l-wrapper .works_details > section.sec-kiji > div.inner > div.writer > div > div.txt{
    padding-left: 0;
  }
}
.sec-kiji .writer .itemList {
	border-radius: 0 0 8px 8px;
	overflow: hidden;
}
.sec-kiji .writer .itemList ul {
	margin: 0;
}
.sec-kiji .writer .itemList ul li {
	padding: 10px 20px;
	display: flex;
	flex-wrap: no-wrap;
	justify-content: space-between;
}
.sec-kiji .writer .itemList ul li .date {
	margin-left: 20px;
}
.sec-kiji .writer .itemList ul li:nth-child(odd) {
	background-color: #efefef;
}
.sec-kiji .writer .itemList ul li:nth-child(even) {
	background-color: #fff;
}
.sec-kiji .writer .itemList ul li .date {
	margin-left: 20px;
}
.sec-kiji .writer .itemList table {
	border-collapse: collapse;
	width: 100%;
	border-spacing: 0;
}
.sec-kiji .writer .itemList table th,
.sec-kiji .writer .itemList table td {
	padding: 10px 0 10px 10px;
	vertical-align: middle;
}
.sec-kiji .writer .itemList table td {
	white-space: nowrap;
}
.sec-kiji .writer .itemList table th {
	text-align: left;
}
.sec-kiji .writer .itemList table .date {
	padding-right: 10px;
	text-align: right;
}
.sec-kiji .writer .itemList ul li:nth-child(odd),
.sec-kiji .writer .itemList table tr:nth-child(odd) th,
.sec-kiji .writer .itemList table tr:nth-child(odd) td {
	background-color: #efefef;
}
.sec-kiji .writer .itemList ul li:nth-child(even),
.sec-kiji .writer .itemList table tr:nth-child(even) th,
.sec-kiji .writer .itemList table tr:nth-child(even) td {
	background-color: #fff;
}
@media screen and (max-width: 767px){
	.sec-kiji .writer .itemList table,
	.sec-kiji .writer .itemList table tr,
	.sec-kiji .writer .itemList table tbody {
		display: block;
		width: 100%;
	}
	.sec-kiji .writer .itemList table tr {
		display: flex;
		flex-wrap: wrap-reverse;
	}
	.sec-kiji .writer .itemList table td {
		padding: 10px 10px 0;
	}
	.sec-kiji .writer .itemList table th {
		flex: 100%;
		padding: 0 10px 10px;
	}
	.sec-kiji .writer .itemList table .cat {
		flex: 50%;
		font-size: 75%;
	}
	.sec-kiji .writer .itemList table .date {
		flex: 50%;
		font-size: 75%;
	}
}
/*ブログ*/

#staff_blog > div > div.writer > div > div.ph,
.box-author .writer .writer-inner .ph {
  width: 100px;
}

#staff_blog > div > div.writer > div > div.txt > div,
.box-author .writer div.txt > div {
  font-size: 2rem;
}

#staff_blog > div > div.writer > div > div.txt > p,
.box-author .writer div.txt > p {
  font-size: 1.6rem;
  color: rgb(126, 126, 126);
}

@media screen and (max-width: 767px){
  #staff_blog > div > div.writer > div > div.ph > img,
  .box-author .writer div.ph > img{
    width: 80%;
  }

  #staff_blog > div > div.writer > div > div.txt > div,
  .box-author .writer div.txt > div {
    font-size: 1.6rem;
  }

  #staff_blog > div > div.writer > div > div.txt > p,
  .box-author .writer div.txt > p {
    font-size: 1.2rem;
  }

  .page-works .l-wrapper .works_details > section.sec-kiji > div.inner > div.kiji-content > ul {
    margin: 40px auto 40px;
  }

  #staff_blog > div > div.writer > div > div.txt,
  .box-author .writer div.txt {
    padding-left: 0;
  }
}


/*********single post*********/
/*流用*/
.single-post .free_input_area p {
    -webkit-font-smoothing: antialiased;
    color: #4c4c4c;
    overflow-wrap: break-word;
    padding: 0;
    border: 0;
    font: inherit;
    font-size: 120%;
    vertical-align: baseline;
    box-sizing: border-box;
    margin: 22px 0;
    letter-spacing: 0.03em;
}
.single-post .kiji-content .credit {
    margin-top: 50px;
    border-top: 1px solid #a5a5a5;
    border-bottom: 1px solid #a5a5a5;
    font-size: 120%;
    color: #828282;
    padding: 20px 10px;
    letter-spacing: 0.05em;
}
.single-post .kiji-content .credit p {
    line-height: 36.8641px;
    font-size: 18.432px;
    margin: 0 auto;
}

.itemList .wrapImg {
	width: 100%;
	text-align: center;
}
.itemList .wrapImg a,
.itemList .wrapImg img {
	margin: 0 auto;
	display: block;
}
.itemList .wrapImg img {
	width: 100%;
}
.itemList .wrapImg.wpEyecatch img {
	width: 100%;
	aspect-ratio: 16 / 9;
}
.single .sec-kiji .wrapImg {
	width: 100%;
	text-align: center;
}
.single .sec-kiji .wrapImg img {
	margin: 0 auto;
	display: block;
}
/*post用に新たに*/
.single-post .kiji-content_reset {}
.single-post .free_input_area_reset { font-size:1.8rem; line-height:2; }
.single-post .free_input_area_reset h2,
.single-post .free_input_area_reset h3,
.single-post .free_input_area_reset h4,
.single-post .free_input_area_reset h5,
.single-post .free_input_area_reset h6 { margin:1.5em 0 1em; }
.single-post .free_input_area_reset h2 { font-size:200%; }
.single-post .free_input_area_reset h3 { font-size:150%; }
.single-post .free_input_area_reset h4 { font-size:110%; background:#f4f4f4; padding:.2em 20px; }
.single-post .free_input_area_reset h5 { font-size:110%; border-left:3px solid #000; padding-left: 20px; }
.single-post .free_input_area_reset h6 { font-size:100%; }
.single-post .free_input_area_reset ul:not(.toc_list) { margin:1.5em 0 1em; list-style:disc; }
.single-post .free_input_area_reset ul:not(.toc_list) li { margin:0 0 0 1.5em; }
.single-post .free_input_area_reset ul.toc_list ul { margin:0; padding: 0; list-style:none; }
.single-post .free_input_area_reset ul.toc_list li { margin:0; }

.single-post .free_input_area_reset blockquote { border:1px solid #ccc; background:#efefef; padding:20px; margin:1.5em 0 1em; }
.single-post .free_input_area_reset .wp-block-embed .wp-block-embed__wrapper {
	position: relative;
	aspect-ratio: 16 / 9;
	margin: 1.5em auto;
	position: relative;
	max-width: 800px;
}
.single-post .free_input_area_reset .aligncenter.wp-block-embed .wp-block-embed__wrapper {
	max-width:100%;
}
.single-post .free_input_area_reset .wp-block-embed iframe { 
	height: 100%;
	width: 100%;
}
@media screen and (max-width: 767px) {
    .single-post .free_input_area_reset { font-size:1.5rem; line-height:2; }
	.single-post .free_input_area_reset h2 { font-size:150%; }
	.single-post .free_input_area_reset h3 { font-size:120%; }
	.single-post .free_input_area_reset h4 { font-size:110%; background:#f4f4f4; padding:.2em 20px; }
	.single-post .free_input_area_reset h5 { font-size:110%; border-left:3px solid #000; padding-left: 20px; }
	.single-post .free_input_area_reset h6 { font-size:100%; }
    .single-post .free_input_area_reset .wp-block-embed iframe { 
	height: 100%;
	width: 100%;
    }
}
.single-post .free_input_area_reset table {
    background-color: #ddd;
    border-collapse: collapse;
    border-spacing: 2px;
    margin: 1.5em auto;
    width: 100%;
}
.single-post .free_input_area_reset table th {
    text-align: left;
    vertical-align: top;
    padding: 15px;
	background-color: #f6f6f6;
	border: 1px solid #ddd;
	white-space: pre;
}
.single-post .free_input_area_reset table td {
    text-align: left;
    vertical-align: top;
    padding: 15px;
	background-color: #fff;
	border: 1px solid #ddd;
	overflow-wrap: break-word;
}
.single-post .free_input_area_reset table pre {
	white-space: pre-wrap;
}
@media screen and (max-width: 767px) {
    .single-post .free_input_area_reset table,
    .single-post .free_input_area_reset table tbody,
    .single-post .free_input_area_reset table thead,
    .single-post .free_input_area_reset table tr,
    .single-post .free_input_area_reset table th,
    .single-post .free_input_area_reset table td {
    	display: block;
    	width: 100% !important;
    }
}

.addtoany_content { display:table; background: #efefef; padding: 10px; }
.addtoany_content_bottom { margin-top: 60px !important; }
.addtoany_content .addtoany_header,
.addtoany_content .addtoany_list {
	display:table-cell;
	text-align: center;
	vertical-align: middle;
	padding: 10px;
}


/*20231226 SP修正*/

/*MV下のマージン調整*/
@media screen and (max-width: 767px){
  .top-lists-wrap{
    padding: 50px 0 10em;
  }

  .top-lists-wrap section h2.add_heading span span{
    letter-spacing: -0.009em;
  }
}


/*20240208 インスタ埋め込み修正*/
@media screen and (max-width: 767px){
  .works_details> section > div > div.kiji-content .sns_embed iframe.instagram-media{
    height: 166.845vw;
    min-width: 256px!important;
  }
}

/*20241009 フリー入力欄追加*/
.works_details .sec-kiji div.inner div.kiji-content > div.free_input_area{
  margin-top: 30px;
}
.works_details .sec-kiji div.inner div.kiji-content > div.free_input_area h2{
  -webkit-font-smoothing: antialiased;
  color: #4c4c4c;
  padding: 0;
  border: 0;
  font: inherit;
  vertical-align: baseline;
  box-sizing: border-box;
  font-size: 24px;
  font-weight: bold;
  margin: 0 0 16px;
}

.works_details .sec-kiji div.inner div.kiji-content > div.free_input_area h2:after{
  content: '';
  display: none;
}

.works_details .sec-kiji div.inner div.kiji-content > div.free_input_area h3{
  -webkit-font-smoothing: antialiased;
  color: #4c4c4c;
  overflow-wrap: break-word;
  padding: 0;
  border: 0;
  font: inherit;
  vertical-align: baseline;
  box-sizing: border-box;
  font-weight: bold;
  font-size: 18px;
  margin: 26px 0 0;
}

.works_details .sec-kiji div.inner div.kiji-content > div.free_input_area p{
  -webkit-font-smoothing: antialiased;
  color: #4c4c4c;
  overflow-wrap: break-word;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 120%;
  vertical-align: baseline;
  box-sizing: border-box;
  margin: 22px 0;
  letter-spacing: 0.03em;
}

.works_details .sec-kiji div.inner div.kiji-content > div.free_input_area img,
.works_details .sec-kiji div.inner div.kiji-content > div.free_input_area iframe,
.posts_details .sec-kiji div.inner div.kiji-content > div.free_input_area img,
.posts_details .sec-kiji div.inner div.kiji-content > div.free_input_area iframe{
  width: 100%;
}

.works_details .sec-kiji div.inner div.kiji-content > div.free_input_area iframe,
.posts_details .sec-kiji div.inner div.kiji-content > div.free_input_area iframe {
  height: 500px;
  margin: 30px 0;
  position: relative;
  width: 100%;
}

@media screen and (max-width: 767px){
  .works_details .sec-kiji div.inner div.kiji-content > div.free_input_area{
    margin-top: 0;
  }
  .works_details .sec-kiji div.inner div.kiji-content > div.free_input_area h2{
    color: #4c4c4c;
    overflow-wrap: break-word;
    padding: 0;
    border: 0;
    font: inherit;
    vertical-align: baseline;
    box-sizing: border-box;
    margin: 40px 0 20px;
    font-weight: bold;
    line-height: 1.48;
    font-size: 20px;
  }

  .works_details .sec-kiji div.inner div.kiji-content > div.free_input_area iframe,
  .posts_details .sec-kiji div.inner div.kiji-content > div.free_input_area iframe {
    width: 100%;
    height: 200px;
  }
}

#works_category_list #youtube_channel_list > div.youtube_channel_item > ul > li > a > img{
  object-fit: cover;
  width: 100%;
  max-height: 186px;
}
/*------------------------------
ytc_all_archives
-------------------------------*/
.ytc_all_archives .midashi-line {
  position: relative;
  font-size: 2rem;
  overflow: hidden;
}

.ytc_all_archives .midashi-line:before {
  content: '';
  display: block;
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 1px;
  margin-bottom: 1em;
  background: #000;
}

.ytc_all_archives .midashi-line.scrollIn:before {
  width: 0;
  transform: translateX(-5px);
  transition: all 1s ease-out;
}

.ytc_all_archives .midashi-line.scrollIn.show:before {
  width: 100%;
  transform: translateX(0);
}

.ytc_all_archives .sec-lead {
  /*.inner {
      width: 90%;
      max-width: 1080px;
      padding-top: 180px;
      margin: 0 auto 0;
    }*/
}

.ytc_all_archives .sec-lead .midashi-line {
  margin-top: 100px;
}

.ytc_all_archives .sec-lead .midashi-line:before {
  margin-bottom: .6em;
}

.ytc_all_archives .sec-lead p {
  font-size: 2.8rem;
  margin-top: 2em;
  letter-spacing: 0.1em;
  line-height: 2em;
}

.ytc_all_archives .sec-lead p strong {
  background: #000;
  color: #fff;
  font-weight: 500;
}

.ytc_all_archives .joinus-box {
  width: 90%;
  max-width: 1080px;
  padding-top: 35px;
  margin: 0 auto;
}

.ytc_all_archives .joinus-box .inner {
  padding-left: 15%;
}

.ytc_all_archives .joinus-job {
  width: 90%;
  max-width: 1080px;
  padding-top: 35px;
  margin: 0 auto 0;
}

.ytc_all_archives .joinus-job .inner {
  padding-left: 25%;
}

.ytc_all_archives .joinus-job .inner .midashi-line {
  font-size: 2rem;
}

.ytc_all_archives .joinus-job .inner .midashi-line span {
  background: url("../images/joinus/job-midashi.png") no-repeat top;
  width: 117px;
  height: 44px;
  display: block;
  text-align: center;
}

.ytc_all_archives .joinus-job .inner ul {
  display: flex;
  flex-wrap: wrap;
  padding-top: 40px;
}

.ytc_all_archives .joinus-job .inner ul li {
  width: 32%;
  margin: 0 2% 2% 0;
}

.ytc_all_archives .joinus-job .inner ul li a {
  text-align: center;
  display: table;
  color: #fff;
  font-size: 1.9rem;
  line-height: 1.2em;
  letter-spacing: 0.1em;
  text-decoration: none;
  text-align: left;
  padding: 12px 18px;
  background: #000 url("../images/common/arrow-w.png") no-repeat center right 3%;
  background-size: 20px;
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
}

.ytc_all_archives .joinus-job .inner ul li a span {
  width: 100%;
  height: 100%;
  display: table-cell;
  vertical-align: middle;
}

.ytc_all_archives .joinus-job .inner ul li a:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  background: #fff;
  transform-origin: 100% 50%;
  transform: scaleX(0);
  transition: transform ease .3s;
}

.ytc_all_archives .joinus-job .inner ul li a:hover {
  color: #000;
}

.ytc_all_archives .joinus-job .inner ul li a:hover:before {
  transform-origin: 0% 50%;
  transform: scaleX(1);
}

.ytc_all_archives .joinus-job .inner ul li:nth-of-type(3n) {
  margin-right: 0;
}

.ytc_all_archives .joinus-access {
  width: 90%;
  max-width: 1080px;
  padding-top: 35px;
  margin: 0 auto 0;
}

.ytc_all_archives .joinus-access .inner {
  padding-left: 25%;
  position: relative;
}

.ytc_all_archives .joinus-access .inner .midashi-line {
  font-size: 1.5rem;
}

.ytc_all_archives .joinus-access .inner p {
  font-size: 1.4rem;
}

.ytc_all_archives .joinus-access .inner .btn-bg {
  position: absolute;
  right: 0;
  bottom: 0;
  /*a {
          padding: 1.5em 6em;
        }*/
}

.ytc_all_archives .joinus-detail {
  width: 90%;
  max-width: 1420px;
  margin: 0 auto;
}

.ytc_all_archives .joinus-detail .inner {
  padding-left: 25%;
}

.ytc_all_archives .joinus-detail .inner .midashi {
  font-size: 2.4rem;
  margin-bottom: 30px;
  padding-bottom: 30px;
  border-bottom: 1px solid #000;
}

.ytc_all_archives .joinus-detail .inner .midashi:before {
  content: "";
  display: inline-block;
  height: 3px;
  width: 20px;
  background: #000;
  transform: rotate(-45deg);
  vertical-align: middle;
  margin-right: 10px;
}

.ytc_all_archives .joinus-detail .inner .midashi-line {
  font-size: 1.5rem;
}

.ytc_all_archives .joinus-detail .inner p {
  font-size: 2rem;
}

.ytc_all_archives .joinus-detail .inner p.detail {
  font-size: 1.4rem;
}

.ytc_all_archives .joinus-detail .inner dl {
  font-size: 1.5rem;
}

.ytc_all_archives .joinus-detail .inner dl dt {
  margin: 2em 0 0.5em;
}

.ytc_all_archives .joinus-detail .inner dl dt:before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  border-radius: 10px;
  background: #000;
  vertical-align: middle;
  margin-right: 10px;
}

.ytc_all_archives .joinus-detail .inner dl dt span {
  color: #646464;
}

.ytc_all_archives .joinus-detail .inner dl dd span {
  color: #646464;
}

.ytc_all_archives .joinus-detail .btn-bg {
  text-align: right;
  margin-top: 40px;
  /*a {
        font-size: 2rem;
        padding: 1.5em 4em;
      }*/
}

.ytc_all_archives .blog-index {
  width: 90%;
  max-width: 1080px;
  padding-top: 35px;
  margin: 0 auto;
}

.ytc_all_archives .blog-index .inner {
  padding-left: 25%;
}

.ytc_all_archives > div.l-wrapper > div.l-main > section.joinus-box > div.inner > div.item_list > ul {
  display: flex;
  flex-wrap: wrap;
  gap: 15px 20px;
}

.ytc_all_archives > div.l-wrapper > div.l-main > section.joinus-box > div.inner > div.item_list > ul li {
  width: calc(33% - 20px);
  margin: 0;
}

.ytc_all_archives > div.l-wrapper > div.l-main > section.joinus-box > div.inner > div.item_list > ul li a {
  display: block;
}

.ytc_all_archives > div.l-wrapper > div.l-main > section.joinus-box > div.inner > div.item_list > ul li a img {
  width: 100%;
}

.ytc_all_archives > div.l-wrapper > div.l-main > section.sec-contents > div.inner > h1.pagetitle {
  font-size: 7.36rem;
}

@media screen and (max-width: 1200px) {
  .ytc_all_archives > div.l-wrapper > div.l-main > section.sec-contents > div.inner > h1.pagetitle {
    font-size: 4.3rem;
    top: 50px;
  }
}

@media screen and (max-width: 767px) {
  body.ytc_all_archives > div.l-wrapper > div {
    margin: 30px auto;
  }
  .ytc_all_archives .joinus-box{
    padding-top: 5px;
  }
  .ytc_all_archives .midashi-line {
    font-size: 1.4rem;
  }

  .ytc_all_archives .sec-lead .inner {
    padding-left: 18%;
    margin: 0 auto 0;
  }

  .ytc_all_archives .sec-lead p {
    font-size: 1.6rem;
  }

  .ytc_all_archives .joinus-job .inner {
    padding-left: 19%;
  }

  .ytc_all_archives .joinus-job .inner .midashi-line {
    font-size: 1.4rem;
  }

  .ytc_all_archives .joinus-job .inner .midashi-line span {
    padding-top: 5px;
  }

  .ytc_all_archives .joinus-job .inner ul {
    display: block;
    padding-top: 20px;
  }

  .ytc_all_archives .joinus-job .inner ul li {
    width: 100%;
    margin: 0 0 2% 0;
  }

  .ytc_all_archives .joinus-job .inner ul li a {
    font-size: 1.6rem;
  }

  .ytc_all_archives .joinus-access .inner {
    padding-left: 19%;
    position: relative;
  }

  .ytc_all_archives .joinus-access .inner .btn-bg {
    position: static;
  }

  .ytc_all_archives .joinus-access .inner .btn-bg a {
    padding: 1em;
    width: 100%;
  }

  .ytc_all_archives .joinus-detail .inner {
    padding-left: 19%;
  }

  .ytc_all_archives .joinus-detail .inner .midashi {
    font-size: 1.8rem;
    margin-bottom: 30px;
  }

  .ytc_all_archives .joinus-detail .inner p {
    font-size: 1.6rem;
  }

  .ytc_all_archives .joinus-detail .inner p.detail {
    font-size: 1.4rem;
  }

  .ytc_all_archives .joinus-detail .inner dl {
    font-size: 1.4rem;
  }

  .ytc_all_archives .joinus-detail .btn-bg {
    text-align: right;
    margin-top: 40px;
  }

  .ytc_all_archives .joinus-detail .btn-bg a {
    font-size: 1.5rem;
    padding: 1em;
    width: 100%;
    text-align: center;
  }

  .ytc_all_archives .blog-index .inner {
    padding-left: 0;
  }

  .ytc_all_archives > div.l-wrapper > div.l-main > section.joinus-box > div.inner > div.item_list > ul {
    display: flex;
    flex-wrap: wrap;
    gap: 15px 20px;
  }

  .ytc_all_archives > div.l-wrapper > div.l-main > section.joinus-box > div.inner > div.item_list > ul li {
    width: calc(50% - 20px);
    margin: 0;
  }

  .ytc_all_archives > div.l-wrapper > div.l-main > section.joinus-box > div.inner > div.item_list > ul li a {
    display: block;
  }

  .ytc_all_archives > div.l-wrapper > div.l-main > section.joinus-box > div.inner > div.item_list > ul li a img {
    width: 100%;
  }
}

/********************
 コメント欄の開閉ボタンのデザイン修正
*********************/
#comments-toggle {
display: block;
margin: 25px 15% 25px 15%;
padding: .5em 10px;
background-color: #000;
border-radius: 8px;
color: #fff;
font-size: 1.125em;
font-weight: bold;
text-align: center;
}
#comments-toggle:hover {
cursor: pointer;
opacity: 0.8;
}
/* コメント本体css */
#comments {
	background: #efefef;
	padding: 15px;
}
.comment-reply-title,
#comments-title {
	font-size: 1em;
	line-height: 1.2;
	color: #fff;
	background: #000;
	display: inline-block;
	padding: .2em 20px;
	letter-spacing: .1em;
	font-weight: bold;
	vertical-align: bottom;
}
.comment-reply-title a,
#comments-title a {
	color: #fff;
	display: block;
	padding: .2em 0 0;
}
.comment-reply-title small,
#comments-title small {
}
.comment-form .comment-form-cookies-consent label {
    font-weight: normal;
    display: inline;
    width: auto;
}
#respond {
background: #fbfbfb;
padding:10px;
}
#comments-title {
margin-top: 2%;
}
 
/**/
.comment-lists-wrap {
}
.comment-lists-wrap ol {
    list-style-position: inside;
}
.comment-lists-wrap ol li{
     overflow: hidden;
}
.comment-lists-wrap ol li.even{　/* コメントグループの区切り */
     border-bottom: 1px solid #F9003C;
}
.comment-lists-wrap ol .comment {
}
.comment-lists-wrap ol .children { /* 返信コメントの部分 */
     margin-left: 10%;
}
.reply{/* 返信ボタン */
     line-height: 20px;
     width: 50px;
     font-size: 10px;
     text-align: center;
     float: right;
}
.reply a {
     background-color:#000;
     color:#fff;
     display: block;
     text-decoration: none;
     border-radius: .4em;
}
.comment-author{/* アバター */
     width:10%;
     float: left;
     overflow: hidden;
/*     margin-right: 2.5%;*/
	margin-right: 1%;
}
.commentlist .children .comment-author {
	width: 8%;
}
.comment-author img{
     display: block;
}
span.says{/* コメント投稿者の「より」を非表示 */
     display: none;
}
.commentlist > ol > li {
     clear: both;
     margin-top: 2%;
     overflow: hidden;
     background: #fff;
}
.commentlist .depth-2 {
	border-top: 2px solid #efefef;
}
.commentlist .depth-2,
.commentlist .depth-3 {
	padding-left: 10px;
}
.commentlist .children {
}
.comment-body{
     clear: both;
/*
     margin-top: 2%;
     background: #fff;
*/
     overflow: hidden;
     padding: 10px;
}
.comment-body .comment-awaiting-moderation,
.comment-body p{/* 文章部分 */
     overflow: hidden;
     margin: 0 0 1% 0!important;
/*
     padding:1%;
     border:1px dashed #fff;
     background: #fff;
*/
}
.comment-body .comment-awaiting-moderation {
	display: inline;
	color: #c00;
}
.fn {/* コメント投稿者の名前の部分（デフォルトではイタリックになってる部分） */
    display: block;
    font-style: normal;
    clear: both;
    text-align: center;
    line-height: 1.2;
    font-size: 80%;
    word-wrap: break-word;
    padding: .4em 0 0;

}
.comment-meta{/* コメント投稿日 */
     text-align: right;
     font-size: 80%;
}
.comment-meta a{
}
/* コメントフォーム */
.comment-form .comment-notes {
}
.comment-form .comment-notes #email-notes {
    display: block;
}
.comment-form .comment-notes .required-field-message {
    font-size: 80%;
}
.comment-form .comment-form-comment {
}
.comment-form .form-submit {
    text-align: center;
}
.comment-form label {
    font-weight: bold;
    display: block;
    margin-bottom: .25em;
    font-size: 90%;
}
.comment-form textarea,
.comment-form input[type=text] {
    border: 2px solid #dbd1cc;
    background: #fff;
    border-radius: 4px;
    outline: none;
    padding: .25em;
    width: 100%;
    box-sizing: border-box;
}
.comment-form .comment-form-author,
.comment-form .comment-form-email {
    display: block;
    width: 49%;
    float: left;
}
.comment-form .comment-form-author {
    float: left;
}
.comment-form .comment-form-email {
    float: right;
}
.comment-form input[type=text] {
    height: 2.5em;
}
.comment-form .comment-form-email + p,
.comment-form .comment-form-url,
.comment-form .comment-form-cookies-consent {
    clear: both;
}
.comment-form br:has(+ #siteguard_captcha) {
	display: none;
}
.comment-form .form-submit input[type=submit]{
	display: block;
	padding: .4em 10px;
	border: none;
	background: #000;
	color: #fff;
	border-radius: .4em;
	margin: 0 auto;
	font-weight: bold;
	line-height: 1.6;
}
/**/
@media screen and (max-width: 767px){
	.comment-author {
		width: 20%;
	}
	.commentlist .children .comment-author {
		width: 15%;
	}
	.comment-form textarea,
	.comment-form input[type=text] {
		font-size: 16px;
	}
}