@charset "UTF-8";
/*!
Theme Name: threelead
Theme URI: http://bitrech.co.jp/
Author: BitRech.co.jp
Author URI: http://bitrech.co.jp/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: threelead
Tags:

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

threelead is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/
/* Normalize
--------------------------------------------- */
/*! 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;
  -webkit-text-size-adjust: 100%;
}

/* 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 {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  height: 0;
  overflow: visible;
}

/**
 * 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;
  font-size: 1em;
}

/* 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;
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

/**
 * 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;
  font-size: 1em;
}

/**
 * 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;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}

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

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

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

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

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

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

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

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

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

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

/**
 * 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;
  outline-offset: -2px;
}

/**
 * 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;
  font: inherit;
}

/* 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;
}

/* Box sizing
--------------------------------------------- */
/* Inherit box-sizing to more easily change it's value on a component level.
@link http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
*,
*::before,
*::after {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}

html {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

/*--------------------------------------------------------------
# Base
--------------------------------------------------------------*/
/* Typography
--------------------------------------------- */
body,
button,
input,
select,
optgroup,
textarea {
  color: #404040;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 1rem;
  line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  clear: both;
}

p {
  margin-bottom: 1.5em;
}

dfn,
cite,
em,
i {
  font-style: italic;
}

blockquote {
  margin: 0 1.5em;
}

address {
  margin: 0 0 1.5em;
}

pre {
  background: #eee;
  font-family: "Courier 10 Pitch", courier, monospace;
  line-height: 1.6;
  margin-bottom: 1.6em;
  max-width: 100%;
  overflow: auto;
  padding: 1.6em;
}

code,
kbd,
tt,
var {
  font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}

abbr,
acronym {
  border-bottom: 1px dotted #666;
  cursor: help;
}

mark,
ins {
  background: #fff9c0;
  text-decoration: none;
}

big {
  font-size: 125%;
}

/* Elements
--------------------------------------------- */
body {
  background: #fff;
}

hr {
  background-color: #ccc;
  border: 0;
  height: 1px;
  margin-bottom: 1.5em;
}

ul,
ol {
  margin: 0 0 1.5em 3em;
}

ul {
  list-style: disc;
}

ol {
  list-style: decimal;
}

li > ul,
li > ol {
  margin-bottom: 0;
  margin-left: 1.5em;
}

dt {
  font-weight: 700;
}

dd {
  margin: 0 1.5em 1.5em;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
  max-width: 100%;
}

img {
  height: auto;
  max-width: 100%;
}

figure {
  margin: 1em 0;
}

table {
  margin: 0 0 1.5em;
  width: 100%;
}

/* Links
--------------------------------------------- */
a {
  color: #4169e1;
}

a:visited {
  color: #800080;
}

a:hover,
a:focus,
a:active {
  color: #191970;
}

a:focus {
  outline: thin dotted;
}

a:hover,
a:active {
  outline: 0;
}

/* Forms
--------------------------------------------- */
button,
input[type=button],
input[type=reset],
input[type=submit] {
  border: 1px solid;
  border-color: #ccc #ccc #bbb;
  border-radius: 3px;
  background: #e6e6e6;
  color: rgba(0, 0, 0, 0.8);
  line-height: 1;
  padding: 0.6em 1em 0.4em;
}

button:hover,
input[type=button]:hover,
input[type=reset]:hover,
input[type=submit]:hover {
  border-color: #ccc #bbb #aaa;
}

button:active,
button:focus,
input[type=button]:active,
input[type=button]:focus,
input[type=reset]:active,
input[type=reset]:focus,
input[type=submit]:active,
input[type=submit]:focus {
  border-color: #aaa #bbb #bbb;
}

input[type=text],
input[type=email],
input[type=url],
input[type=password],
input[type=search],
input[type=number],
input[type=tel],
input[type=range],
input[type=date],
input[type=month],
input[type=week],
input[type=time],
input[type=datetime],
input[type=datetime-local],
input[type=color],
textarea {
  color: #666;
  border: 1px solid #ccc;
  border-radius: 3px;
  padding: 3px;
}

input[type=text]:focus,
input[type=email]:focus,
input[type=url]:focus,
input[type=password]:focus,
input[type=search]:focus,
input[type=number]:focus,
input[type=tel]:focus,
input[type=range]:focus,
input[type=date]:focus,
input[type=month]:focus,
input[type=week]:focus,
input[type=time]:focus,
input[type=datetime]:focus,
input[type=datetime-local]:focus,
input[type=color]:focus,
textarea:focus {
  color: #111;
}

select {
  border: 1px solid #ccc;
}

textarea {
  width: 100%;
}

/*--------------------------------------------------------------
# Layouts
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Components
--------------------------------------------------------------*/
/* Navigation
--------------------------------------------- */
.main-navigation {
  display: block;
  width: 100%;
}

.main-navigation ul {
  display: none;
  list-style: none;
  margin: 0;
  padding-left: 0;
}

.main-navigation ul ul {
  -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
          box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
  float: left;
  position: absolute;
  top: 100%;
  left: -999em;
  z-index: 99999;
}

.main-navigation ul ul ul {
  left: -999em;
  top: 0;
}

.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
  display: block;
  left: auto;
}

.main-navigation ul ul a {
  width: 200px;
}

.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
  left: auto;
}

.main-navigation li {
  position: relative;
}

.main-navigation a {
  display: block;
  text-decoration: none;
}

/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
  display: block;
}

.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
  margin: 0 0 1.5em;
}

.comment-navigation .nav-links,
.posts-navigation .nav-links,
.post-navigation .nav-links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 50%;
          flex: 1 0 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
  text-align: end;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 50%;
          flex: 1 0 50%;
}

/* Posts and pages
--------------------------------------------- */
.sticky {
  display: block;
}

.post,
.page {
  margin: 0 0 1.5em;
}

.updated:not(.published) {
  display: none;
}

.page-content,
.entry-content,
.entry-summary {
  margin: 1.5em 0 0;
}

.page-links {
  clear: both;
  margin: 0 0 1.5em;
}

/* Comments
--------------------------------------------- */
.comment-content a {
  word-wrap: break-word;
}

.bypostauthor {
  display: block;
}

/* Widgets
--------------------------------------------- */
.widget {
  margin: 0 0 1.5em;
}

.widget select {
  max-width: 100%;
}

/* Media
--------------------------------------------- */
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
  border: none;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
  display: inline-block;
}

/* Captions
--------------------------------------------- */
.wp-caption {
  margin-bottom: 1.5em;
  max-width: 100%;
}

.wp-caption img[class*=wp-image-] {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.wp-caption .wp-caption-text {
  margin: 0.8075em 0;
}

.wp-caption-text {
  text-align: center;
}

/* Galleries
--------------------------------------------- */
.gallery {
  margin-bottom: 1.5em;
  display: grid;
  grid-gap: 1.5em;
}

.gallery-item {
  display: inline-block;
  text-align: center;
  width: 100%;
}

.gallery-columns-2 {
  grid-template-columns: repeat(2, 1fr);
}

.gallery-columns-3 {
  grid-template-columns: repeat(3, 1fr);
}

.gallery-columns-4 {
  grid-template-columns: repeat(4, 1fr);
}

.gallery-columns-5 {
  grid-template-columns: repeat(5, 1fr);
}

.gallery-columns-6 {
  grid-template-columns: repeat(6, 1fr);
}

.gallery-columns-7 {
  grid-template-columns: repeat(7, 1fr);
}

.gallery-columns-8 {
  grid-template-columns: repeat(8, 1fr);
}

.gallery-columns-9 {
  grid-template-columns: repeat(9, 1fr);
}

.gallery-caption {
  display: block;
}

/*--------------------------------------------------------------
# Plugins
--------------------------------------------------------------*/
/* Jetpack infinite scroll
--------------------------------------------- */
/* Hide the Posts Navigation and the Footer when Infinite Scroll is in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
  display: none;
}

/* Re-display the Theme Footer when Infinite Scroll has reached its end. */
.infinity-end.neverending .site-footer {
  display: block;
}

/*--------------------------------------------------------------
# Utilities
--------------------------------------------------------------*/
/* Accessibility
--------------------------------------------- */
/* Text meant only for screen readers. */
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(50%);
          clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
}

.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
          box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  -webkit-clip-path: none;
          clip-path: none;
  color: #21759b;
  display: block;
  font-size: 0.875rem;
  font-weight: 700;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
}

/* Do not show the outline on the skip link target. */
#primary[tabindex="-1"]:focus {
  outline: 0;
}

/* Alignments
--------------------------------------------- */
.alignleft {
  /*rtl:ignore*/
  float: left;
  /*rtl:ignore*/
  margin-right: 1.5em;
  margin-bottom: 1.5em;
}

.alignright {
  /*rtl:ignore*/
  float: right;
  /*rtl:ignore*/
  margin-left: 1.5em;
  margin-bottom: 1.5em;
}

.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1.5em;
}

:root {
  --c-w: #fff;
  --c-1: #373f3d;
  --c-2: #545c5a;
  --c-3: #99883b;
  --c-4: #ababab;
  --c-5: #eeeeee;
  --c-6: #e3e3e3;
  --c-7: #f9f2e1;
  --c-8: #f3dfae;
  --c-9: #cdcdcd;
  --px-1: 1250px ;
}

/*
$_path : '/';
*/
*, input, select {
  font-family: "Noto Sans JP", sans-serif;
}

a {
  font-size: var(--text-normal);
  color: var(--c-1);
  text-decoration: none;
  -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}
a:visited {
  color: var(--c-1);
}
a:visited span {
  color: var(--c-1);
}
a:hover {
  color: var(--c-3);
}
a:hover span {
  color: var(--c-3);
}

p {
  font-size: var(--text-normal);
  line-height: 2;
  font-weight: 600;
}

h2 {
  font-size: var(--text-big);
}

h3 {
  font-size: var(--text-normal);
}

@media screen and (min-width: 1316px) {
  :root {
    --text-small: 16px;
    --text-normal: 18px;
    --text-al-big: 24px;
    --text-big: 26px;
    --text-more-big: 32px;
    --text-too-big: 36px;
    --text-biggest: 48px;
    --text-sp-big: 36px;
    /*
    font-size: var(--text-small);
    font-size: var(--text-normal);
    font-size: var(--text-al-big);
    font-size: var(--text-big);
    font-size: var(--text-more-big);
    font-size: var(--text-too-big);
    font-size: var(--text-biggest);
    */
    --40px-10px: 40px;
    --2px-0px: 2px;
    --4px-0px: 4px;
  }

  .pc-none {
    display: none !important;
  }

  .menu-toggle {
    display: none;
  }

  .main-navigation ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .site-main {
    margin-top: 100px;
    overflow: hidden;
  }
}
@media screen and (max-width: 1315px) {
  :root {
    --text-small: 12px;
    --text-normal: 12px;
    --text-al-big: 12px;
    --text-big: 14px;
    --text-more-big: 16px;
    --text-too-big: 18px;
    --text-biggest: 22px;
    --text-sp-big: 36px;
    --40px-10px: 10px;
    --2px-0px: 0px;
    --4px-0px: 0px;
  }

  .sp-none {
    display: none !important;
  }

  p {
    line-height: 2em;
  }
}
.alpha-0 {
  opacity: 0;
}

#wpadminbar {
  display: none;
}

html {
  margin-top: 0 !important;
}
@media screen and (max-width: 782px) {
  html {
    margin-top: 0 !important;
  }
}

img {
  display: block;
}

.post,
.page {
  margin-bottom: 0;
}

.edit-link {
  display: none;
}

:root {
  --c-w: #fff;
  --c-1: #373f3d;
  --c-2: #545c5a;
  --c-3: #99883b;
  --c-4: #ababab;
  --c-5: #eeeeee;
  --c-6: #e3e3e3;
  --c-7: #f9f2e1;
  --c-8: #f3dfae;
  --c-9: #cdcdcd;
  --px-1: 1250px ;
}

/*
$_path : '/';
*/
*, input, select {
  font-family: "Noto Sans JP", sans-serif;
}

a {
  font-size: var(--text-normal);
  color: var(--c-1);
  text-decoration: none;
  -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}

a:visited {
  color: var(--c-1);
}

a:visited span {
  color: var(--c-1);
}

a:hover {
  color: var(--c-3);
}

a:hover span {
  color: var(--c-3);
}

p {
  font-size: var(--text-normal);
  line-height: 2;
  font-weight: 600;
}

h2 {
  font-size: var(--text-big);
}

h3 {
  font-size: var(--text-normal);
}

@media screen and (min-width: 1316px) {
  :root {
    --text-small: 16px;
    --text-normal: 18px;
    --text-al-big: 24px;
    --text-big: 26px;
    --text-more-big: 32px;
    --text-too-big: 36px;
    --text-biggest: 48px;
    --text-sp-big: 36px;
    /*
    font-size: var(--text-small);
    font-size: var(--text-normal);
    font-size: var(--text-al-big);
    font-size: var(--text-big);
    font-size: var(--text-more-big);
    font-size: var(--text-too-big);
    font-size: var(--text-biggest);
    */
    --40px-10px: 40px;
    --2px-0px: 2px;
    --4px-0px: 4px;
  }

  .pc-none {
    display: none !important;
  }

  .menu-toggle {
    display: none;
  }

  .main-navigation ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .site-main {
    margin-top: 100px;
    overflow: hidden;
  }
}
@media screen and (max-width: 1315px) {
  :root {
    --text-small: 12px;
    --text-normal: 12px;
    --text-al-big: 12px;
    --text-big: 14px;
    --text-more-big: 16px;
    --text-too-big: 18px;
    --text-biggest: 22px;
    --text-sp-big: 36px;
    --40px-10px: 10px;
    --2px-0px: 0px;
    --4px-0px: 0px;
  }

  .sp-none {
    display: none !important;
  }

  p {
    line-height: 2em;
  }
}
.alpha-0 {
  opacity: 0;
}

#wpadminbar {
  display: none;
}

html {
  margin-top: 0 !important;
}

@media screen and (max-width: 782px) {
  html {
    margin-top: 0 !important;
  }
}
img {
  display: block;
}

.post,
.page {
  margin-bottom: 0;
}

.edit-link {
  display: none;
}

header {
  height: 100px;
  width: 100%;
  position: fixed;
  top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  z-index: 3;
  background-color: #fff;
  -webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1);
          box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1);
}
@media screen and (max-width: 1315px) {
  header {
    position: fixed;
    z-index: 99;
    top: 0;
    height: 60px;
    background-color: var(--c-w);
    -webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1);
            box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1);
  }
}

.header-logo {
  position: relative;
  margin-left: 120px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 1315px) {
  .header-logo {
    margin: auto;
  }
}
.header-logo img {
  height: 70px;
  -o-object-fit: contain;
     object-fit: contain;
}
@media screen and (max-width: 1315px) {
  .header-logo img {
    height: 32px;
  }
}

.header-menu {
  margin-left: auto;
  position: relative;
}
@media screen and (max-width: 1315px) {
  .header-menu {
    position: fixed;
    top: 0;
    right: 0;
  }
  .header-menu button {
    height: 60px;
    width: 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding: 0;
    background-color: var(--c-1);
    border: none;
    border-radius: 0;
  }
  .header-menu button span {
    pointer-events: none;
    margin: 0 auto;
    width: 36px;
    height: 2px;
    border-radius: 0.5px;
    background-color: var(--c-w);
    -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
            box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
  }
  .header-menu button span:first-child {
    margin-top: 14px;
  }
}
.header-menu > ul {
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.header-menu > ul li {
  list-style: none;
}
@media screen and (max-width: 1315px) {
  .header-menu > ul {
    opacity: 0;
    pointer-events: none;
    position: fixed;
    top: 120px;
    left: 20px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    width: calc(100% - 40px);
  }
}
.header-menu > ul > li {
  position: relative;
  text-align: left;
}
@media screen and (max-width: 1315px) {
  .header-menu > ul > li {
    width: 100%;
  }
}
@media screen and (min-width: 1315px) {
  .header-menu > ul > li.header-works:hover .sub {
    height: 237px;
  }
}
.header-menu > ul > li .sub {
  margin: 0;
  padding: 0;
  overflow: hidden;
  height: 0px;
  top: 100px;
  -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: fixed;
  left: calc(50% - var(--px-1) / 2);
  background-color: #f2f2f2;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: var(--px-1);
}
.header-menu > ul > li .sub li {
  list-style: none;
}
@media screen and (max-width: 1315px) {
  .header-menu > ul > li .sub {
    height: initial;
    left: 10px;
    width: 100%;
    position: initial;
    -webkit-box-shadow: none;
            box-shadow: none;
    background-color: var(--c-w);
    top: initial;
  }
}
@media screen and (min-width: 1315px) {
  .header-menu > ul > li .sub {
    pointer-events: painted;
  }
}
.header-menu > ul > li .sub li {
  width: calc(100% / 3);
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  border-bottom: 1px solid var(--c-6);
  border-right: 1px solid var(--c-6);
}
@media screen and (max-width: 1315px) {
  .header-menu > ul > li .sub li {
    width: 100%;
    padding: 0 1em 0 3em;
    border: none;
  }
}
.header-menu > ul > li .sub li:nth-child(3), .header-menu > ul > li .sub li:nth-child(6) {
  border-right: none;
}
.header-menu > ul > li .sub li a {
  width: 100%;
  height: 100%;
  display: block;
}
@media screen and (max-width: 1315px) {
  .header-menu > ul > li .sub li a {
    display: inline;
  }
}
.header-menu > ul > li .sub li a span {
  height: 58px;
  line-height: calc(1em + 58px);
}
@media screen and (min-width: 1315px) {
  .header-menu > ul > li .sub li a span {
    padding: 30px 2em;
    width: 100%;
    display: block;
    line-height: 1em;
    height: initial;
  }
}
@media screen and (min-width: 1315px) {
  .header-menu > ul > li .sub li a span:hover {
    background-color: var(--c-1);
    color: var(--c-w);
  }
}
@media screen and (max-width: 1315px) {
  .header-menu > ul > li .sub li a span {
    padding: 1em 0;
    line-height: 35px;
  }
  .header-menu > ul > li .sub li a span::before {
    content: "-";
    margin-right: 0.5em;
    display: inline;
  }
}
.header-menu > ul > li > a {
  font-size: var(--text-normal);
  height: 100px;
  display: block;
}
@media screen and (max-width: 1315px) {
  .header-menu > ul > li > a {
    width: 100%;
    display: block;
    height: initial;
  }
}
.header-menu > ul > li > a > span {
  margin: 0 32px 0 32px;
  font-size: var(--text-normal);
  line-height: 100px;
  white-space: nowrap;
}
@media screen and (max-width: 1500px) and (min-width: 1315px) {
  .header-menu > ul > li > a > span {
    margin: 0 12px 0 12px;
  }
}
@media screen and (max-width: 1315px) {
  .header-menu > ul > li > a > span {
    line-height: 35px;
    margin: 0 0 0 40px;
  }
}

@media screen and (max-width: 1315px) {
  .nav-menu {
    position: absolute;
    -webkit-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
    top: 60px;
    background-color: var(--c-w);
    border-left: 1px solid var(--c-5);
    border-bottom: 1px solid var(--c-5);
    border-right: 1px solid var(--c-5);
    font-weight: 600;
  }
}
.nav-menu li a {
  color: var(--c-1);
}
.nav-menu li a:hover {
  color: var(--c-3);
}
.nav-menu li a:hover span {
  color: var(--c-1);
  -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}
.nav-menu li a:hover span:hover {
  color: var(--c-3);
}

.toggled ul {
  top: 61px;
  -webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
          box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
  -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
  opacity: 1;
  pointer-events: painted;
}
@media screen and (max-width: 1315px) {
  .toggled ul {
    top: 60px;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
}

.header-tel {
  font-weight: 600;
}
@media screen and (max-width: 1315px) {
  .header-tel {
    position: fixed;
    width: 65%;
    bottom: 0;
    left: 0;
    height: 80px;
    background-color: var(--c-w);
  }
}
.header-tel a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100px;
}
@media screen and (max-width: 1315px) {
  .header-tel a {
    height: 100%;
  }
}
.header-tel a:hover {
  color: var(--c-3);
}
.header-tel a span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: 600;
  font-size: var(--text-more-big);
  margin: 0 20px 0 20px;
}
@media screen and (max-width: 1315px) {
  .header-tel a span {
    margin: auto;
  }
}
.header-tel a span img {
  margin-right: 10px;
  width: 30px;
}

.header-request {
  background-color: var(--c-1);
}
@media screen and (max-width: 1315px) {
  .header-request {
    position: fixed;
    width: 35%;
    bottom: 0;
    right: 0;
    height: 80px;
  }
}
.header-request a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100px;
}
@media screen and (max-width: 1315px) {
  .header-request a {
    height: 100%;
  }
}
.header-request a:visited span {
  color: var(--c-w);
}
.header-request a span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: var(--c-w);
  font-size: var(--text-small);
  line-height: 28px;
  margin: 0 32px 0 32px;
}
@media screen and (max-width: 1315px) {
  .header-request a span {
    margin: auto;
  }
}
.header-request a span img {
  margin-right: 10px;
  width: 28px;
}

:root {
  --c-w: #fff;
  --c-1: #373f3d;
  --c-2: #545c5a;
  --c-3: #99883b;
  --c-4: #ababab;
  --c-5: #eeeeee;
  --c-6: #e3e3e3;
  --c-7: #f9f2e1;
  --c-8: #f3dfae;
  --c-9: #cdcdcd;
  --px-1: 1250px ;
}

/*
$_path : '/';
*/
*, input, select {
  font-family: "Noto Sans JP", sans-serif;
}

a {
  font-size: var(--text-normal);
  color: var(--c-1);
  text-decoration: none;
  -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}

a:visited {
  color: var(--c-1);
}

a:visited span {
  color: var(--c-1);
}

a:hover {
  color: var(--c-3);
}

a:hover span {
  color: var(--c-3);
}

p {
  font-size: var(--text-normal);
  line-height: 2;
  font-weight: 600;
}

h2 {
  font-size: var(--text-big);
}

h3 {
  font-size: var(--text-normal);
}

