@charset "UTF-8";
/*!
Theme Name: glaze2026
Theme URI: https://glazestyle.com/
Author: toshiyuki TOKOI
Author URI: https://glazestyle.com/
Description: glaze2026 Theme by GLAZE.inc
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: glaze2026
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
>>> defaultCSS OF CONTENTS:
--------------------------------------------------------------*/
/*!
 * ress.css ? v1.2.2
 * MIT License
 * github.com/filipelinhares/ress
 */
/* # =================================================================
   # Global selectors
   # ================================================================= */
html {
  box-sizing: border-box;
  overflow-y: scroll;
  /* All browsers without overlaying scrollbars */
  -webkit-text-size-adjust: 100%;
  /* iOS 8+ */
}

*,
::before,
::after {
  background-repeat: no-repeat;
  /* Set `background-repeat: no-repeat` to all elements and pseudo elements */
  box-sizing: inherit;
}

::before,
::after {
  text-decoration: inherit;
  /* Inherit text-decoration and vertical align to ::before and ::after pseudo elements */
  vertical-align: inherit;
}

* {
  padding: 0;
  /* Reset `padding` and `margin` of all elements */
  margin: 0;
}

/* # =================================================================
   # General elements
   # ================================================================= */
/* Add the correct display in iOS 4-7.*/
audio:not([controls]) {
  display: none;
  height: 0;
}

hr {
  overflow: visible;
  /* Show the overflow in Edge and IE */
}

/*
* Correct `block` display not defined for any HTML5 element in IE 8/9
* Correct `block` display not defined for `details` or `summary` in IE 10/11
* and Firefox
* Correct `block` display not defined for `main` in IE 11
*/
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
  display: block;
}

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

small {
  font-size: 80%;
  /* Set font-size to 80% in `small` elements */
}

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

abbr[title] {
  border-bottom: 1px dotted;
  /* Add a bordered underline effect in all browsers */
  text-decoration: none;
  /* Remove text decoration in Firefox 40+ */
}

a {
  background-color: transparent;
  /* Remove the gray background on active links in IE 10 */
  -webkit-text-decoration-skip: objects;
  /* Remove gaps in links underline in iOS 8+ and Safari 8+ */
}

a:active,
a:hover {
  outline-width: 0;
  /* Remove the outline when hovering in all browsers */
}

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  /* Specify the font family of code elements */
}

b,
strong {
  font-weight: bolder;
  /* Correct style set to `bold` in Edge 12+, Safari 6.2+, and Chrome 18+ */
}

dfn {
  font-style: italic;
  /* Address styling not present in Safari and Chrome */
}

/* Address styling not present in IE 8/9 */
mark {
  background-color: #ff0;
  color: #000;
}

/* https://gist.github.com/unruthless/413930 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* # =================================================================
   # Forms
   # ================================================================= */
input {
  border-radius: 0;
}

/* Apply cursor pointer to button elements */
button,
[type=button],
[type=reset],
[type=submit],
[role=button] {
  cursor: pointer;
}

/* Replace pointer cursor in disabled elements */
[disabled] {
  cursor: default;
}

[type=number] {
  width: auto;
  /* Firefox 36+ */
}

[type=search] {
  -webkit-appearance: textfield;
  /* Safari 8+ */
}

[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
  /* Safari 8 */
}

textarea {
  overflow: auto;
  /* Internet Explorer 11+ */
  resize: vertical;
  /* Specify textarea resizability */
}

button,
input,
optgroup,
select,
textarea {
  font: inherit;
  /* Specify font inheritance of form elements */
}

optgroup {
  font-weight: bold;
  /* Restore the font weight unset by the previous rule. */
}

button {
  overflow: visible;
  /* Address `overflow` set to `hidden` in IE 8/9/10/11 */
}

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

/* Replace focus style removed in the border reset above */
button:-moz-focusring,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  outline: 1px dotted ButtonText;
}

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

button,
select {
  text-transform: none;
  /* Firefox 40+, Internet Explorer 11- */
}

/* Remove the default button styling in all browsers */
button,
input,
select,
textarea {
  background-color: transparent;
  border-style: none;
  color: inherit;
}

/* Style select like a standard input */
select {
  -moz-appearance: none;
  /* Firefox 36+ */
  -webkit-appearance: none;
  /* Chrome 41+ */
}

select::-ms-expand {
  display: none;
  /* Internet Explorer 11+ */
}

select::-ms-value {
  color: currentColor;
  /* Internet Explorer 11+ */
}

legend {
  border: 0;
  /* Correct `color` not being inherited in IE 8/9/10/11 */
  color: inherit;
  /* Correct the color inheritance from `fieldset` elements in IE */
  display: table;
  /* Correct the text wrapping in Edge and IE */
  max-width: 100%;
  /* Correct the text wrapping in Edge and IE */
  white-space: normal;
  /* Correct the text wrapping in Edge and IE */
}

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

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

/* # =================================================================
   # Specify media element style
   # ================================================================= */
img {
  border-style: none;
  /* Remove border when inside `a` element in IE 8/9/10 */
}

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

svg:not(:root) {
  overflow: hidden;
  /* Internet Explorer 11- */
}

audio,
canvas,
progress,
video {
  display: inline-block;
  /* Internet Explorer 11+, Windows Phone 8.1+ */
}

/* # =================================================================
   # Accessibility
   # ================================================================= */
/* Hide content from screens but not screenreaders */
@media screen {
  [hidden~=screen] {
    display: inherit;
  }
  [hidden~=screen]:not(:active):not(:focus):not(:target) {
    position: absolute !important;
    clip: rect(0 0 0 0) !important;
  }
}
/* Specify the progress cursor of updating elements */
[aria-busy=true] {
  cursor: progress;
}

/* Specify the pointer cursor of trigger elements */
[aria-controls] {
  cursor: pointer;
}

/* Specify the unstyled cursor of disabled, not-editable, or otherwise inoperable elements */
[aria-disabled] {
  cursor: default;
}

/* # =================================================================
   # Selection
   # ================================================================= */
/* Specify text selection background color and omit drop shadow */
::-moz-selection {
  background-color: #b3d4fc;
  /* Required when declaring ::selection */
  color: #000;
  text-shadow: none;
}

::selection {
  background-color: #b3d4fc;
  /* Required when declaring ::selection */
  color: #000;
  text-shadow: none;
}

footer.entry-footer {
  max-width: 1200px;
  margin: 10px auto 15px;
  font-size: 1.2rem;
  padding: 0;
}
footer.entry-footer span {
  background: #ddd;
  padding: 0.2rem 1rem;
  border-radius: 15px;
  line-height: 1;
  margin-right: 0.5rem;
}

.pc-br {
  display: block;
}
@media screen and (max-width: 740px) {
  .pc-br {
    display: none;
  }
}

.sp-br {
  display: none;
}
@media screen and (max-width: 740px) {
  .sp-br {
    display: block;
  }
}

@media screen and (max-width: 991px) {
  main .sp-left {
    text-align: left;
  }
}
.drawer_menu * {
  margin: 0;
  padding: 0;
  outline: none;
  border: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  text-align: left;
  text-decoration: none;
  list-style: none;
}
.drawer_menu a {
  color: inherit;
  text-decoration: none;
}
.drawer_menu a:visited {
  color: inherit;
}
.drawer_menu .drawer_bg {
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 999;
  background-color: rgba(51, 51, 51, 0.5);
  display: none;
  top: 0;
  left: 0;
}
.drawer_menu .drawer_button {
  display: block;
  background: none;
  border: none;
  padding: 0;
  width: 42px;
  letter-spacing: 0.1em;
  cursor: pointer;
  position: fixed;
  top: 50%;
  transform: translateY(-50%);
  right: 32px;
  z-index: 1001;
  text-align: center;
  outline: none;
}
.drawer_menu .drawer_button.active .drawer_bar {
  width: 49px;
}
.drawer_menu .drawer_button.active .drawer_bar1 {
  transform: rotate(30deg);
}
.drawer_menu .drawer_button.active .drawer_bar2 {
  opacity: 0;
}
.drawer_menu .drawer_button.active .drawer_bar3 {
  transform: rotate(-30deg);
}
.drawer_menu .drawer_button.active .drawer_menu_text {
  display: none;
}
.drawer_menu .drawer_button.active .drawer_close {
  display: block;
}
.drawer_menu .drawer_bar {
  display: block;
  height: 2px;
  margin: 10px 0;
  transition: all 0.2s;
  transform-origin: 0 0;
}
.drawer_menu .drawer_text {
  text-align: center;
  font-size: 10px;
}
.drawer_menu .drawer_close {
  letter-spacing: 0.08em;
  display: none;
}
.drawer_menu .drawer_menu_text {
  display: block;
}
.drawer_menu .drawer_nav_wrapper {
  width: 400px;
  height: 100%;
  transition: all 0.2s;
  transform: translate(400px);
  position: fixed;
  top: 0;
  right: 0;
  z-index: 1000;
  background: rgba(0, 0, 0, 0.8);
  border-right: 1px solid rgba(255, 255, 255, 0.3);
}
.drawer_menu .drawer_nav_wrapper.open {
  transform: translate(0);
}
.drawer_menu.left .drawer_button {
  right: auto;
  left: 32px;
  filter: drop-shadow(1px 1px 0px #ddd);
  transition: 0.4s;
}
.drawer_menu.left .drawer_nav_wrapper {
  transform: translate(-100%);
  right: auto;
  left: 0;
}
.drawer_menu.left .drawer_nav_wrapper.open {
  transform: translate(0);
}
.drawer_menu .drawer_nav {
  padding: 112px 0 112px 24px;
}
.drawer_menu .drawer_nav li {
  font-size: 16px;
  margin-bottom: 10px;
  position: relative;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
.drawer_menu .drawer_nav li .jp {
  position: absolute;
  bottom: 8px;
  font-size: 1.1rem;
}
.drawer_menu .drawer_nav li::after {
  font-family: "Font Awesome 5 Free";
  content: "\f054";
  font-weight: 900;
  color: #E63626;
  position: absolute;
  right: 15px;
  bottom: 25px;
  font-size: 1rem;
}
.drawer_menu .drawer_button {
  color: #333;
}
.drawer_menu .drawer_button .drawer_bar {
  background-color: #333;
}

#drawernav > ul > li a {
  color: #eee;
  text-decoration: none;
  display: block;
  padding-bottom: 25px;
  transition: all 0.3s;
}
#drawernav > ul > li a:active, #drawernav > ul > li a:hover {
  outline-width: 0;
  color: #E73727;
}
#drawernav > ul > li a:hover::after {
  transform-origin: left top;
  transform: scale(1, 1);
}

#drawernav > ul > li a::after {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 0px;
  width: calc(100% + 0px);
  height: 1px;
  background: #E63626;
  display: block;
  transform-origin: left top;
  transform: scale(0, 1);
  transition: transform 0.4s cubic-bezier(1, 0, 0, 1);
}

@media screen and (max-width: 991px) {
  .drawer_menu.left .drawer_button {
    backface-visibility: hidden;
    left: 15px;
  }
  .drawer_menu .drawer_nav_wrapper {
    max-width: 75%;
    height: 100%;
    transition: all 0.2s;
  }
  .drawer_menu .drawer_nav {
    backface-visibility: hidden;
    padding: 30px 0 30px 24px;
  }
  .drawer_menu .drawer_nav li {
    font-size: 13px;
    margin-bottom: 8px;
  }
  .drawer_menu .drawer_nav li::after {
    bottom: 21px;
  }
}
@media screen and (max-width: 400px) {
  .drawer_menu.left .drawer_button {
    top: calc(50% + 140px);
    transform: translateY(50px);
  }
}
.snip1252 {
  color: #fff;
  position: relative;
  margin: 10px;
  min-width: 310px -60px;
  max-width: 310px;
  width: 100%;
  color: #ffffff;
  text-align: left;
  background-color: #000000;
  font-size: 16px;
}
.snip1252 * {
  box-sizing: border-box;
  transition: all 0.2s ease-in;
}
.snip1252 img {
  max-width: 100%;
  vertical-align: top;
}
.snip1252 i {
  position: absolute;
  bottom: 0px;
  right: 15px;
  transform: rotate(-45deg);
  font-size: 3em;
  line-height: 1em;
  opacity: 0;
  transition: all 0.4s cubic-bezier(0.6, -0.8, 0.735, 0.045);
}
.snip1252 a {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 1;
  display: block;
}
.snip1252 a:before, .snip1252 a:after {
  width: 1px;
  height: 0;
  background-color: #ffffff;
}
.snip1252 a:before {
  right: 0;
  top: 0;
}
.snip1252 a:after {
  left: 0;
  bottom: 0;
}
.snip1252:before, .snip1252:after {
  position: absolute;
  content: "";
  background-color: #ffffff;
  z-index: 1;
  transition: all 0.4s ease-in;
  opacity: 0.8;
}
.snip1252 a:before, .snip1252 a:after {
  position: absolute;
  content: "";
  background-color: #ffffff;
  z-index: 1;
  transition: all 0.4s ease-in;
  opacity: 0.8;
}
.snip1252:before, .snip1252:after {
  height: 1px;
  width: 0%;
}
.snip1252:before {
  top: 0;
  left: 0;
}
.snip1252:after {
  bottom: 0;
  right: 0;
}
.snip1252:hover img, .snip1252.hover img {
  opacity: 0.25;
}
.snip1252:hover a:before, .snip1252.hover a:before, .snip1252:hover a:after, .snip1252.hover a:after {
  height: 100%;
}
.snip1252:hover i, .snip1252.hover i {
  transform: rotate(0deg);
  opacity: 0.7;
}
.snip1252:hover:before, .snip1252.hover:before, .snip1252:hover:after, .snip1252.hover:after {
  width: 100%;
}
.snip1252:hover:before, .snip1252.hover:before, .snip1252:hover:after, .snip1252.hover:after, .snip1252:hover a:before, .snip1252.hover a:before, .snip1252:hover a:after, .snip1252.hover a:after {
  opacity: 0.1;
}

figure.hover-parent {
  width: 250px;
  height: 175px;
  position: relative;
  margin-bottom: 30px;
  overflow: hidden;
}

figcaption.hover-mask {
  width: 250px;
  height: 175px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.5);
  opacity: 0;
  color: #fff;
  display: flex;
  align-items: center;
  text-align: center;
  padding: 30px;
  opacity: 1;
  transition: all 0.6s ease;
  transform: scale(0);
}

figure.hover-parent:hover .hover-mask {
  transform: scale(1);
}

.child-worksmry figure {
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  background: #000;
}

.hvreff {
  color: #fff;
}
.hvreff figure:after {
  position: absolute;
  border: solid 2px #fff;
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  opacity: 0;
  transform: scale(1, 1);
  transition: all 0.3s ease-out;
}
.hvreff figure:hover:after {
  opacity: 1;
  transform: scale(0.86, 0.72);
}
.hvreff figcaption {
  position: absolute;
  width: 100%;
  top: 50%;
  left: 0;
  margin-top: -1em;
  font-size: 20px;
  opacity: 0;
  transition: all 0.3s ease-out 0.2s;
}
.hvreff figure:hover figcaption {
  opacity: 1;
  color: #fff;
}
.hvreff figure img {
  transition: all 0.8s ease-out;
  display: block;
}
.hvreff figure:hover img {
  opacity: 0.4;
  transform: scale(1.3);
}

@media screen and (min-width: 991px) {
  ul#menu {
    background-color: transparent;
    transition: all 2000ms cubic-bezier(0.165, 0.84, 0.44, 1);
    transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  }
  ul#menu.headmove {
    background: rgba(0, 0, 0, 0.8);
    transition: all 0.3s ease-out 0.2s;
    transition: all 2000ms cubic-bezier(0.165, 0.84, 0.44, 1);
    transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  }
  ul#menu.headmove li a {
    color: #eee;
    transition: all 0.3s ease-out 0.2s;
  }
  ul#menu.headmove li a:hover {
    color: #E73727;
  }
}
/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.7.0
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2018 Daniel Eden
 */
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.fadeIn {
  animation-name: fadeIn;
}