@media screen and (min-width: 1316px) {
  :root {
    --text-small: 16px;
    --text-normal: 18px;
    --text-al-big: 24px;
    --text-big: 26px;
    --text-more-big: 32px;
    --text-too-big: 36px;
    --text-biggest: 48px;
    --text-sp-big: 36px;
    /*
    font-size: var(--text-small);
    font-size: var(--text-normal);
    font-size: var(--text-al-big);
    font-size: var(--text-big);
    font-size: var(--text-more-big);
    font-size: var(--text-too-big);
    font-size: var(--text-biggest);
    */
    --40px-10px: 40px;
    --2px-0px: 2px;
    --4px-0px: 4px;
  }

  .pc-none {
    display: none !important;
  }

  .menu-toggle {
    display: none;
  }

  .main-navigation ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .site-main {
    margin-top: 100px;
    overflow: hidden;
  }
}
@media screen and (max-width: 1315px) {
  :root {
    --text-small: 12px;
    --text-normal: 12px;
    --text-al-big: 12px;
    --text-big: 14px;
    --text-more-big: 16px;
    --text-too-big: 18px;
    --text-biggest: 22px;
    --text-sp-big: 36px;
    --40px-10px: 10px;
    --2px-0px: 0px;
    --4px-0px: 0px;
  }

  .sp-none {
    display: none !important;
  }

  p {
    line-height: 2em;
  }
}
.alpha-0 {
  opacity: 0;
}

#wpadminbar {
  display: none;
}

html {
  margin-top: 0 !important;
}

@media screen and (max-width: 782px) {
  html {
    margin-top: 0 !important;
  }
}
img {
  display: block;
}

.post,
.page {
  margin-bottom: 0;
}

.edit-link {
  display: none;
}

.footer-contact {
  width: 100%;
  background-image: url("/wp-content/themes/threelead/asset/img/img_contact_back.jpg");
  background-size: cover;
  background-position: center;
}

.footer-contact_inner {
  padding-top: 125px;
  padding-bottom: 125px;
  margin: 0 auto 0 auto;
  width: var(--px-1);
  margin-bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 1315px) {
  .footer-contact_inner {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
@media screen and (max-width: 1315px) {
  .footer-contact_inner {
    width: calc(100% - 20px);
    margin-left: 10px;
    margin-right: 10px;
  }
}
@media screen and (max-width: 1315px) {
  .footer-contact_inner {
    display: block;
  }
  .footer-contact_inner > div {
    width: 100%;
  }
}

.footer-contact_text {
  width: 50%;
  text-align: left;
}
@media screen and (max-width: 1315px) {
  .footer-contact_text {
    text-align: center;
  }
}
.footer-contact_text div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 36px;
}
.footer-contact_text div h2 {
  color: var(--c-1);
  margin-bottom: 0;
  font-size: var(--text-biggest);
}
@media screen and (max-width: 1315px) {
  .footer-contact_text div h2 {
    font-size: 24px;
  }
}
.footer-contact_text div > p:nth-child(2) {
  color: var(--c-3);
  margin-top: 0.5em;
  font-size: var(--text-normal);
}
@media screen and (max-width: 1315px) {
  .footer-contact_text div > p:nth-child(2) {
    font-size: var(--text-small);
  }
}
@media screen and (max-width: 1315px) {
  .footer-contact_text div {
    display: block;
  }
  .footer-contact_text div > div {
    width: 100%;
  }
}
.footer-contact_text div h2 {
  color: var(--c-w);
}
.footer-contact_text div p {
  line-height: 48px;
}
@media screen and (min-width: 1315px) {
  .footer-contact_text div p {
    margin: auto auto 0 40px !important;
  }
}
@media screen and (max-width: 1315px) {
  .footer-contact_text div p {
    margin: 0;
  }
}

.footer-contact_text_white {
  color: var(--c-w);
  font-size: var(--text-normal);
  font-weight: 100;
}
@media screen and (max-width: 1315px) {
  .footer-contact_text_white {
    text-align: center;
  }
}

.footer-contact_button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 50%;
  text-align: right;
}
.footer-contact_button .button {
  background: -webkit-gradient(linear, right top, left top, from(transparent), color-stop(50%, transparent), color-stop(50%, #fff), to(#fff));
  background: linear-gradient(270deg, transparent 0%, transparent 50%, #fff 50%, #fff 100%);
  -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
  background-size: 200% 75px;
  background-repeat: no-repeat;
  background-position: 100%;
}
.footer-contact_button .button span {
  -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
  color: var(--c-w);
}
.footer-contact_button .button:hover {
  color: var(--c-1);
  background-position: 0%;
}
.footer-contact_button .button:hover span {
  color: var(--c-1);
}
.footer-contact_button .button:hover span::after {
  -webkit-filter: invert(50%) sepia(0%) saturate(11%) hue-rotate(143deg) brightness(65%) contrast(93%);
          filter: invert(50%) sepia(0%) saturate(11%) hue-rotate(143deg) brightness(65%) contrast(93%);
}
.footer-contact_button .button {
  width: 390px;
  height: 75px;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: auto;
  border: solid 1px var(--c-w);
  color: var(--c-w);
  position: relative;
  margin-right: 0;
}
@media screen and (max-width: 1315px) {
  .footer-contact_button .button {
    width: 100%;
  }
}
.footer-contact_button .button span {
  margin: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.footer-contact_button .button span::after {
  content: "";
  display: block;
  height: 16px;
  width: 16px;
  background-image: url("/wp-content/themes/threelead/asset/img/img_icon_arrow.svg");
  margin: auto 0 auto 1rem;
}

.footer-campany {
  padding-top: 62px;
  text-align: center;
  color: var(--c-1);
}

.footer-campany_img {
  width: 300px;
  margin: auto;
}

.footer-campany_tel {
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: var(--text-big);
  line-height: 28px;
  font-weight: bold;
  margin: 0 auto 62px auto;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.footer-campany_tel img {
  width: 28px;
  height: 28px;
  margin-right: 10px;
}

.footer-copy {
  background-color: var(--c-1);
  text-align: center;
  color: var(--c-w);
}
@media screen and (max-width: 1315px) {
  .footer-copy {
    margin-bottom: 80px;
  }
}
.footer-copy p {
  margin: 0;
  padding-top: 20px;
  padding-bottom: 20px;
  font-weight: 100;
  font-size: 12px;
  line-height: 24px;
}
.footer-copy p:first-child {
  padding-bottom: 0;
}
.footer-copy p:last-child {
  padding-top: 0;
}
.footer-copy p a {
  color: #fff;
  font-weight: 100;
  font-size: 12px;
  line-height: 24px;
}

.grecaptcha-badge {
  display: none !important;
}

:root {
  --c-w: #fff;
  --c-1: #373f3d;
  --c-2: #545c5a;
  --c-3: #99883b;
  --c-4: #ababab;
  --c-5: #eeeeee;
  --c-6: #e3e3e3;
  --c-7: #f9f2e1;
  --c-8: #f3dfae;
  --c-9: #cdcdcd;
  --px-1: 1250px ;
}

/*
$_path : '/';
*/
*, input, select {
  font-family: "Noto Sans JP", sans-serif;
}

a {
  font-size: var(--text-normal);
  color: var(--c-1);
  text-decoration: none;
  -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}

a:visited {
  color: var(--c-1);
}

a:visited span {
  color: var(--c-1);
}

a:hover {
  color: var(--c-3);
}

a:hover span {
  color: var(--c-3);
}

p {
  font-size: var(--text-normal);
  line-height: 2;
  font-weight: 600;
}

h2 {
  font-size: var(--text-big);
}

h3 {
  font-size: var(--text-normal);
}

@media screen and (min-width: 1316px) {
  :root {
    --text-small: 16px;
    --text-normal: 18px;
    --text-al-big: 24px;
    --text-big: 26px;
    --text-more-big: 32px;
    --text-too-big: 36px;
    --text-biggest: 48px;
    --text-sp-big: 36px;
    /*
    font-size: var(--text-small);
    font-size: var(--text-normal);
    font-size: var(--text-al-big);
    font-size: var(--text-big);
    font-size: var(--text-more-big);
    font-size: var(--text-too-big);
    font-size: var(--text-biggest);
    */
    --40px-10px: 40px;
    --2px-0px: 2px;
    --4px-0px: 4px;
  }

  .pc-none {
    display: none !important;
  }

  .menu-toggle {
    display: none;
  }

  .main-navigation ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .site-main {
    margin-top: 100px;
    overflow: hidden;
  }
}
@media screen and (max-width: 1315px) {
  :root {
    --text-small: 12px;
    --text-normal: 12px;
    --text-al-big: 12px;
    --text-big: 14px;
    --text-more-big: 16px;
    --text-too-big: 18px;
    --text-biggest: 22px;
    --text-sp-big: 36px;
    --40px-10px: 10px;
    --2px-0px: 0px;
    --4px-0px: 0px;
  }

  .sp-none {
    display: none !important;
  }

  p {
    line-height: 2em;
  }
}
.alpha-0 {
  opacity: 0;
}

#wpadminbar {
  display: none;
}

html {
  margin-top: 0 !important;
}

@media screen and (max-width: 782px) {
  html {
    margin-top: 0 !important;
  }
}
img {
  display: block;
}

.post,
.page {
  margin-bottom: 0;
}

.edit-link {
  display: none;
}

.page-header {
  height: 830px;
  background-image: url("/wp-content/themes/threelead/asset/img/img_top_1.jpg");
  background-size: cover;
  background-position: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 1315px) {
  .page-header {
    margin-top: 60px;
    height: calc(100vh - 80px - 60px);
  }
}
.page-header div {
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  font-size: var(--text-more-big);
  color: var(--c-w);
  text-align: center;
}
.page-header div img {
  width: 182px;
  margin: 0 auto;
  margin-bottom: 50px;
}
.page-header div p {
  font-size: var(--text-too-big);
}
.page-header div p.font-serif {
  letter-spacing: 3px;
  font-family: "游明朝", serif;
  margin-top: 0;
}
.page-header div p.gold {
  color: var(--c-3);
  margin-bottom: 0;
  font-size: var(--text-big);
  font-weight: 500;
}
.page-header div h1 {
  font-size: var(--text-biggest);
  white-space: nowrap;
  letter-spacing: 6px;
  margin-top: 0;
}
.page-header div h1.font-serif {
  letter-spacing: 3px;
  font-family: "游明朝", serif;
  font-size: calc(var(--text-biggest) * 1.25);
  width: 100%;
  margin-bottom: 0;
}
@media screen and (max-width: 1315px) {
  .page-header div h1 {
    width: 80%;
    margin: auto;
  }
}

:root {
  --c-w: #fff;
  --c-1: #373f3d;
  --c-2: #545c5a;
  --c-3: #99883b;
  --c-4: #ababab;
  --c-5: #eeeeee;
  --c-6: #e3e3e3;
  --c-7: #f9f2e1;
  --c-8: #f3dfae;
  --c-9: #cdcdcd;
  --px-1: 1250px ;
}

/*
$_path : '/';
*/
*, input, select {
  font-family: "Noto Sans JP", sans-serif;
}

a {
  font-size: var(--text-normal);
  color: var(--c-1);
  text-decoration: none;
  -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}

a:visited {
  color: var(--c-1);
}

a:visited span {
  color: var(--c-1);
}

a:hover {
  color: var(--c-3);
}

a:hover span {
  color: var(--c-3);
}

p {
  font-size: var(--text-normal);
  line-height: 2;
  font-weight: 600;
}

h2 {
  font-size: var(--text-big);
}

h3 {
  font-size: var(--text-normal);
}

@media screen and (min-width: 1316px) {
  :root {
    --text-small: 16px;
    --text-normal: 18px;
    --text-al-big: 24px;
    --text-big: 26px;
    --text-more-big: 32px;
    --text-too-big: 36px;
    --text-biggest: 48px;
    --text-sp-big: 36px;
    /*
    font-size: var(--text-small);
    font-size: var(--text-normal);
    font-size: var(--text-al-big);
    font-size: var(--text-big);
    font-size: var(--text-more-big);
    font-size: var(--text-too-big);
    font-size: var(--text-biggest);
    */
    --40px-10px: 40px;
    --2px-0px: 2px;
    --4px-0px: 4px;
  }

  .pc-none {
    display: none !important;
  }

  .menu-toggle {
    display: none;
  }

  .main-navigation ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .site-main {
    margin-top: 100px;
    overflow: hidden;
  }
}
@media screen and (max-width: 1315px) {
  :root {
    --text-small: 12px;
    --text-normal: 12px;
    --text-al-big: 12px;
    --text-big: 14px;
    --text-more-big: 16px;
    --text-too-big: 18px;
    --text-biggest: 22px;
    --text-sp-big: 36px;
    --40px-10px: 10px;
    --2px-0px: 0px;
    --4px-0px: 0px;
  }

  .sp-none {
    display: none !important;
  }

  p {
    line-height: 2em;
  }
}
.alpha-0 {
  opacity: 0;
}

#wpadminbar {
  display: none;
}

html {
  margin-top: 0 !important;
}

@media screen and (max-width: 782px) {
  html {
    margin-top: 0 !important;
  }
}
img {
  display: block;
}

.post,
.page {
  margin-bottom: 0;
}

.edit-link {
  display: none;
}

.page-footer {
  border-top: solid 1px var(--c-1);
  border-bottom: solid 1px var(--c-1);
  width: 935px;
  margin: 0 auto 120px auto;
  text-align: center;
}
@media screen and (max-width: 1315px) {
  .page-footer {
    width: calc(100% - 10px);
  }
}
.page-footer p {
  font-size: var(--text-too-big);
}
.page-footer span {
  display: block;
  width: 120px;
  margin: 0 auto;
  border-right: 60px solid transparent;
  border-top: 40px solid var(--c-1);
  border-left: 60px solid transparent;
  margin-bottom: -40px;
}

:root {
  --c-w: #fff;
  --c-1: #373f3d;
  --c-2: #545c5a;
  --c-3: #99883b;
  --c-4: #ababab;
  --c-5: #eeeeee;
  --c-6: #e3e3e3;
  --c-7: #f9f2e1;
  --c-8: #f3dfae;
  --c-9: #cdcdcd;
  --px-1: 1250px ;
}

/*
$_path : '/';
*/
*, input, select {
  font-family: "Noto Sans JP", sans-serif;
}

a {
  font-size: var(--text-normal);
  color: var(--c-1);
  text-decoration: none;
  -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}

a:visited {
  color: var(--c-1);
}

a:visited span {
  color: var(--c-1);
}

a:hover {
  color: var(--c-3);
}

a:hover span {
  color: var(--c-3);
}

p {
  font-size: var(--text-normal);
  line-height: 2;
  font-weight: 600;
}

h2 {
  font-size: var(--text-big);
}

h3 {
  font-size: var(--text-normal);
}

@media screen and (min-width: 1316px) {
  :root {
    --text-small: 16px;
    --text-normal: 18px;
    --text-al-big: 24px;
    --text-big: 26px;
    --text-more-big: 32px;
    --text-too-big: 36px;
    --text-biggest: 48px;
    --text-sp-big: 36px;
    /*
    font-size: var(--text-small);
    font-size: var(--text-normal);
    font-size: var(--text-al-big);
    font-size: var(--text-big);
    font-size: var(--text-more-big);
    font-size: var(--text-too-big);
    font-size: var(--text-biggest);
    */
    --40px-10px: 40px;
    --2px-0px: 2px;
    --4px-0px: 4px;
  }

  .pc-none {
    display: none !important;
  }

  .menu-toggle {
    display: none;
  }

  .main-navigation ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .site-main {
    margin-top: 100px;
    overflow: hidden;
  }
}
@media screen and (max-width: 1315px) {
  :root {
    --text-small: 12px;
    --text-normal: 12px;
    --text-al-big: 12px;
    --text-big: 14px;
    --text-more-big: 16px;
    --text-too-big: 18px;
    --text-biggest: 22px;
    --text-sp-big: 36px;
    --40px-10px: 10px;
    --2px-0px: 0px;
    --4px-0px: 0px;
  }

  .sp-none {
    display: none !important;
  }

  p {
    line-height: 2em;
  }
}
.alpha-0 {
  opacity: 0;
}

#wpadminbar {
  display: none;
}

html {
  margin-top: 0 !important;
}

@media screen and (max-width: 782px) {
  html {
    margin-top: 0 !important;
  }
}
img {
  display: block;
}

.post,
.page {
  margin-bottom: 0;
}

.edit-link {
  display: none;
}

/* arrow-flow */
/*
health
manual
human
*/
.arrow-flow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0;
  padding: 0;
}
@media screen and (max-width: 1315px) {
  .arrow-flow {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-left: -20px;
  }
}
.arrow-flow li {
  margin-right: -20px;
  list-style: none;
  width: 100%;
}
@media screen and (max-width: 1315px) {
  .arrow-flow li {
    margin-right: -10px;
    width: 25%;
  }
}
.arrow-flow li:first-child div::before {
  display: none;
}
.arrow-flow li:last-child {
  margin-right: -30px;
}
@media screen and (max-width: 1315px) {
  .arrow-flow li:last-child {
    margin-right: -21px;
  }
}
.arrow-flow li div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
.arrow-flow li div::before, .arrow-flow li div::after {
  content: "";
  display: block;
}
.arrow-flow li div::before {
  border: 40px solid var(--c-1);
  border-left: 30px solid var(--c-w);
}
@media screen and (max-width: 1315px) {
  .arrow-flow li div::before {
    border: 24px solid var(--c-1);
    border-left: 12px solid var(--c-w);
    border-right: none;
  }
}
.arrow-flow li div::after {
  z-index: 2;
  border: 40px solid #fff0;
  border-left: 30px solid var(--c-1);
  border-right: none;
}
@media screen and (max-width: 1315px) {
  .arrow-flow li div::after {
    border: 24px solid #fff0;
    border-left: 12px solid var(--c-1);
    border-right: none;
  }
}
.arrow-flow li div p {
  background-color: var(--c-1);
  color: #fff;
  width: 100%;
  margin: 0;
  line-height: 80px;
  font-size: var(--text-more-big);
  font-weight: bold;
  letter-spacing: 15px;
}
@media screen and (max-width: 1315px) {
  .arrow-flow li div p {
    line-height: 48px;
    letter-spacing: 8px;
    white-space: nowrap;
    text-align: center;
  }
}
.arrow-flow li > p {
  background-color: var(--c-5);
  margin-right: 70px;
  margin-top: 0;
  padding: 26px;
  letter-spacing: 1px;
}
.arrow-flow li.gold div::before {
  border: 40px solid var(--c-3);
  border-left: 30px solid var(--c-w);
}
@media screen and (max-width: 1315px) {
  .arrow-flow li.gold div::before {
    border: 24px solid var(--c-3);
    border-left: 18px solid var(--c-w);
  }
}
.arrow-flow li.gold div::after {
  border-left: 30px solid var(--c-3);
}
@media screen and (max-width: 1315px) {
  .arrow-flow li.gold div::after {
    border-left: 18px solid var(--c-3);
  }
}
.arrow-flow li.gold div p {
  background-color: var(--c-3);
}
.arrow-flow li.gold > p {
  background-color: var(--c-7);
}

/* brackets-box */
.brackets-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 100px;
}
@media screen and (max-width: 1315px) {
  .brackets-box {
    display: block;
  }
  .brackets-box > div {
    width: 100%;
  }
}

.brackets-box_header {
  position: relative;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-right: 100px;
  margin-bottom: 50px;
}
.brackets-box_header p {
  margin: auto;
  letter-spacing: 5px;
  white-space: nowrap;
  font-size: var(--text-too-big);
  font-weight: bold;
  padding: 0 40px;
}
.brackets-box_header::before, .brackets-box_header::after {
  position: absolute;
  content: "";
  display: block;
  width: 36px;
  height: 36px;
}
.brackets-box_header::before {
  top: 0;
  left: 0;
  border-top: 1px solid var(--c-1);
  border-left: 1px solid var(--c-1);
}
.brackets-box_header::after {
  right: 0;
  bottom: 0;
  border-right: 1px solid var(--c-1);
  border-bottom: 1px solid var(--c-1);
}

/* list-box */
.list-box {
  width: 100%;
  background-size: cover;
  background-position: center;
  background-image: url("/wp-content/themes/threelead/asset/img/img_gray_back.jpg");
}

.list-box_inner {
  padding-top: 125px;
  padding-bottom: 125px;
  margin: 0 auto 0 auto;
  width: var(--px-1);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 0;
}
@media screen and (max-width: 1315px) {
  .list-box_inner {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
@media screen and (max-width: 1315px) {
  .list-box_inner {
    width: calc(100% - 20px);
    margin-left: 10px;
    margin-right: 10px;
  }
}
@media screen and (max-width: 1315px) {
  .list-box_inner {
    display: block;
  }
  .list-box_inner > div {
    width: 100%;
  }
}

.list-box_text {
  width: 50%;
}
.list-box_text img {
  width: 70px;
}
@media screen and (max-width: 1315px) {
  .list-box_text img {
    margin: auto;
  }
}
.list-box_text h2 {
  color: var(--c-w);
  font-size: var(--text-too-big);
  font-weight: bolder;
  letter-spacing: 3px;
}
@media screen and (max-width: 1315px) {
  .list-box_text h2 {
    font-size: var(--text-big);
    text-align: center;
  }
  .list-box_text h2 br {
    display: none;
  }
}
@media screen and (max-width: 1315px) {
  .list-box_text h2 {
    letter-spacing: 0px;
  }
}
.list-box_text p {
  margin-top: 0;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-size: var(--text-big);
  padding: 18px;
  line-height: 18px;
  color: var(--c-w);
  letter-spacing: var(--4px-0px);
  background-color: var(--c-1);
}
@media screen and (max-width: 1315px) {
  .list-box_text p {
    margin-left: auto;
    margin-right: auto;
  }
}

.list-box_list {
  width: 50%;
}
.list-box_list ul {
  margin: 0;
  padding: 0;
  border-top: solid 1px var(--c-1);
  margin-bottom: 30px;
}
.list-box_list ul li {
  list-style: none;
}
.list-box_list ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-bottom: solid 1px var(--c-1);
  padding: var(--text-more-big) 0 var(--text-more-big) 10px;
  line-height: var(--text-al-big);
  font-size: var(--text-al-big);
}
.list-box_list ul li::before {
  content: "";
  display: block;
  height: var(--text-al-big);
  width: var(--text-al-big);
  background-image: url("/wp-content/themes/threelead/asset/img/img_icon_check.svg");
  margin-right: 16px;
}
.list-box_list p {
  margin: 0;
  line-height: 36px;
}

/* thinking-balloon */
.thinking-balloon div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.thinking-balloon div p {
  width: calc((100% - 120px) / 3);
  border-radius: 5px;
  width: 100%;
  text-align: center;
  padding: 22px;
  font-size: var(--text-al-big);
  font-weight: 100;
  background-color: #fff;
  position: relative;
  -webkit-box-shadow: 0 0 1px #fff;
          box-shadow: 0 0 1px #fff;
  margin-bottom: 10px;
}
@media screen and (max-width: 1315px) {
  .thinking-balloon div p {
    width: calc((100% - 20px) / 3);
  }
}
@media screen and (max-width: 1315px) {
  .thinking-balloon div p {
    padding: 10px;
  }
  .thinking-balloon div p br {
    display: none;
  }
}
.thinking-balloon div p::after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: var(--c-1);
  top: 0;
  left: 0;
  border-radius: 6px;
  z-index: -1;
  -webkit-transform: scale(1.01, 1.04);
          transform: scale(1.01, 1.04);
}
.thinking-balloon div img {
  width: calc((100% - 120px) / 3);
}
@media screen and (max-width: 1315px) {
  .thinking-balloon div img {
    width: calc((100% - 20px) / 3);
  }
}