.item1, .inner, .inner2, .inner3, .innerFU, .innerT .paracopy {
  opacity: 0;
}
@keyframes fadeInDown {
  from {
    opacity: 0;
    transform: translate3d(0, -100%, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.fadeInDown {
  animation-name: fadeInDown;
}
@keyframes fadeInDownBig {
  from {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.fadeInDownBig {
  animation-name: fadeInDownBig;
}
@keyframes fadeInLeft {
  from {
    opacity: 0;
    transform: translate3d(-50px, 0, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.fadeInLeft {
  animation-name: fadeInLeft;
}
@keyframes fadeInLeftBig {
  from {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.fadeInLeftBig {
  animation-name: fadeInLeftBig;
}
@keyframes fadeInRight {
  from {
    opacity: 0;
    transform: translate3d(50px, 0, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.fadeInRight {
  animation-name: fadeInRight;
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translate3d(0, 20px, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.fadeInUp {
  animation-name: fadeInUp;
}
@keyframes fadeInUpBig {
  from {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.fadeInUpBig {
  animation-name: fadeInUpBig;
}
@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.fadeOut {
  animation-name: fadeOut;
}
@keyframes fadeOutDown {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
  }
}
.fadeOutDown {
  animation-name: fadeOutDown;
}
@keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
  }
}
.fadeOutDownBig {
  animation-name: fadeOutDownBig;
}
@keyframes fadeOutLeft {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(-100%, 0, 0);
  }
}
.fadeOutLeft {
  animation-name: fadeOutLeft;
}
@keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0);
  }
}
.fadeOutLeftBig {
  animation-name: fadeOutLeftBig;
}
@keyframes fadeOutRight {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(100%, 0, 0);
  }
}
.fadeOutRight {
  animation-name: fadeOutRight;
}
@keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(2000px, 0, 0);
  }
}
.fadeOutRightBig {
  animation-name: fadeOutRightBig;
}
@keyframes fadeOutUp {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(0, -100%, 0);
  }
}
.fadeOutUp {
  animation-name: fadeOutUp;
}
@keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }
}
.fadeOutUpBig {
  animation-name: fadeOutUpBig;
}
@keyframes lightSpeedIn {
  from {
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
  60% {
    transform: skewX(20deg);
    opacity: 1;
  }
  80% {
    transform: skewX(-5deg);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
.lightSpeedIn {
  animation-name: lightSpeedIn;
  animation-timing-function: ease-out;
}
@keyframes lightSpeedOut {
  from {
    opacity: 1;
  }
  to {
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}
.lightSpeedOut {
  animation-name: lightSpeedOut;
  animation-timing-function: ease-in;
}
@keyframes rotateIn {
  from {
    transform-origin: center;
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }
  to {
    transform-origin: center;
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.rotateIn {
  animation-name: rotateIn;
}
@keyframes rotateInDownLeft {
  from {
    transform-origin: left bottom;
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
  to {
    transform-origin: left bottom;
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.rotateInDownLeft {
  animation-name: rotateInDownLeft;
}
@keyframes rotateInDownRight {
  from {
    transform-origin: right bottom;
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  to {
    transform-origin: right bottom;
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.rotateInDownRight {
  animation-name: rotateInDownRight;
}
@keyframes rotateInUpLeft {
  from {
    transform-origin: left bottom;
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  to {
    transform-origin: left bottom;
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.rotateInUpLeft {
  animation-name: rotateInUpLeft;
}
@keyframes rotateInUpRight {
  from {
    transform-origin: right bottom;
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }
  to {
    transform-origin: right bottom;
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.rotateInUpRight {
  animation-name: rotateInUpRight;
}
@keyframes rotateOut {
  from {
    transform-origin: center;
    opacity: 1;
  }
  to {
    transform-origin: center;
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}
.rotateOut {
  animation-name: rotateOut;
}
@keyframes rotateOutDownLeft {
  from {
    transform-origin: left bottom;
    opacity: 1;
  }
  to {
    transform-origin: left bottom;
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}
.rotateOutDownLeft {
  animation-name: rotateOutDownLeft;
}
@keyframes rotateOutDownRight {
  from {
    transform-origin: right bottom;
    opacity: 1;
  }
  to {
    transform-origin: right bottom;
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
.rotateOutDownRight {
  animation-name: rotateOutDownRight;
}
@keyframes rotateOutUpLeft {
  from {
    transform-origin: left bottom;
    opacity: 1;
  }
  to {
    transform-origin: left bottom;
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
.rotateOutUpLeft {
  animation-name: rotateOutUpLeft;
}
@keyframes rotateOutUpRight {
  from {
    transform-origin: right bottom;
    opacity: 1;
  }
  to {
    transform-origin: right bottom;
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}
.rotateOutUpRight {
  animation-name: rotateOutUpRight;
}
@keyframes hinge {
  0% {
    transform-origin: top left;
    animation-timing-function: ease-in-out;
  }
  20%, 60% {
    transform: rotate3d(0, 0, 1, 80deg);
    transform-origin: top left;
    animation-timing-function: ease-in-out;
  }
  40%, 80% {
    transform: rotate3d(0, 0, 1, 60deg);
    transform-origin: top left;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }
  to {
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}
.hinge {
  animation-duration: 2s;
  animation-name: hinge;
}
@keyframes jackInTheBox {
  from {
    opacity: 0;
    transform: scale(0.1) rotate(30deg);
    transform-origin: center bottom;
  }
  50% {
    transform: rotate(-10deg);
  }
  70% {
    transform: rotate(3deg);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
.jackInTheBox {
  animation-name: jackInTheBox;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@keyframes zoomIn {
  from {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
.zoomIn {
  animation-name: zoomIn;
}

.animated {
  animation-duration: 1s;
  animation-fill-mode: both;
  /*
    animation-delay: .5s;
    -webkit-animation-delay: .5s;
  */
}
.animated.infinite {
  animation-iteration-count: infinite;
}
.animated.delay-1s {
  animation-delay: 1s;
}
.animated.delay-2s {
  animation-delay: 2s;
}
.animated.delay-3s {
  animation-delay: 3s;
}
.animated.delay-4s {
  animation-delay: 4s;
}
.animated.delay-5s {
  animation-delay: 5s;
}
.animated.fast {
  animation-duration: 800ms;
}
.animated.faster {
  animation-duration: 500ms;
}
.animated.slow {
  animation-duration: 2s;
}
.animated.slower {
  animation-duration: 3s;
}

@media (print), (prefers-reduced-motion) {
  .animated {
    animation: unset !important;
    transition: none !important;
  }
}
:root {
  --main-text: #444;
  --main-bg: #fff;
  --dark-text: rgb(210, 210, 210);
  --dark-bg: rgb(36, 37, 37);
  --dark-gley: rgb(39, 40, 40);
  --dark-gley2: rgb(60, 60, 60);
  --dark-gley3: rgb(50, 50, 50);
  --dark-clear-red: rgb(231 55 39);
  --dark-red: rgb(165, 48, 35);
  --dark-black: rgb(0, 0, 0);
  --dark-information: rgb(94 203 89);
  --right-sp-home-body:rgb(255, 216, 195);
  --dark-sp-home-body:rgb(28, 17, 11);
  --firefly-yellow: rgb(229, 255, 84);
  --firefly-red: rgb(255, 73, 22);
  --firefly-blue: rgb(102, 0, 255);
}

@media (prefers-color-scheme: dark) {
  :root {
    --main-text: rgb(200, 200, 200);
    --main-bg: rgb(36, 37, 37);
  }
}
@media screen and (max-width: 400px) {
  :root body.home {
    background: var(--right-sp-home-body);
  }
  :root body.dark-mode.home {
    background: var(--dark-sp-home-body);
  }
}
body {
  transition: 0.3s;
}

body.dark-mode {
  transition: 0.3s;
  background: var(--dark-bg);
  color: var(--dark-text);
}
body.dark-mode ul#menu {
  background: rgba(0, 0, 0, 0.5);
}
body.dark-mode ul#menu.headmove {
  background: rgba(0, 0, 0, 0.8);
}
body.dark-mode .bggray {
  background: var(--dark-gley);
  transition: 0.3s;
}
body.dark-mode .bggray2 {
  background: var(--dark-gley3);
  border-top: 5px solid #621b1b;
  transition: 0.3s;
}
body.dark-mode .approach-wrap .card {
  background-color: rgba(36, 37, 37, 0.8);
}
body.dark-mode .work-text {
  background-color: rgb(45, 46, 46);
}
body.dark-mode a, body.dark-mode section.concept h3, body.dark-mode .white {
  color: var(--dark-text);
}
body.dark-mode .childE h4, body.dark-mode .section h4.conc3col {
  color: var(--dark-clear-red);
}
body.dark-mode p.lead3 {
  text-shadow: 2px 2px 6px #000, 0px -1px 6px #000;
}
body.dark-mode .col3-list-high li, body.dark-mode .col3-list li {
  background: var(--dark-gley2);
}
body.dark-mode .breadcrumbs-wrap {
  background: var(--dark-black);
  border-top: 1px solid #666;
}
body.dark-mode .EAT, body.dark-mode .information, body.dark-mode footer.entry-footer span {
  background: var(--dark-black);
}
body.dark-mode .information {
  color: var(--dark-information);
  border: 1px solid var(--dark-information);
}
body.dark-mode .information h3 {
  background: var(--dark-information);
  color: var(--dark-black);
}
body.dark-mode .pagination span, body.dark-mode .pagination a {
  background: #333;
}
body.dark-mode #primary.flexleft {
  background: var(--dark-bg);
}
body.dark-mode #blog-bg:before, body.dark-mode .ns-vgixz-e-0, body.dark-mode .tagcloud a, body.dark-mode .bgwhite, body.dark-mode #stacked_layout {
  background: var(--dark-bg);
}
body.dark-mode #blog-bg, body.dark-mode .blog-wrap {
  background: var(--dark-black);
}
body.dark-mode .blog-smry-text li {
  background: var(--dark-red);
}
body.dark-mode .bloginner blockquote a {
  color: #34352f;
}
body.dark-mode .entry-content code {
  background: #34352f;
}
body.dark-mode .indexBg {
  background: url(common/img/sldr03_dark.webp) no-repeat top right;
}
body.dark-mode .service-lead {
  background: url(/wp/wp-content/themes/glaze2026/common/img/service-lead_dark.webp) no-repeat right 0 top 10px;
}
body.dark-mode #parallax2 {
  background: url(common/img/cloudsbg_dark.webp) center top no-repeat #444;
}
body.dark-mode .img-light {
  display: none;
}
body.dark-mode .img-dark {
  display: initial;
}
body.dark-mode .dark_invert {
  filter: invert(0.9);
}
body.dark-mode h2.paratitle, body.dark-mode .paracopy p, body.dark-mode p.pege-headcopy, body.dark-mode .page-header-contact, body.dark-mode .page-header {
  color: var(--dark-text);
}
body.dark-mode span.y-line {
  background: linear-gradient(transparent 60%, #8b0d0d 60%);
}
body.dark-mode .hvreff figure img, body.dark-mode #top-blog img,
body.dark-mode .apimap, body.dark-mode figure.gru img, body.dark-mode .works .eyecatch .post-thumbnail {
  filter: saturate(80%) brightness(70%);
}
body.dark-mode footer img, body.dark-mode figure.gru:after {
  filter: contrast(0.3);
}
body.dark-mode #footerA .bdrboth img {
  filter: none;
}
body.dark-mode .information::before {
  filter: invert(1);
}
body.dark-mode img.world {
  filter: invert(0.9);
}
body.dark-mode .dark-mode_brightness {
  filter: brightness(0.4);
}
body.dark-mode #mainnav ul#menu.headmove li a {
  color: #eee;
  transition: all 0.3s ease-out 0.2s;
}
body.dark-mode #mainnav > ul > li:not(:last-child) a {
  color: #aaa;
}
body.dark-mode #ticKer {
  background: var(--dark-bg);
}
body.dark-mode .stalker_i {
  background: rgba(255, 255, 255, 0.05);
}
body.dark-mode .stalker.stalker-hover .stalker_i {
  background: #fff;
}
body.dark-mode #hero h2 {
  text-shadow: inherit;
}
body.dark-mode #hero .MV-copy {
  mix-blend-mode: color-dodge;
}
@media screen and (max-width: 911px) {
  body.dark-mode #hero h2 {
    background: rgba(24, 24, 24, 0.75);
    background: inherit;
  }
  body.dark-mode .indexBg {
    background-size: cover;
  }
}

.img-light {
  display: initial;
}

.img-dark {
  display: none;
}

img.world, .swaying {
  animation: horizontal 1.4s ease-in-out infinite alternate, vertical 1.8s ease-in-out infinite alternate;
}

@keyframes horizontal {
  0% {
    -webkit-transform: translateX(4px);
  }
  100% {
    -webkit-transform: translateX(0px);
  }
}
@keyframes vertical {
  0% {
    -webkit-transform: translateY(-8px);
  }
  100% {
    -webkit-transform: translateY(0px);
  }
}
.switch_mode {
  position: fixed;
  top: calc(50% + 50px);
  left: 33px;
  cursor: pointer;
  opacity: 1;
  width: 42px;
  height: 42px;
  transition: all 0.3s ease-in-out;
  z-index: 1001;
  display: flex;
  background: #444;
  align-items: center;
  justify-content: center;
  color: #eee;
}

.switch-mode-text {
  position: absolute;
  bottom: -20px;
  font-size: 1rem;
  font-family: inherit;
  letter-spacing: 0.2rem;
  color: #333;
  filter: drop-shadow(1px 1px 0px #ddd);
}

@media screen and (max-width: 991px) {
  .switch_mode {
    top: calc(50% + 50px);
    left: 15px;
  }
}
@media screen and (max-width: 400px) {
  .switch_mode {
    top: calc(50% + 120px);
  }
}
@font-face {
  font-family: "OptimustRegular";
  src: url("./common/fonts/Optimust_Regular.woff") format("woff"), url("./common/fonts/Optimust_Regular.otf") format("opentype");
}
html {
  font-size: 62.5%;
}

body {
  width: 100%;
  background: #fff;
  font-size: 1.4rem;
  color: #444;
  font-family: "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "メイリオ", Meiryo, Helvetica, Arial, Verdana, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  position: relative;
  z-index: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-weight: 400;
}

.fontpalt {
  /* プロポーショナルメトリクスを有効にする指定 */
  font-feature-settings: "palt";
}

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

a {
  text-decoration: none;
  color: #333;
}
a :hover {
  color: #E73727;
}

#pageloading-wrap {
  background: #000;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  text-align: center;
  display: table;
  z-index: 900;
}

#pageloading-icon {
  display: table-cell;
  vertical-align: middle;
}

.Fjalla {
  font-family: "Fjalla One", sans-serif;
}

.Permanent {
  font-family: "Permanent Marker", cursive;
}

.Caveat {
  font-family: "Caveat", cursive;
}

.Covered {
  font-family: "Covered By Your Grace", cursive;
}

.Bad {
  font-family: "Bad Script", cursive;
}

.Tangerine {
  font-family: "Tangerine", cursive;
}

.Marck {
  font-family: "Marck Script", cursive;
}

.Michroma {
  font-family: "Michroma", sans-serif;
}

.Rajdhani {
  font-family: "Rajdhani", sans-serif;
}

.Covered {
  font-family: "Covered By Your Grace", cursive;
}

.Allura {
  font-family: "Allura", cursive;
}

.Arizonia {
  font-family: "Arizonia", cursive;
}

.Alex {
  font-family: "Alex Brush", cursive;
}

.Arial {
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
}

.bgwhite {
  background: #fff;
  transition: 0.3s;
}

.bgblack {
  background: #000;
  transition: 0.3s;
}

.bggray {
  background: #F9F9F9;
  transition: 0.3s;
}

.bggray2 {
  background: #fafafa;
  border-top: 5px solid;
  transition: 0.3s;
}

.bgdarkblack {
  background: #1A1A1A;
  transition: 0.3s;
}

.bdrboth {
  border-left: 1px solid;
  border-right: 1px solid;
}

.white {
  color: #fff;
  transition: 0.3s;
}

.siteID {
  position: absolute;
  transition: all 0.5s;
  padding: 0 0 0 10px;
  width: 270px;
}

.show {
  opacity: 1 !important;
  transition: all 2s ease;
}
.show li {
  opacity: 1 !important;
  transition: all 2s ease;
}

.changeCl {
  opacity: 1 !important;
  transition: all 2s ease;
}

li {
  list-style: none;
}

nav,
#wrapper {
  font-size: 1rem;
  margin: 0 auto;
  padding: 0;
}

nav {
  text-transform: uppercase;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  text-align: center;
  z-index: 10;
}

#wpadminbar nav {
  top: 35px;
}

nav#mainnav > ul {
  margin: 0 auto;
  font-size: 1.2rem;
}
nav#mainnav > ul > li:not(:last-child) {
  margin-right: initial;
}
nav#mainnav > ul > li a {
  color: #333;
  text-decoration: none;
  display: block;
  padding: 30px 20px;
  transition: all 0.3s;
}
nav#mainnav > ul > li a .jp {
  opacity: 0;
  position: absolute;
  transition: all 0.3s;
  transform: translateX(-10px);
  margin-left: 1rem;
}
nav#mainnav > ul > li a .en {
  transition: all 0.3s;
  transform: translateX(-10px);
}
nav#mainnav > ul > li a:hover .jp {
  opacity: 1;
  transition: all 0.3s;
  color: #E63626;
  transform: translateX(0);
}
nav#mainnav > ul > li a:hover .en {
  opacity: 0;
  transition: all 0.3s;
}
nav#mainnav > ul > li:last-child a {
  color: #fff;
  padding: 30px 30px;
}
nav#mainnav > ul > li a::before {
  font-family: "Font Awesome 5 Free";
  content: "\f054";
  font-weight: 900;
  color: #E63626;
  margin-right: 1rem;
  margin-top: 2px;
}
nav#mainnav > ul > li:last-child a::before {
  font-family: "Font Awesome 5 Free";
  content: "\f1d8";
  font-weight: 900;
  color: #E63626;
  margin-right: 1rem;
  margin-top: 2px;
}

/* Button 9 */
.btn9 {
  padding: 20px 10px;
  margin: 10px 4px;
  color: #fff;
  text-transform: uppercase;
  text-align: center;
  position: relative;
  text-decoration: none;
  display: inline-block;
  overflow: hidden;
}
.btn9 span {
  background: #00002E;
  width: 100%;
  position: relative;
  padding: 10px 70px;
  transition: all 0.65s cubic-bezier(0.77, 0, 0.175, 1);
}

.transition {
  position: absolute;
  top: -10%;
  left: 0%;
  width: 100%;
  height: 0%;
  background: #80ffd3;
  z-index: -1;
}

.btn9:hover span {
  color: #80ffd3 !important;
}
.btn9:hover .transition {
  height: 100%;
  top: 101%;
  transition: all 0.7s cubic-bezier(0.77, 0, 0.175, 1);
}

/* / end Button 9 */
/* default btn */
nav > ul > li a::after {
  content: "";
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: calc(100% + 10px);
  height: 1px;
  background: #E63626;
  display: block;
  transform-origin: left top;
  transform: scale(0, 1);
  transition: transform 0.4s cubic-bezier(1, 0, 0, 1);
}
nav > ul > li a:hover::after {
  transform-origin: left top;
  transform: scale(1, 1);
}
nav > ul > li a:active, nav > ul > li a:hover {
  outline-width: 0;
  color: #E73727;
}

#mainnav {
  text-align: right;
}
#mainnav li {
  display: inline-block;
  text-align: center;
  position: relative;
}
#mainnav li:last-child {
  background: #000;
}

nav li.logo {
  width: 140px;
  position: absolute;
  top: 25px;
  left: 50%;
  margin-left: -70px;
  padding-top: 0;
}
nav li.intro {
  width: 300px;
  position: absolute;
  top: 30%;
  /*	left: 50%;    centerset*/
  /*	margin-left: -150px;    centerset*/
  padding-top: 0;
}
nav li.siteID img {
  width: 100%;
  height: auto;
}
nav .sns, nav .mail, nav .copyright {
  position: fixed;
  text-transform: none;
  bottom: 20px;
  left: 20px;
  font-family: "Rajdhani", sans-serif;
}
nav .sns ul {
  margin-bottom: 20px;
  padding-inline-start: 0;
}
nav .sns li {
  display: table-cell;
  vertical-align: middle;
  padding-right: 20px;
}
nav .copyright {
  top: auto;
  bottom: 20px;
  right: 0;
  padding-right: 20px;
  text-align: right;
  font-size: 0.8rem;
}
nav .mouse {
  text-align: center;
  bottom: 40px;
  position: fixed;
  margin: 0 auto;
  width: 100%;
  opacity: 0.65;
  animation: purupuru 1.6s ease-in-out infinite;
}

.mouse::after, .scroll::after {
  content: "SCROLL";
  position: absolute;
  width: 100%;
  display: block;
  bottom: 15px;
  left: 0;
  text-align: center;
  font-size: 0.7rem;
  color: #bbb;
}

@keyframes purupuru {
  0% {
    transform: translateY(0px);
  }
  40% {
    transform: translateY(-10px);
  }
  60% {
    transform: translateY(0px);
  }
  80% {
    transform: translateY(0px);
  }
  85% {
    transform: translateY(-5px);
  }
  90% {
    transform: translateY(0px);
  }
  95% {
    transform: translateY(-5px);
  }
  100% {
    transform: translateY(0px);
  }
}
nav > ul > li.active a {
  position: relative;
}

#menubutton,
#menucover {
  display: none;
}

.inner {
  padding: 100px 10px;
  max-width: 1220px;
  margin: 0 auto;
}

.innerFU {
  padding: 90px 10px;
  max-width: 1220px;
  margin: 0 auto;
}

.inner2 {
  padding: 30px 10px 90px;
  max-width: 1220px;
  margin: 0 auto;
}

.inner3 {
  padding: 30px 10px 90px;
  max-width: 1220px;
  margin: 0 auto;
}

.innerT {
  padding: 0 10px 90px;
  max-width: 1220px;
  margin: 0 auto;
}

.button a:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 20px;
  width: 6px;
  height: 6px;
  margin-top: -3px;
  font-family: "Font Awesome 5 Free";
  content: "\f054";
}

nav > ul > li.active a:before {
  content: "";
  position: absolute;
  top: 50%;
  right: 20px;
  width: 6px;
  height: 6px;
  margin-top: -3px;
  font-family: "Font Awesome 5 Free";
  content: "\f054";
  right: auto;
  top: auto;
  left: -20px;
  bottom: 7px;
  font-weight: 900;
  color: #E63626;
}
nav i {
  color: #E63626;
}

ul#menu {
  display: flex;
  text-align: right;
  justify-content: flex-end;
  background: rgba(255, 255, 255, 0.85);
}

body.home ul#menu {
  background: none;
}

body.home ul#menu.headmove {
  background: rgba(0, 0, 0, 0.8);
  transition: all 0.3s ease-out 0.2s;
  transition: all 2000ms cubic-bezier(0.165, 0.84, 0.44, 1);
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
}

/*Hero-------------------------------*/
#hero {
  position: relative;
  height: 100vh;
}
#hero .inner {
  padding: 0;
}
#hero #webgl {
  background: #000;
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
#hero h2 {
  font-size: 1.5rem;
  position: absolute;
  top: 77%;
  line-height: 1.5;
  color: #eee;
  text-shadow: 0 0 5px #254f61;
  right: 180px;
  text-align: right;
  letter-spacing: 0.25rem;
}