/* separate-arrow */
.separate-arrow {
  height: 105px;
  background-image: url("/wp-content/themes/threelead/asset/img/img_icon_arrow_gray.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  margin: -30px;
}
@media screen and (max-width: 1315px) {
  .separate-arrow {
    height: 50px;
    width: 100%;
  }
}

:root {
  --c-w: #fff;
  --c-1: #373f3d;
  --c-2: #545c5a;
  --c-3: #99883b;
  --c-4: #ababab;
  --c-5: #eeeeee;
  --c-6: #e3e3e3;
  --c-7: #f9f2e1;
  --c-8: #f3dfae;
  --c-9: #cdcdcd;
  --px-1: 1250px ;
}

/*
$_path : '/';
*/
*, input, select {
  font-family: "Noto Sans JP", sans-serif;
}

a {
  font-size: var(--text-normal);
  color: var(--c-1);
  text-decoration: none;
  -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}

a:visited {
  color: var(--c-1);
}

a:visited span {
  color: var(--c-1);
}

a:hover {
  color: var(--c-3);
}

a:hover span {
  color: var(--c-3);
}

p {
  font-size: var(--text-normal);
  line-height: 2;
  font-weight: 600;
}

h2 {
  font-size: var(--text-big);
}

h3 {
  font-size: var(--text-normal);
}

@media screen and (min-width: 1316px) {
  :root {
    --text-small: 16px;
    --text-normal: 18px;
    --text-al-big: 24px;
    --text-big: 26px;
    --text-more-big: 32px;
    --text-too-big: 36px;
    --text-biggest: 48px;
    --text-sp-big: 36px;
    /*
    font-size: var(--text-small);
    font-size: var(--text-normal);
    font-size: var(--text-al-big);
    font-size: var(--text-big);
    font-size: var(--text-more-big);
    font-size: var(--text-too-big);
    font-size: var(--text-biggest);
    */
    --40px-10px: 40px;
    --2px-0px: 2px;
    --4px-0px: 4px;
  }

  .pc-none {
    display: none !important;
  }

  .menu-toggle {
    display: none;
  }

  .main-navigation ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .site-main {
    margin-top: 100px;
    overflow: hidden;
  }
}
@media screen and (max-width: 1315px) {
  :root {
    --text-small: 12px;
    --text-normal: 12px;
    --text-al-big: 12px;
    --text-big: 14px;
    --text-more-big: 16px;
    --text-too-big: 18px;
    --text-biggest: 22px;
    --text-sp-big: 36px;
    --40px-10px: 10px;
    --2px-0px: 0px;
    --4px-0px: 0px;
  }

  .sp-none {
    display: none !important;
  }

  p {
    line-height: 2em;
  }
}
.alpha-0 {
  opacity: 0;
}

#wpadminbar {
  display: none;
}

html {
  margin-top: 0 !important;
}

@media screen and (max-width: 782px) {
  html {
    margin-top: 0 !important;
  }
}
img {
  display: block;
}

.post,
.page {
  margin-bottom: 0;
}

.edit-link {
  display: none;
}

.entry-content_wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 1315px) {
  .entry-content_wrapper {
    display: block;
  }
}
.entry-content_wrapper .entry-content {
  margin-left: auto;
}
@media screen and (max-width: 1315px) {
  .entry-content_wrapper .entry-content {
    width: 100%;
  }
}
.entry-content_wrapper aside.news-list_tag {
  width: calc(var(--px-1) * 0.3);
  margin-right: auto;
  margin-top: 123px;
  margin-left: 20px;
}
@media screen and (max-width: 1315px) {
  .entry-content_wrapper aside.news-list_tag {
    width: 100%;
  }
}

.entry-header {
  position: relative;
  height: 200px;
  z-index: 2;
  overflow: hidden;
}
.entry-header .entry-title {
  position: absolute;
  top: 50px;
  left: calc(50% - var(--px-1) / 2);
  width: var(--px-1);
  color: #fff;
  font-size: var(--text-more-big);
}
@media screen and (max-width: 1315px) {
  .entry-header .entry-title {
    left: initial;
    width: 100%;
    top: 95px;
    margin-left: 10px;
    font-size: 24px;
  }
}
.entry-header .post-thumbnail img {
  -o-object-fit: cover;
     object-fit: cover;
  height: 200px;
}