.MV-copy {
  position: absolute;
  height: 100%;
  margin: 0 auto;
  width: 65%;
  right: 0;
  overflow: hidden;
  mix-blend-mode: difference;
}

.main-copy {
  top: 50%;
  transform: translateY(-50%);
  position: absolute;
  width: 100%;
  padding-right: 150px;
}
.main-copy p {
  font-size: 17rem;
  padding: 0;
  text-align: right;
  color: #ccc;
  font-weight: normal;
  text-transform: uppercase;
  font-family: "Rajdhani", sans-serif;
  font-family: "Futura PT", sans-serif;
  font-family: "DreamTeam", "Futura", "Rajdhani", Arial, sans-serif;
  line-height: 0.85;
  letter-spacing: 3rem;
  font-weight: 300;
  font-style: italic;
}

.department {
  position: absolute;
  right: 180px;
  top: 50%;
  transform: translateY(-50%);
  color: #ffffff;
  font-family: "Rajdhani", sans-serif;
  text-transform: uppercase;
  font-size: 2.5rem;
  letter-spacing: 1.5rem;
  margin-right: -1.5rem;
  filter: drop-shadow(2px 4px 8px rgba(0, 0, 0, 0.75));
}
.department h3 {
  font-weight: normal;
  line-height: 4.8;
  text-align: right;
}

.tool-ico {
  position: absolute;
  bottom: 50%;
  right: 25px;
  display: flex;
  justify-content: space-around;
  align-items: center;
  flex-direction: column;
  transform: translateY(50%);
  mix-blend-mode: difference;
}
.tool-ico img {
  padding: 20px 10px;
}

.ui-control {
  position: absolute;
  top: 70%;
  transform: translateY(-50%);
  left: 15%;
  display: flex;
  flex-direction: column;
  align-items: center;
  pointer-events: none;
  mix-blend-mode: color-dodge;
}
.ui-control img {
  mix-blend-mode: overlay;
  animation: flips 2s infinite;
  opacity: 0.5;
}
.ui-control p {
  font-size: 1.1rem;
  font-family: "Rajdhani", sans-serif;
  padding: 5px 0;
  text-transform: uppercase;
  color: #fff;
  margin-top: -30px;
}

@keyframes rote {
  to {
    transform: rotate(360deg);
  }
}
@keyframes flips {
  50% {
    transform: rotateY(180deg);
  }
  100% {
    transform: rotateY(180deg) rotateX(360deg);
  }
}
h3.subtitle {
  font-size: 1rem;
}

.indexBgWrap {
  overflow: hidden;
}
.indexBgWrap.scale {
  transform: scale(1.2);
}

/*parallax-----------------------------*/
#parallax {
  background: url(common/img/parallaxBG5.svg) left top no-repeat #000;
  position: relative;
  backface-visibility: hidden;
}

h2.paratitle {
  font-size: 2.5rem;
  padding: 0;
  color: #fff;
  font-weight: normal;
  font-family: inherit;
  line-height: 1.5;
}

.paracopy {
  width: 40%;
  margin-left: 60%;
  padding: 50px 0;
}
.paracopy p {
  color: #fff;
  padding: 40px 0 0;
  line-height: 1.75;
}

#parallax2 {
  background: url(common/img/cloudsbg2.webp) center top no-repeat #fff;
  position: relative;
  backface-visibility: hidden;
}

.bg001 {
  background: url(common/img/bg001.jpg) center top no-repeat #fff;
  position: relative;
}

.bg005 {
  background: url(common/img/bg005.jpg) center right no-repeat #0D122C;
  position: relative;
}

.bg006 {
  background: url(common/img/bg006.png) center right no-repeat #000;
  position: relative;
}

.bg002 {
  background: url(common/img/bg001.svg) center right -175px no-repeat #E63828;
  position: relative;
  background-size: 58%;
}

.bg003 {
  background: url(common/img/bg002.svg) center right -175px no-repeat #E63828;
  position: relative;
  background-size: 58%;
}

.bg007 {
  background: url(common/img/bg007.svg) center right -175px no-repeat #000;
  position: relative;
  background-size: 58%;
}

.bg008 {
  background: url(common/img/parallax008.png) center right 10px no-repeat #000;
  position: relative;
}

.bg009 {
  background: url(common/img/parallax009.png) center right 10px no-repeat #000;
  position: relative;
}

/*Animation--------------------------*/
.tween {
  opacity: 0;
  top: -100px;
}

.d1 {
  animation-delay: 0s;
}

.d2 {
  animation-delay: 0.2s;
}

.d3 {
  animation-delay: 0.4s;
}

.d4 {
  animation-delay: 0.6s;
}

.d5 {
  animation-delay: 0.8s;
}

.d6 {
  animation-delay: 1s;
}

/*layoutParts-------------------------*/
.inlineFlex {
  display: inline-flex;
}

.flex-child {
  align-items: flex-start !important;
  flex: 3;
}

.flex {
  display: flex;
  justify-content: space-between;
  position: relative;
  flex-wrap: wrap;
  align-items: center;
}

.flexTop {
  display: flex;
  justify-content: flex-start;
  position: relative;
  flex-wrap: wrap;
}

.flexFoot-logo {
  display: flex;
  justify-content: space-between;
  position: relative;
  flex-wrap: wrap;
  align-items: center;
}

.flexFoot {
  display: flex;
  justify-content: space-between;
  position: relative;
  flex-wrap: wrap;
  align-items: center;
}

.flex2 {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  margin-bottom: 50px;
}

.flex3 {
  display: flex;
  position: relative;
  margin: 0 20px;
}

.flex4 {
  display: flex;
  position: relative;
  align-items: flex-start;
}

.flex5 {
  display: flex;
}

.flexEnd {
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
  flex: 1;
}

.flexStart {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  flex: 1;
}

.approach h2 {
  font-size: 1.8rem;
  color: #E73727;
  text-align: center;
  margin-top: -150px;
  margin-bottom: 30px;
}
.approach img.raven {
  position: relative;
  z-index: -1;
  left: 50%;
  transform: translate(-48%, 0%);
}
.approach .approach-after {
  color: #fff;
  padding: 20px 0;
  text-align: center;
  letter-spacing: -0.1rem;
  font-size: 1.3rem;
}

.approach-wrap {
  display: flex;
  justify-content: space-around;
}
.approach-wrap .card {
  width: 22%;
  background: rgba(255, 255, 255, 0.8);
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  padding: 20px;
}
.approach-wrap .card img {
  text-align: center;
  margin: 20px auto 10px;
}
.approach-wrap .card h3 {
  color: #E73727;
  font-size: 1.5rem;
  margin-bottom: 3rem;
  text-align: center;
}
.approach-wrap .card p {
  font-size: 1.3rem;
  text-align: justify;
}

.crow-flash {
  animation: crow-flash 0.05s infinite;
  -webkit-animation: crow-flash 0.05s infinite;
}

@keyframes crow-flash {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0.4;
  }
}
#top-reason img {
  margin-top: 15px;
}

.item1 {
  flex-grow: 2;
}

.item2 {
  flex-grow: 3;
}

.item3 {
  flex-grow: 1;
}

.flexitem1 {
  flex: 1;
}

.flexitem2 {
  flex: 2;
}

.width90 {
  width: 90%;
  margin: auto;
}

.pd40 {
  padding: 40px;
}

h3.smart {
  font-weight: 600;
  font-size: 1.5rem;
  padding: 1rem;
}

.justy {
  text-align: justify;
}

.president {
  max-width: 400px;
}

.childA {
  flex: 1;
  margin-right: 10px;
  width: 350px;
  align-self: center;
}

.childZ {
  flex: 1;
  margin-right: 10px;
  width: 350px;
  align-self: flex-start;
}

.childB {
  text-align: center;
  width: 280px;
  padding: 20px;
  margin: 2px;
  margin-bottom: 40px;
}

.childC {
  text-align: center;
  margin: 2px;
  width: 315px;
  padding: 0 20px;
  margin-bottom: 10px;
}

.childD {
  flex: 1;
  text-align: center;
  margin: 2px;
  padding: 20px;
  margin-bottom: 10px;
}

.child1 {
  flex: 1;
  margin: 0;
  padding: 5px;
  margin-bottom: 10px;
}

.child2 {
  flex: 2.3;
  margin: 0;
  padding: 5px;
  margin-bottom: 10px;
}

.childE {
  flex: 1;
  text-align: center;
  margin: 2px;
  padding: 20px;
  margin-bottom: 10px;
}

.child3col {
  text-align: center;
  /*  width: 32%;*/
  width: 33%;
  padding: 10px;
  /*  margin: 2px;*/
  margin: 1px;
  margin-bottom: 0;
}

.child2col {
  text-align: center;
  width: 49%;
  padding: 10px;
  margin: 2px;
  margin-bottom: 0;
}

.childE h3 {
  text-transform: uppercase;
  font-size: 1.3rem;
  margin-bottom: 1rem;
  font-weight: 500;
}
.childE h4 {
  font-family: inherit;
  font-weight: normal;
  font-size: 0.85rem;
  background: none;
  margin-bottom: 2rem;
}

.child-worksmry {
  flex: 30%;
  text-align: center;
  padding: 20px 0;
  max-width: 32.5%;
}

.child-blogsmry > a {
  display: block;
}

.blog-smry-text a {
  display: block;
  transition: all 0.3s;
}

.child-footer {
  flex: 30%;
  margin: 5px;
  padding: 0;
}
.child-footer:not(:last-child) {
  margin-bottom: 10px;
}

ul.footnav {
  text-align: left;
  padding-left: 20%;
  display: flex;
  flex-wrap: wrap;
}
ul.footnav li {
  list-style: none;
  width: 48%;
}
ul.footnav li a {
  color: #eee;
  font-size: 1.1rem;
  display: block;
  padding: 0.5rem;
  transition: all 0.3s;
  position: relative;
}
ul.footnav li a:hover {
  color: #E63626;
}
ul.footnav li a::before {
  font-family: "Font Awesome 5 Free";
  content: "\f054";
  font-weight: 900;
  color: #E63626;
  margin-right: 0.5rem;
  vertical-align: inherit;
  margin-top: 2px;
}

.center {
  text-align: center;
}

.right {
  text-align: right;
}

.work-text {
  background: #eee;
  padding: 10px;
}

.shortP {
  max-width: 880px;
  margin: 30px auto 30px;
}