.entry-content .entry-content_header {
  padding-top: 50px;
}
.entry-content .entry-content_header .entry-content_header__date-cat {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.entry-content .entry-content_header .entry-content_header__date-cat time {
  padding-top: 2px;
  font-size: var(--text-big);
  line-height: calc(var(--text-big) + 10px);
}
.entry-content .entry-content_header .entry-content_header__date-cat p {
  font-size: var(--text-small);
  line-height: var(--text-big);
  margin: 0;
  margin-left: 1em;
  padding: 6px 1em;
  background-color: var(--c-1);
  color: #fff;
}
.entry-content .entry-content_header h1 {
  font-size: var(--text-more-big);
  border-bottom: 1px solid var(--c-1);
}
.entry-content > * {
  padding-top: 25px;
  padding-bottom: 25px;
  margin: 0 0 0 auto;
  width: calc(var(--px-1) * 0.7 - 10px);
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  opacity: 1;
  height: initial;
}
@media screen and (max-width: 1315px) {
  .entry-content > * {
    padding-top: 10px;
    padding-bottom: 10px;
  }
}
@media screen and (max-width: 1315px) {
  .entry-content > * {
    width: calc(100% - 20px);
    margin-left: 10px;
    margin-right: 10px;
  }
}
.entry-content .wp-block-table table tr th {
  width: 40%;
  background-color: var(--c-7);
  padding: 2em;
  font-size: var(--text-normal);
}
.entry-content .wp-block-table table tr td {
  width: 60%;
  background-color: var(--c-5);
  padding: 2em;
  font-size: var(--text-normal);
}
.entry-content .wp-block-table table thead tr td {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 1em;
  background-color: var(--c-6);
  border-bottom: 1px solid var(--c-w);
}
.entry-content .wp-block-table table thead tr th {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 1em;
  background-color: var(--c-8);
  border-bottom: 1px solid var(--c-w);
}
.entry-content .wp-block-table table tbody tr td {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 1em;
}
.entry-content .wp-block-table table tbody tr th {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 1em;
}
.entry-content .wp-block-quote {
  position: relative;
  padding: 2em 10em;
  background-color: var(--c-5);
  border-left: 1px solid var(--c-6);
}
.entry-content .wp-block-quote::before {
  content: "“";
  font-size: 138px;
  color: var(--c-w);
  display: block;
  position: absolute;
  top: -32px;
  left: 50px;
}
.entry-content .wp-block-quote cite {
  color: var(--c-4);
}
.entry-content .wp-block-quote cite::before {
  content: "引用元：";
  display: inline;
}
.entry-content h2 {
  text-align: center;
}
.entry-content h2::after {
  content: "";
  display: block;
  height: 1px;
  width: 60px;
  background-color: var(--c-3);
  margin: 0 auto;
  margin-top: 30px;
  margin-bottom: 40px;
}
.entry-content > ul,
.entry-content ol {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: auto;
}
.entry-content ul.check-list {
  margin: 0;
  padding: 0;
  margin-bottom: 30px;
  padding-top: 25px;
  padding-bottom: 25px;
  margin: 0 0 0 auto;
  width: calc(var(--px-1) * 0.7 - 10px);
}
.entry-content ul.check-list li {
  list-style: none;
}
.entry-content ul.check-list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-bottom: solid 1px var(--c-1);
  padding: var(--text-more-big) 0 var(--text-more-big) 10px;
  line-height: var(--text-al-big);
  font-size: var(--text-al-big);
}
.entry-content ul.check-list li:first-child {
  border-top: solid 1px var(--c-1);
}
.entry-content ul.check-list li::before {
  content: "";
  display: block;
  height: var(--text-al-big);
  width: var(--text-al-big);
  background-image: url("/wp-content/themes/threelead/asset/img/img_icon_check.svg");
  margin-right: 16px;
}
@media screen and (max-width: 1315px) {
  .entry-content ul.check-list {
    padding-top: 10px;
    padding-bottom: 10px;
  }
}
@media screen and (max-width: 1315px) {
  .entry-content ul.check-list {
    width: calc(100% - 20px);
    margin-left: 10px;
    margin-right: 10px;
  }
}
.entry-content figcaption {
  text-align: center;
  color: var(--c-4);
}
.entry-content .wp-block-buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.entry-content .wp-block-buttons > .wp-block-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: calc((100% - 40px) / 3);
  background-color: var(--c-1);
  color: var(--c-w);
  height: 75px;
  text-align: center;
  display: flex;
  margin: auto;
}
@media screen and (max-width: 1315px) {
  .entry-content .wp-block-buttons > .wp-block-button {
    width: 100%;
  }
}
.entry-content .wp-block-buttons > .wp-block-button .wp-block-button__link {
  margin: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: unset;
  font-size: var(--text-normal);
}
.entry-content .wp-block-buttons > .wp-block-button .wp-block-button__link::after {
  content: "";
  display: block;
  height: 16px;
  width: 16px;
  background-image: url("/wp-content/themes/threelead/asset/img/img_icon_arrow.svg");
  margin: auto 0 auto 1rem;
}
.entry-content .wp-block-buttons > .wp-block-button.frame {
  border: solid 1px var(--c-w);
  color: var(--c-w);
}
.entry-content .gold {
  color: var(--c-3);
}
.entry-content > p > strong {
  color: var(--c-3);
}
.entry-content > p > a {
  border-bottom: 1px solid var(--c-1);
}
.entry-content .wp-block-embed iframe {
  width: 100%;
}
.entry-content .more-open {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  border: 1px solid var(--c-1);
  padding: 1em 3em;
  margin-bottom: 2em;
  margin-left: auto;
  margin-right: auto;
}
.entry-content .more-hidden {
  height: 0;
  padding: 0;
  opacity: 0;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.site-main .post-navigation {
  padding-top: 125px;
  padding-bottom: 125px;
  margin: 0 auto 0 auto;
  width: var(--px-1);
}
@media screen and (max-width: 1315px) {
  .site-main .post-navigation {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
@media screen and (max-width: 1315px) {
  .site-main .post-navigation {
    width: calc(100% - 20px);
    margin-left: 10px;
    margin-right: 10px;
  }
}

:root {
  --c-w: #fff;
  --c-1: #373f3d;
  --c-2: #545c5a;
  --c-3: #99883b;
  --c-4: #ababab;
  --c-5: #eeeeee;
  --c-6: #e3e3e3;
  --c-7: #f9f2e1;
  --c-8: #f3dfae;
  --c-9: #cdcdcd;
  --px-1: 1250px ;
}

/*
$_path : '/';
*/
*, input, select {
  font-family: "Noto Sans JP", sans-serif;
}

a {
  font-size: var(--text-normal);
  color: var(--c-1);
  text-decoration: none;
  -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}

a:visited {
  color: var(--c-1);
}

a:visited span {
  color: var(--c-1);
}

a:hover {
  color: var(--c-3);
}

a:hover span {
  color: var(--c-3);
}

p {
  font-size: var(--text-normal);
  line-height: 2;
  font-weight: 600;
}

h2 {
  font-size: var(--text-big);
}

h3 {
  font-size: var(--text-normal);
}

@media screen and (min-width: 1316px) {
  :root {
    --text-small: 16px;
    --text-normal: 18px;
    --text-al-big: 24px;
    --text-big: 26px;
    --text-more-big: 32px;
    --text-too-big: 36px;
    --text-biggest: 48px;
    --text-sp-big: 36px;
    /*
    font-size: var(--text-small);
    font-size: var(--text-normal);
    font-size: var(--text-al-big);
    font-size: var(--text-big);
    font-size: var(--text-more-big);
    font-size: var(--text-too-big);
    font-size: var(--text-biggest);
    */
    --40px-10px: 40px;
    --2px-0px: 2px;
    --4px-0px: 4px;
  }

  .pc-none {
    display: none !important;
  }

  .menu-toggle {
    display: none;
  }

  .main-navigation ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .site-main {
    margin-top: 100px;
    overflow: hidden;
  }
}
@media screen and (max-width: 1315px) {
  :root {
    --text-small: 12px;
    --text-normal: 12px;
    --text-al-big: 12px;
    --text-big: 14px;
    --text-more-big: 16px;
    --text-too-big: 18px;
    --text-biggest: 22px;
    --text-sp-big: 36px;
    --40px-10px: 10px;
    --2px-0px: 0px;
    --4px-0px: 0px;
  }

  .sp-none {
    display: none !important;
  }

  p {
    line-height: 2em;
  }
}
.alpha-0 {
  opacity: 0;
}

#wpadminbar {
  display: none;
}

html {
  margin-top: 0 !important;
}

@media screen and (max-width: 782px) {
  html {
    margin-top: 0 !important;
  }
}
img {
  display: block;
}

.post,
.page {
  margin-bottom: 0;
}

.edit-link {
  display: none;
}

@media screen and (max-width: 1315px) {
  .page-header.home div h1 {
    letter-spacing: 2px;
  }
}
@media screen and (max-width: 500px) {
  .page-header.home div h1 {
    font-size: var(--text-biggest);
    letter-spacing: 0px;
  }
}
@media screen and (max-width: 1315px) {
  .page-header.home div p {
    letter-spacing: 2px;
  }
}

/* about-us */
.about-us {
  padding-top: 125px;
  padding-bottom: 125px;
  margin: 0 auto 0 auto;
  width: var(--px-1);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-top: 0;
}
@media screen and (max-width: 1315px) {
  .about-us {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
@media screen and (max-width: 1315px) {
  .about-us {
    width: calc(100% - 20px);
    margin-left: 10px;
    margin-right: 10px;
  }
}
@media screen and (max-width: 1315px) {
  .about-us {
    display: block;
  }
  .about-us > div {
    width: 100%;
  }
}
@media screen and (max-width: 1315px) {
  .about-us {
    margin-bottom: 50px;
  }
}

.about-us_text {
  width: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.about-us_text_inner {
  padding-right: 90px;
}
.about-us_text_inner h2 {
  color: var(--c-1);
  margin-bottom: 0;
  font-size: var(--text-biggest);
}
@media screen and (max-width: 1315px) {
  .about-us_text_inner h2 {
    font-size: 24px;
  }
}
.about-us_text_inner > p:nth-child(2) {
  color: var(--c-3);
  margin-top: 0.5em;
  font-size: var(--text-normal);
}
@media screen and (max-width: 1315px) {
  .about-us_text_inner > p:nth-child(2) {
    font-size: var(--text-small);
  }
}
@media screen and (max-width: 1315px) {
  .about-us_text_inner {
    padding-right: 0;
  }
}
.about-us_text_inner div {
  padding-top: 12px;
  font-size: var(--text-normal);
}

.about-us_image {
  width: 50%;
}

.list-box.home {
  background-image: url("/wp-content/themes/threelead/asset/img/img_gray_back.jpg");
}

/* list-box */
.list-box.home {
  width: 100%;
  background-size: cover;
  background-position: center;
  background-image: url("/wp-content/themes/threelead/asset/img/img_gray_back.jpg");
}
.list-box.home .list-box_text h2 {
  color: var(--c-1);
}
.list-box.home .list-box_list li {
  color: var(--c-1);
}
.list-box.home .list-box_list p {
  color: var(--c-1);
}

/* service */
.service {
  width: 100%;
  background-size: cover;
  background-position: center;
  background-image: url("/wp-content/themes/threelead/asset/img/img_service_backimg.jpg");
}

.service_inner {
  padding-top: 125px;
  padding-bottom: 125px;
  margin: 0 auto 0 auto;
  width: var(--px-1);
  display: block;
  padding-top: 125px;
}
.service_inner h2 {
  color: var(--c-1);
  margin-bottom: 0;
  font-size: var(--text-biggest);
}
@media screen and (max-width: 1315px) {
  .service_inner h2 {
    font-size: 24px;
  }
}
.service_inner > p:nth-child(2) {
  color: var(--c-3);
  margin-top: 0.5em;
  font-size: var(--text-normal);
}
@media screen and (max-width: 1315px) {
  .service_inner > p:nth-child(2) {
    font-size: var(--text-small);
  }
}
@media screen and (max-width: 1315px) {
  .service_inner {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
@media screen and (max-width: 1315px) {
  .service_inner {
    width: calc(100% - 20px);
    margin-left: 10px;
    margin-right: 10px;
  }
}
.service_inner h2 {
  color: var(--c-w);
  text-align: center;
}
.service_inner p {
  text-align: center;
}
.service_inner ul {
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.service_inner ul li {
  list-style: none;
}
.service_inner ul li {
  width: 30%;
  margin-bottom: 38px;
  background-color: var(--c-w);
  outline: 1px solid var(--c-1);
  outline-offset: -7px;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
@media screen and (max-width: 1315px) {
  .service_inner ul li {
    width: calc(50% - 10px);
    margin-bottom: 20px;
  }
}
.service_inner ul li:hover {
  outline: 1px solid var(--c-3);
}
.service_inner ul li a {
  width: 100%;
  height: 100%;
  display: block;
  position: relative;
  color: var(--c-1);
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.service_inner ul li a:hover {
  color: var(--c-3);
}
.service_inner ul li a:hover div {
  background-color: var(--c-3);
}
.service_inner ul li a span {
  text-align: center;
  padding: 30px 0;
  font-size: var(--text-normal);
  line-height: calc(var(--text-normal) + 6px);
  display: block;
}
@media screen and (max-width: 1315px) {
  .service_inner ul li a span {
    padding: 20px 12px;
    font-size: var(--text-small);
  }
}
.service_inner ul li a div {
  position: absolute;
  bottom: 0;
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 38px;
  height: 38px;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  color: var(--c-w);
  background-color: var(--c-1);
}
@media screen and (max-width: 1315px) {
  .service_inner ul li a div {
    width: 28px;
    height: 28px;
  }
}
.service_inner ul li a div img {
  width: 16px;
  margin: auto;
}
@media screen and (max-width: 1315px) {
  .service_inner ul li a div img {
    width: 12px;
  }
}

.case-study {
  padding-top: 125px;
  padding-bottom: 125px;
  margin: 0 auto 0 auto;
  width: var(--px-1);
  display: block;
}
@media screen and (max-width: 1315px) {
  .case-study {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
@media screen and (max-width: 1315px) {
  .case-study {
    width: calc(100% - 20px);
    margin-left: 10px;
    margin-right: 10px;
  }
}
.case-study h2 {
  color: var(--c-1);
  margin-bottom: 0;
  font-size: var(--text-biggest);
}
@media screen and (max-width: 1315px) {
  .case-study h2 {
    font-size: 24px;
  }
}
.case-study > p:nth-child(2) {
  color: var(--c-3);
  margin-top: 0.5em;
  font-size: var(--text-normal);
}
@media screen and (max-width: 1315px) {
  .case-study > p:nth-child(2) {
    font-size: var(--text-small);
  }
}
.case-study h2 {
  text-align: center;
}
.case-study p {
  text-align: center;
}
.case-study > div {
  margin-top: 170px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 1315px) {
  .case-study > div {
    display: block;
  }
  .case-study > div > div {
    width: 100%;
  }
}
.case-study > div .case-study_comment {
  padding: 95px 38px 20px 38px;
  width: calc(50% - 20px);
  border: solid 1px var(--c-1);
  position: relative;
}
@media screen and (max-width: 1315px) {
  .case-study > div .case-study_comment {
    width: 100%;
  }
  .case-study > div .case-study_comment:not(:first-child) {
    margin-top: 150px;
  }
}
.case-study > div .case-study_comment div {
  position: absolute;
  top: -95px;
  left: calc(50% - 95px);
  width: 190px;
  height: 190px;
  border: solid 1px var(--c-1);
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: var(--c-w);
}
.case-study > div .case-study_comment div img {
  margin: auto;
  border-radius: 22%;
  width: 80%;
  height: 80%;
}
.case-study > div .case-study_comment h3 {
  text-align: center;
}

.feature {
  width: 100%;
  background-color: var(--c-5);
}
.feature .feature_inner {
  padding-top: 125px;
  padding-bottom: 125px;
  margin: 0 auto 0 auto;
  width: var(--px-1);
  display: block;
  margin-bottom: 0;
}
@media screen and (max-width: 1315px) {
  .feature .feature_inner {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
@media screen and (max-width: 1315px) {
  .feature .feature_inner {
    width: calc(100% - 20px);
    margin-left: 10px;
    margin-right: 10px;
  }
}
.feature .feature_inner h2 {
  color: var(--c-1);
  margin-bottom: 0;
  font-size: var(--text-biggest);
}
@media screen and (max-width: 1315px) {
  .feature .feature_inner h2 {
    font-size: 24px;
  }
}
.feature .feature_inner > p:nth-child(2) {
  color: var(--c-3);
  margin-top: 0.5em;
  font-size: var(--text-normal);
}
@media screen and (max-width: 1315px) {
  .feature .feature_inner > p:nth-child(2) {
    font-size: var(--text-small);
  }
}
.feature .feature_inner h2 {
  text-align: center;
}
.feature .feature_inner > p {
  text-align: center;
}
.feature .feature_inner > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (max-width: 1315px) {
  .feature .feature_inner > div {
    display: block;
  }
  .feature .feature_inner > div > div {
    width: 100%;
  }
}
.feature .feature_inner > div .feature_1,
.feature .feature_inner > div .feature_2,
.feature .feature_inner > div .feature_3 {
  width: 30%;
  position: relative;
}
@media screen and (max-width: 1315px) {
  .feature .feature_inner > div .feature_1,
.feature .feature_inner > div .feature_2,
.feature .feature_inner > div .feature_3 {
    width: 60%;
    margin: auto;
  }
}
.feature .feature_inner > div .feature_1 p:first-child,
.feature .feature_inner > div .feature_2 p:first-child,
.feature .feature_inner > div .feature_3 p:first-child {
  font-size: var(--text-biggest);
  line-height: var(--text-biggest);
  margin: 0;
  position: absolute;
  top: -30px;
  color: var(--c-3);
  font-weight: bolder;
  text-align: left;
}
.feature .feature_inner > div .feature_1 img,
.feature .feature_inner > div .feature_2 img,
.feature .feature_inner > div .feature_3 img {
  -webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
          box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
}
.feature .feature_inner > div .feature_1 h3,
.feature .feature_inner > div .feature_2 h3,
.feature .feature_inner > div .feature_3 h3 {
  text-align: center;
  font-size: var(--text-al-big);
}
@media screen and (max-width: 1315px) {
  .feature .feature_inner > div .feature_1 .feature_comment,
.feature .feature_inner > div .feature_2 .feature_comment,
.feature .feature_inner > div .feature_3 .feature_comment {
    width: calc(100% * (1 / 0.6));
    margin-left: calc(-30% - 10px);
    padding: 0 16%;
  }
}
@media screen and (max-width: 1315px) {
  .feature .feature_inner > div .feature_1 {
    margin-top: 120px;
  }
}
.feature .feature_inner > div .feature_2 {
  margin-top: 60px;
}
@media screen and (max-width: 1315px) {
  .feature .feature_inner > div .feature_2 {
    margin-top: 120px;
  }
}
.feature .feature_inner > div .feature_3 {
  margin-top: 120px;
}

.home-news {
  padding-top: 125px;
  padding-bottom: 125px;
  margin: 0 auto 0 auto;
  width: var(--px-1);
}
@media screen and (max-width: 1315px) {
  .home-news {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
@media screen and (max-width: 1315px) {
  .home-news {
    width: calc(100% - 20px);
    margin-left: 10px;
    margin-right: 10px;
  }
}
.home-news h2 {
  color: var(--c-1);
  margin-bottom: 0;
  font-size: var(--text-biggest);
}
@media screen and (max-width: 1315px) {
  .home-news h2 {
    font-size: 24px;
  }
}
.home-news > p:nth-child(2) {
  color: var(--c-3);
  margin-top: 0.5em;
  font-size: var(--text-normal);
}
@media screen and (max-width: 1315px) {
  .home-news > p:nth-child(2) {
    font-size: var(--text-small);
  }
}
.home-news h2 {
  text-align: center;
}
.home-news > p {
  text-align: center;
}
.home-news ul {
  margin: 0;
  padding: 0;
  margin-bottom: 70px;
  margin-top: 70px;
  border-top: solid 1px var(--c-9);
}
.home-news ul li {
  list-style: none;
}
@media screen and (max-width: 1315px) {
  .home-news ul {
    margin-bottom: 45px;
  }
}
.home-news ul li {
  border-bottom: solid 1px var(--c-9);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.home-news ul li a {
  height: 82px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 1315px) {
  .home-news ul li a {
    display: block;
  }
  .home-news ul li a > div {
    width: 100%;
  }
}
@media screen and (max-width: 1315px) {
  .home-news ul li a {
    height: 96px;
  }
  .home-news ul li a:first-child {
    background-color: var(--c-1);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 5px 10px 5px 5px;
    font-size: var(--text-small);
  }
}
.home-news ul li a span {
  width: 105px;
  background-color: var(--c-1);
  color: var(--c-w);
  height: calc(var(--text-small) + 14px );
  text-align: center;
  margin-top: auto;
  margin-bottom: auto;
  margin-left: 10px;
}
.home-news ul li a span.news_date {
  background-color: none;
  margin: auto;
  color: var(--c-9);
  font-size: small;
}
@media screen and (max-width: 1315px) {
  .home-news ul li a span {
    margin: auto;
  }
}
.home-news ul li a p {
  margin-top: auto;
  margin-bottom: auto;
  font-size: var(--text-normal);
  word-break: break-all;
}
.home-news ul li a .home-news_date {
  margin: auto 32px;
}
@media screen and (max-width: 1315px) {
  .home-news ul li a .home-news_date {
    margin: 0;
    margin-top: 5px;
    font-size: var(--text-small);
  }
}
.home-news .button {
  width: 390px;
  height: 75px;
  text-align: center;
  display: table;
  margin: auto;
  background-color: var(--c-1);
  color: var(--c-w);
  -webkit-transition: 0.2s;
  transition: 0.2s;
  border: 1px solid var(--c-1);
  position: relative;
}
@media screen and (max-width: 1315px) {
  .home-news .button {
    width: 100%;
  }
}
.home-news .button span {
  color: var(--c-w);
  display: table-cell;
  width: 100%;
  height: 100%;
  line-height: 1;
  margin: auto;
  vertical-align: middle;
}
.home-news .button span::after {
  content: "";
  display: inline-block;
  height: 14px;
  width: 14px;
  background-image: url("/wp-content/themes/threelead/asset/img/img_icon_arrow.svg"), url("/wp-content/themes/threelead/asset/img/img_icon_arrow_hover.svg");
  background-size:cover,0 0;
  margin: auto 0 auto 1rem;
  vertical-align: middle;
}

.home-news .button:hover {
  border: 1px solid var(--c-3);
  background-color: var(--c-w);
}
.home-news .button:hover span {
  color: var(--c-3);
}
.home-news .button:hover span::after {
  content: "";
  display: inline-block;
  height: 14px;
  width: 14px;
  background-size:0 0,cover;
  margin: auto 0 auto 1rem;
  vertical-align: middle;
}

/*  */
/*  */
/*  */
/*  */
/*  */
/*  */
/*  */
/*  */
/*  */
:root {
  --c-w: #fff;
  --c-1: #373f3d;
  --c-2: #545c5a;
  --c-3: #99883b;
  --c-4: #ababab;
  --c-5: #eeeeee;
  --c-6: #e3e3e3;
  --c-7: #f9f2e1;
  --c-8: #f3dfae;
  --c-9: #cdcdcd;
  --px-1: 1250px ;
}

/*
$_path : '/';
*/
*, input, select {
  font-family: "Noto Sans JP", sans-serif;
}

a {
  font-size: var(--text-normal);
  color: var(--c-1);
  text-decoration: none;
  -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}

a:visited {
  color: var(--c-1);
}

a:visited span {
  color: var(--c-1);
}

a:hover {
  color: var(--c-3);
}

a:hover span {
  color: var(--c-3);
}

p {
  font-size: var(--text-normal);
  line-height: 2;
  font-weight: 600;
}

h2 {
  font-size: var(--text-big);
}

h3 {
  font-size: var(--text-normal);
}

@media screen and (min-width: 1316px) {
  :root {
    --text-small: 16px;
    --text-normal: 18px;
    --text-al-big: 24px;
    --text-big: 26px;
    --text-more-big: 32px;
    --text-too-big: 36px;
    --text-biggest: 48px;
    --text-sp-big: 36px;
    /*
    font-size: var(--text-small);
    font-size: var(--text-normal);
    font-size: var(--text-al-big);
    font-size: var(--text-big);
    font-size: var(--text-more-big);
    font-size: var(--text-too-big);
    font-size: var(--text-biggest);
    */
    --40px-10px: 40px;
    --2px-0px: 2px;
    --4px-0px: 4px;
  }

  .pc-none {
    display: none !important;
  }

  .menu-toggle {
    display: none;
  }

  .main-navigation ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .site-main {
    margin-top: 100px;
    overflow: hidden;
  }
}
@media screen and (max-width: 1315px) {
  :root {
    --text-small: 12px;
    --text-normal: 12px;
    --text-al-big: 12px;
    --text-big: 14px;
    --text-more-big: 16px;
    --text-too-big: 18px;
    --text-biggest: 22px;
    --text-sp-big: 36px;
    --40px-10px: 10px;
    --2px-0px: 0px;
    --4px-0px: 0px;
  }

  .sp-none {
    display: none !important;
  }

  p {
    line-height: 2em;
  }
}
.alpha-0 {
  opacity: 0;
}

#wpadminbar {
  display: none;
}

html {
  margin-top: 0 !important;
}

@media screen and (max-width: 782px) {
  html {
    margin-top: 0 !important;
  }
}
img {
  display: block;
}

.post,
.page {
  margin-bottom: 0;
}

.edit-link {
  display: none;
}

.page-header.about {
  background-image: url("/wp-content/themes/threelead/asset/img/img_thumbnail_workstyle.jpg");
  height: 410px;
}
@media screen and (max-width: 1315px) {
  .page-header.about {
    height: 180px;
  }
  .page-header.about h1 {
    letter-spacing: 2px;
  }
}

.about-introduction {
  padding-top: 125px;
  padding-bottom: 125px;
  margin: 0 auto 0 auto;
  width: var(--px-1);
  padding-bottom: 0;
}
@media screen and (max-width: 1315px) {
  .about-introduction {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
@media screen and (max-width: 1315px) {
  .about-introduction {
    width: calc(100% - 20px);
    margin-left: 10px;
    margin-right: 10px;
  }
}
.about-introduction h2 {
  text-align: center;
}
.about-introduction h2::after {
  content: "";
  display: block;
  height: 1px;
  width: 60px;
  background-color: var(--c-3);
  margin: 0 auto;
  margin-top: 30px;
  margin-bottom: 40px;
}
.about-introduction ul {
  margin: 0;
  padding: 0;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: auto;
}
.about-introduction ul li {
  list-style: none;
}
.about-introduction ul li {
  padding: 0.5em 2em;
}

.about-introduction_name {
  border-left: 2px solid var(--c-3);
  margin: auto;
}
@media screen and (max-width: 1315px) {
  .about-introduction_name {
    width: 45%;
    margin: auto;
  }
}
.about-introduction_name p {
  padding: 0.5em;
  text-align: left;
}

.about-introduction_side-image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 1315px) {
  .about-introduction_side-image {
    display: block;
  }
  .about-introduction_side-image > div {
    width: 100%;
  }
}
.about-introduction_side-image img {
  width: 45%;
}
@media screen and (max-width: 1315px) {
  .about-introduction_side-image img {
    margin: auto;
  }
}
.about-introduction_side-image div {
  margin-left: 20px;
}
@media screen and (min-width: 1316px) {
  .about-introduction_side-image div {
    padding: 2em 5em;
    background-color: var(--c-5);
  }
}
@media screen and (max-width: 1315px) {
  .about-introduction_side-image div {
    margin-left: 0px;
    text-align: center;
  }
}

.about-introduction_text {
  margin-top: 50px;
}

.about-introduction_math {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 50px 0;
}
@media screen and (max-width: 1315px) {
  .about-introduction_math div {
    width: 10%;
  }
}
.about-introduction_math .about-introduction_math__text {
  background-color: var(--c-1);
  color: var(--c-w);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 50%;
  width: 240px;
  height: 240px;
}
@media screen and (max-width: 1315px) {
  .about-introduction_math .about-introduction_math__text {
    width: 120px;
    height: 120px;
  }
}
.about-introduction_math .about-introduction_math__text p {
  margin: auto;
  text-align: center;
  width: 70%;
}
@media screen and (max-width: 1315px) {
  .about-introduction_math .about-introduction_math__text p {
    font-size: 10px;
  }
}
.about-introduction_math .about-introduction_math__multiplication {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.about-introduction_math .about-introduction_math__multiplication img {
  margin: auto;
  width: 40%;
}
.about-introduction_math .about-introduction_math__equal {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.about-introduction_math .about-introduction_math__equal img {
  margin: auto;
  width: 36%;
}

.about-message_inner {
  padding-top: 125px;
  padding-bottom: 125px;
  margin: 0 auto 0 auto;
  width: var(--px-1);
}
@media screen and (max-width: 1315px) {
  .about-message_inner {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
@media screen and (max-width: 1315px) {
  .about-message_inner {
    width: calc(100% - 20px);
    margin-left: 10px;
    margin-right: 10px;
  }
}
.about-message_inner h2 {
  color: #fff;
  text-align: center;
}
.about-message_inner h2::after {
  content: "";
  display: block;
  height: 1px;
  width: 60px;
  background-color: var(--c-w);
  margin: 0 auto;
  margin-top: 30px;
  margin-bottom: 40px;
}
.about-message_inner div {
  border-top: 1px solid var(--c-w);
  border-bottom: 1px solid var(--c-w);
}
.about-message_inner div p {
  color: var(--c-w);
  width: 80%;
  margin: 1em auto;
}

.about .list-box_text p {
  color: var(--c-1);
  background-color: #fff0;
  letter-spacing: 0;
  line-height: 2;
}

.about-table {
  padding-top: 125px;
  padding-bottom: 125px;
  margin: 0 auto 0 auto;
  width: var(--px-1);
  padding-bottom: 0;
}
@media screen and (max-width: 1315px) {
  .about-table {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
@media screen and (max-width: 1315px) {
  .about-table {
    width: calc(100% - 20px);
    margin-left: 10px;
    margin-right: 10px;
  }
}
.about-table table tr th {
  width: 40%;
  background-color: var(--c-7);
  padding: 2em;
  font-size: var(--text-normal);
}
.about-table table tr td {
  width: 60%;
  background-color: var(--c-5);
  padding: 2em;
  font-size: var(--text-normal);
}

.about-summary {
  width: 100%;
  background-size: cover;
  background-position: center;
}

.about-summary_inner {
  padding-top: 125px;
  padding-bottom: 125px;
  margin: 0 auto 0 auto;
  width: var(--px-1);
}
@media screen and (max-width: 1315px) {
  .about-summary_inner {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
@media screen and (max-width: 1315px) {
  .about-summary_inner {
    width: calc(100% - 20px);
    margin-left: 10px;
    margin-right: 10px;
  }
}

.about-map {
  padding-top: 125px;
  padding-bottom: 125px;
  margin: 0 auto 0 auto;
  width: var(--px-1);
}
@media screen and (max-width: 1315px) {
  .about-map {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
@media screen and (max-width: 1315px) {
  .about-map {
    width: calc(100% - 20px);
    margin-left: 10px;
    margin-right: 10px;
  }
}
.about-map h2 {
  text-align: center;
}
.about-map h2::after {
  content: "";
  display: block;
  height: 1px;
  width: 60px;
  background-color: var(--c-3);
  margin: 0 auto;
  margin-top: 30px;
  margin-bottom: 40px;
}
.about-map .about-map_gmap {
  width: 100%;
  height: 500px;
}
.about-map iframe,
.about-map object,
.about-map embed {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
}

:root {
  --c-w: #fff;
  --c-1: #373f3d;
  --c-2: #545c5a;
  --c-3: #99883b;
  --c-4: #ababab;
  --c-5: #eeeeee;
  --c-6: #e3e3e3;
  --c-7: #f9f2e1;
  --c-8: #f3dfae;
  --c-9: #cdcdcd;
  --px-1: 1250px ;
}

/*
$_path : '/';
*/
*, input, select {
  font-family: "Noto Sans JP", sans-serif;
}

a {
  font-size: var(--text-normal);
  color: var(--c-1);
  text-decoration: none;
  -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}

a:visited {
  color: var(--c-1);
}

a:visited span {
  color: var(--c-1);
}

a:hover {
  color: var(--c-3);
}

a:hover span {
  color: var(--c-3);
}

p {
  font-size: var(--text-normal);
  line-height: 2;
  font-weight: 600;
}

h2 {
  font-size: var(--text-big);
}

h3 {
  font-size: var(--text-normal);
}

@media screen and (min-width: 1316px) {
  :root {
    --text-small: 16px;
    --text-normal: 18px;
    --text-al-big: 24px;
    --text-big: 26px;
    --text-more-big: 32px;
    --text-too-big: 36px;
    --text-biggest: 48px;
    --text-sp-big: 36px;
    /*
    font-size: var(--text-small);
    font-size: var(--text-normal);
    font-size: var(--text-al-big);
    font-size: var(--text-big);
    font-size: var(--text-more-big);
    font-size: var(--text-too-big);
    font-size: var(--text-biggest);
    */
    --40px-10px: 40px;
    --2px-0px: 2px;
    --4px-0px: 4px;
  }

  .pc-none {
    display: none !important;
  }

  .menu-toggle {
    display: none;
  }

  .main-navigation ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .site-main {
    margin-top: 100px;
    overflow: hidden;
  }
}
@media screen and (max-width: 1315px) {
  :root {
    --text-small: 12px;
    --text-normal: 12px;
    --text-al-big: 12px;
    --text-big: 14px;
    --text-more-big: 16px;
    --text-too-big: 18px;
    --text-biggest: 22px;
    --text-sp-big: 36px;
    --40px-10px: 10px;
    --2px-0px: 0px;
    --4px-0px: 0px;
  }

  .sp-none {
    display: none !important;
  }

  p {
    line-height: 2em;
  }
}
.alpha-0 {
  opacity: 0;
}

#wpadminbar {
  display: none;
}

html {
  margin-top: 0 !important;
}

@media screen and (max-width: 782px) {
  html {
    margin-top: 0 !important;
  }
}
img {
  display: block;
}

.post,
.page {
  margin-bottom: 0;
}

.edit-link {
  display: none;
}

.page-header.privacy {
  height: 410px;
}
@media screen and (max-width: 1315px) {
  .page-header.privacy {
    height: 180px;
  }
  .page-header.privacy h1 {
    letter-spacing: 2px;
  }
}

.privacy-document {
  padding-top: 125px;
  padding-bottom: 125px;
  margin: 0 auto 0 auto;
  width: var(--px-1);
  width: 980px;
}
@media screen and (max-width: 1315px) {
  .privacy-document {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
@media screen and (max-width: 1315px) {
  .privacy-document {
    width: calc(100% - 20px);
    margin-left: 10px;
    margin-right: 10px;
  }
}
.privacy-document ul {
  margin: 0;
  padding: 0;
}
.privacy-document ul li {
  list-style: none;
}

:root {
  --c-w: #fff;
  --c-1: #373f3d;
  --c-2: #545c5a;
  --c-3: #99883b;
  --c-4: #ababab;
  --c-5: #eeeeee;
  --c-6: #e3e3e3;
  --c-7: #f9f2e1;
  --c-8: #f3dfae;
  --c-9: #cdcdcd;
  --px-1: 1250px ;
}

/*
$_path : '/';
*/
*, input, select {
  font-family: "Noto Sans JP", sans-serif;
}

a {
  font-size: var(--text-normal);
  color: var(--c-1);
  text-decoration: none;
  -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}

a:visited {
  color: var(--c-1);
}

a:visited span {
  color: var(--c-1);
}

a:hover {
  color: var(--c-3);
}

a:hover span {
  color: var(--c-3);
}

p {
  font-size: var(--text-normal);
  line-height: 2;
  font-weight: 600;
}

h2 {
  font-size: var(--text-big);
}

h3 {
  font-size: var(--text-normal);
}

@media screen and (min-width: 1316px) {
  :root {
    --text-small: 16px;
    --text-normal: 18px;
    --text-al-big: 24px;
    --text-big: 26px;
    --text-more-big: 32px;
    --text-too-big: 36px;
    --text-biggest: 48px;
    --text-sp-big: 36px;
    /*
    font-size: var(--text-small);
    font-size: var(--text-normal);
    font-size: var(--text-al-big);
    font-size: var(--text-big);
    font-size: var(--text-more-big);
    font-size: var(--text-too-big);
    font-size: var(--text-biggest);
    */
    --40px-10px: 40px;
    --2px-0px: 2px;
    --4px-0px: 4px;
  }

  .pc-none {
    display: none !important;
  }

  .menu-toggle {
    display: none;
  }

  .main-navigation ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .site-main {
    margin-top: 100px;
    overflow: hidden;
  }
}
@media screen and (max-width: 1315px) {
  :root {
    --text-small: 12px;
    --text-normal: 12px;
    --text-al-big: 12px;
    --text-big: 14px;
    --text-more-big: 16px;
    --text-too-big: 18px;
    --text-biggest: 22px;
    --text-sp-big: 36px;
    --40px-10px: 10px;
    --2px-0px: 0px;
    --4px-0px: 0px;
  }

  .sp-none {
    display: none !important;
  }

  p {
    line-height: 2em;
  }
}
.alpha-0 {
  opacity: 0;
}

#wpadminbar {
  display: none;
}

html {
  margin-top: 0 !important;
}

@media screen and (max-width: 782px) {
  html {
    margin-top: 0 !important;
  }
}
img {
  display: block;
}

.post,
.page {
  margin-bottom: 0;
}

.edit-link {
  display: none;
}

.page-header.news {
  background-image: url("/wp-content/themes/threelead/asset/img/img_thumbnail_workstyle.jpg");
  height: 410px;
}
@media screen and (max-width: 1315px) {
  .page-header.news {
    height: 180px;
  }
  .page-header.news h1 {
    letter-spacing: 2px;
  }
}

.news-header {
  padding-top: 125px;
  padding-bottom: 125px;
  margin: 0 auto 0 auto;
  width: var(--px-1);
}
@media screen and (max-width: 1315px) {
  .news-header {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
@media screen and (max-width: 1315px) {
  .news-header {
    width: calc(100% - 20px);
    margin-left: 10px;
    margin-right: 10px;
  }
}

.news-list {
  padding-top: 125px;
  padding-bottom: 125px;
  margin: 0 auto 0 auto;
  width: var(--px-1);
}
.news-list h2 {
  text-align: center;
}
.news-list h2::after {
  content: "";
  display: block;
  height: 1px;
  width: 60px;
  background-color: var(--c-3);
  margin: 0 auto;
  margin-top: 30px;
  margin-bottom: 40px;
}
@media screen and (max-width: 1315px) {
  .news-list {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
@media screen and (max-width: 1315px) {
  .news-list {
    width: calc(100% - 20px);
    margin-left: 10px;
    margin-right: 10px;
  }
}
.news-list > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (max-width: 1315px) {
  .news-list > div {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

.news-list_card {
  width: calc(70% - 10px);
}
@media screen and (max-width: 1315px) {
  .news-list_card {
    width: 100%;
  }
}
.news-list_card ul {
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.news-list_card ul li {
  list-style: none;
}
.news-list_card ul li {
  width: calc((100% - 20px) / 2);
  opacity: 1;
  -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}
.news-list_card ul li:hover {
  opacity: 0.9;
}
.news-list_card ul li:hover figure {
  overflow: hidden;
}
.news-list_card ul li:hover figure img {
  -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
  -webkit-transform: scale(1.3);
          transform: scale(1.3);
}
.news-list_card ul li h3 {
  font-size: var(--text-al-big);
}
.news-list_card ul li figure img {
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 300px;
  background-color: var(--c-4);
  -webkit-transform: scale(1);
          transform: scale(1);
}
@media screen and (max-width: 1315px) {
  .news-list_card ul li figure img {
    height: 160px;
  }
}
.news-list_card ul li span {
  background-color: var(--c-1);
  color: var(--c-w);
  padding: 5px 30px;
}
.news-list_card ul li p {
  word-break: break-all;
}

.news-list_card__date {
  border-bottom: 1px solid var(--c-6);
  margin-bottom: 0;
}

.news-list_tag {
  width: 30%;
}
@media screen and (max-width: 1315px) {
  .news-list_tag {
    width: 100%;
  }
}
.news-list_tag h3 {
  margin-left: 12px;
  padding-bottom: 12px;
  padding-left: 12px;
  font-size: var(--text-al-big);
  line-height: var(--text-al-big);
  border-bottom: 1px solid var(--c-6);
  margin-bottom: 0;
}
@media screen and (max-width: 1315px) {
  .news-list_tag h3 {
    margin-left: 0px;
    padding-left: 0px;
  }
}
.news-list_tag ul {
  margin: 0;
  padding: 0;
  padding-left: 12px;
}
.news-list_tag ul li {
  list-style: none;
}
@media screen and (max-width: 1315px) {
  .news-list_tag ul {
    padding-left: 0px;
  }
}
.news-list_tag ul li {
  background-color: var(--c-1);
  margin: 12px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  width: calc(100% - 20px);
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.news-list_tag ul li:hover {
  background-color: var(--c-2);
}
.news-list_tag ul li a {
  font-size: var(--text-al-big);
  padding: 14px 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.news-list_tag ul li a::after {
  content: "";
  display: block;
  height: 16px;
  width: 16px;
  background-image: url("/wp-content/themes/threelead/asset/img/img_icon_arrow.svg");
  margin: auto 0 auto 1rem;
}
@media screen and (max-width: 1315px) {
  .news-list_tag ul li {
    width: calc((100% - 20px) / 3);
    margin: 0;
  }
}
@media screen and (max-width: 1315px) and (max-width: 1315px) {
  .news-list_tag ul li {
    width: 100%;
  }
}
@media screen and (max-width: 1315px) {
  .news-list_tag ul li:nth-child(0), .news-list_tag ul li:nth-child(1) {
    margin-right: 10px;
  }
}
@media screen and (max-width: 1315px) and (max-width: 1315px) {
  .news-list_tag ul li:nth-child(0), .news-list_tag ul li:nth-child(1) {
    margin-right: 0px;
  }
}
.news-list_tag ul li a {
  color: var(--c-w);
}
@media screen and (max-width: 1315px) {
  .news-list_tag ul li a {
    width: 100%;
    text-align: center;
    margin-bottom: 10px;
    margin-top: 10px;
  }
}
.news-list_tag ul li a span {
  margin-left: 0.5em;
}

:root {
  --c-w: #fff;
  --c-1: #373f3d;
  --c-2: #545c5a;
  --c-3: #99883b;
  --c-4: #ababab;
  --c-5: #eeeeee;
  --c-6: #e3e3e3;
  --c-7: #f9f2e1;
  --c-8: #f3dfae;
  --c-9: #cdcdcd;
  --px-1: 1250px ;
}

/*
$_path : '/';
*/
*, input, select {
  font-family: "Noto Sans JP", sans-serif;
}

a {
  font-size: var(--text-normal);
  color: var(--c-1);
  text-decoration: none;
  -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}

a:visited {
  color: var(--c-1);
}

a:visited span {
  color: var(--c-1);
}

a:hover {
  color: var(--c-3);
}

a:hover span {
  color: var(--c-3);
}

p {
  font-size: var(--text-normal);
  line-height: 2;
  font-weight: 600;
}

h2 {
  font-size: var(--text-big);
}

h3 {
  font-size: var(--text-normal);
}

@media screen and (min-width: 1316px) {
  :root {
    --text-small: 16px;
    --text-normal: 18px;
    --text-al-big: 24px;
    --text-big: 26px;
    --text-more-big: 32px;
    --text-too-big: 36px;
    --text-biggest: 48px;
    --text-sp-big: 36px;
    /*
    font-size: var(--text-small);
    font-size: var(--text-normal);
    font-size: var(--text-al-big);
    font-size: var(--text-big);
    font-size: var(--text-more-big);
    font-size: var(--text-too-big);
    font-size: var(--text-biggest);
    */
    --40px-10px: 40px;
    --2px-0px: 2px;
    --4px-0px: 4px;
  }

  .pc-none {
    display: none !important;
  }

  .menu-toggle {
    display: none;
  }

  .main-navigation ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .site-main {
    margin-top: 100px;
    overflow: hidden;
  }
}
@media screen and (max-width: 1315px) {
  :root {
    --text-small: 12px;
    --text-normal: 12px;
    --text-al-big: 12px;
    --text-big: 14px;
    --text-more-big: 16px;
    --text-too-big: 18px;
    --text-biggest: 22px;
    --text-sp-big: 36px;
    --40px-10px: 10px;
    --2px-0px: 0px;
    --4px-0px: 0px;
  }

  .sp-none {
    display: none !important;
  }

  p {
    line-height: 2em;
  }
}
.alpha-0 {
  opacity: 0;
}

#wpadminbar {
  display: none;
}

html {
  margin-top: 0 !important;
}

@media screen and (max-width: 782px) {
  html {
    margin-top: 0 !important;
  }
}
img {
  display: block;
}

.post,
.page {
  margin-bottom: 0;
}

.edit-link {
  display: none;
}

.page-header.contact {
  background-image: url("/wp-content/themes/threelead/asset/img/img_thumbnail_workstyle.jpg");
  height: 410px;
}
@media screen and (max-width: 1315px) {
  .page-header.contact {
    height: 180px;
  }
  .page-header.contact h1 {
    letter-spacing: 2px;
  }
}

.contact-text {
  padding-top: 125px;
  padding-bottom: 125px;
  margin: 0 auto 0 auto;
  width: var(--px-1);
  width: 60%;
  padding: 50px 16px 47px 16px;
  margin-top: 125px;
}
@media screen and (max-width: 1315px) {
  .contact-text {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
@media screen and (max-width: 1315px) {
  .contact-text {
    width: calc(100% - 20px);
    margin-left: 10px;
    margin-right: 10px;
  }
}
@media screen and (max-width: 1315px) {
  .contact-text {
    padding-top: 50px;
    padding-top: 20px;
    padding-bottom: 20px;
  }
}
.contact-text p {
  padding: 0 7em;
}
@media screen and (max-width: 1315px) {
  .contact-text p {
    padding: 0;
  }
}
.contact-text p a {
  color: var(--c-3);
  border-bottom: 1px solid var(--c-3);
}

.contact-send {
  margin-bottom: 125px;
}

.contact-privacy {
  padding-top: 125px;
  padding-bottom: 125px;
  margin: 0 auto 0 auto;
  width: var(--px-1);
  background-color: var(--c-7);
  width: 60%;
  padding: 50px 16px 47px 16px;
}
@media screen and (max-width: 1315px) {
  .contact-privacy {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
@media screen and (max-width: 1315px) {
  .contact-privacy {
    width: calc(100% - 20px);
    margin-left: 10px;
    margin-right: 10px;
  }
}
@media screen and (max-width: 1315px) {
  .contact-privacy {
    padding-top: 20px;
    padding-bottom: 20px;
  }
}
.contact-privacy p {
  padding: 0 7em;
}
@media screen and (max-width: 1315px) {
  .contact-privacy p {
    padding: 0;
  }
}
.contact-privacy p a {
  color: var(--c-3);
  border-bottom: 1px solid var(--c-3);
}

.contact-form {
  padding-top: 125px;
  padding-bottom: 125px;
  margin: 0 auto 0 auto;
  width: var(--px-1);
  width: 60%;
}
@media screen and (max-width: 1315px) {
  .contact-form {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
@media screen and (max-width: 1315px) {
  .contact-form {
    width: calc(100% - 20px);
    margin-left: 10px;
    margin-right: 10px;
  }
}
.contact-form .wpcf7-form p {
  padding: 1em;
  border: 1px solid #ebebeb;
  padding: 2em;
  font-size: var(--text-normal);
  line-height: 3em;
}
.contact-form .wpcf7-form p:nth-last-child(2) {
  border: 1px solid #fff0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.contact-form .wpcf7-form p > label > span {
  margin-top: 1em;
}
.contact-form .wpcf7-form p label {
  font-size: var(--text-normal);
}
.contact-form .wpcf7-form p label small {
  color: var(--c-3);
  margin-left: 0.5em;
}
.contact-form .wpcf7-form p label span select,
.contact-form .wpcf7-form p label span input,
.contact-form .wpcf7-form p label span textarea {
  border: 1px solid #fff0;
  border-radius: 0px;
  background-color: var(--c-w);
  border-bottom: 1px solid var(--c-6);
  padding: 10px;
  font-size: var(--text-normal);
  -webkit-transition: 0.1s ease-in-out;
  transition: 0.1s ease-in-out;
  width: 100%;
}
.contact-form .wpcf7-form p label span select:active, .contact-form .wpcf7-form p label span select:focus, .contact-form .wpcf7-form p label span select:focus-visible,
.contact-form .wpcf7-form p label span input:active,
.contact-form .wpcf7-form p label span input:focus,
.contact-form .wpcf7-form p label span input:focus-visible,
.contact-form .wpcf7-form p label span textarea:active,
.contact-form .wpcf7-form p label span textarea:focus,
.contact-form .wpcf7-form p label span textarea:focus-visible {
  border: 1px solid var(--c-3);
  outline: 0;
}
.contact-form .wpcf7-form p label span select::-webkit-input-placeholder, .contact-form .wpcf7-form p label span input::-webkit-input-placeholder, .contact-form .wpcf7-form p label span textarea::-webkit-input-placeholder {
  opacity: 0.5;
}
.contact-form .wpcf7-form p label span select::-moz-placeholder, .contact-form .wpcf7-form p label span input::-moz-placeholder, .contact-form .wpcf7-form p label span textarea::-moz-placeholder {
  opacity: 0.5;
}
.contact-form .wpcf7-form p label span select:-ms-input-placeholder, .contact-form .wpcf7-form p label span input:-ms-input-placeholder, .contact-form .wpcf7-form p label span textarea:-ms-input-placeholder {
  opacity: 0.5;
}
.contact-form .wpcf7-form p label span select::-ms-input-placeholder, .contact-form .wpcf7-form p label span input::-ms-input-placeholder, .contact-form .wpcf7-form p label span textarea::-ms-input-placeholder {
  opacity: 0.5;
}
.contact-form .wpcf7-form p label span select::placeholder,
.contact-form .wpcf7-form p label span input::placeholder,
.contact-form .wpcf7-form p label span textarea::placeholder {
  opacity: 0.5;
}
.contact-form .wpcf7-form p label span.wpcf7-list-item-label {
  font-size: var(--text-normal);
}
.contact-form .wpcf7-form p label span textarea {
  border: 1px solid var(--c-6);
}
.contact-form .wpcf7-form p .tl-checkbox .wpcf7-list-item {
  margin-left: 40px;
}
.contact-form .wpcf7-form p .tl-checkbox .wpcf7-list-item-label {
  position: relative;
}
.contact-form .wpcf7-form p .tl-checkbox .wpcf7-list-item-label::before {
  border: 1px solid var(--c-4);
  content: "";
  display: block;
  height: var(--text-big);
  left: -36px;
  margin-top: -8px;
  position: absolute;
  top: 13px;
  width: var(--text-big);
  z-index: 1;
}
@media screen and (max-width: 1315px) {
  .contact-form .wpcf7-form p .tl-checkbox .wpcf7-list-item-label::before {
    margin-top: -10px;
  }
}
.contact-form .wpcf7-form p .tl-checkbox .wpcf7-list-item-label::after {
  /*border: 1px solid var(--c-1);*/
  background-image: url("/wp-content/themes/threelead/asset/img/img_icon_check.svg");
  content: "";
  background-size: cover;
  display: block;
  height: var(--text-big);
  left: -36px;
  opacity: 0;
  position: absolute;
  top: 5px;
  width: var(--text-big);
  z-index: 2;
  -webkit-transition: 0.1s ease-in-out;
  transition: 0.1s ease-in-out;
}
@media screen and (max-width: 1315px) {
  .contact-form .wpcf7-form p .tl-checkbox .wpcf7-list-item-label::after {
    top: 3px;
  }
}
.contact-form .wpcf7-form p .tl-checkbox input[type=checkbox]:checked + .wpcf7-list-item-label::after {
  opacity: 1;
}
.contact-form .wpcf7-form p .tl-checkbox input[type=checkbox] {
  display: none;
}

.wpcf7-form-control.wpcf7-checkbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
}

.wpcf7-form-control.wpcf7-submit {
  border: none;
  font-size: var(--text-normal);
  width: 390px;
  height: 75px;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: auto;
  width: -webkit-fit-content !important;
  width: -moz-fit-content !important;
  width: fit-content !important;
  padding: 0 5em;
  height: 50px;
  margin: 0;
  letter-spacing: 5px;
  background-color: var(--c-2);
  color: var(--c-w);
  -webkit-transition: 0.1s ease-in-out;
  transition: 0.1s ease-in-out;
}
@media screen and (max-width: 1315px) {
  .wpcf7-form-control.wpcf7-submit {
    width: 100%;
  }
}
.wpcf7-form-control.wpcf7-submit span {
  margin: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.wpcf7-form-control.wpcf7-submit span::after {
  content: "";
  display: block;
  height: 16px;
  width: 16px;
  background-image: url("/wp-content/themes/threelead/asset/img/img_icon_arrow.svg");
  margin: auto 0 auto 1rem;
}
.wpcf7-form-control.wpcf7-submit:hover {
  background-color: var(--c-1);
}

.wpcf7 .ajax-loader {
  margin: auto auto auto 0.5em;
}

.wpcf7 form.sent .wpcf7-response-output,
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output {
  padding: 2em;
  border-color: var(--c-3);
}

:root {
  --c-w: #fff;
  --c-1: #373f3d;
  --c-2: #545c5a;
  --c-3: #99883b;
  --c-4: #ababab;
  --c-5: #eeeeee;
  --c-6: #e3e3e3;
  --c-7: #f9f2e1;
  --c-8: #f3dfae;
  --c-9: #cdcdcd;
  --px-1: 1250px ;
}

/*
$_path : '/';
*/
*, input, select {
  font-family: "Noto Sans JP", sans-serif;
}

a {
  font-size: var(--text-normal);
  color: var(--c-1);
  text-decoration: none;
  -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}

a:visited {
  color: var(--c-1);
}

a:visited span {
  color: var(--c-1);
}

a:hover {
  color: var(--c-3);
}

a:hover span {
  color: var(--c-3);
}

p {
  font-size: var(--text-normal);
  line-height: 2;
  font-weight: 600;
}

h2 {
  font-size: var(--text-big);
}

h3 {
  font-size: var(--text-normal);
}

@media screen and (min-width: 1316px) {
  :root {
    --text-small: 16px;
    --text-normal: 18px;
    --text-al-big: 24px;
    --text-big: 26px;
    --text-more-big: 32px;
    --text-too-big: 36px;
    --text-biggest: 48px;
    --text-sp-big: 36px;
    /*
    font-size: var(--text-small);
    font-size: var(--text-normal);
    font-size: var(--text-al-big);
    font-size: var(--text-big);
    font-size: var(--text-more-big);
    font-size: var(--text-too-big);
    font-size: var(--text-biggest);
    */
    --40px-10px: 40px;
    --2px-0px: 2px;
    --4px-0px: 4px;
  }

  .pc-none {
    display: none !important;
  }

  .menu-toggle {
    display: none;
  }

  .main-navigation ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .site-main {
    margin-top: 100px;
    overflow: hidden;
  }
}
@media screen and (max-width: 1315px) {
  :root {
    --text-small: 12px;
    --text-normal: 12px;
    --text-al-big: 12px;
    --text-big: 14px;
    --text-more-big: 16px;
    --text-too-big: 18px;
    --text-biggest: 22px;
    --text-sp-big: 36px;
    --40px-10px: 10px;
    --2px-0px: 0px;
    --4px-0px: 0px;
  }

  .sp-none {
    display: none !important;
  }

  p {
    line-height: 2em;
  }
}
.alpha-0 {
  opacity: 0;
}

#wpadminbar {
  display: none;
}

html {
  margin-top: 0 !important;
}

@media screen and (max-width: 782px) {
  html {
    margin-top: 0 !important;
  }
}
img {
  display: block;
}

.post,
.page {
  margin-bottom: 0;
}

.edit-link {
  display: none;
}

.page-header.essential {
  background-image: url("/wp-content/themes/threelead/asset/img/img_thumbnail_essential.jpg");
  height: 410px;
}
@media screen and (max-width: 1315px) {
  .page-header.essential {
    height: 180px;
  }
  .page-header.essential h1 {
    letter-spacing: 2px;
  }
}

.essential-introduction {
  padding-top: 125px;
  padding-bottom: 125px;
  margin: 0 auto 0 auto;
  width: var(--px-1);
}
@media screen and (max-width: 1315px) {
  .essential-introduction {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
@media screen and (max-width: 1315px) {
  .essential-introduction {
    width: calc(100% - 20px);
    margin-left: 10px;
    margin-right: 10px;
  }
}
.essential-introduction p {
  text-align: center;
}

.essential-example {
  width: 100%;
  background-size: cover;
  background-position: center;
  background-color: var(--c-5);
  position: relative;
  padding-bottom: 0;
}

.essential-example_inner {
  padding-top: 125px;
  padding-bottom: 125px;
  margin: 0 auto 0 auto;
  width: var(--px-1);
}
@media screen and (max-width: 1315px) {
  .essential-example_inner {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
@media screen and (max-width: 1315px) {
  .essential-example_inner {
    width: calc(100% - 20px);
    margin-left: 10px;
    margin-right: 10px;
  }
}
.essential-example_inner p.essential-example_float {
  font-size: var(--text-big);
  line-height: 50px;
  position: absolute;
  left: calc(50% - 124px);
  top: -25px;
  margin: 0;
  width: 248px;
  text-align: center;
  background-color: #fff;
  height: 50px;
  border: solid 1px var(--c-1);
  border-radius: 25px;
}
.essential-example_inner div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.essential-example_inner div div {
  width: calc((100% - 128px) / 3);
}
@media screen and (max-width: 1315px) {
  .essential-example_inner div div {
    width: calc((100% - 10px) / 3);
  }
}

.support {
  padding-top: 125px;
  padding-bottom: 125px;
  margin: 0 auto 0 auto;
  width: var(--px-1);
}
@media screen and (max-width: 1315px) {
  .support {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
@media screen and (max-width: 1315px) {
  .support {
    width: calc(100% - 20px);
    margin-left: 10px;
    margin-right: 10px;
  }
}
.support h2 {
  text-align: center;
}
.support h2::after {
  content: "";
  display: block;
  height: 1px;
  width: 60px;
  background-color: var(--c-3);
  margin: 0 auto;
  margin-top: 30px;
  margin-bottom: 40px;
}
.support div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.support div div {
  position: relative;
  width: calc((100% - var(--40px-10px)) / 2);
  background-color: var(--c-5);
  margin-bottom: 60px;
  padding: var(--40px-10px);
}
.support div div span {
  color: var(--c-3);
  font-size: var(--text-sp-big);
  line-height: var(--text-biggest);
  font-weight: 600;
  top: -26px;
  left: 10px;
  position: absolute;
}
@media screen and (max-width: 1315px) {
  .support div div span {
    top: -14px;
  }
}
.support div div h3 {
  font-size: var(--text-more-big);
  letter-spacing: var(--2px-0px);
}
.support div div p {
  font-size: var(--text-normal);
}
.support > p {
  text-align: center;
}

:root {
  --c-w: #fff;
  --c-1: #373f3d;
  --c-2: #545c5a;
  --c-3: #99883b;
  --c-4: #ababab;
  --c-5: #eeeeee;
  --c-6: #e3e3e3;
  --c-7: #f9f2e1;
  --c-8: #f3dfae;
  --c-9: #cdcdcd;
  --px-1: 1250px ;
}

/*
$_path : '/';
*/
*, input, select {
  font-family: "Noto Sans JP", sans-serif;
}

a {
  font-size: var(--text-normal);
  color: var(--c-1);
  text-decoration: none;
  -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}

a:visited {
  color: var(--c-1);
}

a:visited span {
  color: var(--c-1);
}

a:hover {
  color: var(--c-3);
}

a:hover span {
  color: var(--c-3);
}

p {
  font-size: var(--text-normal);
  line-height: 2;
  font-weight: 600;
}

h2 {
  font-size: var(--text-big);
}

h3 {
  font-size: var(--text-normal);
}

@media screen and (min-width: 1316px) {
  :root {
    --text-small: 16px;
    --text-normal: 18px;
    --text-al-big: 24px;
    --text-big: 26px;
    --text-more-big: 32px;
    --text-too-big: 36px;
    --text-biggest: 48px;
    --text-sp-big: 36px;
    /*
    font-size: var(--text-small);
    font-size: var(--text-normal);
    font-size: var(--text-al-big);
    font-size: var(--text-big);
    font-size: var(--text-more-big);
    font-size: var(--text-too-big);
    font-size: var(--text-biggest);
    */
    --40px-10px: 40px;
    --2px-0px: 2px;
    --4px-0px: 4px;
  }

  .pc-none {
    display: none !important;
  }

  .menu-toggle {
    display: none;
  }

  .main-navigation ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .site-main {
    margin-top: 100px;
    overflow: hidden;
  }
}
@media screen and (max-width: 1315px) {
  :root {
    --text-small: 12px;
    --text-normal: 12px;
    --text-al-big: 12px;
    --text-big: 14px;
    --text-more-big: 16px;
    --text-too-big: 18px;
    --text-biggest: 22px;
    --text-sp-big: 36px;
    --40px-10px: 10px;
    --2px-0px: 0px;
    --4px-0px: 0px;
  }

  .sp-none {
    display: none !important;
  }

  p {
    line-height: 2em;
  }
}
.alpha-0 {
  opacity: 0;
}

#wpadminbar {
  display: none;
}

html {
  margin-top: 0 !important;
}

@media screen and (max-width: 782px) {
  html {
    margin-top: 0 !important;
  }
}
img {
  display: block;
}

.post,
.page {
  margin-bottom: 0;
}

.edit-link {
  display: none;
}

.page-header.health {
  background-image: url("/wp-content/themes/threelead/asset/img/img_thumbnail_health.jpg");
  height: 410px;
}
@media screen and (max-width: 1315px) {
  .page-header.health {
    height: 180px;
  }
  .page-header.health h1 {
    letter-spacing: 2px;
  }
}

.brackets-box {
  padding-top: 125px;
  padding-bottom: 125px;
  margin: 0 auto 0 auto;
  width: var(--px-1);
}
@media screen and (max-width: 1315px) {
  .brackets-box {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
@media screen and (max-width: 1315px) {
  .brackets-box {
    width: calc(100% - 20px);
    margin-left: 10px;
    margin-right: 10px;
  }
}

.list-box {
  width: 100%;
  background-size: cover;
  background-position: center;
  background-image: url("/wp-content/themes/threelead/asset/img/img_health_list_box_backimg_1.jpg");
  color: #fff;
}

.list-box_inner {
  padding-top: 125px;
  padding-bottom: 125px;
  margin: 0 auto 0 auto;
  width: var(--px-1);
}
@media screen and (max-width: 1315px) {
  .list-box_inner {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
@media screen and (max-width: 1315px) {
  .list-box_inner {
    width: calc(100% - 20px);
    margin-left: 10px;
    margin-right: 10px;
  }
}

.health-merit {
  padding-top: 125px;
  padding-bottom: 125px;
  margin: 0 auto 0 auto;
  width: var(--px-1);
}
@media screen and (max-width: 1315px) {
  .health-merit {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
@media screen and (max-width: 1315px) {
  .health-merit {
    width: calc(100% - 20px);
    margin-left: 10px;
    margin-right: 10px;
  }
}
.health-merit h2 {
  text-align: center;
}
.health-merit h2::after {
  content: "";
  display: block;
  height: 1px;
  width: 60px;
  background-color: var(--c-3);
  margin: 0 auto;
  margin-top: 30px;
  margin-bottom: 40px;
}
.health-merit ul {
  margin: 0;
  padding: 0;
}
.health-merit ul li {
  list-style: none;
}
.health-merit ul li {
  position: relative;
  min-height: 75px;
  background-color: var(--c-5);
  margin-top: 100px;
  padding: 100px 10px 50px 0;
}
@media screen and (max-width: 1315px) {
  .health-merit ul li {
    height: inherit;
    padding: 0;
    padding: 40px 20px 1px 20px;
  }
}
.health-merit ul li span,
.health-merit ul li h3 {
  position: absolute;
  top: -32.5px;
  line-height: 75px;
  height: 75px;
  margin: 0;
}
@media screen and (max-width: 1315px) {
  .health-merit ul li span,
.health-merit ul li h3 {
    top: -25px;
    left: 0;
    line-height: 50px;
    height: 50px;
  }
}
.health-merit ul li span {
  z-index: 3;
  font-size: var(--text-big);
  color: var(--c-3);
  padding-left: 22px;
  font-weight: 600;
}
.health-merit ul li h3 {
  z-index: 2;
  color: var(--c-w);
  font-size: var(--text-big);
  background: linear-gradient(106deg, var(--c-1) 40%, transparent 40.1%);
  padding-left: 75px;
  width: 100%;
  white-space: 3px;
  letter-spacing: 4px;
}
@media screen and (max-width: 1315px) {
  .health-merit ul li h3 {
    background: linear-gradient(106deg, var(--c-1) 80%, transparent 80.1%);
    padding-left: 50px;
    letter-spacing: 3px;
  }
}
@media screen and (max-width: 410px) {
  .health-merit ul li h3 {
    background: var(--c-1);
    letter-spacing: 2px;
  }
}
.health-merit ul li p {
  margin-left: 42px;
}
@media screen and (max-width: 1315px) {
  .health-merit ul li p {
    margin-top: 0;
    margin-left: 0;
  }
}

.already {
  padding-top: 125px;
  padding-bottom: 125px;
  margin: 0 auto 0 auto;
  width: var(--px-1);
}
@media screen and (max-width: 1315px) {
  .already {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
@media screen and (max-width: 1315px) {
  .already {
    width: calc(100% - 20px);
    margin-left: 10px;
    margin-right: 10px;
  }
}
.already h2 {
  text-align: center;
}
.already h2::after {
  content: "";
  display: block;
  height: 1px;
  width: 60px;
  background-color: var(--c-3);
  margin: 0 auto;
  margin-top: 30px;
  margin-bottom: 40px;
}
.already p {
  text-align: center;
}

.already_img {
  background-image: url("/wp-content/themes/threelead/asset/img/img_health_question.jpg");
  height: 320px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  margin-bottom: 60px;
}
@media screen and (max-width: 1315px) {
  .already_img {
    background-image: url("/wp-content/themes/threelead/asset/img/img_health_2.jpg");
  }
}

:root {
  --c-w: #fff;
  --c-1: #373f3d;
  --c-2: #545c5a;
  --c-3: #99883b;
  --c-4: #ababab;
  --c-5: #eeeeee;
  --c-6: #e3e3e3;
  --c-7: #f9f2e1;
  --c-8: #f3dfae;
  --c-9: #cdcdcd;
  --px-1: 1250px ;
}

/*
$_path : '/';
*/
*, input, select {
  font-family: "Noto Sans JP", sans-serif;
}

a {
  font-size: var(--text-normal);
  color: var(--c-1);
  text-decoration: none;
  -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}

a:visited {
  color: var(--c-1);
}

a:visited span {
  color: var(--c-1);
}

a:hover {
  color: var(--c-3);
}

a:hover span {
  color: var(--c-3);
}

p {
  font-size: var(--text-normal);
  line-height: 2;
  font-weight: 600;
}

h2 {
  font-size: var(--text-big);
}

h3 {
  font-size: var(--text-normal);
}

@media screen and (min-width: 1316px) {
  :root {
    --text-small: 16px;
    --text-normal: 18px;
    --text-al-big: 24px;
    --text-big: 26px;
    --text-more-big: 32px;
    --text-too-big: 36px;
    --text-biggest: 48px;
    --text-sp-big: 36px;
    /*
    font-size: var(--text-small);
    font-size: var(--text-normal);
    font-size: var(--text-al-big);
    font-size: var(--text-big);
    font-size: var(--text-more-big);
    font-size: var(--text-too-big);
    font-size: var(--text-biggest);
    */
    --40px-10px: 40px;
    --2px-0px: 2px;
    --4px-0px: 4px;
  }

  .pc-none {
    display: none !important;
  }

  .menu-toggle {
    display: none;
  }

  .main-navigation ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .site-main {
    margin-top: 100px;
    overflow: hidden;
  }
}
@media screen and (max-width: 1315px) {
  :root {
    --text-small: 12px;
    --text-normal: 12px;
    --text-al-big: 12px;
    --text-big: 14px;
    --text-more-big: 16px;
    --text-too-big: 18px;
    --text-biggest: 22px;
    --text-sp-big: 36px;
    --40px-10px: 10px;
    --2px-0px: 0px;
    --4px-0px: 0px;
  }

  .sp-none {
    display: none !important;
  }

  p {
    line-height: 2em;
  }
}
.alpha-0 {
  opacity: 0;
}

#wpadminbar {
  display: none;
}

html {
  margin-top: 0 !important;
}

@media screen and (max-width: 782px) {
  html {
    margin-top: 0 !important;
  }
}
img {
  display: block;
}

.post,
.page {
  margin-bottom: 0;
}

.edit-link {
  display: none;
}

.page-header.human {
  background-image: url("/wp-content/themes/threelead/asset/img/img_thumbnail_human.jpg");
  height: 410px;
}
@media screen and (max-width: 1315px) {
  .page-header.human {
    height: 180px;
  }
  .page-header.human h1 {
    letter-spacing: 2px;
  }
}

.human-introduction {
  padding-top: 125px;
  padding-bottom: 125px;
  margin: 0 auto 0 auto;
  width: var(--px-1);
  text-align: center;
  padding-bottom: 0;
}
@media screen and (max-width: 1315px) {
  .human-introduction {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
@media screen and (max-width: 1315px) {
  .human-introduction {
    width: calc(100% - 20px);
    margin-left: 10px;
    margin-right: 10px;
  }
}

.back-gray {
  color: var(--c-w);
  background-color: var(--c-1);
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: block;
  padding: 0.25em 2em;
  letter-spacing: 0.1em;
  margin: auto;
  font-size: var(--text-big);
}

.manual-problem {
  padding-top: 125px;
  padding-bottom: 125px;
  margin: 0 auto 0 auto;
  width: var(--px-1);
}
@media screen and (max-width: 1315px) {
  .manual-problem {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
@media screen and (max-width: 1315px) {
  .manual-problem {
    width: calc(100% - 20px);
    margin-left: 10px;
    margin-right: 10px;
  }
}
.manual-problem h2 {
  text-align: center;
}
.manual-problem h2::after {
  content: "";
  display: block;
  height: 1px;
  width: 60px;
  background-color: var(--c-3);
  margin: 0 auto;
  margin-top: 30px;
  margin-bottom: 40px;
}

.career-path {
  padding-top: 125px;
  padding-bottom: 125px;
  margin: 0 auto 0 auto;
  width: var(--px-1);
  margin-bottom: 125px;
}
@media screen and (max-width: 1315px) {
  .career-path {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
@media screen and (max-width: 1315px) {
  .career-path {
    width: calc(100% - 20px);
    margin-left: 10px;
    margin-right: 10px;
  }
}
.career-path h2 {
  color: var(--c-3);
  text-align: center;
  margin-bottom: 2em;
}
.career-path > p {
  text-align: center;
  margin: 0;
}
.career-path > div {
  margin-top: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (max-width: 410px) {
  .career-path > div {
    display: block;
  }
}
.career-path > div > div {
  width: calc((100% - 128px) / 3);
  background-color: var(--c-5);
  height: calc((var(--px-1) - 128px) / 3);
  border-radius: 50vw;
  overflow: hidden;
}
@media screen and (max-width: 1315px) {
  .career-path > div > div {
    width: calc((100% - 20px) / 3);
    border-radius: 1vw;
    height: 240px;
  }
}
@media screen and (max-width: 410px) {
  .career-path > div > div {
    width: 100%;
    margin-bottom: 20px;
    height: initial;
  }
}
.career-path > div > div > p {
  color: var(--c-w);
  background-color: var(--c-1);
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: block;
  padding: 0.25em 2em;
  letter-spacing: 0.1em;
  width: 100%;
  text-align: center;
  font-size: var(--text-big);
}
@media screen and (max-width: 1315px) {
  .career-path > div > div > p {
    letter-spacing: 0.5px;
    padding: 20px 0;
  }
}
.career-path > div > div ul {
  margin: 0;
  padding: 0;
}
.career-path > div > div ul li {
  list-style: none;
}
.career-path > div > div ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 1em 0px 1em 30px;
}
@media screen and (max-width: 1315px) {
  .career-path > div > div ul li {
    margin: 0 10px 20px 10px;
  }
}
.career-path > div > div ul li::before {
  content: "";
  display: block;
  height: var(--text-big);
  width: var(--text-big);
  background-image: url("/wp-content/themes/threelead/asset/img/img_icon_check.svg");
  margin-right: 16px;
  margin-top: 5px;
}
@media screen and (max-width: 1315px) {
  .career-path > div > div ul li::before {
    margin-right: 10px;
    margin-top: 5px;
  }
}
.career-path > div > div ul li p {
  margin: 0;
  font-size: var(--text-big);
  line-height: calc(var(--text-big) + 8px);
}
@media screen and (max-width: 1315px) {
  .career-path > div > div ul li p {
    line-height: 1;
    width: calc(100% - 10px - var(--text-normal));
  }
}
.career-path .career-path_img {
  margin-top: 0px;
  position: relative;
}
@media screen and (max-width: 1315px) {
  .career-path .career-path_img {
    margin-bottom: 60px;
  }
}
.career-path .career-path_img img {
  position: absolute;
  top: -160px;
  width: 676px;
  left: calc(var(--px-1) / 2 - 338px);
}
@media screen and (max-width: 1315px) {
  .career-path .career-path_img img {
    width: 80%;
    left: 10%;
    top: -30px;
  }
}
@media screen and (max-width: 410px) {
  .career-path .career-path_img img {
    top: 20px;
  }
}

.analysis {
  width: 100%;
  background-size: cover;
  background-position: center;
  background-image: url("/wp-content/themes/threelead/asset/img/img_human_backimg_2.jpg");
}

.analysis-inner {
  padding-top: 125px;
  padding-bottom: 125px;
  margin: 0 auto 0 auto;
  width: var(--px-1);
}
@media screen and (max-width: 1315px) {
  .analysis-inner {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
@media screen and (max-width: 1315px) {
  .analysis-inner {
    width: calc(100% - 20px);
    margin-left: 10px;
    margin-right: 10px;
  }
}
.analysis-inner > p {
  color: #fff;
  text-align: center;
  margin: 0;
  font-size: var(--text-al-big);
}
.analysis-inner > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 50px;
}
@media screen and (max-width: 1315px) {
  .analysis-inner > div {
    display: block;
  }
  .analysis-inner > div > div {
    width: 100%;
  }
}
.analysis-inner > div > div {
  width: calc((100% - 120px) / 3);
  background-color: #fff;
}
@media screen and (max-width: 1315px) {
  .analysis-inner > div > div {
    width: 100%;
    padding-bottom: 15px;
  }
}
.analysis-inner > div > div div {
  position: relative;
  margin: auto;
  width: 200px;
}
.analysis-inner > div > div div span {
  z-index: 2;
  color: #fff;
  text-align: center;
  width: 100%;
  position: absolute;
  display: block;
  font-size: var(--text-big);
}
@media screen and (max-width: 1315px) {
  .analysis-inner > div > div div span {
    margin: 14px 0;
  }
}
.analysis-inner > div > div div::before {
  content: "";
  display: block;
  position: absolute;
  text-align: center;
  border-bottom: 50px solid #fff0;
  border-left: 100px solid #fff0;
  border-right: 100px solid #fff0;
  border-top: 50px solid var(--c-1);
}
.analysis-inner > div > div h3 {
  color: var(--c-3);
  margin-top: 60px;
  padding-top: 20px;
  text-align: center;
}
@media screen and (max-width: 1315px) {
  .analysis-inner > div > div h3 {
    padding-top: 70px;
  }
}
.analysis-inner > div > div h3,
.analysis-inner > div > div p {
  margin-left: 40px;
  margin-right: 40px;
}

.human-frow {
  padding-top: 125px;
  padding-bottom: 125px;
  margin: 0 auto 0 auto;
  width: var(--px-1);
}
@media screen and (max-width: 1315px) {
  .human-frow {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
@media screen and (max-width: 1315px) {
  .human-frow {
    width: calc(100% - 20px);
    margin-left: 10px;
    margin-right: 10px;
  }
}
.human-frow .arrow-flow li:first-child div::before {
  display: block;
}
.human-frow .arrow-flow li p {
  font-size: var(--text-al-big);
  letter-spacing: 2px;
  margin-bottom: 0;
}
@media screen and (max-width: 600px) {
  .human-frow .arrow-flow.arrow-flow-sp-vertical {
    position: relative;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-top: 300px;
  }
  .human-frow .arrow-flow.arrow-flow-sp-vertical li {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    margin-bottom: 20px;
  }
  .human-frow .arrow-flow.arrow-flow-sp-vertical li::after {
    position: absolute;
    content: "";
    bottom: -30px;
    left: calc(14% - 20px);
    border: 20px solid var(--c-1);
    border-left-color: #fff0;
    border-right-color: #fff0;
    border-bottom: none;
    margin: 0 auto 10px auto;
  }
  .human-frow .arrow-flow.arrow-flow-sp-vertical li div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    width: 28%;
    background-color: var(--c-1);
  }
  .human-frow .arrow-flow.arrow-flow-sp-vertical li div::before, .human-frow .arrow-flow.arrow-flow-sp-vertical li div::after {
    display: none !important;
  }
  .human-frow .arrow-flow.arrow-flow-sp-vertical li div p {
    width: 100%;
    display: block;
    margin: auto;
    line-height: initial;
    white-space: pre-wrap;
    padding: 5px;
  }
  .human-frow .arrow-flow.arrow-flow-sp-vertical li > p {
    margin-right: 0;
    width: 72%;
    letter-spacing: 1px;
  }
  .human-frow .arrow-flow.arrow-flow-sp-vertical li:last-child::after {
    display: none;
  }
  .human-frow .arrow-flow.arrow-flow-sp-vertical li:last-child div {
    background-color: var(--c-3);
  }
  .human-frow .arrow-flow.arrow-flow-sp-vertical li:last-child div::after {
    display: none;
  }
}

:root {
  --c-w: #fff;
  --c-1: #373f3d;
  --c-2: #545c5a;
  --c-3: #99883b;
  --c-4: #ababab;
  --c-5: #eeeeee;
  --c-6: #e3e3e3;
  --c-7: #f9f2e1;
  --c-8: #f3dfae;
  --c-9: #cdcdcd;
  --px-1: 1250px ;
}

/*
$_path : '/';
*/
*, input, select {
  font-family: "Noto Sans JP", sans-serif;
}

a {
  font-size: var(--text-normal);
  color: var(--c-1);
  text-decoration: none;
  -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}

a:visited {
  color: var(--c-1);
}

a:visited span {
  color: var(--c-1);
}

a:hover {
  color: var(--c-3);
}

a:hover span {
  color: var(--c-3);
}

p {
  font-size: var(--text-normal);
  line-height: 2;
  font-weight: 600;
}

h2 {
  font-size: var(--text-big);
}

h3 {
  font-size: var(--text-normal);
}

@media screen and (min-width: 1316px) {
  :root {
    --text-small: 16px;
    --text-normal: 18px;
    --text-al-big: 24px;
    --text-big: 26px;
    --text-more-big: 32px;
    --text-too-big: 36px;
    --text-biggest: 48px;
    --text-sp-big: 36px;
    /*
    font-size: var(--text-small);
    font-size: var(--text-normal);
    font-size: var(--text-al-big);
    font-size: var(--text-big);
    font-size: var(--text-more-big);
    font-size: var(--text-too-big);
    font-size: var(--text-biggest);
    */
    --40px-10px: 40px;
    --2px-0px: 2px;
    --4px-0px: 4px;
  }

  .pc-none {
    display: none !important;
  }

  .menu-toggle {
    display: none;
  }

  .main-navigation ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .site-main {
    margin-top: 100px;
    overflow: hidden;
  }
}
@media screen and (max-width: 1315px) {
  :root {
    --text-small: 12px;
    --text-normal: 12px;
    --text-al-big: 12px;
    --text-big: 14px;
    --text-more-big: 16px;
    --text-too-big: 18px;
    --text-biggest: 22px;
    --text-sp-big: 36px;
    --40px-10px: 10px;
    --2px-0px: 0px;
    --4px-0px: 0px;
  }

  .sp-none {
    display: none !important;
  }

  p {
    line-height: 2em;
  }
}
.alpha-0 {
  opacity: 0;
}

#wpadminbar {
  display: none;
}

html {
  margin-top: 0 !important;
}

@media screen and (max-width: 782px) {
  html {
    margin-top: 0 !important;
  }
}
img {
  display: block;
}

.post,
.page {
  margin-bottom: 0;
}

.edit-link {
  display: none;
}

.page-header.life {
  background-image: url("/wp-content/themes/threelead/asset/img/img_thumbnail_life.jpg");
  height: 410px;
}
@media screen and (max-width: 1315px) {
  .page-header.life {
    height: 180px;
  }
  .page-header.life h1 {
    letter-spacing: 2px;
  }
}

.life-introduction {
  padding-top: 125px;
  padding-bottom: 125px;
  margin: 0 auto 0 auto;
  width: var(--px-1);
  text-align: center;
}
@media screen and (max-width: 1315px) {
  .life-introduction {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
@media screen and (max-width: 1315px) {
  .life-introduction {
    width: calc(100% - 20px);
    margin-left: 10px;
    margin-right: 10px;
  }
}
.life-introduction img {
  padding: 50px 0;
}
.life-introduction > div {
  color: var(--c-3);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 auto;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-top: 50px;
}
.life-introduction > div p {
  font-size: var(--text-big);
  margin: 0;
}
.life-introduction > div span {
  width: 1px;
  background-color: var(--c-3);
}
.life-introduction > div span:first-child {
  -webkit-transform: rotate(-15deg);
          transform: rotate(-15deg);
}
.life-introduction > div span:last-child {
  -webkit-transform: rotate(15deg);
          transform: rotate(15deg);
}
.life-introduction > div div {
  margin: 0 40px;
}

.strength {
  width: 100%;
  background-size: cover;
  background-position: center;
  background-image: url("/wp-content/themes/threelead/asset/img/img_life_backimg_1.jpg");
}

.strength-inner {
  padding-top: 125px;
  padding-bottom: 125px;
  margin: 0 auto 0 auto;
  width: var(--px-1);
}
@media screen and (max-width: 1315px) {
  .strength-inner {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
@media screen and (max-width: 1315px) {
  .strength-inner {
    width: calc(100% - 20px);
    margin-left: 10px;
    margin-right: 10px;
  }
}
.strength-inner h2 {
  color: #fff;
  text-align: center;
}
.strength-inner h2::after {
  content: "";
  display: block;
  height: 1px;
  width: 60px;
  background-color: var(--c-w);
  margin: 0 auto;
  margin-top: 30px;
  margin-bottom: 40px;
}
.strength-inner > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.strength-inner > div div {
  width: calc(100% / 3);
  height: 410px;
  text-align: center;
  background-color: #fff;
  padding: 62px 35px;
}
@media screen and (max-width: 1315px) {
  .strength-inner > div div {
    padding: 58px 10px;
    letter-spacing: -0.25px;
    height: inherit;
  }
}
.strength-inner > div div:nth-child(2) {
  background-color: var(--c-5);
}
.strength-inner > div div h3 {
  color: var(--c-3);
}
.strength-inner > div div img {
  height: 90px;
  margin: 26px auto;
}
@media screen and (max-width: 1315px) {
  .strength-inner > div div img {
    height: 40px;
  }
}
.strength-inner > div div p strong {
  color: var(--c-3);
}
.strength-inner .strength-sub-text {
  font-size: var(--text-big);
  font-weight: 600;
  text-align: center;
  color: var(--c-w);
}

.cycle {
  padding-top: 125px;
  padding-bottom: 125px;
  margin: 0 auto 0 auto;
  width: var(--px-1);
}
@media screen and (max-width: 1315px) {
  .cycle {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
@media screen and (max-width: 1315px) {
  .cycle {
    width: calc(100% - 20px);
    margin-left: 10px;
    margin-right: 10px;
  }
}
.cycle h2 {
  text-align: center;
}
.cycle h2::after {
  content: "";
  display: block;
  height: 1px;
  width: 60px;
  background-color: var(--c-3);
  margin: 0 auto;
  margin-top: 30px;
  margin-bottom: 40px;
}
.cycle > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.cycle > div > div {
  width: calc(50% - 3.5px);
  margin-bottom: 7px;
  color: var(--c-w);
  background-color: var(--c-1);
  padding: 50px;
}
.cycle > div > div:last-child {
  padding-left: 100px;
}
@media screen and (max-width: 1315px) {
  .cycle > div > div {
    padding: 50px 20px 30px 20px;
  }
  .cycle > div > div:last-child {
    padding-left: 20px;
  }
}
.cycle > div > div p {
  font-weight: 100;
}
.cycle > div > div div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.cycle > div > div div h3, .cycle > div > div div span {
  margin-top: auto;
  margin-bottom: 0;
}
.cycle > div > div div span {
  color: var(--c-3);
  margin-right: 20px;
}

.cycle_img {
  height: 0;
}
.cycle_img img {
  z-index: 2;
  width: 170px;
  margin: auto;
  margin-top: -90px;
  border-radius: 50%;
}
@media screen and (max-width: 1315px) {
  .cycle_img img {
    width: 100px;
    margin-top: -53.5px;
  }
}

:root {
  --c-w: #fff;
  --c-1: #373f3d;
  --c-2: #545c5a;
  --c-3: #99883b;
  --c-4: #ababab;
  --c-5: #eeeeee;
  --c-6: #e3e3e3;
  --c-7: #f9f2e1;
  --c-8: #f3dfae;
  --c-9: #cdcdcd;
  --px-1: 1250px ;
}

/*
$_path : '/';
*/
*, input, select {
  font-family: "Noto Sans JP", sans-serif;
}

a {
  font-size: var(--text-normal);
  color: var(--c-1);
  text-decoration: none;
  -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}

a:visited {
  color: var(--c-1);
}

a:visited span {
  color: var(--c-1);
}

a:hover {
  color: var(--c-3);
}

a:hover span {
  color: var(--c-3);
}

p {
  font-size: var(--text-normal);
  line-height: 2;
  font-weight: 600;
}

h2 {
  font-size: var(--text-big);
}

h3 {
  font-size: var(--text-normal);
}

@media screen and (min-width: 1316px) {
  :root {
    --text-small: 16px;
    --text-normal: 18px;
    --text-al-big: 24px;
    --text-big: 26px;
    --text-more-big: 32px;
    --text-too-big: 36px;
    --text-biggest: 48px;
    --text-sp-big: 36px;
    /*
    font-size: var(--text-small);
    font-size: var(--text-normal);
    font-size: var(--text-al-big);
    font-size: var(--text-big);
    font-size: var(--text-more-big);
    font-size: var(--text-too-big);
    font-size: var(--text-biggest);
    */
    --40px-10px: 40px;
    --2px-0px: 2px;
    --4px-0px: 4px;
  }

  .pc-none {
    display: none !important;
  }

  .menu-toggle {
    display: none;
  }

  .main-navigation ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .site-main {
    margin-top: 100px;
    overflow: hidden;
  }
}
@media screen and (max-width: 1315px) {
  :root {
    --text-small: 12px;
    --text-normal: 12px;
    --text-al-big: 12px;
    --text-big: 14px;
    --text-more-big: 16px;
    --text-too-big: 18px;
    --text-biggest: 22px;
    --text-sp-big: 36px;
    --40px-10px: 10px;
    --2px-0px: 0px;
    --4px-0px: 0px;
  }

  .sp-none {
    display: none !important;
  }

  p {
    line-height: 2em;
  }
}
.alpha-0 {
  opacity: 0;
}

#wpadminbar {
  display: none;
}

html {
  margin-top: 0 !important;
}

@media screen and (max-width: 782px) {
  html {
    margin-top: 0 !important;
  }
}
img {
  display: block;
}

.post,
.page {
  margin-bottom: 0;
}

.edit-link {
  display: none;
}

.page-header.manual {
  background-image: url("/wp-content/themes/threelead/asset/img/img_thumbnail_manual.jpg");
  height: 410px;
}
@media screen and (max-width: 1315px) {
  .page-header.manual {
    height: 180px;
  }
  .page-header.manual h1 {
    letter-spacing: 2px;
  }
}

.introduction {
  padding-top: 125px;
  padding-bottom: 125px;
  margin: 0 auto 0 auto;
  width: var(--px-1);
  text-align: center;
  padding-bottom: 0;
}
@media screen and (max-width: 1315px) {
  .introduction {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
@media screen and (max-width: 1315px) {
  .introduction {
    width: calc(100% - 20px);
    margin-left: 10px;
    margin-right: 10px;
  }
}

.introduction-header {
  color: var(--c-w);
  background-color: var(--c-1);
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: block;
  padding: 0.25em 2em;
  letter-spacing: 0.1em;
  margin: auto;
  margin-bottom: 2em;
}

.introduction-body {
  margin: 0;
}

.manual-problem {
  padding-top: 125px;
  padding-bottom: 125px;
  margin: 0 auto 0 auto;
  width: var(--px-1);
}
@media screen and (max-width: 1315px) {
  .manual-problem {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
@media screen and (max-width: 1315px) {
  .manual-problem {
    width: calc(100% - 20px);
    margin-left: 10px;
    margin-right: 10px;
  }
}

.merit {
  width: 100%;
  background-size: cover;
  background-position: center;
  background-image: url("/wp-content/themes/threelead/asset/img/img_manual_back.jpg");
}

.merit-inner {
  padding-top: 125px;
  padding-bottom: 125px;
  margin: 0 auto 0 auto;
  width: var(--px-1);
}
@media screen and (max-width: 1315px) {
  .merit-inner {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
@media screen and (max-width: 1315px) {
  .merit-inner {
    width: calc(100% - 20px);
    margin-left: 10px;
    margin-right: 10px;
  }
}
.merit-inner h2 {
  color: #fff;
  text-align: center;
}
.merit-inner h2::after {
  content: "";
  display: block;
  height: 1px;
  width: 60px;
  background-color: var(--c-w);
  margin: 0 auto;
  margin-top: 30px;
  margin-bottom: 40px;
}
.merit-inner > p {
  color: var(--c-w);
  text-align: center;
}
.merit-inner > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (max-width: 1315px) {
  .merit-inner > div {
    display: block;
  }
  .merit-inner > div > div {
    width: 100%;
  }
}
.merit-inner > div > div {
  width: calc((100% - 35px) / 2);
  background-color: var(--c-w);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 35px;
}
@media screen and (max-width: 1315px) {
  .merit-inner > div > div {
    width: 100%;
  }
}
.merit-inner > div > div img {
  width: 190px;
  -o-object-fit: cover;
     object-fit: cover;
}
.merit-inner > div > div div {
  padding: 30px;
}

.manual-make {
  padding-top: 125px;
  padding-bottom: 125px;
  margin: 0 auto 0 auto;
  width: var(--px-1);
}
@media screen and (max-width: 1315px) {
  .manual-make {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
@media screen and (max-width: 1315px) {
  .manual-make {
    width: calc(100% - 20px);
    margin-left: 10px;
    margin-right: 10px;
  }
}
.manual-make h2 {
  text-align: center;
}
.manual-make h2::after {
  content: "";
  display: block;
  height: 1px;
  width: 60px;
  background-color: var(--c-3);
  margin: 0 auto;
  margin-top: 30px;
  margin-bottom: 40px;
}
.manual-make > p {
  text-align: center;
}
.manual-make > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.manual-make > div div {
  width: calc((100% - 130px) / 3);
}
@media screen and (max-width: 1315px) {
  .manual-make > div div {
    width: calc((100% - 40px) / 3);
  }
}

.manual-flow {
  width: 100%;
  background-size: cover;
  background-position: center;
  background-color: var(--c-5);
  margin-bottom: 125px;
}
@media screen and (max-width: 1315px) {
  .manual-flow {
    margin-bottom: 50px;
  }
}

.manual-flow_inner {
  padding-top: 125px;
  padding-bottom: 125px;
  margin: 0 auto 0 auto;
  width: var(--px-1);
}
@media screen and (max-width: 1315px) {
  .manual-flow_inner {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
@media screen and (max-width: 1315px) {
  .manual-flow_inner {
    width: calc(100% - 20px);
    margin-left: 10px;
    margin-right: 10px;
  }
}
.manual-flow_inner h2 {
  text-align: center;
}
.manual-flow_inner h2::after {
  content: "";
  display: block;
  height: 1px;
  width: 60px;
  background-color: var(--c-3);
  margin: 0 auto;
  margin-top: 30px;
  margin-bottom: 40px;
}
.manual-flow_inner .arrow-flow li div::before {
  border-left: 30px solid var(--c-5);
}
@media screen and (max-width: 1315px) {
  .manual-flow_inner .arrow-flow li div::before {
    border-left: 12px solid var(--c-5);
  }
}
.manual-flow_inner .arrow-flow li div.manual-make-flow_gold p {
  background-color: var(--c-3);
}
.manual-flow_inner .arrow-flow li div.manual-make-flow_gold::before {
  border: 24px solid var(--c-3);
  border-left: 12px solid var(--c-5);
  border-right: none;
}
.manual-flow_inner .arrow-flow li div.manual-make-flow_gold::after {
  border: 24px solid #fff0;
  border-left: 12px solid var(--c-3);
  border-right: none;
}
.manual-flow_inner .arrow-flow li div p {
  font-size: var(--text-al-big);
  letter-spacing: 2px;
  text-align: center;
  padding-right: 30px;
}
@media screen and (max-width: 1315px) {
  .manual-flow_inner .arrow-flow li div p {
    padding-right: 0;
  }
}
.manual-flow_inner .arrow-flow li:first-child div p {
  padding-right: 0;
}
.manual-flow_inner .arrow-flow li small {
  display: block;
  padding-top: 16px;
  line-height: 24px;
  width: calc(100% - 42px);
}
@media screen and (max-width: 1315px) {
  .manual-flow_inner .arrow-flow li small {
    width: calc(100% - 12px);
  }
}
.manual-flow_inner .af1 {
  margin-right: 290px;
  margin-bottom: 42px;
}
@media screen and (max-width: 1315px) {
  .manual-flow_inner .af1 {
    margin-right: 0;
  }
}
.manual-flow_inner .af1 li {
  width: 35%;
}
.manual-flow_inner .af2 {
  margin-left: 290px;
}
@media screen and (max-width: 1315px) {
  .manual-flow_inner .af2 {
    margin-left: 0;
  }
}
.manual-flow_inner .af2 li {
  width: 35%;
}

:root {
  --c-w: #fff;
  --c-1: #373f3d;
  --c-2: #545c5a;
  --c-3: #99883b;
  --c-4: #ababab;
  --c-5: #eeeeee;
  --c-6: #e3e3e3;
  --c-7: #f9f2e1;
  --c-8: #f3dfae;
  --c-9: #cdcdcd;
  --px-1: 1250px ;
}

/*
$_path : '/';
*/
*, input, select {
  font-family: "Noto Sans JP", sans-serif;
}

a {
  font-size: var(--text-normal);
  color: var(--c-1);
  text-decoration: none;
  -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}

a:visited {
  color: var(--c-1);
}

a:visited span {
  color: var(--c-1);
}

a:hover {
  color: var(--c-3);
}

a:hover span {
  color: var(--c-3);
}

p {
  font-size: var(--text-normal);
  line-height: 2;
  font-weight: 600;
}

h2 {
  font-size: var(--text-big);
}

h3 {
  font-size: var(--text-normal);
}

@media screen and (min-width: 1316px) {
  :root {
    --text-small: 16px;
    --text-normal: 18px;
    --text-al-big: 24px;
    --text-big: 26px;
    --text-more-big: 32px;
    --text-too-big: 36px;
    --text-biggest: 48px;
    --text-sp-big: 36px;
    /*
    font-size: var(--text-small);
    font-size: var(--text-normal);
    font-size: var(--text-al-big);
    font-size: var(--text-big);
    font-size: var(--text-more-big);
    font-size: var(--text-too-big);
    font-size: var(--text-biggest);
    */
    --40px-10px: 40px;
    --2px-0px: 2px;
    --4px-0px: 4px;
  }

  .pc-none {
    display: none !important;
  }

  .menu-toggle {
    display: none;
  }

  .main-navigation ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .site-main {
    margin-top: 100px;
    overflow: hidden;
  }
}
@media screen and (max-width: 1315px) {
  :root {
    --text-small: 12px;
    --text-normal: 12px;
    --text-al-big: 12px;
    --text-big: 14px;
    --text-more-big: 16px;
    --text-too-big: 18px;
    --text-biggest: 22px;
    --text-sp-big: 36px;
    --40px-10px: 10px;
    --2px-0px: 0px;
    --4px-0px: 0px;
  }

  .sp-none {
    display: none !important;
  }

  p {
    line-height: 2em;
  }
}
.alpha-0 {
  opacity: 0;
}

#wpadminbar {
  display: none;
}

html {
  margin-top: 0 !important;
}

@media screen and (max-width: 782px) {
  html {
    margin-top: 0 !important;
  }
}
img {
  display: block;
}

.post,
.page {
  margin-bottom: 0;
}

.edit-link {
  display: none;
}

.page-header.next {
  background-image: url("/wp-content/themes/threelead/asset/img/img_thumbnail_next.jpg");
  height: 410px;
}
@media screen and (max-width: 1315px) {
  .page-header.next {
    height: 180px;
  }
  .page-header.next h1 {
    letter-spacing: 2px;
  }
}

.next-introduction {
  padding-top: 125px;
  padding-bottom: 125px;
  margin: 0 auto 0 auto;
  width: var(--px-1);
}
@media screen and (max-width: 1315px) {
  .next-introduction {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
@media screen and (max-width: 1315px) {
  .next-introduction {
    width: calc(100% - 20px);
    margin-left: 10px;
    margin-right: 10px;
  }
}
.next-introduction strong {
  color: var(--c-3);
}
.next-introduction div {
  margin-top: 50px;
  margin-bottom: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (max-width: 1315px) {
  .next-introduction div {
    margin-top: 20px;
    margin-bottom: 20px;
  }
}
.next-introduction div div {
  width: calc((100% - (85px * 3)) / 4);
  height: 120px;
  position: relative;
  background-color: var(--c-1);
  color: var(--c-w);
  text-align: center;
}
@media screen and (max-width: 1315px) {
  .next-introduction div div {
    width: calc((100% - (30px * 3)) / 4);
  }
}
.next-introduction div div::after {
  position: absolute;
  top: 30px;
  left: calc((var(--px-1) - (85px * 3)) / 4 + 12.5px);
  content: "";
  display: block;
  height: 60px;
  width: 60px;
  background-image: url("/wp-content/themes/threelead/asset/img/img_icon_arrow_gray_right.svg");
  background-size: contain;
}
@media screen and (max-width: 1315px) {
  .next-introduction div div::after {
    top: 50px;
    height: 20px;
    width: 20px;
    left: calc(100% + 5px);
  }
}
.next-introduction div div:last-child::after {
  display: none;
}
.next-introduction div div.back-gold {
  background-color: var(--c-3);
}
.next-introduction div div p {
  width: 100%;
  margin: auto;
  font-weight: 100;
}

.example {
  width: 100%;
  background-size: cover;
  background-position: center;
  background-image: url("/wp-content/themes/threelead/asset/img/img_next_backimg_1.jpg");
}

.example_inner {
  padding-top: 125px;
  padding-bottom: 125px;
  margin: 0 auto 0 auto;
  width: var(--px-1);
}
@media screen and (max-width: 1315px) {
  .example_inner {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
@media screen and (max-width: 1315px) {
  .example_inner {
    width: calc(100% - 20px);
    margin-left: 10px;
    margin-right: 10px;
  }
}
.example_inner h2 {
  color: #fff;
  text-align: center;
}
.example_inner h2::after {
  content: "";
  display: block;
  height: 1px;
  width: 60px;
  background-color: var(--c-w);
  margin: 0 auto;
  margin-top: 30px;
  margin-bottom: 40px;
}
.example_inner ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0;
  padding: 0;
}
@media screen and (max-width: 1315px) {
  .example_inner ul {
    display: block;
  }
  .example_inner ul > div {
    width: 100%;
  }
}
.example_inner ul li {
  list-style: none;
}
@media screen and (max-width: 1315px) {
  .example_inner ul {
    width: 80%;
    margin: 0 10%;
  }
}
.example_inner ul li {
  width: calc(100% /4);
  display: block;
  height: 230px;
  border-right: 1px solid var(--c-w);
  color: var(--c-w);
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 1315px) {
  .example_inner ul li {
    height: 80px;
    width: 100%;
    border-right: none;
    border-bottom: 1px solid var(--c-w);
  }
}
.example_inner ul li:first-child {
  border-left: 1px solid var(--c-w);
}
@media screen and (max-width: 1315px) {
  .example_inner ul li:first-child {
    border-left: none;
    border-top: 1px solid var(--c-w);
  }
}
.example_inner ul li div {
  margin: auto;
  width: 80%;
}
@media screen and (max-width: 1315px) {
  .example_inner ul li div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .example_inner ul li div span {
    width: 50%;
    margin: auto;
  }
  .example_inner ul li div p {
    width: 50%;
    margin: auto;
    text-align: left;
    margin-left: 20px;
  }
}
.example_inner ul li div span {
  border: 1px solid var(--c-w);
  border-radius: calc(1em);
  padding: 0 1em;
}
.example_inner ul li div p {
  font-weight: 100;
}

.next-feature {
  padding-top: 125px;
  padding-bottom: 125px;
  margin: 0 auto 0 auto;
  width: var(--px-1);
}
@media screen and (max-width: 1315px) {
  .next-feature {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
@media screen and (max-width: 1315px) {
  .next-feature {
    width: calc(100% - 20px);
    margin-left: 10px;
    margin-right: 10px;
  }
}
.next-feature h2 {
  text-align: center;
}
.next-feature h2::after {
  content: "";
  display: block;
  height: 1px;
  width: 60px;
  background-color: var(--c-3);
  margin: 0 auto;
  margin-top: 30px;
  margin-bottom: 40px;
}
.next-feature > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (max-width: 1315px) {
  .next-feature > div {
    display: block;
  }
  .next-feature > div > div {
    width: 100%;
  }
}
.next-feature > div > div {
  width: calc((100% - 120px) / 3);
  background-color: var(--c-5);
  padding: 40px;
  position: relative;
}
@media screen and (max-width: 1315px) {
  .next-feature > div > div {
    width: 100%;
    margin-bottom: 40px;
    padding: 40px 20px;
  }
  .next-feature > div > div:last-child {
    margin-bottom: 0;
  }
}
.next-feature > div > div span {
  position: absolute;
  top: -32px;
  left: 0px;
  color: var(--c-3);
  font-size: var(--text-sp-big);
  margin: auto 0 0 0;
  font-weight: 600;
  margin-right: 1em;
}
@media screen and (max-width: 1315px) {
  .next-feature > div > div span {
    left: 40px;
  }
}
.next-feature > div > div h3 {
  margin: auto 0 0 0;
  font-size: var(--text-big);
  letter-spacing: 4px;
}

:root {
  --c-w: #fff;
  --c-1: #373f3d;
  --c-2: #545c5a;
  --c-3: #99883b;
  --c-4: #ababab;
  --c-5: #eeeeee;
  --c-6: #e3e3e3;
  --c-7: #f9f2e1;
  --c-8: #f3dfae;
  --c-9: #cdcdcd;
  --px-1: 1250px ;
}

/*
$_path : '/';
*/
*, input, select {
  font-family: "Noto Sans JP", sans-serif;
}

a {
  font-size: var(--text-normal);
  color: var(--c-1);
  text-decoration: none;
  -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}

a:visited {
  color: var(--c-1);
}

a:visited span {
  color: var(--c-1);
}

a:hover {
  color: var(--c-3);
}

a:hover span {
  color: var(--c-3);
}

p {
  font-size: var(--text-normal);
  line-height: 2;
  font-weight: 600;
}

h2 {
  font-size: var(--text-big);
}

h3 {
  font-size: var(--text-normal);
}

@media screen and (min-width: 1316px) {
  :root {
    --text-small: 16px;
    --text-normal: 18px;
    --text-al-big: 24px;
    --text-big: 26px;
    --text-more-big: 32px;
    --text-too-big: 36px;
    --text-biggest: 48px;
    --text-sp-big: 36px;
    /*
    font-size: var(--text-small);
    font-size: var(--text-normal);
    font-size: var(--text-al-big);
    font-size: var(--text-big);
    font-size: var(--text-more-big);
    font-size: var(--text-too-big);
    font-size: var(--text-biggest);
    */
    --40px-10px: 40px;
    --2px-0px: 2px;
    --4px-0px: 4px;
  }

  .pc-none {
    display: none !important;
  }

  .menu-toggle {
    display: none;
  }

  .main-navigation ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .site-main {
    margin-top: 100px;
    overflow: hidden;
  }
}
@media screen and (max-width: 1315px) {
  :root {
    --text-small: 12px;
    --text-normal: 12px;
    --text-al-big: 12px;
    --text-big: 14px;
    --text-more-big: 16px;
    --text-too-big: 18px;
    --text-biggest: 22px;
    --text-sp-big: 36px;
    --40px-10px: 10px;
    --2px-0px: 0px;
    --4px-0px: 0px;
  }

  .sp-none {
    display: none !important;
  }

  p {
    line-height: 2em;
  }
}
.alpha-0 {
  opacity: 0;
}

#wpadminbar {
  display: none;
}

html {
  margin-top: 0 !important;
}

@media screen and (max-width: 782px) {
  html {
    margin-top: 0 !important;
  }
}
img {
  display: block;
}

.post,
.page {
  margin-bottom: 0;
}

.edit-link {
  display: none;
}

.page-header.sdgs {
  background-image: url("/wp-content/themes/threelead/asset/img/img_thumbnail_sdgs.jpg");
  height: 410px;
}
@media screen and (max-width: 1315px) {
  .page-header.sdgs {
    height: 180px;
  }
  .page-header.sdgs h1 {
    letter-spacing: 2px;
  }
}

.list-box_text {
  color: var(--c-w);
}

.flow-vertical {
  padding-top: 125px;
  padding-bottom: 125px;
  margin: 0 auto 0 auto;
  width: var(--px-1);
}
@media screen and (max-width: 1315px) {
  .flow-vertical {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
@media screen and (max-width: 1315px) {
  .flow-vertical {
    width: calc(100% - 20px);
    margin-left: 10px;
    margin-right: 10px;
  }
}
.flow-vertical h2 {
  text-align: center;
}
.flow-vertical h2::after {
  content: "";
  display: block;
  height: 1px;
  width: 60px;
  background-color: var(--c-3);
  margin: 0 auto;
  margin-top: 30px;
  margin-bottom: 40px;
}
.flow-vertical div ul {
  margin: 0;
  padding: 0;
}
.flow-vertical div ul li {
  list-style: none;
}
.flow-vertical div ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.flow-vertical div ul li div {
  width: 100%;
  background-color: var(--c-5);
  min-height: 160px;
  position: relative;
}
@media screen and (max-width: 1315px) {
  .flow-vertical div ul li div {
    min-height: 120px;
  }
}
.flow-vertical div ul li div p,
.flow-vertical div ul li div small {
  margin-left: 380px;
}
@media screen and (max-width: 1315px) {
  .flow-vertical div ul li div p,
.flow-vertical div ul li div small {
    margin-left: 160px;
  }
}
.flow-vertical div ul li div p {
  font-size: var(--text-big);
  font-weight: 600;
  margin-bottom: 1em;
  margin-top: 1.25em;
}
.flow-vertical div ul li div small {
  display: block;
  line-height: 1.5;
  margin-right: 20px;
  font-size: var(--text-normal);
  padding-bottom: 20px;
}
.flow-vertical div ul li div span {
  position: absolute;
  height: 160px;
  width: 360px;
  line-height: 160px;
  padding-left: 100px;
  font-size: var(--text-big);
  top: 0;
  left: 0;
  background: linear-gradient(106deg, var(--c-1) 80%, transparent 80.1%);
  color: var(--c-w);
}
@media screen and (max-width: 1315px) {
  .flow-vertical div ul li div span {
    height: 60px;
    line-height: 60px;
    width: 150px;
    padding-left: 32px;
  }
}
@media screen and (max-width: 1315px) {
  .flow-vertical div ul li {
    min-height: 120px;
  }
}
.flow-vertical div ul li::after {
  content: "";
  display: block;
  background-image: url("/wp-content/themes/threelead/asset/img/img_icon_arrow_gray.svg");
  width: 60px;
  height: 60px;
  margin: 10px auto;
  background-position: center;
}
.flow-vertical div ul li:last-child::after {
  display: none;
}

.merit-sdgs {
  padding-top: 125px;
  padding-bottom: 125px;
  margin: 0 auto 0 auto;
  width: var(--px-1);
}
@media screen and (max-width: 1315px) {
  .merit-sdgs {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
@media screen and (max-width: 1315px) {
  .merit-sdgs {
    width: calc(100% - 20px);
    margin-left: 10px;
    margin-right: 10px;
  }
}
.merit-sdgs h2 {
  text-align: center;
}
.merit-sdgs h2::after {
  content: "";
  display: block;
  height: 1px;
  width: 60px;
  background-color: var(--c-3);
  margin: 0 auto;
  margin-top: 30px;
  margin-bottom: 40px;
}
.merit-sdgs ul {
  margin: 0;
  padding: 0;
  width: 80%;
  margin: 0 auto;
}
.merit-sdgs ul li {
  list-style: none;
}
.merit-sdgs ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 30px 0;
  border-bottom: 1px solid var(--c-9);
}
@media screen and (max-width: 1315px) {
  .merit-sdgs ul li {
    display: block;
  }
  .merit-sdgs ul li > div {
    width: 100%;
  }
}
.merit-sdgs ul li:first-child {
  border-top: 1px solid var(--c-9);
}
.merit-sdgs ul li h3 {
  color: var(--c-3);
  width: 512px;
}
@media screen and (max-width: 1315px) {
  .merit-sdgs ul li h3 {
    width: 100%;
  }
}
.merit-sdgs ul li p {
  width: calc(100% - 512px);
}
@media screen and (max-width: 1315px) {
  .merit-sdgs ul li p {
    width: 100%;
  }
}

:root {
  --c-w: #fff;
  --c-1: #373f3d;
  --c-2: #545c5a;
  --c-3: #99883b;
  --c-4: #ababab;
  --c-5: #eeeeee;
  --c-6: #e3e3e3;
  --c-7: #f9f2e1;
  --c-8: #f3dfae;
  --c-9: #cdcdcd;
  --px-1: 1250px ;
}

/*
$_path : '/';
*/
*, input, select {
  font-family: "Noto Sans JP", sans-serif;
}

a {
  font-size: var(--text-normal);
  color: var(--c-1);
  text-decoration: none;
  -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}

a:visited {
  color: var(--c-1);
}

a:visited span {
  color: var(--c-1);
}

a:hover {
  color: var(--c-3);
}

a:hover span {
  color: var(--c-3);
}

p {
  font-size: var(--text-normal);
  line-height: 2;
  font-weight: 600;
}

h2 {
  font-size: var(--text-big);
}

h3 {
  font-size: var(--text-normal);
}

@media screen and (min-width: 1316px) {
  :root {
    --text-small: 16px;
    --text-normal: 18px;
    --text-al-big: 24px;
    --text-big: 26px;
    --text-more-big: 32px;
    --text-too-big: 36px;
    --text-biggest: 48px;
    --text-sp-big: 36px;
    /*
    font-size: var(--text-small);
    font-size: var(--text-normal);
    font-size: var(--text-al-big);
    font-size: var(--text-big);
    font-size: var(--text-more-big);
    font-size: var(--text-too-big);
    font-size: var(--text-biggest);
    */
    --40px-10px: 40px;
    --2px-0px: 2px;
    --4px-0px: 4px;
  }

  .pc-none {
    display: none !important;
  }

  .menu-toggle {
    display: none;
  }

  .main-navigation ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .site-main {
    margin-top: 100px;
    overflow: hidden;
  }
}
@media screen and (max-width: 1315px) {
  :root {
    --text-small: 12px;
    --text-normal: 12px;
    --text-al-big: 12px;
    --text-big: 14px;
    --text-more-big: 16px;
    --text-too-big: 18px;
    --text-biggest: 22px;
    --text-sp-big: 36px;
    --40px-10px: 10px;
    --2px-0px: 0px;
    --4px-0px: 0px;
  }

  .sp-none {
    display: none !important;
  }

  p {
    line-height: 2em;
  }
}
.alpha-0 {
  opacity: 0;
}

#wpadminbar {
  display: none;
}

html {
  margin-top: 0 !important;
}

@media screen and (max-width: 782px) {
  html {
    margin-top: 0 !important;
  }
}
img {
  display: block;
}

.post,
.page {
  margin-bottom: 0;
}

.edit-link {
  display: none;
}

.page-header.workstyle {
  background-image: url("/wp-content/themes/threelead/asset/img/img_thumbnail_workstyle.jpg");
  height: 410px;
}
@media screen and (max-width: 1315px) {
  .page-header.workstyle {
    height: 180px;
  }
  .page-header.workstyle h1 {
    letter-spacing: 2px;
  }
}

.change {
  padding-top: 125px;
  padding-bottom: 125px;
  margin: 0 auto 0 auto;
  width: var(--px-1);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 1315px) {
  .change {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
@media screen and (max-width: 1315px) {
  .change {
    width: calc(100% - 20px);
    margin-left: 10px;
    margin-right: 10px;
  }
}
.change .change-befor ul li {
  background-color: var(--c-1);
}
@media screen and (max-width: 1315px) {
  .change .change-befor {
    width: 40%;
  }
}
.change .change-arrow {
  margin: auto 0;
}
.change .change-arrow img {
  width: 90px;
}
@media screen and (max-width: 1315px) {
  .change .change-arrow img {
    width: 40px;
  }
}
.change .change-after ul li {
  background-color: var(--c-3);
}
@media screen and (max-width: 1315px) {
  .change .change-after {
    width: 40%;
  }
}
.change div {
  margin: auto 40px;
}
@media screen and (max-width: 1315px) {
  .change div {
    margin: 10px;
  }
}
.change div ul {
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 0 20px;
}
.change div ul li {
  list-style: none;
}
@media screen and (max-width: 1315px) {
  .change div ul {
    display: block;
  }
  .change div ul > div {
    width: 100%;
  }
}
.change div ul li {
  width: calc((100% - 8px) / 3);
  padding-top: 0.75em;
  padding-bottom: 0.75em;
  font-size: var(--text-normal);
  text-align: center;
  color: var(--c-w);
}
@media screen and (max-width: 1315px) {
  .change div ul li {
    width: 100%;
    margin-bottom: 10px;
    padding: 0.25em 0;
  }
}

.work-task {
  width: 100%;
  background-size: cover;
  background-position: center;
  background-image: url("/wp-content/themes/threelead/asset/img/img_gray_back.jpg");
}

.work-task_inner {
  padding-top: 125px;
  padding-bottom: 125px;
  margin: 0 auto 0 auto;
  width: var(--px-1);
}
@media screen and (max-width: 1315px) {
  .work-task_inner {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
@media screen and (max-width: 1315px) {
  .work-task_inner {
    width: calc(100% - 20px);
    margin-left: 10px;
    margin-right: 10px;
  }
}
.work-task_inner h2 {
  text-align: center;
}
.work-task_inner h2::after {
  content: "";
  display: block;
  height: 1px;
  width: 60px;
  background-color: var(--c-3);
  margin: 0 auto;
  margin-top: 30px;
  margin-bottom: 40px;
}
.work-task_inner h2 {
  margin-bottom: 74px;
}
.work-task_inner > div {
  position: relative;
}
.work-task_inner > div .work-task_belt {
  position: absolute;
  width: 100%;
  top: 150px;
  height: 60px;
  color: var(--c-w);
  background-color: var(--c-1);
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 1315px) {
  .work-task_inner > div .work-task_belt {
    position: initial;
    width: calc(50% - 10px);
    margin-left: auto;
    padding: 0 20px;
    font-size: var(--text-small);
  }
}
.work-task_inner > div .work-task_belt p {
  display: block;
  margin: auto;
}
.work-task_inner > div > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (max-width: 1315px) {
  .work-task_inner > div > div {
    display: block;
  }
  .work-task_inner > div > div > div {
    width: 100%;
  }
}
.work-task_inner > div > div > div {
  background-color: var(--c-w);
  width: calc((100% - 24px) / 4);
  position: relative;
  padding-bottom: 20px;
}
@media screen and (max-width: 1315px) {
  .work-task_inner > div > div > div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: calc(100% + 1px);
    border: 1px solid #f1f1f1;
    padding-bottom: 0;
    margin-bottom: 40px;
  }
}
.work-task_inner > div > div > div span {
  position: absolute;
  top: -38px;
  left: 15px;
  font-size: 42px;
  font-size: var(--text-sp-big);
  font-weight: 600;
}
@media screen and (max-width: 1315px) {
  .work-task_inner > div > div > div span {
    top: -30px;
  }
}
.work-task_inner > div > div > div .work-task_task {
  height: 150px;
  padding: 30px 20px 20px 20px;
  margin-top: 0;
  margin-bottom: 60px;
  font-size: var(--text-al-big);
  line-height: 1.5;
}
@media screen and (max-width: 1315px) {
  .work-task_inner > div > div > div .work-task_task {
    width: calc(50% - 10px);
    height: initial;
    margin-bottom: 20px;
    line-height: 2;
  }
}
.work-task_inner > div > div > div > div {
  border: 42px solid var(--c-w);
  border-top: 32px solid var(--c-1);
  border-bottom: 0px;
  margin: auto;
  width: 0;
}
@media screen and (max-width: 1315px) {
  .work-task_inner > div > div > div > div {
    border: 20px solid var(--c-w);
    border-left: 10px solid var(--c-1);
    border-right: 0px;
    padding-bottom: 0;
  }
}
.work-task_inner > div > div > div .work-task_answer {
  padding: 0 20px 0 20px;
  color: var(--c-3);
  margin: 0;
  position: relative;
}
@media screen and (max-width: 1315px) {
  .work-task_inner > div > div > div .work-task_answer {
    padding: 30px 20px 20px 20px;
    width: calc(50% - 10px);
  }
  .work-task_inner > div > div > div .work-task_answer::before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 41px;
    background-color: var(--c-1);
    top: -41px;
    left: 0;
    z-index: 0;
  }
}
.work-task_inner > div > div > div:first-child .work-task_answer::before {
  display: none;
}

.work-service {
  padding-top: 125px;
  padding-bottom: 125px;
  margin: 0 auto 0 auto;
  width: var(--px-1);
}
@media screen and (max-width: 1315px) {
  .work-service {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
@media screen and (max-width: 1315px) {
  .work-service {
    width: calc(100% - 20px);
    margin-left: 10px;
    margin-right: 10px;
  }
}
.work-service div p {
  padding: 0 40px;
}
@media screen and (max-width: 1315px) {
  .work-service div p {
    padding: 0 10px;
  }
}
.work-service div h3 {
  padding: 0 40px;
  font-size: 24px;
}
@media screen and (max-width: 1315px) {
  .work-service div h3 {
    padding: 0 10px;
    font-size: var(--text-too-big);
  }
}
.work-service div img {
  width: 60%;
  height: 60%;
}
.work-service div div {
  width: 40%;
  height: 60%;
}

.work-service_left-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 40px;
}
@media screen and (max-width: 1315px) {
  .work-service_left-text {
    margin-bottom: 20px;
  }
}

.work-service_right-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.flow {
  padding-top: 125px;
  padding-bottom: 125px;
  margin: 0 auto 0 auto;
  width: var(--px-1);
}
@media screen and (max-width: 1315px) {
  .flow {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
@media screen and (max-width: 1315px) {
  .flow {
    width: calc(100% - 20px);
    margin-left: 10px;
    margin-right: 10px;
  }
}
.flow h2 {
  text-align: center;
}
.flow h2::after {
  content: "";
  display: block;
  height: 1px;
  width: 60px;
  background-color: var(--c-3);
  margin: 0 auto;
  margin-top: 30px;
  margin-bottom: 40px;
}
.flow p {
  text-align: center;
}

:root {
  --c-w: #fff;
  --c-1: #373f3d;
  --c-2: #545c5a;
  --c-3: #99883b;
  --c-4: #ababab;
  --c-5: #eeeeee;
  --c-6: #e3e3e3;
  --c-7: #f9f2e1;
  --c-8: #f3dfae;
  --c-9: #cdcdcd;
  --px-1: 1250px ;
}

/*
$_path : '/';
*/
*, input, select {
  font-family: "Noto Sans JP", sans-serif;
}

a {
  font-size: var(--text-normal);
  color: var(--c-1);
  text-decoration: none;
  -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}

a:visited {
  color: var(--c-1);
}

a:visited span {
  color: var(--c-1);
}

a:hover {
  color: var(--c-3);
}

a:hover span {
  color: var(--c-3);
}

p {
  font-size: var(--text-normal);
  line-height: 2;
  font-weight: 600;
}

h2 {
  font-size: var(--text-big);
}

h3 {
  font-size: var(--text-normal);
}

@media screen and (min-width: 1316px) {
  :root {
    --text-small: 16px;
    --text-normal: 18px;
    --text-al-big: 24px;
    --text-big: 26px;
    --text-more-big: 32px;
    --text-too-big: 36px;
    --text-biggest: 48px;
    --text-sp-big: 36px;
    /*
    font-size: var(--text-small);
    font-size: var(--text-normal);
    font-size: var(--text-al-big);
    font-size: var(--text-big);
    font-size: var(--text-more-big);
    font-size: var(--text-too-big);
    font-size: var(--text-biggest);
    */
    --40px-10px: 40px;
    --2px-0px: 2px;
    --4px-0px: 4px;
  }

  .pc-none {
    display: none !important;
  }

  .menu-toggle {
    display: none;
  }

  .main-navigation ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .site-main {
    margin-top: 100px;
    overflow: hidden;
  }
}
@media screen and (max-width: 1315px) {
  :root {
    --text-small: 12px;
    --text-normal: 12px;
    --text-al-big: 12px;
    --text-big: 14px;
    --text-more-big: 16px;
    --text-too-big: 18px;
    --text-biggest: 22px;
    --text-sp-big: 36px;
    --40px-10px: 10px;
    --2px-0px: 0px;
    --4px-0px: 0px;
  }

  .sp-none {
    display: none !important;
  }

  p {
    line-height: 2em;
  }
}
.alpha-0 {
  opacity: 0;
}

#wpadminbar {
  display: none;
}

html {
  margin-top: 0 !important;
}

@media screen and (max-width: 782px) {
  html {
    margin-top: 0 !important;
  }
}
img {
  display: block;
}

.post,
.page {
  margin-bottom: 0;
}

.edit-link {
  display: none;
}

.page-header.presidents {
  background-image: url("/wp-content/themes/threelead/asset/img/img_presidents_tn.jpg");
  height: 410px;
}
@media screen and (max-width: 1315px) {
  .page-header.presidents {
    height: 180px;
  }
  .page-header.presidents h1 {
    letter-spacing: 2px;
  }
}

.presidents_02 {
  padding-top: 125px;
  padding-bottom: 125px;
  margin: 0 auto 0 auto;
  width: var(--px-1);
  padding-bottom: 0;
}
@media screen and (max-width: 1315px) {
  .presidents_02 {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
@media screen and (max-width: 1315px) {
  .presidents_02 {
    width: calc(100% - 20px);
    margin-left: 10px;
    margin-right: 10px;
  }
}
.presidents_02 h2 {
  text-align: center;
}
.presidents_02 h2::after {
  content: "";
  display: block;
  height: 1px;
  width: 60px;
  background-color: var(--c-3);
  margin: 0 auto;
  margin-top: 30px;
  margin-bottom: 40px;
}
.presidents_02 > p {
  text-align: center;
  margin: 0;
}
.presidents_02 .arrow-flow {
  margin-bottom: 46px;
}
@media screen and (max-width: 1315px) {
  .presidents_02 .arrow-flow {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
@media screen and (max-width: 1315px) {
  .presidents_02 .arrow-flow li {
    width: 45%;
    margin-bottom: 20px;
  }
  .presidents_02 .arrow-flow li:nth-child(3) {
    margin-left: 5%;
  }
  .presidents_02 .arrow-flow li:nth-child(3) div::before {
    display: none;
  }
  .presidents_02 .arrow-flow li:nth-child(2) {
    margin-right: calc(-21px + 5%);
  }
}
.presidents_02 .arrow-flow li div .no-ls {
  letter-spacing: 0;
}
.presidents_02 .arrow-flow li div p {
  text-align: center;
}

.presidents_02_img {
  background-image: url("/wp-content/themes/threelead/asset/img/img_presidents_question.jpg");
  height: 320px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  margin-bottom: 60px;
}
@media screen and (max-width: 1315px) {
  .presidents_02_img {
    background-image: url("/wp-content/themes/threelead/asset/img/img_presidents_2.jpg");
  }
}

.presidents_03 {
  padding-top: 125px;
  padding-bottom: 125px;
  margin: 0 auto 0 auto;
  width: var(--px-1);
}
@media screen and (max-width: 1315px) {
  .presidents_03 {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
@media screen and (max-width: 1315px) {
  .presidents_03 {
    width: calc(100% - 20px);
    margin-left: 10px;
    margin-right: 10px;
  }
}
.presidents_03 h2 {
  text-align: center;
}
.presidents_03 h2::after {
  content: "";
  display: block;
  height: 1px;
  width: 60px;
  background-color: var(--c-3);
  margin: 0 auto;
  margin-top: 30px;
  margin-bottom: 40px;
}
@media screen and (max-width: 1315px) {
  .presidents_03 {
    padding-bottom: 120px;
  }
}
.presidents_03 > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.presidents_03 .presidents_03_img {
  width: 190px;
  height: 190px;
  border: solid 1px var(--c-1);
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: var(--c-w);
  margin-right: -95px;
  margin-top: 45px;
  z-index: 2;
}
@media screen and (max-width: 1315px) {
  .presidents_03 .presidents_03_img {
    margin: 0 auto -95px auto;
  }
}
.presidents_03 .presidents_03_img img {
  margin: auto;
  border-radius: 22%;
  width: 80%;
  height: 80%;
}
.presidents_03 .presidents_03_text {
  width: calc(100% - 95px);
  padding: 45px 45px 45px 130px;
  border: solid 1px var(--c-1);
}
@media screen and (max-width: 1315px) {
  .presidents_03 .presidents_03_text {
    width: 100%;
    padding: 130px 45px 45px 45px;
  }
}
/*# sourceMappingURL=style.css.map */