.work-text h5 {
  text-align: left;
  font-size: 1.4rem;
  font-weight: normal;
  margin-bottom: 7px;
  transition: all 0.3s;
}
.work-text h3 {
  text-align: left;
  font-size: 1.4rem;
  font-weight: normal;
  margin-bottom: 7px;
  transition: all 0.3s;
}
.work-text p {
  text-align: left;
  padding: 0;
  font-size: 1.2rem;
}

.child-blogsmry {
  flex: 45%;
  margin: 5px;
  padding: 0;
  margin-bottom: 10px;
}
.child-blogsmry img {
  width: 100%;
  transition: all 0.3s;
}
.child-blogsmry img:hover {
  transition: all 0.3s;
  transform: scale(1.2);
}

.blog-smry-text h5, .blog-smry-text h4 {
  text-align: left;
  font-size: 1.4rem;
  padding: 5px 0;
  font-weight: normal;
  transition: all 0.3s;
  background: inherit;
  color: inherit;
  line-height: 1.25;
}
.blog-smry-text p {
  text-align: left;
  padding: 5px 0;
  font-size: 1.2rem;
}

.childC p {
  color: #333;
}

article.childB img {
  max-width: 100%;
}

.bordrR {
  border-right: 1px solid #E63626;
}

.square {
  width: 50px;
  height: 50px;
  border: 1px solid;
  margin: 0 auto;
  vertical-align: middle;
  box-sizing: border-box;
  line-height: 50px;
  background: #000;
  color: #E63626;
}

.no-square {
  margin: 0 auto -3rem;
  font-size: 2rem;
  color: #E63626;
}

.thumb li {
  margin: 10px;
}
.thumb li p {
  text-align: center;
  border-top: 1px solid #E63626;
  border-bottom: 1px solid #E63626;
  box-sizing: border-box;
  font-family: "Michroma", sans-serif;
  line-height: 0;
  margin-top: 15px;
}

.slide h3 {
  font-size: 2rem;
  font-family: "Michroma", sans-serif;
  border-bottom: 1px solid #E63626;
  line-height: 4.5;
}

/*obout definitionList----------------*/
.definitionList > dl:nth-child(1) > dt:nth-child(1),
.definitionList > dl:nth-child(1) > dd:nth-child(2) {
  border-top: 1px solid rgba(255, 255, 255, 0.5);
}
.definitionList dl {
  display: table;
  width: 90%;
  border-spacing: 30px 0;
  margin: 0 auto;
}
.definitionList dt {
  display: table-cell;
  vertical-align: middle;
  width: 200px;
  padding: 20px;
  font-size: 1.3rem;
  line-height: 1.75;
  text-align: left;
  border-bottom: 1px solid rgba(155, 155, 155, 0.5);
}
.definitionList dt span {
  font-size: 1.1rem;
  display: block;
  /*  margin-top: 0.6rem;*/
}
.definitionList dd {
  display: table-cell;
  vertical-align: middle;
  padding: 15px 20px;
  font-size: 1.3rem;
  text-align: left;
  border-bottom: 1px solid rgba(155, 155, 155, 0.5);
  line-height: 1.5;
}

section.mission {
  text-align: center;
}
section.mission h5 {
  margin-bottom: 4rem;
  font-size: 1.6rem;
  font-weight: 300;
}
section.mission h6 {
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
  font-size: 4.8rem;
  font-weight: 500;
  margin-bottom: 2rem;
  letter-spacing: -0.4rem;
}
section.mission p {
  font-size: 1.4rem;
}
section.mission p span {
  text-align: center;
  display: block;
  margin: 1rem;
}

img.missionbg {
  width: 100%;
  height: auto;
}

.maximg {
  max-width: 100%;
  margin-top: 50px;
}

.thumb li img {
  max-width: 200px;
}

img.ico {
  max-width: 80%;
}

img.ico2 {
  max-width: 65%;
}

a .btn {
  border: 1px solid #000;
  color: #fff;
  line-height: 1;
  padding: 14px 40px 15px;
  min-width: 265px;
  text-align: center;
  background: #000;
  font-size: 1.2rem;
  max-width: 275px;
  position: relative;
  color: #fff;
  box-sizing: border-box;
  transition: all 0.3s;
}
a .btn:after {
  font-family: "Font Awesome 5 Free";
  content: "\f054";
  font-weight: 900;
  position: absolute;
  right: 13px;
}
a .btn::before, a .btn::after {
  box-sizing: border-box;
  transition: all 0.3s;
}
a .btn:hover {
  background-color: rgba(0, 0, 0, 0.75);
  border-color: #E73727;
  color: #E73727;
}

p.smry {
  font-size: 1.3rem;
  padding: 2rem 0 0;
  text-align: justify;
}

.mb50 {
  margin-bottom: 50px;
}

.pb50 {
  padding-bottom: 50px;
}

.mt50 {
  margin-top: 50px;
}

.pt50 {
  padding-top: 50px;
}

.clwhite {
  color: #eee;
}

.fl,
.fl2 {
  float: left;
  margin-right: 15px;
}

.blogthumb {
  max-width: 115px;
  overflow: hidden;
}

.blog-smry-text li {
  display: inline-block;
  background: #E73727;
  min-width: 120px;
  color: #fff;
  margin-right: 5px;
  text-align: center;
  font-weight: normal;
  font-size: 1.1rem;
  line-height: 1;
  padding-top: 1px;
}
.blog-smry-text li a {
  color: #fff;
  font-family: "Michroma", sans-serif;
  display: block;
  padding: 2px 10px 3px;
}

#footerB h6 {
  font-size: 2rem;
  margin-bottom: 0.7rem;
  line-height: 1;
  color: #fff;
}
#footerB h6 a {
  color: #fff;
  text-decoration: none;
}
#footerB p {
  font-size: 1.1rem;
  margin-bottom: 1rem;
}

/*element------------------------------*/
.bgA {
  background: url(common/img/boxbgA.jpg);
}

.bgB {
  background: url(common/img/boxbgB.jpg);
}

.bgC {
  background: url(common/img/boxbgC.jpg);
}

.bgD {
  background: url(common/img/boxbgD.jpg);
}

.bgE {
  background: url(common/img/boxbgE.jpg);
}

.black {
  color: #333;
}

.fs09 {
  font-size: 0.8rem;
}

.pd15 {
  padding: 15px;
}

section h2.maintitle {
  font-family: "Michroma", sans-serif;
  font-size: 3.8rem;
  padding: 0 0 15px;
  line-height: 1;
  font-weight: normal;
  text-transform: uppercase;
  font-weight: 600;
}
section.concept h3 {
  font-family: "Michroma", sans-serif;
  font-size: 2.7rem;
  padding: 10px 10px 0;
  font-weight: normal;
  color: #222;
}
section.service h3 {
  font-family: "Michroma", sans-serif;
  font-size: 1.6rem;
  padding: 30px 10px 10px;
  font-weight: normal;
}
section.service ul {
  margin-left: 6rem;
}
section.service li {
  list-style-type: disc;
  text-align: left;
}

.xxx {
  position: relative;
}
.xxx::before {
  content: url(/wp/wp-content/themes/glaze2026/common/img/crossB.svg);
  position: absolute;
  left: -5rem;
  top: 22rem;
  width: 88px;
}
.xxx::after {
  content: url(/wp/wp-content/themes/glaze2026/common/img/crossB.svg);
  position: absolute;
  right: -5rem;
  top: 22rem;
  width: 88px;
}

section h4 {
  font-size: 1.5rem;
  line-height: 1;
  font-weight: bold;
  background: #E63626;
  color: #000;
  padding: 5px;
}
section h4.conc3col {
  font-size: 1.5rem;
  line-height: 1;
  font-weight: bold;
  background: none;
  color: #333;
  padding: 5px;
}
section h4.svic3col {
  font-size: 1.6rem;
  line-height: 1.5;
  font-weight: normal;
  background: none;
  color: #E63626;
  padding: 2rem 0 3rem;
  font-weight: 700;
}
section h4.svic3col2 {
  font-size: 1.7rem;
  line-height: 1;
  font-weight: normal;
  background: none;
  color: inherit;
  padding: 2rem 0 3rem;
}

.standard-elm {
  display: flex;
  width: 285px;
  align-items: center;
  flex-direction: column;
  padding: 15px;
  border: 1px solid #ccc;
  margin-left: -1px;
  margin-bottom: -1px;
}
.standard-elm h3 {
  font-size: 1.5rem;
}
.standard-elm img {
  display: block;
  padding: 12px 0;
}
.standard-elm p {
  font-size: 1.4rem;
  padding: 0 10px;
}

.standard-elm2 {
  display: flex;
  width: 45%;
  align-items: center;
  border: 1px solid #ccc;
  margin-left: -1px;
  margin-bottom: -1px;
}
.standard-elm2 h3 {
  font-size: 1.4rem;
}
.standard-elm2 img {
  display: block;
  padding: 10px 15px;
}

.hl04 {
  position: relative;
  padding-top: 25px;
  font-size: 1.65rem;
  margin-bottom: 0.5rem;
}
.hl04::after {
  content: "";
  display: block;
  width: 1px;
  height: 150px;
  background-color: #E63626;
  position: absolute;
  left: 265px;
  top: 1px;
}

p.cpt {
  padding: 0 0 10px;
  font-size: 1.2rem;
}

.halfwidth {
  width: 50%;
  background: #000;
  height: 340px;
  position: relative;
}
.halfwidth.drone {
  background: url(common/img/service-drone.jpg) center bottom;
  background-size: cover;
}
.halfwidth.view {
  background: url(common/img/service-view.jpg) center bottom;
  background-size: cover;
}
.halfwidth.gekokujo {
  background: url(common/img/gekokujo.jpg) center center;
  background-size: cover;
}
.halfwidth .harlinner {
  max-width: 590px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  color: #fff;
  background: rgba(0, 0, 0, 0.5);
  padding: 2rem;
  margin: auto 0;
  position: relative;
}
.halfwidth .harlinner img {
  position: absolute;
  right: 0;
  top: 0;
}
.halfwidth .harlinner h3 {
  padding: 1rem;
  position: relative;
  letter-spacing: 0.2rem;
}
.halfwidth .harlinner h3::after {
  content: "";
  display: block;
  width: 1px;
  height: 107px;
  background-color: #E63626;
  position: absolute;
  left: -7px;
  top: -20px;
}

.fullwidthinfo {
  width: 100%;
  background: #000;
  min-height: 440px;
  position: relative;
}
.fullwidthinfo.gekokujo {
  background: url(common/img/gekokujo2.jpg) center top;
  background-size: cover;
}
.fullwidthinfo .halfcenter {
  position: absolute;
  left: 50%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: #fff;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  padding: 0 30px;
}
.fullwidthinfo .halfcenter h3 {
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
  font-size: 8.8rem;
  font-weight: 500;
  letter-spacing: 0.4rem;
  line-height: 1.2;
  color: #fff;
}
.fullwidthinfo .halfcenter h3 span {
  font-size: 2.4rem;
  display: block;
}

.parenthesis {
  position: relative;
  padding: 15px 30px;
  box-sizing: border-box;
}

.parenthesis::before, .parenthesis::after {
  position: absolute;
  content: "";
  width: 140px;
  height: 70px;
  box-sizing: border-box;
}

.parenthesis::before {
  top: 0;
  left: 0;
  border-top: 1px solid #fff;
  border-left: 1px solid #fff;
}

.parenthesis::after {
  bottom: 30px;
  right: 125px;
  border-bottom: 1px solid #fff;
  border-right: 1px solid #fff;
}

.mlauto {
  margin-left: auto !important;
}

.reason-head {
  position: relative;
  margin-top: 60px;
  margin-bottom: -40px;
}
.reason-head img {
  position: absolute;
  z-index: -1;
  top: 0;
  right: -30px;
}

.reason-right {
  position: relative;
}
.reason-right h2 {
  max-width: 520px;
  margin-left: auto;
  font-size: 2.7rem;
  padding: 2rem 0;
  font-weight: 500;
}
.reason-right p {
  max-width: 650px;
  margin-left: auto;
  line-height: 2;
}
.reason-right img {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  z-index: -1;
}

.reason-left {
  position: relative;
}
.reason-left h3 {
  margin-left: 185px;
}
.reason-left h2 {
  max-width: 520px;
  margin-right: auto;
  font-size: 2.8rem;
  padding: 2rem 0;
  font-weight: 500;
}
.reason-left p {
  max-width: 650px;
  margin-right: auto;
  line-height: 2;
}
.reason-left img {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

.reason-title {
  font-family: "Rajdhani", sans-serif;
  font-size: 2.4rem;
  color: #E63626;
  letter-spacing: -0.3rem;
}
.reason-title span {
  position: relative;
  font-size: 6rem;
  font-family: "Rajdhani", sans-serif;
  letter-spacing: -0.5rem;
  color: #000;
  margin: 10px;
  vertical-align: middle;
}
.reason-title span::before {
  content: "";
  display: block;
  width: 200px;
  height: 1px;
  position: absolute;
  right: 35px;
  top: 35px;
  background-color: #E63626;
}

.EAT {
  background: #F0F0F0;
  margin: 60px 0 0;
  position: relative;
  filter: drop-shadow(0px 0px 13px rgba(0, 0, 0, 0.75));
}
.EAT .topelm {
  position: absolute;
  top: -140px;
  left: 50%;
  transform: translateX(-50%);
}
.EAT::before {
  display: block;
  width: 100%;
  content: "";
  height: 1px;
  background: #666;
}
.EAT::after {
  display: block;
  width: 100%;
  content: "";
  height: 1px;
  background: #666;
  top: 50%;
}
.EAT span::before {
  display: block;
  width: 100%;
  content: "";
  height: 1px;
  background: #E63626;
  position: absolute;
  top: 49%;
}

#page .entry-content {
  overflow: hidden;
}

.margin-auto {
  margin: 20px auto;
}

.mw100 {
  max-width: 100% !important;
}

section p {
  font-size: 1.4rem;
  padding: 1rem;
  line-height: 1.5;
  text-align: left;
}

.p-middle {
  font-size: 1.5rem;
  text-align: justify;
}

.p-small {
  font-size: 1.4rem;
  text-align: justify;
}

.glitch-img {
  position: absolute;
  top: -160px;
  left: 0;
}

section.plas {
  text-align: center;
  font-size: 7rem;
  color: #E63626;
  margin-bottom: 30px;
}
section.plas img {
  width: 88px;
}

.srvcOther {
  background: #000;
}
.srvcOther h3 {
  font-family: "Michroma", sans-serif;
  font-size: 1.3rem;
  padding: 10px 10px 10px;
  font-weight: normal;
  color: #fff;
}
.srvcOther h4 {
  font-size: 1.6rem;
  line-height: 1;
  font-weight: 700;
  background: none;
  color: #E63626;
  padding: 1rem 0;
}
.srvcOther p {
  color: #fff;
}

/*formParts----------------------------*/
form {
  max-width: 1200px;
  margin: auto;
  font-size: 1.4rem;
}
form .row {
  width: 100%;
  font-size: 0;
  margin-bottom: 50px;
}
form .row.column .element {
  width: 270px;
  margin-left: 40px;
}
form .row .element {
  display: inline-block;
  width: 100%;
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  position: relative;
}
form .row .element:first-child {
  margin-left: 0;
  padding-bottom: 1px;
}
form input {
  position: relative;
  width: 100%;
  background-color: transparent;
}
form select {
  position: relative;
  width: 100%;
}
form textarea {
  position: relative;
  width: 100%;
  min-height: 300px;
}
form select {
  background-color: #000;
  color: #fff;
  font-size: 1.5rem;
  border: none;
  width: 100%;
}
form input::-moz-placeholder {
  color: #666;
}
form input::placeholder {
  color: #666;
}

select > option:nth-child(1) {
  color: #666;
}

form .sendBtn {
  margin: 0 auto;
  text-align: center;
}

.sendBtn > button {
  width: 200px;
  padding: 15px;
}

.btn3 {
  text-align: center;
  position: relative;
  margin: 15px auto;
  width: 50%;
}
.btn3 input[type=submit] {
  padding: 1.3rem;
}
.btn3:after {
  font-family: "Font Awesome 5 Free";
  content: "\f054";
  font-weight: 900;
  position: absolute;
  right: 15px;
  top: 18px;
  color: #fff;
  transition: all 0.5s;
}
.btn3:hover::after {
  color: #E73727;
}

input[type=search] {
  -webkit-appearance: textfield;
     -moz-appearance: textfield;
          appearance: textfield;
  outline-offset: -2px;
  border: 1px solid #fff;
  padding: 1rem 2rem;
  background: #fff;
}
input[type=submit] {
  padding: 1rem;
  background: #000;
  color: #fff;
  box-sizing: border-box;
  transition: all 0.3s;
  border: 1px solid #000;
}
input[type=submit]:hover {
  background-color: rgba(255, 255, 255, 0.5);
  border: 1px solid #E73727;
  color: #E73727;
}

#secondarywrap input[type=search] {
  max-width: 80%;
}
#secondarywrap input[type=submit] {
  width: 18%;
  background: #000;
  color: #fff;
}

span.screen-reader-text {
  display: none;
}

.no-results input[type=search] {
  width: 80%;
  border: 1px solid #ddd;
}
.no-results input[type=submit] {
  padding: 1rem;
  margin-top: 1rem;
  width: 10%;
  background: #000;
  color: #fff;
  border: 1px solid #000;
}

.search-results h2.entry-title {
  margin-bottom: 1.5rem;
  font-weight: 300;
}

/*other*/
.endTel {
  display: none;
}

.slide h5 {
  display: inline-block;
  background: #FFD24D;
  padding: 5px 10px;
  margin-left: 5px;
  margin-top: 20px;
  width: 100px;
  color: #000;
}

.world {
  width: auto;
  display: block;
  padding-right: 20px;
  margin-left: auto;
}

.topico {
  width: 80%;
}

p.lead {
  line-height: 1.75;
  font-size: 1.5rem;
  padding: 3rem 0;
}

p.lead2 {
  line-height: 1.5;
  font-size: 1.5rem;
  padding: 2rem 0;
}

p.lead3 {
  line-height: 1.6;
  font-size: 1.3rem;
  padding: 2rem 0;
  max-width: 650px;
  text-shadow: 1px 0px 3px rgba(255, 255, 255, 0.95);
  text-shadow: 2px 2px 6px #fff, 0px -1px 6px #fff;
}

/*fade-----------------------------*/
.move {
  opacity: 0;
  transform: translate(0, 60px);
}

.fade-left {
  opacity: 0;
  transform: translate(30px, 0);
}

.moveon {
  opacity: 1;
  transform: translate(0, 0);
  transition: 0.8s;
}
.moveon:nth-of-type(2) {
  transition-delay: 100ms;
}
.moveon:nth-of-type(3) {
  transition-delay: 200ms;
}
.moveon:nth-of-type(4) {
  transition-delay: 300ms;
}
.moveon:nth-of-type(5) {
  transition-delay: 400ms;
}
.moveon:nth-of-type(6) {
  transition-delay: 500ms;
}
.moveon:nth-of-type(7) {
  transition-delay: 600ms;
}
.moveon:nth-of-type(8) {
  transition-delay: 700ms;
}
.moveon:nth-of-type(9) {
  transition-delay: 800ms;
}
.moveon:nth-of-type(10) {
  transition-delay: 800ms;
}
.moveon:nth-of-type(11) {
  transition-delay: 800ms;
}
.moveon:nth-of-type(12) {
  transition-delay: 800ms;
}
.moveon:nth-of-type(13) {
  transition-delay: 800ms;
}
.moveon:nth-of-type(14) {
  transition-delay: 800ms;
}
.moveon:nth-of-type(15) {
  transition-delay: 800ms;
}

.a2a_button_facebook_like.addtoany_special_service > div > span {
  height: 20px !important;
}

footer#footerC {
  background: #000;
}
footer#footerC a {
  color: #eee;
}

/*forPageTemplate--------------------*/
/*-----------------------------------*/
.page-header {
  background: url(/wp/wp-content/themes/glaze2026/common/img/page-bg3.webp) right center no-repeat, linear-gradient(0deg, rgb(74, 21, 190) 0%, rgb(75, 18, 160) 100%);
  background-size: auto 100%;
  height: 640px;
  color: #eee;
}

.page-header-service {
  background: url(/wp/wp-content/themes/glaze2026/common/img/page-bg2.webp) right center no-repeat, linear-gradient(0deg, rgb(232, 56, 40) 0%, rgb(220, 9, 6) 100%);
  background-size: auto 100%;
  height: 640px;
  color: #eee;
}

.page-header-about {
  background: url(/wp/wp-content/themes/glaze2026/common/img/page-bg4.webp) right center #000 no-repeat;
  background-size: auto 100%;
  height: 640px;
  color: #eee;
}

.page-header-contact {
  background: url(/wp/wp-content/themes/glaze2026/common/img/page-bg5.webp) right center #225F38 no-repeat;
  background-size: auto 100%;
  height: 640px;
  color: #eee;
}

.page-header-reason {
  background: url(/wp/wp-content/themes/glaze2026/common/img/page-bg7.webp) right center no-repeat, linear-gradient(0deg, rgb(53, 49, 82) 0%, rgb(36, 3, 95) 100%);
  background-size: auto 100%;
  height: 640px;
  color: #eee;
}

.page-header-reason-old {
  background: url(/wp/wp-content/themes/glaze2026/common/img/page-bg6.jpg) right center #000 no-repeat;
  background-size: cover;
  height: 640px;
  color: #eee;
}

.works-header {
  background: url(/wp/wp-content/themes/glaze2026/common/img/worksBG2.webp) right top no-repeat #0d070b;
  background-size: auto 100%;
  height: 640px;
  color: #eee;
}

@keyframes bgfade {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.page-header,
.page-header-service,
.page-header-about,
.page-header-contact,
.works-header {
  opacity: 0;
  animation: bgfade 0.5s 0.1s both ease-out;
}

.page-header-inner {
  max-width: 1220px;
  margin: 0 auto;
  position: relative;
  height: 100%;
  display: flex;
  justify-content: center;
  padding: 77px 10px 0;
  flex-direction: column;
}

.works-header-inner {
  padding: 290px 0 20px;
}

p.pege-headcopy {
  font-size: 10rem;
  text-transform: none;
  padding: 0;
  color: #eee;
  font-weight: normal;
  line-height: 0.9;
  font-family: "DreamTeam", "Futura", "Rajdhani", Arial, sans-serif;
  font-weight: 300;
  font-style: italic;
}
p.works-headcopy {
  font-size: 3.8rem;
  text-transform: none;
  padding: 0;
  color: #eee;
  font-weight: normal;
  line-height: 1;
}

.bread {
  padding: 10px;
  max-width: 1180px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  position: relative;
}
.bread h1,
.bread h2,
.bread .entry-meta {
  font-size: 1rem;
  font-weight: normal;
}
.bread h6 {
  font-size: 12rem;
  font-family: "Major Mono Display", monospace;
  margin-top: -120px;
  font-weight: normal;
  color: #eee;
  letter-spacing: -4rem;
  position: absolute;
  right: 20px;
}

.page-header h1.entry-title,
.page-header p.headTitle {
  font-family: "Michroma", sans-serif;
  font-size: 2.8rem;
  padding: 40px 0 10px;
  line-height: 1;
  font-weight: normal;
  text-transform: uppercase;
  font-weight: 600;
}
.page-header h1.pageTitle {
  font-size: 1.2rem;
  font-weight: 200;
}

.works-header h1.entry-title {
  font-family: inherit;
  font-size: 1.5rem;
  padding: 20px 0 15px;
  line-height: 1;
  font-weight: normal;
}

.wabun {
  font-family: "Noto Sans JP", "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Helvetica, Arial, Verdana, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.ugoth {
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
  font-weight: 500;
}

.page-h {
  font-size: 3.6rem;
  font-weight: normal;
  line-height: 1.75;
  letter-spacing: -0.25rem;
}

.page-h2 {
  font-size: 3.3rem;
  font-weight: 600;
  line-height: 1.5;
}

.alignR {
  text-align: right;
}

.mb-100 {
  margin-bottom: -90px;
}

.mb100 {
  margin-bottom: 90px;
}

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

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

.mt-100 {
  margin-top: -90px;
}

.mt100 {
  margin-top: 90px;
}

.mtmb100 {
  margin-top: 90px;
  margin-bottom: 90px;
}

.mtb70 {
  margin: 50px auto 20px;
}

.sidepd-85 {
  padding: 0 85px;
}

.maxwidth50 {
  max-width: 50%;
}

.maxwidth75 {
  max-width: 75%;
}

.entry-footer > a {
  max-width: 1180px;
  padding: 10px;
  font-size: 0.8rem;
  margin: 0 auto;
}

.flex-center {
  display: flex;
  justify-content: center;
  position: relative;
  align-items: center;
}

.mid-title {
  font-size: 2.8rem;
  font-weight: 500;
  letter-spacing: 0.4rem;
  text-align: center;
  margin-bottom: 2rem;
}

.aboutlist li {
  text-align: left;
  border-bottom: 1px solid #8a8a8a;
  padding: 1rem 1rem;
}

.registrant {
  padding-left: 2.5rem;
}
.registrant li {
  position: relative;
  font-size: 1.2rem;
}
.registrant li::before {
  display: block;
  content: "";
  position: absolute;
  background: #c00;
  width: 2px;
  height: 2px;
  display: block;
  top: calc(50% - 1px);
  left: -10px;
}

.privacy h2 {
  padding: 1rem;
}
.privacy h3 {
  padding: 1rem;
  font-weight: 600;
  color: #E63626;
}

.service-lead {
  background: url(/wp/wp-content/themes/glaze2026/common/img/service-lead.webp) no-repeat right 0 top 10px;
}

/*forBlogArchive---------------------*/
/*-----------------------------------*/
#blog-bg {
  background: #efefef;
  position: relative;
  z-index: 0;
}
#blog-bg:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  background: #FFF;
  width: 50%;
  height: 100%;
  z-index: 1;
}

.blog-wrap {
  max-width: 1220px;
  padding: 0 10px;
  margin: 0 auto;
  background: #efefef;
}

#primary.flexleft {
  flex: 1;
  padding: 100px 30px 100px 0;
  position: relative;
  z-index: 2;
  background: #fff;
}

#secondarywrap.sidebar-area {
  max-width: 350px;
  padding: 70px 0 100px 30px;
}

.widget_media_image {
  margin-bottom: 15px;
}

.widget_custom_html {
  margin-bottom: 15px;
}

.entry-content-adsense {
  margin: 40px 0;
}

#secondary h3 {
  padding: 20px 0 20px;
  font-family: "Rajdhani", sans-serif;
  font-size: 3.2rem;
  font-weight: normal;
}

article.archivelist {
  flex: 100%;
}

nav.navigation.post-navigation {
  position: relative;
}

.single .entry-content h2 {
  font-family: inherit;
  font-weight: normal;
  font-size: 3rem;
  padding: 15px 0 30px;
  line-height: 1.75;
}
.single .entry-content h3 {
  font-family: inherit;
  font-weight: 700;
  font-size: 1.8rem;
  padding: 15px 0;
}

.entry-content p {
  line-height: 2;
}

.eyecatch .post-thumbnail {
  text-align: center;
}

#secondary li.cat-item a:before,
.widget_archive li a:before,
.widget_meta li a:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f054";
  color: #E63626;
  margin-right: 0.5rem;
}

.tagcloud a {
  background: #ccc;
  padding: 0.5rem 2rem;
  margin-bottom: 3px;
  display: inline-block;
}

time.updated {
  display: none;
}

.headerother img {
  width: 70px;
  border-radius: 50%;
  margin-bottom: 7px;
}
.headerother ul.post-categories li {
  display: inline-block;
  font-size: 1rem;
  padding: 1px 15px 3px;
  border-radius: 2px;
  border: 1px solid #ccc;
  font-family: "Michroma", sans-serif;
}
.headerother ul.post-categories li a {
  display: inline-block;
  color: #ccc;
}

.breadcrumbs-wrap {
  padding: 20px 0;
  background: #F9FBFD;
  font-size: 1rem;
  border-top: 1px solid #ddd;
}

.breadcrumbs-headwrap {
  padding: 10px 0;
  background: #222;
  font-size: 1rem;
  color: #ccc;
}
.breadcrumbs-headwrap a {
  color: #ccc;
}

.breadcrumbs {
  max-width: 1180px;
  margin: 0 auto;
}

.fa-chevron-right:before {
  color: #E63626;
  margin: 0 0.5rem;
}

.maps-outer {
  position: relative;
  padding-top: 35%;
}

.maps {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.maps-outer iframe {
  filter: grayscale(1);
}

h2.screen-reader-text {
  font-size: 1rem;
  font-weight: normal;
  display: none;
}

.nav-links {
  display: flex;
  justify-content: space-between;
  max-width: 1180px;
  margin: 20px auto 20px;
}

.single .post-navigation .nav-previous, .single .post-navigation .nav-next {
  width: 50%;
  display: flex;
  flex-direction: column;
  position: relative;
}
.single .post-navigation .nav-previous a, .single .post-navigation .nav-next a {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 85%;
  margin: 0 10px;
  transition: all 0.3s;
}
.single .post-navigation .nav-previous a:hover, .single .post-navigation .nav-next a:hover {
  color: #B20000;
}
.single .post-navigation .nav-previous {
  align-items: flex-start;
}
.single .post-navigation .nav-next {
  align-items: flex-end;
  text-align: right;
}
.single .post-navigation img {
  max-width: 75px;
  margin-bottom: 10px;
}

.nav-previous a:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f053";
  color: #E63626;
  position: absolute;
  left: 0;
  bottom: 1px;
}

.nav-next a:after {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f054";
  color: #E63626;
  margin-left: 10px;
  position: absolute;
  right: 0;
  bottom: 1px;
}

/*for404Template---------------------*/
/*-----------------------------------*/
.error-404 h2 {
  font-family: inherit;
  font-size: 1.8rem;
  padding: 70px 0 10px;
  line-height: 1;
  font-weight: normal;
  text-transform: uppercase;
  font-weight: 600;
}

.page input[type=text],
input[type=email] {
  border-bottom: 1px solid #ccc;
  padding: 1rem;
}

.page textarea {
  border: 1px solid #ccc;
  padding: 1rem;
}
.page .form-title span {
  color: #c00;
}

h3.error404 {
  font-size: 15rem;
  text-transform: none;
  padding: 0;
  color: #666;
  font-weight: normal;
  display: inline-block;
}

.error-404 h1.page-title {
  font-size: 3.1rem;
  padding: 10px 0 10px;
  line-height: 1;
  font-weight: normal;
  display: inline-block;
  font-family: "Rajdhani", sans-serif;
}

.sidebar-list figure.eyecatch img {
  max-width: 90px;
  float: left;
  margin-right: 10px;
}
.sidebar-list li {
  width: 100%;
  clear: both;
  display: inline-block;
  margin-bottom: 10px;
}
.sidebar-list li span {
  display: block;
  font-family: "Rajdhani", sans-serif;
}

p.date {
  font-family: "Rajdhani", sans-serif;
}

/*worksingle改修-------------------------*/
.singleimg {
  position: absolute;
  right: 0;
  top: 0;
}

.works-single-header {
  background: #E73727;
  height: 540px;
  color: #eee;
  margin-top: 45px;
}
.works-single-header h1.entry-title {
  font-family: inherit;
  font-size: 1.8rem;
  padding: 25px 0 10px;
  line-height: 1;
  font-weight: normal;
  text-transform: uppercase;
}

.singleimg img {
  height: 540px;
  width: auto;
}

h3.concsubtitle {
  font-weight: normal;
  color: #E73727;
  margin-bottom: 2rem;
}

.forPC {
  display: block !important;
  margin: 0 auto;
}

.forSP {
  display: none !important;
}

/*Workscontents------------------------*/
.flexworks {
  display: flex;
  margin-bottom: 60px;
  align-items: flex-start;
}

.flexitem {
  flex: 1;
}

.flexworks h3 {
  font-size: 1.6rem !important;
}
.flexworks h3:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f192";
  margin-right: 0.5rem;
}

.single-works .flexworks p {
  padding: 10px;
}

.worksmry {
  width: 90%;
  margin: 25px 0 0 50px;
}
.worksmry li:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f0da";
  color: #E63626;
  margin-right: 0.5rem;
}
.worksmry h4 {
  background: #666;
  color: #fff;
  padding: 1rem;
  margin-bottom: 2rem;
  font-size: 1.3rem;
  font-weight: normal;
}
.worksmry p,
.worksmry ul {
  margin-bottom: 2.5rem;
  line-height: 1.75;
}

.addtoany_share_save_container,
.addtoany_content,
.addtoany_content_bottom {
  max-width: 1200px;
  margin: 0 auto 0 !important;
}

/*contact---------------------------*/
.contact-header {
  background: url(common/img/cat01.jpg) right center no-repeat;
  background-size: 53%;
}

.title-middle {
  font-weight: 500;
}

.mt50 {
  margin-top: 50px;
}

.br50 {
  border-radius: 50%;
  background: linear-gradient(45deg, #007eff, #ff17b1);
  padding: 1px;
}

figure.gru {
  background: none;
  position: relative;
}
figure.gru:after {
  content: url(common/img/gru.png);
  position: absolute;
  top: 0;
  right: 57px;
}
figure span.Michroma {
  font-size: 1rem;
}

.inner-block {
  padding: 90px 10px 0;
  max-width: 1220px;
  margin: 0 auto;
}

.title-m {
  font-size: 2.4rem;
}
.title-m span {
  font-size: 1.6rem;
  font-weight: normal;
  display: block;
  line-height: 1;
}

.head-lead {
  font-size: 1.6rem;
  padding: 60px 15px;
}

.col3-list {
  display: flex;
  justify-content: space-around;
  align-items: center;
  flex-wrap: wrap;
}
.col3-list li {
  align-items: center;
  text-align: center;
  width: 33.333333%;
  font-size: 1.5rem;
  padding: 30px;
  margin: 0;
  list-style: none;
  background: #fff;
  box-shadow: 0px 0px 20px 0px rgba(90, 90, 90, 0.1);
  position: relative;
}
.col3-list li::after {
  content: "";
  position: absolute;
  background: #c00;
  width: 6px;
  height: 6px;
  display: block;
  top: 50%;
  left: -3px;
  border-radius: 50%;
}

/* the 2 */
.col3-list-high {
  display: flex;
  justify-content: space-around;
  align-items: flex-start;
  flex-wrap: wrap;
}
.col3-list-high li {
  align-items: center;
  width: 33.333333%;
  font-size: 1.5rem;
  padding: 25px;
  margin: 0;
  list-style: none;
  background: #fff;
  box-shadow: 0px 0px 20px 0px rgba(90, 90, 90, 0.1);
  position: relative;
}
.col3-list-high li h3 {
  text-align: center;
  margin-bottom: 3rem;
}
.col3-list-high li p {
  font-size: 1.4rem;
}
.col3-list-high li::before {
  content: "";
  position: absolute;
  background: #c00;
  width: 6px;
  height: 6px;
  display: block;
  left: calc(50% - 3px);
  top: -3px;
  border-radius: 50%;
}
.col3-list-high li::after {
  content: "";
  position: absolute;
  background: url(common/img/ping3.svg) no-repeat;
  background-size: 50px;
  height: 50px;
  width: 50px;
  top: 20px;
  left: -10px;
}

.wpvr-cardboard {
  margin: auto;
}

/* table */
.table-style-B {
  width: auto;
  text-align: center;
  border-collapse: collapse;
  border-spacing: 0;
  margin: 20px;
}
.table-style-B th {
  padding: 10px;
  border-bottom: solid 4px #778ca3;
  color: #778ca3;
  font-size: 1.3rem;
  border-right: 1px solid #eee;
}
.table-style-B th:last-child {
  border-right: none;
}
.table-style-B td {
  padding: 10px;
  border-bottom: solid 1px #778ca3;
  width: 25%;
}

.table-style-C {
  width: auto;
  text-align: left;
  border-collapse: collapse;
  border-spacing: 0;
  margin: 20px;
}
.table-style-C th {
  padding: 10px;
  border-bottom: solid 4px #d95b4f;
  color: #d95b4f;
  font-size: 1.3rem;
  border-right: 1px solid #eee;
}
.table-style-C th:last-child {
  border-right: none;
}
.table-style-C td {
  padding: 15px;
  min-width: 110px;
  border-bottom: solid 1px #d95b4f;
}

.hr-pgn {
  margin-top: 160px;
  position: relative;
  display: block;
  background: linear-gradient(150deg, rgb(247, 166, 12) 10%, rgb(255, 34, 87) 40%, rgb(154, 39, 238) 68%, rgb(35, 102, 247) 90%);
  height: 2px;
  margin-bottom: 60px;
}

svg.glz-pen {
  position: absolute;
  bottom: 0;
  transform: translateX(-50%);
}

@keyframes pen-hand {
  5% {
    transform: rotate(-20deg) translate(1px, 0);
  }
  10% {
    transform: rotate(40deg) translate(-1px, -2px);
  }
  15% {
    transform: rotate(-15deg) translate(1px, -1px);
  }
  20% {
    transform: rotate(20deg);
  }
  30% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(0);
  }
}
svg .pen-hand {
  animation: pen-hand ease-in-out infinite;
  animation-duration: 2s;
  transform-origin: 88% 74%;
}

@keyframes pen-body {
  5% {
    transform: rotate(2deg);
  }
  10% {
    transform: rotate(-2deg);
  }
  15% {
    transform: rotate(2deg);
  }
  20% {
    transform: rotate(-2deg);
  }
  30% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(0);
  }
}
svg .pen-body {
  animation: pen-body ease-in-out infinite;
  animation-duration: 2s;
  transform-origin: 82% 95%;
}

section p.caption-eng {
  font-size: 1.1rem;
}

.detail {
  margin-bottom: 100px;
  text-align: center;
}
.detail h3 {
  margin-bottom: 3rem;
}

.page-id-29 .definitionList {
  margin-top: 20px;
}

/*search---------------------------*/
.search .entry-meta {
  margin-bottom: 2rem;
}

.error404 .word-404 {
  margin-top: 2rem;
}

.error404 .nothing {
  margin-bottom: 2rem;
}

/*forLoader-------------------------*/
.loader {
  background: #E73727;
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 10000;
}

/* ローディングのアニメ部分 */
svg#loaderID {
  animation: load1 1s infinite ease-in-out;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%) translateX(-50%);
  animation-delay: -0.16s;
  max-width: 10%;
  height: auto;
}
svg#loaderID:before, svg#loaderID:after {
  animation: load1 1s infinite ease-in-out;
}

#loaderID path {
  fill: url("#MyGradient");
  stroke-width: 2px;
  stroke: #000;
  stroke-dasharray: 3700;
  stroke-dashoffset: 3700;
  animation: drawline 0.5s linear forwards, FillIn 1s 1s linear both;
}

@keyframes drawline {
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes FillIn {
  from {
    fill-opacity: 0;
  }
  to {
    fill-opacity: 1;
  }
}
@keyframes FillIn2 {
  10% {
    fill-opacity: 0;
  }
  50% {
    fill-opacity: 1;
  }
  65% {
    fill-opacity: 0;
  }
  100% {
    fill-opacity: 1;
  }
}
.MV-copy__item {
  display: inline-block;
  position: relative;
}

.MV-copy__item::before {
  content: "";
  display: block;
  background-color: #333;
  position: absolute;
  top: 0;
  left: 0;
  right: 100%;
  bottom: 0;
}

.MV-copy.__anima .MV-copy__item::before {
  animation: anima_bg_6 0.9s ease-out 1 forwards;
}

.MV-copy__item:nth-of-type(2)::before {
  animation-delay: 0.3s !important;
}

.MV-copy__item span {
  position: relative;
  z-index: 1;
  opacity: 0;
}

.MV-copy.__anima .MV-copy__item span {
  animation: anima_fadein_6 0.5s ease-out 0.9s 1 forwards;
}

@keyframes anima_fadein_6 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes anima_bg_6 {
  0% {
    left: 0;
    right: 100%;
  }
  40% {
    left: 0;
    right: 0;
  }
  60% {
    left: 0;
    right: 0;
  }
  100% {
    left: 100%;
    right: 0;
  }
}
@keyframes fall_in {
  100% {
    opacity: 1;
  }
}
@keyframes fall_in2 {
  100% {
    opacity: 1;
  }
}
/*forBlogParts-------------------------*/
main.blog-single {
  max-width: 820px;
}

.bloginner p {
  font-size: 1.5rem;
  margin: 1.5rem 0;
}
.bloginner p.cpt {
  padding: 0 0 10px;
  font-size: 1.3rem;
}
.bloginner ul.check {
  list-style-type: none;
  margin-left: 20px;
  padding: 2rem;
  margin-bottom: 10px;
}
.bloginner ul.check li {
  line-height: 25px;
}
.bloginner ul.check li:before {
  content: " \f00c";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  border-radius: 50%;
  display: block;
  float: left;
  padding: 0 6px;
  font-size: 70%;
  margin-right: 10px;
  background: #f3f3f3;
  color: #000;
  margin-left: -3em;
}
.bloginner blockquote {
  position: relative;
  padding: 20px 30px 20px 80px;
  background: #f5f5f5;
  color: #555;
  border-left: 2px solid #E63626;
  margin: 3rem auto;
}
.bloginner blockquote:before {
  display: inline-block;
  position: absolute;
  top: 25px;
  left: 20px;
  vertical-align: middle;
  content: "\f10d";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  color: #E63626;
  font-size: 4rem;
  line-height: 1;
}
.bloginner blockquote h4 {
  background: none;
  font-weight: bold;
  margin: 0;
  margin-top: 1.5rem;
  font-size: inherit;
}
.bloginner blockquote p {
  padding: 0;
  margin: 20px 0 10px;
  font-size: 1.3rem;
  line-height: 1.7;
}
.bloginner p:last-child {
  margin-bottom: 2rem;
}
.bloginner figcaption {
  font-size: 1rem;
  color: #333;
  margin-bottom: 2rem;
  position: relative;
  padding-left: 2rem;
}
.bloginner figcaption:before {
  display: inline-block;
  position: absolute;
  top: 3px;
  left: 5px;
  vertical-align: middle;
  content: "\f083";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  color: #E63626;
  font-size: 1rem;
  line-height: 1;
}

pre {
  margin-bottom: 10px;
  margin-top: 10px;
  font-family: monospace, sans-serif;
  color: #666666;
  background-color: #f2f2f2;
  white-space: -moz-pre-wrap;
  /* Mozilla */
  white-space: -pre-wrap;
  /* Opera 4-6 */
  white-space: -o-pre-wrap;
  /* Opera 7 */
  white-space: pre-wrap;
  /* CSS3 */
  word-wrap: break-word;
  /* IE 5.5+ */
}

.code {
  margin: auto;
  position: relative;
  box-sizing: border-box;
  background-color: #666;
  color: #f8f8f2 !important;
  display: block;
  line-height: 1.4;
  padding: 30px;
  text-align: left;
  overflow: auto;
  resize: horizontal;
  z-index: 2;
  border: 0;
  border-radius: 8px;
  font-family: Menlo, Consolas, "DejaVu Sans Mono", monospace;
  font-size: 14px !important;
}

.enclosure {
  background-color: #f2f2f2;
  padding: 20px !important;
  margin: 2rem 0 !important;
}

.bloginner img {
  margin-top: 2rem;
}
.bloginner h3 {
  display: inline-block;
  position: relative;
  box-sizing: border-box;
  padding: 12px 20px 14px !important;
  margin: 0 0 1.5rem -2rem;
  width: calc(100% + 20px);
  font-size: 1.7rem;
  color: white;
  background: linear-gradient(150deg, rgb(220, 40, 40) 60%, rgb(80, 90, 190));
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}
.bloginner h3:before {
  position: absolute;
  content: "";
  top: 100%;
  left: 30px;
  border: none;
  border-bottom: solid 15px transparent;
  border-right: solid 20px #B20000;
}
.bloginner h3:not(:first-of-type) {
  margin-top: 2rem;
}
.bloginner h4 {
  background: #efefef;
  font-size: 1.6rem;
  font-weight: 400;
  margin: 2.5rem 0 1.5rem;
  padding: 10px 20px;
  border-radius: 6px;
}
.bloginner h5 {
  font-size: 1.6rem;
  font-weight: 400;
  margin: 1.5rem 0;
  font-weight: bold;
}
.bloginner a {
  background: linear-gradient(transparent 80%, #6cf 80%);
}
.bloginner ul.bg-list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  padding: 2rem;
}
.bloginner ul.bg-list li {
  background: #666;
  border-radius: 4px;
  margin: 0.5rem;
  padding: 0.5rem 1rem;
  color: #fff;
  list-style: disc;
  list-style-position: inside;
}
.bloginner blockquote i {
  margin-right: 1rem;
}

.single .entry-content .bloginner h2 {
  padding: 20px 0 35px;
}

.blog-img {
  text-align: center;
}
.blog-img img {
  max-width: 760px;
  width: 100%;
  border-radius: 8px;
  filter: drop-shadow(0 0 12px rgba(0, 0, 0, 0.3));
  margin-bottom: 1rem;
}

.marker {
  background: linear-gradient(transparent 0%, #fff799);
  font-weight: bold;
}

li.oneline {
  line-height: 18px;
  margin-bottom: 6px;
  margin-left: 30px;
}
li.oneline a {
  font-weight: bold;
  color: #E73727;
}

.title-quote {
  position: relative;
}
.title-quote:before {
  content: "";
  vertical-align: super;
  content: "\f10d";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  color: #E63626;
  margin-right: 1rem;
  font-size: 1rem;
}
.title-quote:after {
  content: "";
  vertical-align: baseline;
  content: "\f10e";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  color: #E63626;
  margin-left: 1rem;
  font-size: 1rem;
}

strong {
  background: linear-gradient(transparent 20%, #fbd 20%);
}

b,
strong {
  font-weight: 700;
}

.bloginner li {
  padding: 0.4rem;
}

.fontBoldLine {
  font-weight: bold;
  font-size: 104%;
  background: linear-gradient(transparent 70%, #FFEEC1 65%);
}

#secondary ul {
  margin-bottom: 25px;
}
#secondary ul li {
  margin-bottom: 1rem;
  transition: all 0.3s;
}
#secondary ul li a {
  transition: all 0.3s;
  display: block;
}
#secondary ul li a:hover {
  background: #666;
  color: #fff;
}

.information {
  margin-top: 30px;
  padding: 20px 20px;
  border: 1px solid #dbdbdb;
  border-radius: 8px;
  color: #c00;
  background: #eee;
  position: relative;
  text-align: center;
}
.information p {
  font-size: 1.2rem;
  padding: 0;
}
.information h3 {
  background: #c00;
  color: #eee;
  font-size: 1.3rem;
  padding: 0.5rem 4rem;
  border-radius: 20px;
  display: inline-block;
  margin-bottom: 1.5rem;
}
.information::before {
  content: "";
  background: url(common/img/denkyu.svg) no-repeat center center;
  width: 40px;
  height: 40px;
  display: block;
  position: absolute;
  align-content: center;
  right: 10px;
  top: -35px;
  transform: rotate(30deg);
}

.justify {
  text-align: justify;
}

.adsense-flex {
  margin-top: 20px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}

.blog-center {
  text-align: center;
  margin: 0 auto;
  display: block;
}

/*forTopInformation----------------------*/
section.topnews {
  margin: 0 auto 0;
  padding: 15px;
  background: rgba(228, 228, 228, 0.75);
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.topnews .information {
  display: flex;
  align-items: baseline;
}

.top-information {
  display: flex;
  align-items: baseline;
}
.top-information h5 {
  margin: 0 1.5rem;
  font-family: "Michroma", sans-serif;
}
.top-information p.infotitle {
  margin: 0 1.5rem;
  border-left: 1px solid;
  padding: 1rem 2rem;
}

/*grecaptcha cf7-------------------------*/
.grecaptcha-badge {
  margin: 25px auto 10px;
  bottom: 45px !important;
  box-shadow: inherit !important;
}

.rc-anchor-pt a {
  line-height: normal !important;
}

div.wpcf7-response-output {
  padding: 1em !important;
}
div.wpcf7-validation-errors, div.wpcf7-acceptance-missing {
  border: 1px solid #E95413;
  color: #E95413;
}

.reason_fact {
  margin: auto;
  background: #000;
  background: url(common/img/fact_BG_E.webp) no-repeat center;
  background-size: cover;
  overflow-x: clip;
}
.reason_fact .reason_fact_inner {
  padding: 90px 15px;
  max-width: 1220px;
  margin: 0 auto;
}
.reason_fact .reason_fact_inner > h3 {
  text-align: center;
  color: #fff;
  font-weight: 600;
  letter-spacing: 1rem;
  font-size: 1.4rem;
  margin-bottom: 2rem;
}
.reason_fact .reason_fact_inner h2 {
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-weight: normal;
  font-size: 5rem;
  line-height: 1;
  color: #ffffff;
  text-transform: uppercase;
  margin-top: 2rem;
  letter-spacing: 0.5rem;
  text-indent: 0.5rem;
  text-align: center;
  margin-bottom: 2rem;
}
.reason_fact .reason_fact_inner h2 span {
  font-size: 1.5rem;
  line-height: 1.8;
  letter-spacing: 1.8rem;
  text-indent: 1.8rem;
  display: block;
  margin-bottom: 1rem;
}
.reason_fact .reason_fact_inner .fact_flex {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.reason_fact .reason_fact_inner .fact_flex .card_blur {
  padding: 30px;
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  color: #fff;
  background: rgba(100, 24, 235, 0.5);
  margin: 15px;
}
.reason_fact .reason_fact_inner .fact_flex .card_blur h3 {
  text-align: center;
  color: #E63626;
  margin-bottom: 2rem;
}
.reason_fact .reason_fact_inner .fact_flex .card_blur p {
  text-align: justify;
  text-justify: inter-ideograph;
}

.contact-end {
  padding-top: 0;
  padding-bottom: 40px;
  margin-top: -40px;
}

.mv-marker {
  display: inline;
  position: relative;
  background: linear-gradient(90deg, #5616b1, #5616b1) no-repeat bottom 2px left;
  background-size: 100% 30%;
  transition: all 1s ease-in-out;
  font-weight: 600;
  color: #eaf399;
}

/*forUnder1500-------------------------*/
/*-----------------------------------*/
@media screen and (max-width: 1500px) {
  /*element------------------------------*/
  .glitch-img {
    position: absolute;
    top: -160px;
    left: 0;
  }
  .tabletIMG {
    /*    width: 60%;*/
    width: 85%;
  }
  .flex2 {
    display: flex;
    margin-bottom: 10px;
  }
  .childA {
    flex: 1;
    margin-right: 0;
    width: 350px;
    align-self: center;
  }
  .childB {
    text-align: center;
    width: 300px;
    padding: 10px;
    margin: 2px;
    margin-bottom: 0;
  }
  .childC {
    /* flex: 1; */
    text-align: center;
    margin: 2px;
    width: 300px;
    padding: 0 10px;
    margin-bottom: 10px;
  }
  .square {
    width: 20px;
    height: 20px;
    border: none;
    margin: 0 auto;
    line-height: 20px;
    background: #E63626;
    color: #fff;
  }
  .definitionList dl {
    display: table;
    width: 90%;
    border-spacing: 30px 0;
    margin: 0 auto;
  }
  .definitionList dt {
    display: table-cell;
    vertical-align: middle;
    width: 100px;
    padding: 10px;
    font-size: 1.3rem;
    line-height: 1.75;
    text-align: left;
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  }
  .definitionList dd {
    display: table-cell;
    vertical-align: middle;
    padding: 10px;
    font-size: 1.3rem;
    text-align: left;
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
    line-height: 1.5;
  }
  .tabletNone {
    display: none;
  }
  form .row.cell3 .item {
    width: 22%;
    margin-left: 30px;
  }
  .bordrR {
    border-right: none;
  }
  .definitionList {
    max-width: 900px;
    margin: 0 auto;
  }
  form {
    max-width: 900px;
    margin: auto;
    font-size: 1.4rem;
  }
  form .row.column .element {
    width: 205px;
    margin-left: 20px;
  }
}
.ticker-wrapper {
  max-width: 1220px;
  margin: -50px auto 0;
}

#ticKer {
  max-width: 75%;
  background: rgba(0, 0, 0, 0.4);
  position: relative;
  overflow: hidden;
  height: 50px;
  line-height: 50px;
  width: 100%;
}
#ticKer a {
  color: #fff;
  text-decoration: none;
  line-height: 1;
}
#ticKer ul {
  padding: 0;
  margin: 0 auto;
  transition: opacity 0.25s ease;
  opacity: 1;
}
#ticKer li {
  list-style-type: none;
  line-height: 5rem;
  padding-left: 5px;
  font-size: 1.3rem;
  text-align: left;
}
#ticKer li span {
  font-family: "Rajdhani", sans-serif;
  border-right: 1px solid;
  padding: 1rem 2rem;
  margin-right: 2rem;
}

.static-fade {
  opacity: 0;
  animation: 0.5s cubic-bezier(0.39, 0.575, 0.565, 1) 0s 1 normal forwards running fall_in;
  animation-delay: 1s;
}

.static-fade2 {
  opacity: 0;
  animation: 0.5s cubic-bezier(0.39, 0.575, 0.565, 1) 0s 1 normal forwards running fall_in2;
  animation-delay: 2s;
}

.static-fade3 {
  opacity: 0;
  animation: 0.5s cubic-bezier(0.39, 0.575, 0.565, 1) 0s 1 normal forwards running fall_in2;
  animation-delay: 2s;
}

/* MouseStalker */
.stalker {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  transform: translate3d(75vw, 50vh, 0);
  pointer-events: none;
  transition: all 0.3s ease-out;
}

.stalker_i {
  width: 60px;
  height: 60px;
  margin: -30px 0 0 -30px;
  border-radius: 30px;
  transition: all 0.3s ease;
  background: rgba(0, 0, 0, 0.05);
  opacity: 0;
  animation: spinner4 1800ms linear 0.3s infinite;
}

@keyframes spinner4 {
  to {
    transform: scale(1.5);
    opacity: 0;
  }
}
@keyframes hover-flash {
  0% {
    opacity: 0;
  }
  50% {
    background: tomato;
    opacity: 1;
  }
  100% {
    background: rgb(255, 255, 255);
    opacity: 0;
  }
}
.stalker.stalker-active .stalker_i {
  opacity: 1;
}

.stalker.stalker-hover {
  mix-blend-mode: difference;
}

.stalker.stalker-hover .stalker_i {
  background: #000;
  transform: scale(0.2);
  animation: hover-flash 0.3s 0.3s 2;
}

/*forSP-tab--------------------------*/
/*-----------------------------------*/
@media screen and (max-width: 991px) {
  /* support iOS */
  svg#loaderID {
    width: 100px;
  }
  h2.toptitle, p.toptitle {
    font-size: 8rem;
    line-height: 1;
    margin-right: 10px;
  }
  .page-header h1.entry-title,
  .page-header p.headTitle {
    font-size: 2.2rem;
    font-weight: 1000;
  }
  #hero {
    height: 100vh;
    height: calc(100vh - constant(safe-area-inset-top) - constant(safe-area-inset-bottom));
    height: 100svh;
  }
  #hero h2 {
    bottom: 30px;
    padding: 5px 15px 5px 70px;
    top: inherit;
    right: inherit;
    text-align: left;
    font-size: 1.3rem;
    letter-spacing: inherit;
  }
  #hero .department {
    right: 70px;
    letter-spacing: inherit;
  }
  #hero .department h3 {
    right: 80px;
    font-family: "Rajdhani", sans-serif;
    font-size: 2.4rem;
    line-height: 3.2;
  }
  #hero .main-copy {
    padding-right: 55px;
  }
  #hero .main-copy p {
    font-size: 8rem;
    letter-spacing: inherit;
    line-height: 1;
  }
  #hero br {
    display: none;
  }
  #hero .ui-control {
    top: inherit;
    transform: translate(-50%, -50%) scale(75%);
    left: 50%;
    bottom: 30px;
  }
  #hero .ui-control p {
    display: none;
  }
  #hero .MV-copy {
    width: 75%;
    left: 25%;
  }
  .tool-ico {
    position: absolute;
    bottom: 50%;
    right: 5px;
    display: flex;
    justify-content: space-around;
    align-items: center;
    flex-direction: column;
    transform: translateY(50%);
    mix-blend-mode: difference;
  }
  .tool-ico img {
    padding: 10px;
  }
  .maincopy {
    top: 50%;
    overflow: hidden;
    width: 100%;
  }
  .paracopy {
    width: 100%;
    margin-left: 0;
    padding: 0;
  }
  p.subcopy {
    color: #E73727;
    font-size: 1.2rem;
    letter-spacing: 0.4rem;
    background: rgba(0, 0, 0, 0.8);
    padding: 0.5rem 0 0.5rem 2rem;
    right: 0;
    top: 147px;
    bottom: inherit;
  }
  h2.paratitle {
    font-size: 1.6rem;
    font-weight: 500;
  }
  a .btn {
    color: #fff;
    margin-top: 1.5rem;
  }
  .flexFoot {
    display: block;
  }
  .bdrboth {
    border-left: none;
    border-right: none;
  }
  ul.footnav {
    padding-left: 0;
  }
  #footerA img {
    width: 70%;
    margin: -5px;
  }
  nav .mouse {
    display: none;
  }
  .inner, .inner2, .innerT, .inner3, .innerFU, .inner-block {
    padding: 30px 10px 30px 75px;
    margin: 0 auto;
    overflow: hidden;
  }
  .pd15 {
    padding: 15px;
  }
  .flexTop {
    display: block;
  }
  .flex,
  .flex2 {
    display: block;
    margin-bottom: 10px;
  }
  .flex4 {
    display: block;
    position: relative;
  }
  .flex-center {
    display: block;
    margin-bottom: 10px;
  }
  .childA {
    flex: 1;
    margin-right: 0;
    width: auto;
  }
  #mainnav li {
    display: none;
  }
  nav li.intro {
    width: 100%;
    position: absolute;
    top: -50%;
    padding-top: 0;
    margin: 0 auto;
    left: -10px;
  }
  section h2.maintitle {
    font-family: "Michroma", sans-serif;
    font-size: 2.4rem;
    padding: 10px 0;
    line-height: 1.5;
  }
  .definitionList dl {
    display: table;
    width: 100%;
    border-spacing: 10px 0;
    margin: 0 auto;
  }
  .definitionList dt {
    display: table-cell;
    vertical-align: middle;
    width: 100px;
    padding: 0;
    font-size: 1.3rem;
    line-height: 1.75;
    text-align: left;
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  }
  .definitionList dd {
    display: table-cell;
    vertical-align: middle;
    padding: 10px 0;
    font-size: 1.3rem;
    text-align: left;
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
    line-height: 1.5;
  }
  .spUndisplay {
    display: none !important;
  }
  .fp-controlArrow.fp-prev, .fp-controlArrow.fp-next {
    display: none;
  }
  .bordrR {
    border-right: none;
  }
  #fp-nav.fp-right {
    display: none;
  }
  .thumb {
    display: flex;
    flex-wrap: wrap;
  }
  .thumb li {
    margin: 0 5px;
    width: 39%;
  }
  .thumb li img {
    max-width: 100%;
  }
  .fp-slidesNav.fp-bottom {
    display: none;
  }
  .tabletIMG {
    margin: 0 auto;
    display: block;
    margin-bottom: 15px;
  }
  form {
    display: block;
  }
  form .row.column .element {
    width: 90%;
    margin-left: 10px;
    margin-bottom: 10px;
  }
  #mailform > div:nth-child(2) {
    width: 90%;
    margin-left: 10px;
  }
  form textarea {
    position: relative;
    min-height: 150px;
  }
  .endTel {
    display: block;
    margin: 10px auto;
    font-size: 2rem;
    line-height: 1;
    border-bottom: 1px solid #E63626;
    padding-bottom: 10px;
  }
  .endTel i {
    display: block;
    margin: 10px auto;
    font-size: 1rem;
    line-height: 1;
    border-bottom: 1px solid;
    padding-bottom: 10px;
    color: #E63626;
  }
  .sns,
  .copyright,
  .mail {
    display: none;
  }
  .offsettop {
    margin-top: -120px;
  }
  article.childB img {
    max-width: 100%;
    display: block;
  }
  .thumb li p {
    text-align: center;
    box-sizing: border-box;
    font-family: "Michroma", sans-serif;
    line-height: 0;
    margin-top: 0;
    background: #E63626;
  }
  .mainnavBgWrap {
    position: fixed;
    width: 100%;
    height: 130px;
    z-index: 1;
    left: 0;
    top: 0;
    transition: transform 60s;
  }
  .mainnavBg {
    position: fixed;
    height: 130px;
    width: 100%;
    left: 0;
    top: 0;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0.75) 40%, rgba(255, 255, 255, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#00ffffff", GradientType=0);
  }
  ul#menu {
    background: none;
  }
  .child-worksmry {
    max-width: 100%;
  }
  .works-header {
    background-size: cover;
    height: 50vh;
  }
  .works-header-inner {
    padding-top: 30%;
  }
  .breadcrumbs-wrap,
  .breadcrumbs-headwrap {
    padding: 10px 10px;
  }
  .error-404 h1 {
    font-size: 2rem;
  }
  .flex3 {
    display: block;
    position: relative;
    margin-left: 75px;
  }
  #primary.flexleft {
    padding: 10px 10px 10px 0;
    position: relative;
    z-index: 2;
  }
  .blog-smry-text h5 {
    text-align: left;
    font-size: 1.2rem;
    padding: 5px 0;
    font-weight: normal;
  }
  .blog-smry-text li a {
    display: block;
  }
  #secondarywrap.sidebar-area {
    max-width: 100%;
    padding: 30px 10px 30px 0;
  }
  #blog-bg:before {
    width: 0;
    height: auto;
  }
  #secondary ul {
    margin-bottom: 15px;
  }
  #secondary ul li {
    padding: 6px;
    border-bottom: 1px solid #ccc;
    margin-bottom: 0;
  }
  header.bread {
    display: none;
  }
  .nav-links {
    display: flex;
    justify-content: space-between;
    max-width: 1180px;
    margin: 10px;
  }
  .nav-next {
    flex: 50%;
    text-align: right;
  }
  .nav-previous {
    flex: 50%;
    text-align: left;
  }
  p.pege-headcopy {
    font-size: 6rem;
  }
  .page-header-inner {
    padding-top: 20%;
    justify-content: flex-end;
  }
  h3.concsubtitle {
    margin-bottom: 1rem;
  }
  .entry-content h2 {
    font-size: 1.7rem;
    line-height: 1.5;
    text-align: left;
    padding-bottom: 1rem;
  }
  .footid img {
    width: 75%;
  }
  .single .entry-content h2 {
    font-family: inherit;
    font-weight: normal;
    font-size: 1.7rem;
    padding: 10px 0;
  }
  .single .entry-content h3 {
    font-family: inherit;
    font-weight: normal;
    font-size: 1.5rem;
    padding: 10px 0;
  }
  .page-header {
    height: 50vh;
    background-position: center top;
    background-size: cover;
  }
  .page-header-service,
  .page-header-about,
  .page-header-contact,
  .works-header {
    background-position: center top;
    background-size: cover;
  }
  .forPC {
    display: none !important;
  }
  .forSP {
    display: block !important;
  }
  .child3col {
    display: block;
    text-align: center;
    width: auto;
    padding: 0;
    margin: 0;
    margin-bottom: 15px;
  }
  article.child3col img {
    padding-right: 0;
  }
  p.lead {
    line-height: 1.75;
    font-size: 1.4rem;
    padding: 1rem 0;
  }
  section.service h3 {
    font-family: "Michroma", sans-serif;
    font-size: 2rem;
    padding: 10px 10px 10px;
    font-weight: normal;
  }
  .entry-content p {
    line-height: 1.55;
    font-size: 1.4rem;
  }
  main .information h3 {
    font-size: 1.3rem;
    padding: 0.5rem 2rem;
  }
  main .information p {
    text-align: justify;
    font-size: 1.3rem;
  }
  section h4.svic3col {
    font-size: 1.5rem;
    line-height: 1.5;
    font-weight: normal;
    background: none;
    color: #E63626;
    padding: 2rem 0;
  }
  .xxx::before, .xxx::after {
    display: none;
  }
  section.plas {
    display: none;
  }
  .fl2 {
    float: none;
    margin: 0 auto;
    display: block;
  }
  img.ico {
    width: 50%;
    display: block;
    margin: 0 auto;
  }
  img.topico {
    max-width: 60%;
    margin-bottom: -1rem;
  }
  img.world {
    max-width: 50%;
  }
  .blogthumb {
    max-width: 85px;
    margin-right: 8px;
    margin-bottom: 5px;
  }
  article.child-blogsmry {
    margin: 0;
    clear: both;
    display: block;
  }
  .sidebar-list figure.eyecatch img {
    max-width: 85px;
  }
  section.mission h5 {
    margin-bottom: 2rem;
    font-size: 1.5rem;
    color: #E63626;
  }
  section.mission h6 {
    font-size: 2.7rem;
    margin-bottom: 1rem;
  }
  section.mission p {
    font-size: 1.3rem;
    text-align: justify;
  }
  .sidepd-85 {
    padding: initial;
  }
  .mid-title {
    font-size: 1.8rem;
    letter-spacing: 0;
    text-align: left;
    margin-bottom: 2rem;
  }
  .aboutlist li {
    text-align: left;
    border-bottom: 1px solid #ccc;
    padding: 1rem 0;
    font-size: 1.3rem;
  }
  .president {
    max-width: 100%;
  }
  /*Workscontents------------------------*/
  .flexworks {
    display: block;
    margin-bottom: 30px;
    align-items: flex-start;
  }
  .flexitem {
    flex: 1;
  }
  .flexworks h2 {
    font-size: 1.7rem !important;
  }
  .flexworks h3 {
    font-size: 1.5rem !important;
  }
  .flexworks h3:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f192";
    margin-right: 0.5rem;
  }
  .single-works .flexworks p {
    padding: 10px;
  }
  .worksmry {
    width: auto;
    margin: 10px 0;
    margin-bottom: 30px;
  }
  .worksmry p,
  .worksmry ul {
    margin-bottom: 2.5rem;
    margin-left: 1rem;
  }
  .addtoany_share_save_container,
  .addtoany_content,
  .addtoany_content_bottom {
    text-align: center !important;
  }
  /*forTopInformation----------------------*/
  section.topnews {
    display: none;
  }
  /*Blogcontents------------------------*/
  .bloginner {
    margin-left: 10px;
  }
  section h4.svic3col2 {
    font-size: 1.4rem;
  }
  .contact-header {
    background: none;
    margin-bottom: -30px;
  }
  .alphablack {
    background: rgba(0, 0, 0, 0.5);
  }
  #parallax2 {
    background: url(common/img/cloudsbg2sp.webp) left top no-repeat #fff;
    position: relative;
    backface-visibility: hidden;
  }
  .child2col {
    width: 100%;
  }
  .flex5 {
    display: flex;
    flex-direction: column;
  }
  .flexEnd {
    display: flex;
    flex-direction: column;
  }
  .standard-elm {
    width: 100%;
  }
  .standard-elm h3 {
    font-size: 1.3rem;
  }
  .standard-elm img {
    padding: 5px;
  }
  .standard-elm2 {
    width: 100%;
    padding: 1rem;
  }
  .standard-elm2 h3 {
    font-size: 1.3rem;
  }
  .standard-elm2 img {
    padding: 5px;
  }
  .hl04::after {
    left: auto;
    right: 50%;
    height: 30px;
    top: -30px;
    width: 4px;
    z-index: -1;
  }
  .bloginner ul.bg-list {
    grid-template-columns: repeat(1, 1fr);
    padding: 1rem;
  }
  .bloginner blockquote h4 {
    padding: 0;
  }
  .supported h2 {
    text-align: center;
    margin-bottom: 0;
  }
  .supported p {
    text-align: center;
    margin-bottom: 1rem;
  }
  .halfwidth {
    width: 100%;
  }
  .halfwidth .harlinner {
    max-width: 80%;
    margin-left: auto;
  }
  .halfwidth .harlinner h3 {
    font-size: 1.3rem;
    margin-right: 80px;
  }
  .halfwidth .harlinner p {
    font-size: 1.3rem;
  }
  .reason-head {
    margin-top: 5px;
    padding-bottom: 0;
  }
  .reason-head img {
    position: relative;
    right: 0;
  }
  .reason-right {
    position: relative;
  }
  .reason-right h2 {
    margin-left: auto;
    font-size: 1.6rem;
    padding: 1rem 1rem 2rem;
  }
  .reason-right h2 br {
    display: none;
  }
  .reason-right img {
    position: relative;
    top: 0%;
    transform: translateY(10%);
  }
  .reason-left {
    position: relative;
  }
  .reason-left h3 {
    margin-left: initial;
  }
  .reason-left h2 {
    margin-right: auto;
    font-size: 1.6rem;
    padding: 1rem 1rem 2rem;
  }
  .reason-left h2 br {
    display: none;
  }
  .reason-left p {
    margin-right: auto;
  }
  .reason-left img {
    position: relative;
    top: 0%;
    transform: translateY(10%);
  }
  .reason-title {
    font-family: "Rajdhani", sans-serif;
    font-size: 1.6rem;
    color: #E63626;
    letter-spacing: -0.3rem;
  }
  .reason-title span {
    position: relative;
    font-size: 4rem;
    letter-spacing: -0.5rem;
    margin: 10px;
    vertical-align: middle;
  }
  .reason-title span::before {
    width: 90px;
    height: 1px;
    position: absolute;
    right: 35px;
    top: 35px;
    background-color: #E63626;
  }
  .EAT {
    margin: 60px 0 0;
    position: relative;
  }
  .EAT .topelm {
    top: -54px;
  }
  .fullwidthinfo {
    width: 100%;
    background: #000;
    height: auto;
    position: relative;
  }
  .fullwidthinfo.gekokujo {
    background: url(common/img/gekokujoSP.jpg) center top;
    background-size: cover;
  }
  .fullwidthinfo .halfcenter {
    position: static;
    left: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    color: #fff;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    padding: 60px 10px 60px 70px;
  }
  .fullwidthinfo .halfcenter h3 {
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
    font-size: 5.8rem;
    font-weight: 500;
    letter-spacing: 0.4rem;
    line-height: 1.2;
    color: #fff;
  }
  .fullwidthinfo .halfcenter h3 span {
    font-size: 1.6rem;
    display: block;
  }
  .parenthesis {
    position: relative;
    padding: 15px 30px;
  }
  .parenthesis::before, .parenthesis::after {
    position: absolute;
    content: "";
    width: 40px;
    height: 20px;
  }
  .parenthesis::before {
    top: 0;
    left: 0;
  }
  .parenthesis::after {
    bottom: 20px;
    right: 35px;
  }
  .bloginner h4 {
    font-size: 1.4rem;
    line-height: 1.5;
  }
  .works-header h1.entry-title {
    line-height: 1.5;
  }
  .single-works .post-navigation {
    padding-left: 60px;
  }
  .blog-wrap {
    padding: 0;
  }
  .approach h2 {
    font-size: 1.6rem;
    color: #E73727;
    text-align: center;
    margin-top: -50px;
    margin-bottom: 30px;
  }
  .approach img.raven {
    position: relative;
    z-index: -1;
    left: 50%;
    transform: translate(-48%, 0%);
  }
  .approach .approach-after {
    color: #fff;
    padding: 20px 0;
    text-align: left;
  }
  .approach-wrap {
    display: block;
    justify-content: space-around;
  }
  .approach-wrap .card {
    width: 100%;
    background: rgba(255, 255, 255, 0.8);
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    padding: 20px;
    margin-bottom: 10px;
  }
  .approach-wrap .card img {
    text-align: center;
    margin: 20px auto 10px;
  }
  .approach-wrap .card h3 {
    color: #E73727;
    font-size: 1.5rem;
    margin-bottom: 2rem;
    text-align: center;
  }
  .approach-wrap .card p {
    font-size: 1.3rem;
    text-align: justify;
  }
  main .works-headline {
    background: url(/wp/wp-content/themes/glaze2026/common/img/worksheadline_sp.webp) no-repeat right center/cover;
  }
  .col3-list li {
    width: 100%;
    font-size: 1.3rem;
    padding: 20px 10px;
    background: #fff;
    box-shadow: 0px 0px 20px 0px rgba(90, 90, 90, 0.1);
  }
  .col3-list-high li {
    width: 100%;
    font-size: 1.4rem;
    padding: 25px;
    margin: 0;
    box-shadow: 0px 0px 20px 0px rgba(90, 90, 90, 0.1);
  }
  .detail {
    margin-bottom: 10px;
  }
  .btn3 {
    margin: 15px auto;
    width: 100%;
    font-size: 1.3rem;
  }
  .EAT {
    text-align: left;
  }
  .EAT p {
    font-size: 1.3rem;
  }
  .EAT span::before {
    background: none;
  }
  .entry-content-adsense {
    display: none;
  }
  .adsense-flex {
    display: none;
  }
  #secondary .adsbygoogle {
    margin: 0 15px 15px 75px;
  }
  footer.entry-footer {
    margin: 10px;
    font-size: 1.2rem;
    line-height: 2;
  }
  .reason_fact {
    background: url(common/img/fact_BG_E_SP.webp) no-repeat center left;
    background-size: cover;
  }
  .reason_fact .reason_fact_inner {
    padding: 30px 10px 30px 75px;
  }
  .reason_fact .reason_fact_inner > h3 {
    letter-spacing: inherit;
    font-size: 1.2rem;
  }
  .reason_fact .reason_fact_inner h2 {
    font-size: 2.4rem;
    margin-top: 2rem;
    letter-spacing: 0.5rem;
  }
  .reason_fact .reason_fact_inner h2 span {
    font-size: 1.2rem;
    letter-spacing: inherit;
  }
  .reason_fact .reason_fact_inner .fact_flex {
    display: block;
  }
  .reason_fact .reason_fact_inner .fact_flex .card_blur {
    padding: 20px;
    -webkit-backdrop-filter: blur(8px);
            backdrop-filter: blur(8px);
    color: #fff;
    margin: 15px;
  }
  .reason_fact .reason_fact_inner .fact_flex .card_blur h3 {
    margin-bottom: 1.5rem;
    font-size: 1.5rem;
  }
  .reason_fact .reason_fact_inner .fact_flex .card_blur p {
    text-align: justify;
    text-justify: inter-ideograph;
  }
  .head-lead {
    padding: 20px 0;
  }
  .contact-end {
    padding-top: 0;
    padding-bottom: 20px;
    margin-top: -20px;
  }
  .service-lead {
    background: none;
  }
  .ticker-wrapper {
    display: none;
  }
  .table-style-C {
    margin: 15px 0;
  }
  .table-style-C thead {
    display: none;
  }
  .table-style-C td {
    padding: 10px 5px;
    min-width: inherit;
    border-bottom: none;
    display: block;
    width: 100%;
  }
  .table-style-C td:first-child {
    background: #000;
    font-weight: 700;
    padding: 10px 15px;
  }
}
/*endMQ-991 -------------------------*/
/*forSP-375--------------------------*/
/*-----------------------------------*/
@media screen and (max-width: 400px) {
  #hero .department h3 {
    font-family: "Rajdhani", sans-serif;
    text-transform: uppercase;
    font-size: 1.8rem;
    line-height: 1;
    margin: 60px 0;
  }
  /*  page-header-background*/
  .page-header {
    background: url(/wp/wp-content/themes/glaze2026/common/img/page-bg3-sp.webp) right center #4813BD no-repeat;
    background-size: cover;
  }
  .page-header-service {
    background: url(/wp/wp-content/themes/glaze2026/common/img/page-bg2-sp.webp) right center #E73727 no-repeat;
    background-size: cover;
  }
  .page-header-about {
    background: url(/wp/wp-content/themes/glaze2026/common/img/page-bg4-sp.webp) right center #000 no-repeat;
    background-size: cover;
  }
  .page-header-contact {
    background: url(/wp/wp-content/themes/glaze2026/common/img/page-bg5-sp.webp) right center #225F38 no-repeat;
    background-size: cover;
  }
  .page-header-reason {
    background: url(/wp/wp-content/themes/glaze2026/common/img/page-bg7-sp.webp) right center #000 no-repeat;
    background-size: cover;
  }
  .page-header-reason-old {
    background: url(/wp/wp-content/themes/glaze2026/common/img/page-bg6-sp.jpg) right center #000 no-repeat;
    background-size: cover;
  }
  .works-header {
    background: url(/wp/wp-content/themes/glaze2026/common/img/worksBG2-sp.jpg) right top no-repeat #000;
    background-size: cover;
  }
  .table-style-B th {
    padding: 10px 4px;
    border-bottom: solid 4px #778ca3;
    font-size: 1.3rem;
    border-right: 1px solid #eee;
    font-weight: normal;
    line-height: 1.2;
  }
  .table-style-B span {
    display: none;
  }
  .table-style-B td {
    width: auto;
    line-height: 1.2;
    font-size: 1.3rem;
    padding: 10px 2px;
  }
}
/*endMQ*/
.works-headline {
  background: url(/wp/wp-content/themes/glaze2026/common/img/worksheadline.webp) no-repeat right -20px center;
}

.single-works .sd-create-branding > .post-thumbnail {
  background: linear-gradient(125deg, rgb(61, 70, 79) 40%, rgb(43, 52, 61) 60%);
}

.single-works .mpi > .post-thumbnail {
  background: linear-gradient(90deg, #efefef 49%, #f8f8f8 50%);
}

.single-works .hitachinakashi-kaigo-service > .post-thumbnail {
  background: linear-gradient(90deg, #6cbcc6 49%, #e8736b 50%);
}

.single-works .miss-japan-ibaraki > .post-thumbnail {
  background: linear-gradient(90deg, #d1eaf6 50%, #ffffff 50%);
}

.single-works .sd-create > .post-thumbnail {
  background: url(common/img/ec-sdcreate.png) center top repeat-x #000;
}

.single-works .mey > .post-thumbnail {
  background: url(common/img/ec-mey.png) center top repeat-x #fff;
}

.single-works .leciel > .post-thumbnail {
  background: url(common/img/ec-leciel.webp) center top repeat-x #fff;
}

.single-works .fujishoten > .post-thumbnail {
  background: url(common/img/ec-fujishoten.png) center top repeat-x #000;
}

.single-works .nakachuo > .post-thumbnail {
  background: url(common/img/ec-nakachuo.png) center top repeat-x #fff;
}

.single-works .officerio > .post-thumbnail {
  background: url(common/img/ec-officerio.png) center top repeat-x #fff;
}

.single-works .oohiragumi > .post-thumbnail {
  background: url(common/img/ec-oohiragumi.png) center top repeat-x #fff;
}

.single-works .mmi > .post-thumbnail {
  background: url(common/img/ec-mmi.png) center top repeat-x #fff;
}

.single-works .fit > .post-thumbnail {
  background: url(common/img/ec-fit.png) center top repeat-x #fff;
}

.single-works .artworks > .post-thumbnail {
  background: url(common/img/ec-artworks.png) center top repeat-x #fff;
}

.single-works .protoolszin > .post-thumbnail {
  background: #000;
}

.single-works .officerio_logo > .post-thumbnail {
  background: #000;
}
.single-works .officerio_logo > .post-thumbnail img {
  display: block;
  margin: 0 auto;
}

.single-works .post-thumbnail img {
  vertical-align: middle;
}

/************************************************************
 * pagenation
 ************************************************************/
.pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 40px 0;
  position: relative;
  font-size: 13px;
}
.pagination i {
  font-weight: 900;
  font-family: "Font Awesome 5 Free";
  font-style: normal;
  font-size: 1.4rem;
}
.pagination i::before {
  color: #000;
}
.pagination span, .pagination a {
  font-family: "Rajdhani", sans-serif;
  display: block;
  width: auto;
  margin: 4px;
  padding: 8px;
  text-decoration: none;
  text-align: center;
  line-height: 16px;
  background: #eee;
  transition: all 0.4s;
}
.pagination .pager {
  width: 32px;
}
.pagination a:hover, .pagination .current {
  color: #fff;
  border-color: #000;
  background-color: #000;
}
.pagination a:hover i::before, .pagination .current i::before {
  color: rgb(238, 72, 72);
}
.pagination a.prev {
  margin-right: 16px;
}
.pagination a.next {
  margin-left: 16px;
}
.pagination a.first, .pagination a.last {
  color: #000;
}
.pagination span.page_num {
  display: none;
}

.entry-content code {
  font-size: 90%;
  margin: 0 2px;
  padding: 0 5px;
  border: 1px solid #eaeaea;
  background-color: #f8f8f8;
  border-radius: 3px;
}

.entry-content h3 code {
  border: 1px solid #eaeaea;
  background-color: #696969;
}

.bloginner pre {
  white-space: pre-wrap;
}

.hcb_wrap.hcb_wrap {
  max-width: 800px;
}

span.y-line {
  background: linear-gradient(transparent 60%, #ff6 60%);
}

span.b-line {
  background: linear-gradient(transparent 60%, #86d0f8 60%);
}

span.g-line {
  background: linear-gradient(transparent 60%, #68e781 60%);
}

span.red-line {
  background: linear-gradient(transparent 60%, rgb(123, 13, 13) 60%);
}

@media screen and (max-height: 760px) and (min-width: 992px) {
  /* for Tab 高さ指定 */
  #hero {
    height: 100vh;
    height: 100dvh;
    position: relative;
  }
  #hero h2 {
    right: 90px;
  }
  #hero .department {
    right: 90px;
    font-size: 2rem;
  }
  #hero .department h3 {
    line-height: 2.4;
  }
  .main-copy {
    padding-right: 50px;
  }
  .main-copy p {
    font-size: 14rem;
    letter-spacing: inherit;
  }
}
@media screen and (max-width: 991px) and (orientation: landscape) {
  /* for SP 横向き指定 */
  #hero {
    height: 100vh;
  }
  #hero .indexBg {
    background: url(common/img/sldr03sp.webp) no-repeat center right;
    background-size: cover;
  }
  #hero p.subcopy {
    color: #E73727;
    right: 0;
    top: inherit;
    bottom: inherit;
  }
}/*# sourceMappingURL=style.css.map */