@charset "UTF-8";
/*!
Theme Name: FINEV2025
Theme URI: http://underscores.me/
Author: studioNoiR
Author URI: http://studio-noir.jp
Description: theme for FINEV2025 web site
Version: 1.2.12
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: finev2025
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.

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

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*----------------------- ---------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/
/*
variables.scss
*/
/*!
 * Bootstrap Reboot v5.3.8 (https://getbootstrap.com/)
 * Copyright 2011-2025 The Bootstrap Authors
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */
:root,
[data-bs-theme=light] {
  --bs-blue: #0d6efd;
  --bs-indigo: #6610f2;
  --bs-purple: #6f42c1;
  --bs-pink: #d63384;
  --bs-red: #dc3545;
  --bs-orange: #fd7e14;
  --bs-yellow: #ffc107;
  --bs-green: #198754;
  --bs-teal: #20c997;
  --bs-cyan: #0dcaf0;
  --bs-black: #000;
  --bs-white: #fff;
  --bs-gray: #6c757d;
  --bs-gray-dark: #343a40;
  --bs-gray-100: #f8f9fa;
  --bs-gray-200: #e9ecef;
  --bs-gray-300: #dee2e6;
  --bs-gray-400: #ced4da;
  --bs-gray-500: #adb5bd;
  --bs-gray-600: #6c757d;
  --bs-gray-700: #495057;
  --bs-gray-800: #343a40;
  --bs-gray-900: #212529;
  --bs-primary: #0d6efd;
  --bs-secondary: #6c757d;
  --bs-success: #198754;
  --bs-info: #0dcaf0;
  --bs-warning: #ffc107;
  --bs-danger: #dc3545;
  --bs-light: #f8f9fa;
  --bs-dark: #212529;
  --bs-primary-rgb: 13, 110, 253;
  --bs-secondary-rgb: 108, 117, 125;
  --bs-success-rgb: 25, 135, 84;
  --bs-info-rgb: 13, 202, 240;
  --bs-warning-rgb: 255, 193, 7;
  --bs-danger-rgb: 220, 53, 69;
  --bs-light-rgb: 248, 249, 250;
  --bs-dark-rgb: 33, 37, 41;
  --bs-primary-text-emphasis: #052c65;
  --bs-secondary-text-emphasis: #2b2f32;
  --bs-success-text-emphasis: #0a3622;
  --bs-info-text-emphasis: #055160;
  --bs-warning-text-emphasis: #664d03;
  --bs-danger-text-emphasis: #58151c;
  --bs-light-text-emphasis: #495057;
  --bs-dark-text-emphasis: #495057;
  --bs-primary-bg-subtle: #cfe2ff;
  --bs-secondary-bg-subtle: #e2e3e5;
  --bs-success-bg-subtle: #d1e7dd;
  --bs-info-bg-subtle: #cff4fc;
  --bs-warning-bg-subtle: #fff3cd;
  --bs-danger-bg-subtle: #f8d7da;
  --bs-light-bg-subtle: #fcfcfd;
  --bs-dark-bg-subtle: #ced4da;
  --bs-primary-border-subtle: #9ec5fe;
  --bs-secondary-border-subtle: #c4c8cb;
  --bs-success-border-subtle: #a3cfbb;
  --bs-info-border-subtle: #9eeaf9;
  --bs-warning-border-subtle: #ffe69c;
  --bs-danger-border-subtle: #f1aeb5;
  --bs-light-border-subtle: #e9ecef;
  --bs-dark-border-subtle: #adb5bd;
  --bs-white-rgb: 255, 255, 255;
  --bs-black-rgb: 0, 0, 0;
  --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
  --bs-body-font-family: var(--bs-font-sans-serif);
  --bs-body-font-size: 1rem;
  --bs-body-font-weight: 400;
  --bs-body-line-height: 1.5;
  --bs-body-color: #212529;
  --bs-body-color-rgb: 33, 37, 41;
  --bs-body-bg: #fff;
  --bs-body-bg-rgb: 255, 255, 255;
  --bs-emphasis-color: #000;
  --bs-emphasis-color-rgb: 0, 0, 0;
  --bs-secondary-color: rgba(33, 37, 41, 0.75);
  --bs-secondary-color-rgb: 33, 37, 41;
  --bs-secondary-bg: #e9ecef;
  --bs-secondary-bg-rgb: 233, 236, 239;
  --bs-tertiary-color: rgba(33, 37, 41, 0.5);
  --bs-tertiary-color-rgb: 33, 37, 41;
  --bs-tertiary-bg: #f8f9fa;
  --bs-tertiary-bg-rgb: 248, 249, 250;
  --bs-heading-color: inherit;
  --bs-link-color: #0d6efd;
  --bs-link-color-rgb: 13, 110, 253;
  --bs-link-decoration: underline;
  --bs-link-hover-color: #0a58ca;
  --bs-link-hover-color-rgb: 10, 88, 202;
  --bs-code-color: #d63384;
  --bs-highlight-color: #212529;
  --bs-highlight-bg: #fff3cd;
  --bs-border-width: 1px;
  --bs-border-style: solid;
  --bs-border-color: #dee2e6;
  --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
  --bs-border-radius: 0.375rem;
  --bs-border-radius-sm: 0.25rem;
  --bs-border-radius-lg: 0.5rem;
  --bs-border-radius-xl: 1rem;
  --bs-border-radius-xxl: 2rem;
  --bs-border-radius-2xl: var(--bs-border-radius-xxl);
  --bs-border-radius-pill: 50rem;
  --bs-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  --bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
  --bs-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175);
  --bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);
  --bs-focus-ring-width: 0.25rem;
  --bs-focus-ring-opacity: 0.25;
  --bs-focus-ring-color: rgba(13, 110, 253, 0.25);
  --bs-form-valid-color: #198754;
  --bs-form-valid-border-color: #198754;
  --bs-form-invalid-color: #dc3545;
  --bs-form-invalid-border-color: #dc3545;
}

[data-bs-theme=dark] {
  color-scheme: dark;
  --bs-body-color: #dee2e6;
  --bs-body-color-rgb: 222, 226, 230;
  --bs-body-bg: #212529;
  --bs-body-bg-rgb: 33, 37, 41;
  --bs-emphasis-color: #fff;
  --bs-emphasis-color-rgb: 255, 255, 255;
  --bs-secondary-color: rgba(222, 226, 230, 0.75);
  --bs-secondary-color-rgb: 222, 226, 230;
  --bs-secondary-bg: #343a40;
  --bs-secondary-bg-rgb: 52, 58, 64;
  --bs-tertiary-color: rgba(222, 226, 230, 0.5);
  --bs-tertiary-color-rgb: 222, 226, 230;
  --bs-tertiary-bg: #2b3035;
  --bs-tertiary-bg-rgb: 43, 48, 53;
  --bs-primary-text-emphasis: #6ea8fe;
  --bs-secondary-text-emphasis: #a7acb1;
  --bs-success-text-emphasis: #75b798;
  --bs-info-text-emphasis: #6edff6;
  --bs-warning-text-emphasis: #ffda6a;
  --bs-danger-text-emphasis: #ea868f;
  --bs-light-text-emphasis: #f8f9fa;
  --bs-dark-text-emphasis: #dee2e6;
  --bs-primary-bg-subtle: #031633;
  --bs-secondary-bg-subtle: #161719;
  --bs-success-bg-subtle: #051b11;
  --bs-info-bg-subtle: #032830;
  --bs-warning-bg-subtle: #332701;
  --bs-danger-bg-subtle: #2c0b0e;
  --bs-light-bg-subtle: #343a40;
  --bs-dark-bg-subtle: #1a1d20;
  --bs-primary-border-subtle: #084298;
  --bs-secondary-border-subtle: #41464b;
  --bs-success-border-subtle: #0f5132;
  --bs-info-border-subtle: #087990;
  --bs-warning-border-subtle: #997404;
  --bs-danger-border-subtle: #842029;
  --bs-light-border-subtle: #495057;
  --bs-dark-border-subtle: #343a40;
  --bs-heading-color: inherit;
  --bs-link-color: #6ea8fe;
  --bs-link-hover-color: #8bb9fe;
  --bs-link-color-rgb: 110, 168, 254;
  --bs-link-hover-color-rgb: 139, 185, 254;
  --bs-code-color: #e685b5;
  --bs-highlight-color: #dee2e6;
  --bs-highlight-bg: #664d03;
  --bs-border-color: #495057;
  --bs-border-color-translucent: rgba(255, 255, 255, 0.15);
  --bs-form-valid-color: #75b798;
  --bs-form-valid-border-color: #75b798;
  --bs-form-invalid-color: #ea868f;
  --bs-form-invalid-border-color: #ea868f;
}

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

@media (prefers-reduced-motion: no-preference) {
  :root {
    scroll-behavior: smooth;
  }
}
body {
  margin: 0;
  font-family: var(--bs-body-font-family);
  font-size: var(--bs-body-font-size);
  font-weight: var(--bs-body-font-weight);
  line-height: var(--bs-body-line-height);
  color: var(--bs-body-color);
  text-align: var(--bs-body-text-align);
  background-color: var(--bs-body-bg);
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

hr {
  margin: 1rem 0;
  color: inherit;
  border: 0;
  border-top: var(--bs-border-width) solid;
  opacity: 0.25;
}

h6, h5, h4, h3, h2, h1 {
  margin-top: 0;
  margin-bottom: 0.5rem;
  font-weight: 500;
  line-height: 1.2;
  color: var(--bs-heading-color);
}

h1 {
  font-size: calc(1.375rem + 1.5vw);
}

@media (min-width: 1200px) {
  h1 {
    font-size: 2.5rem;
  }
}
h2 {
  font-size: calc(1.325rem + 0.9vw);
}

@media (min-width: 1200px) {
  h2 {
    font-size: 2rem;
  }
}
h3 {
  font-size: calc(1.3rem + 0.6vw);
}

@media (min-width: 1200px) {
  h3 {
    font-size: 1.75rem;
  }
}
h4 {
  font-size: calc(1.275rem + 0.3vw);
}

@media (min-width: 1200px) {
  h4 {
    font-size: 1.5rem;
  }
}
h5 {
  font-size: 1.25rem;
}

h6 {
  font-size: 1rem;
}

p {
  margin-top: 0;
  margin-bottom: 1rem;
}

abbr[title] {
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
  cursor: help;
  -webkit-text-decoration-skip-ink: none;
  text-decoration-skip-ink: none;
}

address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit;
}

ol,
ul {
  padding-left: 2rem;
}

ol,
ul,
dl {
  margin-top: 0;
  margin-bottom: 1rem;
}

ol ol,
ul ul,
ol ul,
ul ol {
  margin-bottom: 0;
}

dt {
  font-weight: 700;
}

dd {
  margin-bottom: 0.5rem;
  margin-left: 0;
}

blockquote {
  margin: 0 0 1rem;
}

b,
strong {
  font-weight: bolder;
}

small {
  font-size: 0.875em;
}

mark {
  padding: 0.1875em;
  color: var(--bs-highlight-color);
  background-color: var(--bs-highlight-bg);
}

sub,
sup {
  position: relative;
  font-size: 0.75em;
  line-height: 0;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

a {
  color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 1));
  text-decoration: underline;
}

a:hover {
  --bs-link-color-rgb: var(--bs-link-hover-color-rgb);
}

a:not([href]):not([class]), a:not([href]):not([class]):hover {
  color: inherit;
  text-decoration: none;
}

pre,
code,
kbd,
samp {
  font-family: var(--bs-font-monospace);
  font-size: 1em;
}

pre {
  display: block;
  margin-top: 0;
  margin-bottom: 1rem;
  overflow: auto;
  font-size: 0.875em;
}

pre code {
  font-size: inherit;
  color: inherit;
  word-break: normal;
}

code {
  font-size: 0.875em;
  color: var(--bs-code-color);
  word-wrap: break-word;
}

a > code {
  color: inherit;
}

kbd {
  padding: 0.1875rem 0.375rem;
  font-size: 0.875em;
  color: var(--bs-body-bg);
  background-color: var(--bs-body-color);
  border-radius: 0.25rem;
}

kbd kbd {
  padding: 0;
  font-size: 1em;
}

figure {
  margin: 0 0 1rem;
}

img,
svg {
  vertical-align: middle;
}

table {
  caption-side: bottom;
  border-collapse: collapse;
}

caption {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  color: var(--bs-secondary-color);
  text-align: left;
}

th {
  text-align: inherit;
  text-align: -webkit-match-parent;
}

thead,
tbody,
tfoot,
tr,
td,
th {
  border-color: inherit;
  border-style: solid;
  border-width: 0;
}

label {
  display: inline-block;
}

button {
  border-radius: 0;
}

button:focus:not(:focus-visible) {
  outline: 0;
}

input,
button,
select,
optgroup,
textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

button,
select {
  text-transform: none;
}

[role=button] {
  cursor: pointer;
}

select {
  word-wrap: normal;
}

select:disabled {
  opacity: 1;
}

[list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator {
  display: none !important;
}

button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

button:not(:disabled),
[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled) {
  cursor: pointer;
}

::-moz-focus-inner {
  padding: 0;
  border-style: none;
}

textarea {
  resize: vertical;
}

fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}

legend {
  float: left;
  width: 100%;
  padding: 0;
  margin-bottom: 0.5rem;
  line-height: inherit;
  font-size: calc(1.275rem + 0.3vw);
}

@media (min-width: 1200px) {
  legend {
    font-size: 1.5rem;
  }
}
legend + * {
  clear: left;
}

::-webkit-datetime-edit-fields-wrapper,
::-webkit-datetime-edit-text,
::-webkit-datetime-edit-minute,
::-webkit-datetime-edit-hour-field,
::-webkit-datetime-edit-day-field,
::-webkit-datetime-edit-month-field,
::-webkit-datetime-edit-year-field {
  padding: 0;
}

::-webkit-inner-spin-button {
  height: auto;
}

[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

[type=search]::-webkit-search-cancel-button {
  cursor: pointer;
  filter: grayscale(1);
}

/* rtl:raw:
[type="tel"],
[type="url"],
[type="email"],
[type="number"] {
  direction: ltr;
}
*/
::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-color-swatch-wrapper {
  padding: 0;
}

::file-selector-button {
  font: inherit;
  -webkit-appearance: button;
}

output {
  display: inline-block;
}

iframe {
  border: 0;
}

summary {
  display: list-item;
  cursor: pointer;
}

progress {
  vertical-align: baseline;
}

[hidden] {
  display: none !important;
}


.loading {
  background-color: #f9f9f9;
  height: 100svh;
  position: absolute;
  width: 100vw;
  transition: all 2s ease-in-out;
  z-index: 1;
  /* Spinner Wave */
}

.loading .sp {
  width: 32px;
  height: 32px;
  clear: both;
  margin: 20px auto;
}

.loading .sp-wave {
  border-radius: 50%;
  position: absolute;
  opacity: 1;
  margin: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.loading .sp-wave:before, .loading .sp-wave:after {
  content: "";
  border: 1px #000 solid;
  border-radius: 50%;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0px;
}

.loading .sp-wave:before {
  transform: scale(1, 1);
  opacity: 1;
  animation: spWaveBe 0.6s infinite linear;
}

.loading .sp-wave:after {
  transform: scale(0, 0);
  opacity: 0;
  animation: spWaveAf 0.6s infinite linear;
}

@keyframes spWaveAf {
  from {
    transform: scale(0.5, 0.5);
    opacity: 0;
  }
  to {
    transform: scale(1, 1);
    opacity: 1;
  }
}
@keyframes spWaveBe {
  from {
    transform: scale(1, 1);
    opacity: 1;
  }
  to {
    transform: scale(1.5, 1.5);
    opacity: 0;
  }
}
.loaded .loading {
  opacity: 0;
  z-index: -1;
}

.site {
  opacity: 0;
  transition: all 2s ease-in-out;
}

.loaded .site {
  opacity: 1;
}

/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
/*----------------------------------------------------------------------
 common styles
----------------------------------------------------------------------*/
/*!
Theme Name: FINEV2025
Theme URI: http://underscores.me/
Author: studioNoiR
Author URI: http://studio-noir.jp
Description: theme for FINEV2025 web site
Version: 1.2.12
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: finev2025
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.

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

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*----------------------- ---------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/
/*
variables.scss
*/
/*
_common.scss file
*/
* {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

html, body {
  line-break: strict;
  word-break: break-word;
  overflow-wrap: break-word;
  word-wrap: break-word;
}

html {
  font-size: 2.6666666667vw;
}

body {
  background-color: #fff;
  color: #505050;
  font-size: 2.6666666667vw;
  line-height: 1.714;
  font-family: "fot-udkakugo-large-pr6n", sans-serif;
}

main {
  min-height: calc(100svh - 64px - 53.98px);
}

.alignRight {
  text-align: right;
}

.alignCenter {
  text-align: center;
}

.alignLeft {
  text-align: left;
}

.bold {
  font-weight: bold;
}

img {
  vertical-align: top;
  max-width: 100%;
}

img[src$=".svg"] {
  width: 100%;
}

ul, ol {
  margin-left: 1em;
}

a {
  color: #0070c9;
}

a:hover {
  opacity: 0.8;
}

figcaption {
  background-color: #f0f0f0;
  margin-bottom: 1rem;
  padding: 0.3em 1em;
}

.smaller {
  font-size: 90%;
}

.btn-general, .btn-01 {
  background-color: #505050;
  color: #fff;
  display: block;
  padding: 0.2515243902em 0;
  text-align: center;
  border-radius: 3px;
}

.btn-general:hover, .btn-01:hover {
  text-decoration: none;
}

.entry-title a {
  color: #505050;
}

.link {
  color: #0070c9;
}

.link:hover {
  text-decoration: underline;
}

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

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

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

.maxSP {
  max-width: 375px;
}

.maxMiniTB {
  max-width: 600px;
}

.maxTB {
  max-width: 800px;
}

.maxPC {
  max-width: 1440px;
}

.mb1lh {
  margin-bottom: 1.714em;
}

h1, h2, h3, h4, h5, h6 {
  font-feature-settings: "palt" 1;
  font-weight: normal;
  letter-spacing: 0.1em;
  margin: 0;
}

h2 {
  font-size: 1.6em;
}

h3 {
  font-size: 1.4em;
}

h4 {
  font-size: 1.2em;
}

h5 {
  font-size: 1.1em;
}

h6 {
  font-size: 1em;
}

.caption {
  font-size: 90%;
}

.breadcrumb {
  font-size: 0.8em;
  margin-bottom: 1.714em;
}

.breadcrumb > span::after {
  content: " / ";
}

.breadcrumb > span:last-child::after {
  content: "";
}

.flexContainer {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
}

@media screen and (min-width: 600px) {
  br.sp {
    display: none;
  }
}
@media screen and (min-width: 800px) {
  html {
    font-size: 1.1111111111vw;
  }
  body {
    font-size: 1.1111111111vw;
  }
  main {
    min-height: calc(100svh - 4rem - 21.318125rem);
  }
}
/*----------------------------------------------------------------------
 slick
----------------------------------------------------------------------*/
/*----------------------------------------------------------------------
 header
----------------------------------------------------------------------*/
/*!
Theme Name: FINEV2025
Theme URI: http://underscores.me/
Author: studioNoiR
Author URI: http://studio-noir.jp
Description: theme for FINEV2025 web site
Version: 1.2.12
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: finev2025
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.

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

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*----------------------- ---------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/
/*
variables.scss
*/
/*
_header.scss file (Layout TypeA)
*/
.menu-btn {
  background-color: rgba(255, 255, 255, 0.6);
  position: fixed;
  top: 12px;
  right: 1.2rem;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  cursor: pointer;
  z-index: 100; /* ヒーローセクションより上に配置 */
}

.menu-btn span {
  background-color: #868686;
  height: 2px;
  margin: auto;
  width: 20px;
  position: absolute;
  left: 0;
  right: 0;
  border-radius: 1px;
  transition: all 0.8s ease-in-out;
}

.menu-btn span:nth-child(1) {
  top: 11px;
}

.open .menu-btn span:nth-child(1) {
  transform: rotate(315deg);
  top: 19px;
}

.menu-btn span:nth-child(2) {
  top: 19px;
}

.open .menu-btn span:nth-child(2) {
  background-color: transparent;
  transform: rotate(180deg);
}

.menu-btn span:nth-child(3) {
  top: 27px;
}

.open .menu-btn span:nth-child(3) {
  transform: rotate(-315deg);
  top: 19px;
}

.menu-btn.loggedIn {
  top: 58px;
  transition: all 0.8s ease-in-out;
}

.siteHeader {
  height: 64px;
  width: 100%;
  position: relative;
  z-index: 10;
  background-color: #fff;
}

.siteHeader .siteLogo a {
  background-image: url("images/logo.svg");
  background-repeat: no-repeat;
  background-size: contain;
  display: block;
  text-indent: -9999px;
  width: 96px;
  height: 39px;
}

.siteHeader ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.innerHeader {
  margin: 0 auto;
  padding: 12px 1.2rem;
  width: 100%;
  position: relative;
}

.innerHeader .pcNav {
  display: none;
}

.langSw {
  background-color: #fff;
  border: solid 1px #004A88;
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0;
  width: 3.5rem;
}

.langSw li {
  font-size: 1rem;
  text-align: center;
  width: 50%;
}

.langSw li a {
  color: #004A88;
  display: block;
  text-decoration: none;
}

.langSw li.current-lang a {
  background-color: #004A88;
  color: #fff;
}

.menu {
  background-color: #f0f0f0;
  height: 100vh;
  padding: 64px 0 calc(100vh - 100svh);
  width: 100vw;
  overflow: auto;
  position: fixed;
  top: 0;
  left: 0;
  transition: all 0.8s ease-in-out;
  z-index: -1;
  opacity: 0;
}

.menu .mobileNav {
  color: #004A88;
  font-size: 1.3em;
  list-style: none;
  margin: 0 auto;
  padding: 0;
  width: 80%;
}

.menu .mobileNav ul {
  list-style-type: square;
  margin: 0;
  padding-left: 1.5em;
}

.menu .mobileNav > li {
  border-top: solid 1px rgba(210, 210, 210, 0.6);
  margin-bottom: 0.5em;
  padding: 0.5em 0 0.5em;
}

.menu .mobileNav > li:nth-child(1) {
  border: 0;
}

.menu .mobileNav li {
  opacity: 0;
}

.open .menu .mobileNav li {
  opacity: 1;
  transition: opacity ease 3s;
}

.open .menu .mobileNav li:nth-child(1) {
  transition: opacity 0.4s ease 0.6s;
}

.open .menu .mobileNav li:nth-child(2) {
  transition: opacity 0.4s ease 0.75s;
}

.open .menu .mobileNav li:nth-child(3) {
  transition: opacity 0.4s ease 0.9s;
}

.open .menu .mobileNav li:nth-child(4) {
  transition: opacity 0.4s ease 1.05s;
}

.open .menu .mobileNav li:nth-child(5) {
  transition: opacity 0.4s ease 1.2s;
}

.menu .mobileNav a {
  color: #004A88;
  display: block;
  padding: 0.3em 0;
}

.menu .mobileNav a:active {
  background-color: rgba(255, 255, 255, 0.3);
}

.menu div {
  margin: 0 auto;
  padding-bottom: 3em;
  width: 80%;
}

.menu .linkedin-wrap {
  margin: 0 auto;
  padding-bottom: 3em;
  width: 80%;
}

.menu .linkedin-wrap .linkedin-link {
  color: #0A66C2;
}

.menu .linkedin-wrap .linkedin-link svg {
  width: 2.4rem;
  height: 2.4rem;
}

.open .menu {
  opacity: 1;
  z-index: 99; /* menu-btnより下、ヒーローセクションより上 */
}

@media screen and (max-width: 799px) {
  #js__nav .langSw {
    width: 5.6rem;
  }
  #js__nav .langSw li {
    font-size: 1.6rem;
  }
}
@media screen and (min-width: 800px) {
  .menu-btn {
    right: 3rem;
    opacity: 0;
    z-index: -1;
  }
  .menu-btn.appear {
    opacity: 1;
    transition: opacity ease 0.8s;
    z-index: 100; /* ヒーローセクションより上に配置 */
  }
  .menu-btn.loggedIn {
    top: 44px;
  }
  .siteHeader {
    height: 4rem;
  }
  .siteHeader .siteLogo a {
    width: 8.125rem;
    height: 3.25rem;
  }
  .innerHeader {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 0.5rem 3rem;
  }
  .innerHeader .pcNav {
    align-self: center;
    display: flex;
    justify-content: space-between;
    width: 21.875rem;
  }
  .innerHeader .pcNav .headerNav {
    display: flex;
    justify-content: space-between;
    width: 15.375rem;
  }
  .innerHeader .pcNav .headerNav a {
    color: #004A88;
    text-decoration: none;
  }
}
/*----------------------------------------------------------------------
 footer
----------------------------------------------------------------------*/
/*!
Theme Name: FINEV2025
Theme URI: http://underscores.me/
Author: studioNoiR
Author URI: http://studio-noir.jp
Description: theme for FINEV2025 web site
Version: 1.2.12
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: finev2025
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.

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

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*----------------------- ---------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/
/*
variables.scss
*/
/*
_footer.scss file (Layout TypeA)
*/
.site-footer .contentsBG.siteMap {
  background-color: #1b1b1b;
  color: #fff;
  display: none;
}

.site-footer .contentsBG.siteMap a {
  color: #fff;
}

.site-footer .contentsBG.contact {
  padding: 0;
}

.site-footer .contentsBG.contact a {
  background-color: #d6d6d6;
  color: #505050;
  display: block;
  font-size: 1.6rem;
  height: 3.6rem;
  padding-top: 0.4rem;
  text-align: center;
  text-decoration: none;
  width: 100%;
  transition: all 0.3s ease-out;
}

.site-footer .contentsBG.contact a:hover {
  background-color: #505050;
  color: #fff;
}

.linkedin-link {
  color: #fff;
  display: inline-block;
  line-height: 1;
  text-decoration: none;
  transition: opacity 0.2s ease;
}

.linkedin-link svg {
  display: block;
  width: 2rem;
  height: 2rem;
}

.linkedin-link:hover {
  opacity: 0.7;
}

.siteFooter {
  background-color: #000;
  color: #fff;
  text-align: center;
}

@media screen and (min-width: 800px) {
  .site-footer .contentsBG.siteMap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 1.5rem 3rem 3rem;
  }
  .site-footer .contentsBG.siteMap div {
    width: 16.25rem;
  }
  .site-footer .contentsBG.siteMap div ul {
    margin: 0;
    padding: 0 0 0 1.5em;
  }
  .site-footer .contentsBG.siteMap .linkedin-wrap {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
    padding-top: 1.5rem;
  }
  .site-footer .contentsBG.contact a {
    font-size: 1rem;
    height: 3.25rem;
    padding-top: 0.625rem;
  }
  .subpage .site-footer {
    margin-top: 8rem;
  }
  .siteFooter {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 1.25rem 3rem;
  }
}
/*----------------------------------------------------------------------
 mainVis
----------------------------------------------------------------------*/
/*!
Theme Name: FINEV2025
Theme URI: http://underscores.me/
Author: studioNoiR
Author URI: http://studio-noir.jp
Description: theme for FINEV2025 web site
Version: 1.2.12
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: finev2025
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.

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

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*----------------------- ---------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/
/*
variables.scss
*/
/*
_mainvis.scss file (Layout TypeA)
*/
.visInner {
  background-repeat: no-repeat;
  background-color: #909090;
  background-position: center;
  background-size: cover;
  height: calc(100svh - 64px);
  position: relative;
}

.main1 .visInner {
  background-image: url("images/index/slider/slider1.jpg");
}

.main2 .visInner {
  background-image: url("images/index/slider/slider2.jpg");
}

.main3 .visInner {
  background-image: url("images/index/slider/slider3.jpg");
}

.main1 .visInner {
  background-image: url("images/index/slider/mainVis001.jpg");
}

.main2 .visInner {
  background-image: url("images/index/slider/mainVisDummy2.jpg");
}

.main3 .visInner {
  background-image: url("images/index/slider/mainVisDummy3.jpg");
}

.visInner p {
  color: #fff;
  font-style: normal;
  font-feature-settings: "palt" 1;
  font-size: 3rem;
  font-weight: 600;
  line-height: 1.25;
  margin: 0;
  white-space: nowrap;
  position: absolute;
  left: 3rem;
  bottom: 6.25rem;
  opacity: 0;
  letter-spacing: 0.6em;
  transition: opacity 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.tracking-in-contract .visInner p {
  opacity: 0.8;
}

.visInner div {
  color: #fff;
  padding: 0 2rem;
  position: absolute;
  bottom: -1em;
  transition: 1s ease-in-out;
  opacity: 0;
}

.activate .visInner div {
  bottom: 1em;
  opacity: 1;
}

.visInner::before {
  background: linear-gradient(rgba(0, 0, 0, 0), 75%, rgb(0, 0, 0) 98%);
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

/* ----------------------------------------------
 * Generated by Animista on 2025-3-6 10:30:44
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */
/**
 * ----------------------------------------
 * animation tracking-in-contract
 * ----------------------------------------
 */
@media screen and (max-width: 599px) {
  .sp-br {
    display: inline;
  }
}
@media screen and (min-width: 600px) {
  .sp-br {
    display: none;
  }
}
@media screen and (min-width: 800px) {
  .visInner {
    height: calc(100vh - 4rem);
  }
  .visInner h2 {
    bottom: 2.7em;
    left: 3rem;
    z-index: 9999;
  }
  .activate .visInner h2 {
    left: -8.3rem;
  }
  .visInner div {
    bottom: 1em;
  }
  .activate .visInner div {
    bottom: 4.6em;
  }
}
/*----------------------------------------------------------------------
 contents
----------------------------------------------------------------------*/
/*!
Theme Name: FINEV2025
Theme URI: http://underscores.me/
Author: studioNoiR
Author URI: http://studio-noir.jp
Description: theme for FINEV2025 web site
Version: 1.2.12
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: finev2025
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.

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

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*----------------------- ---------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/
/*
variables.scss
*/
/*
_index.scss file (Layout TypeA)
*/
.home .contentsBG {
  padding: 3.2rem 0 0;
}

.home .contentsBG .h2Block h2 {
  font-size: 1.6rem;
  margin-bottom: 1.2rem;
  text-align: center;
}

.home .contentsBG .h2Block ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  list-style: none;
  margin: 0;
  padding: 0;
}

.home .contentsBG.theme {
  background-color: #1b1b1b;
}

.home .contentsBG.theme .h2Block {
  margin-bottom: 0;
}

.home .contentsBG.theme h2 {
  color: #fff;
}

.home .contentsBG.theme ul li {
  width: 50%;
}

.home .contentsBG.theme ul li a, .home .contentsBG.theme ul li div {
  aspect-ratio: 1/1;
  display: block;
  text-decoration: none;
  overflow: hidden;
  position: relative;
}

.home .contentsBG.theme ul li a::before, .home .contentsBG.theme ul li div::before {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transition: all 0.3s ease-out;
  z-index: 0;
}

.home .contentsBG.theme ul li a:hover::before {
  transform: scale(1.1);
}

.home .contentsBG.theme ul li a span {
  color: #fff;
  font-size: 1.1rem;
  position: absolute;
  left: 1rem;
  bottom: 0.875rem;
  z-index: 2;
}

.home .contentsBG.theme ul li a::after {
  background: linear-gradient(rgba(0, 0, 0, 0), 75%, rgb(0, 0, 0) 98%);
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
}

.home .contentsBG.theme ul li div span {
  color: #fff;
  display: block;
  font-size: 1.1rem;
  position: relative;
  padding: 1rem;
  z-index: 2;
}

.home .contentsBG.theme ul li div span h3 {
  font-size: 1.1rem;
  margin: 0 0 0.5rem;
}

.home .contentsBG.theme ul li div span ul {
  display: block;
  font-size: 0.85rem;
  list-style: disc;
  margin: 0 0 0 0.85rem;
}

.home .contentsBG.theme ul li div span ul li {
  width: auto !important;
}

.home .contentsBG.theme ul li div::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(transparent 50%, rgba(0, 0, 0, 0.6) 50%), linear-gradient(90deg, rgba(255, 0, 0, 0.03), rgba(0, 255, 0, 0.01), rgba(0, 0, 255, 0.03));
  background-size: 100% 2px, 4px 100%;
  z-index: 1;
  pointer-events: none;
  opacity: 0.7; /* 全体の強度調整 */
}

.home .contentsBG.theme ul li:nth-child(1) a::before, .home .contentsBG.theme ul li:nth-child(1) div::before {
  background-image: url("images//index/theme01.jpg");
}

.home .contentsBG.theme ul li:nth-child(2) a::before, .home .contentsBG.theme ul li:nth-child(2) div::before {
  background-image: url("images//index/theme02.jpg?250708");
}

.home .contentsBG.theme ul li:nth-child(3) a::before, .home .contentsBG.theme ul li:nth-child(3) div::before {
  background-image: url("images//index/theme03.jpg");
}

.home .contentsBG.theme ul li:nth-child(4) a::before, .home .contentsBG.theme ul li:nth-child(4) div::before {
  background-image: url("images//index/theme04.jpg?01");
}

.home .contentsBG.service {
  background-color: #fff;
}

.home .contentsBG.service .h2Block {
  margin-bottom: 0;
}

.home .contentsBG.service .h2Block ul li {
  width: 50%;
}

.home .contentsBG.service .h2Block ul li a {
  aspect-ratio: 336/237;
  display: block;
  text-decoration: none;
  overflow: hidden;
  position: relative;
}

.home .contentsBG.service .h2Block ul li a::before {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transition: all 0.3s ease-out;
  z-index: 0;
}

.home .contentsBG.service .h2Block ul li a span {
  color: #fff;
  font-size: 1.1rem;
  font-feature-settings: "palt";
  letter-spacing: 0.05em;
  position: absolute;
  left: 1rem;
  bottom: 0.875rem;
  z-index: 2;
}

.home .contentsBG.service .h2Block ul li a:hover::before {
  transform: scale(1.1);
}

.home .contentsBG.service .h2Block ul li a::after {
  background: linear-gradient(rgba(0, 0, 0, 0), 75%, rgb(0, 0, 0) 98%);
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
}

.home .contentsBG.service .h2Block ul li:nth-child(1) a::before {
  background-image: url("images//index/service01.jpg");
}

.home .contentsBG.service .h2Block ul li:nth-child(2) a::before {
  background-image: url("images//index/service02.jpg");
}

.home .contentsBG.service .h2Block ul li:nth-child(3) a::before {
  background-image: url("images//index/service03.jpg");
}

.home .contentsBG.service .h2Block ul li:nth-child(4) a::before {
  background-image: url("images//index/service04.jpg");
}

.home .contentsBG.news {
  overflow: hidden;
  padding-bottom: 4.8rem;
  position: relative;
}

.home .contentsBG.news::before {
  background-image: url("images//index/newsBG.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  content: "";
  filter: grayscale(100%) blur(4px) brightness(0.65);
  inset: -16px;
  position: absolute;
  z-index: 0;
}

.home .contentsBG.news .h2Block {
  background-color: rgba(255, 255, 255, 0.7);
  margin: 0 auto;
  padding: 1rem 0 1.8rem;
  position: relative;
  width: 35.1rem;
  z-index: 1;
}

.home .contentsBG.news dl {
  border-top: solid 1px #707070;
  margin-bottom: 2.8rem;
  padding-top: 1rem;
}

.home .contentsBG.news dl dt, .home .contentsBG.news dl dd {
  padding: 0 1.2rem;
}

.home .contentsBG.news dl dt {
  font-weight: normal;
  height: 1.713rem;
}

.home .contentsBG.news dl dd {
  border-bottom: solid 1px #707070;
  height: 3.013rem;
  margin-bottom: 1rem;
  padding-bottom: 1.2rem;
  width: 100%;
}

.home .contentsBG.news dl dd a {
  color: #505050;
  display: block;
  overflow: hidden;
  text-decoration: none;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.home .contentsBG.news dl dd a:hover {
  color: #0070c9;
  text-decoration: underline;
}

.home .contentsBG.news .readMore a {
  border: solid 1px #707070;
  color: #505050;
  display: block;
  height: 2rem;
  margin: 0 auto;
  text-align: center;
  text-decoration: none;
  width: 14rem;
  transition: all 0.3s ease-out;
}

.home .contentsBG.news .readMore a:hover {
  background-color: #505050;
  color: #b0b0b0;
}

@media screen and (min-width: 800px) {
  .home .contentsBG {
    padding: 0;
  }
  .home .contentsBG .h2Block {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
  }
  .home .contentsBG .h2Block h2 {
    font-size: 1.5rem;
  }
  .home .contentsBG .h2Block ul {
    margin-left: 3rem;
    width: 72rem;
  }
  .home .contentsBG.theme .h2Block ul li {
    width: 25%;
  }
  .home .contentsBG.service .h2Block {
    padding: 3rem 0;
  }
  .home .contentsBG.service .h2Block ul {
    padding-right: 3rem;
  }
  .home .contentsBG.service .h2Block ul li {
    width: 16.5rem;
  }
  .home .contentsBG.news {
    padding: 3rem 0;
  }
  .home .contentsBG.news .h2Block {
    padding: 3rem 2.875rem 2.25rem;
    width: 83.375rem;
  }
  .home .contentsBG.news .h2Block dl {
    display: flex;
    flex-wrap: wrap;
    margin-left: 3rem;
    padding: 0;
    width: 66rem;
  }
  .home .contentsBG.news .h2Block dl dt, .home .contentsBG.news .h2Block dl dd {
    align-self: flex-start;
    height: 5.52625rem;
    margin: 0;
    padding: 1.875rem 0;
  }
  .home .contentsBG.news .h2Block dl dt {
    border-bottom: solid 1px #707070;
    width: 12.5rem;
  }
  .home .contentsBG.news .h2Block dl dd {
    width: calc(100% - 12.5rem);
  }
  .home .contentsBG.news .h2Block .readMore {
    width: 100%;
  }
}
/*!
Theme Name: FINEV2025
Theme URI: http://underscores.me/
Author: studioNoiR
Author URI: http://studio-noir.jp
Description: theme for FINEV2025 web site
Version: 1.2.12
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: finev2025
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.

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

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*----------------------- ---------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/
/*
variables.scss
*/
/*
_contents.scss file (Layout TypeA)
*/
/*!
Theme Name: FINEV2025
Theme URI: http://underscores.me/
Author: studioNoiR
Author URI: http://studio-noir.jp
Description: theme for FINEV2025 web site
Version: 1.2.12
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: finev2025
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.

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

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*----------------------- ---------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/
/*
variables.scss
*/
/*
_contentsXS.scss
*/
.contentsBG {
  padding: 0 0 4.2rem;
}

.page .contentsBG .entry-header, .single .contentsBG .entry-header {
  background-image: url("images//contents/imagePageTitleBG.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  margin-bottom: 1rem;
  height: 12.8rem;
  position: relative;
}

.page .contentsBG .entry-header h1, .single .contentsBG .entry-header h1 {
  color: #fff;
  font-size: 1.7rem;
  letter-spacing: 0.14em;
  position: absolute;
  bottom: 1.6rem;
  left: 1.6rem;
  z-index: 1;
}

.page .contentsBG .entry-header::after, .single .contentsBG .entry-header::after {
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0) 45%);
  content: "";
  display: block;
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.contentsBG .entry-content, .contentsBG .entry-footer {
  line-height: 2;
  margin: 0 auto;
  width: 32rem;
}

.contentsBG .entry-content ul, .contentsBG .entry-content ol {
  margin: 0;
  padding: 0;
  padding-left: 1.5em;
}

.contentsBG h2 {
  font-weight: 500;
  margin: 3rem 0 1.6rem;
}

.contentsBG h3 {
  font-weight: 500;
  margin: 2rem 0 1rem;
}

.contentsBG h4 {
  margin: 1.5rem 0 0.5rem;
  font-weight: 500;
}

.contentsBG h5 {
  margin: 1.3rem 0 0.3rem;
  font-weight: 500;
}

.contentsBG h6 {
  font-weight: 500;
}

.page-header {
  background-image: url("images//contents/imagePageTitleBG.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  margin-bottom: 1rem;
  height: 12.8rem;
  position: relative;
}

.page-header h1 {
  color: #fff;
  font-size: 1.7rem;
  letter-spacing: 0.14em;
  position: absolute;
  bottom: 1.6rem;
  left: 1.6rem;
  z-index: 1;
}

.page-header::after {
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0) 45%);
  content: "";
  display: block;
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.error-404 {
  padding: 4rem 0;
  text-align: center;
}

.error-404 .page-header {
  background: none;
  height: auto;
  margin-bottom: 2rem;
}

.error-404 .page-header::after {
  display: none;
}

.error-404 .page-header .page-title {
  color: #004A88;
  font-size: 3rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  position: static;
}

.error-404 .page-content {
  line-height: 2;
  margin: 0 auto;
  width: 32rem;
}

.error-404 .page-content > p {
  color: #505050;
  margin-bottom: 2rem;
}

.error-404 .page-content .search-form {
  display: flex;
  gap: 0.5rem;
  margin: 2rem auto;
  width: 100%;
}

.error-404 .page-content .search-form > label {
  display: flex;
  flex: 1;
}

.error-404 .page-content .search-form .search-field {
  border: 0.1rem solid #ced4da;
  border-radius: 0.4rem;
  flex: 1;
  padding: 0.5rem 1rem;
  width: 100%;
}

.error-404 .page-content .search-form .search-submit {
  background-color: #004A88;
  border: none;
  border-radius: 0.4rem;
  color: #fff;
  cursor: pointer;
  padding: 0.5rem 1rem;
  transition: background-color 0.2s ease;
  white-space: nowrap;
}

.error-404 .page-content .search-form .search-submit:hover {
  opacity: 0.8;
}

.error-404 .page-content .error-404-links {
  margin-top: 2.5rem;
}

.error-404 .page-content .error-404-links ul {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  list-style: none;
  margin: 0;
  padding: 0;
}

.error-404 .page-content .error-404-links a {
  background-color: #f8f9fa;
  border: 0.1rem solid #dee2e6;
  border-radius: 0.4rem;
  color: #505050;
  display: block;
  padding: 1rem 2rem;
  text-decoration: none;
  transition: all 0.2s ease;
}

.error-404 .page-content .error-404-links a:hover {
  background-color: #004A88;
  border-color: #004A88;
  color: #fff;
}

.breadcrumbWrap {
  font-size: 0.85rem;
  margin: 0 auto 4rem;
  width: 32rem;
}

.breadcrumbWrap a {
  color: #505050;
  text-decoration: none;
}

.breadcrumbWrap a:hover {
  color: #0070c9;
  text-decoration: underline;
}

.archive .entry-header, .blog .entry-header {
  border-bottom: dashed 1px #ddd;
  display: flex;
  flex-wrap: wrap;
  margin: 0 auto;
  width: 32rem;
}

.archive .entry-header .titleBlock, .blog .entry-header .titleBlock {
  order: 2;
  width: 100%;
}

.archive .entry-header .titleBlock .media, .blog .entry-header .titleBlock .media {
  margin: 0;
  width: 100%;
}

.archive .entry-header h2, .blog .entry-header h2 {
  font-size: 1rem;
  line-height: 1.714;
  margin: 0 0 1rem 0;
  width: 100%;
}

.archive .entry-header p, .blog .entry-header p {
  width: 10rem;
}

.archive article, .blog article {
  margin: 0 0 0.5rem;
  padding: 0 0 0.5rem;
}

.pagination {
  width: 100%;
}

.pagination .nav-links {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.pagination .nav-links a, .pagination .nav-links span {
  line-height: 1;
  margin: 0 0.2rem;
  min-width: 1.5em;
  padding: 1rem 0;
  text-align: center;
}

.pagination .nav-links a {
  color: #505050;
  text-decoration: underline;
}

.pagination .nav-links .current {
  color: #505050;
  font-weight: 700;
}

.pagination .nav-links .prev, .pagination .nav-links .next {
  text-decoration: none;
}

@media screen and (min-width: 600px) {
  /*!
  Theme Name: FINEV2025
  Theme URI: http://underscores.me/
  Author: studioNoiR
  Author URI: http://studio-noir.jp
  Description: theme for FINEV2025 web site
  Version: 1.2.12
  License: GNU General Public License v2 or later
  License URI: LICENSE
  Text Domain: finev2025
  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.

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

  Normalizing styles have been helped along thanks to the fine work of
  Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
  */
  /*----------------------- ---------------------------------------
  >>> TABLE OF CONTENTS:
  ----------------------------------------------------------------
  # Normalize
  # Typography
  # Elements
  # Forms
  # Navigation
  	## Links
  	## Menus
  # Accessibility
  # Alignments
  # Clearings
  # Widgets
  # Content
  	## Posts and pages
  	## Comments
  # Infinite scroll
  # Media
  	## Captions
  	## Galleries
  --------------------------------------------------------------*/
  /*
  variables.scss
  */
  /*
  _contentsS.scss
  */
}
@media screen and (min-width: 800px) {
  /*!
  Theme Name: FINEV2025
  Theme URI: http://underscores.me/
  Author: studioNoiR
  Author URI: http://studio-noir.jp
  Description: theme for FINEV2025 web site
  Version: 1.2.12
  License: GNU General Public License v2 or later
  License URI: LICENSE
  Text Domain: finev2025
  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.

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

  Normalizing styles have been helped along thanks to the fine work of
  Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
  */
  /*----------------------- ---------------------------------------
  >>> TABLE OF CONTENTS:
  ----------------------------------------------------------------
  # Normalize
  # Typography
  # Elements
  # Forms
  # Navigation
  	## Links
  	## Menus
  # Accessibility
  # Alignments
  # Clearings
  # Widgets
  # Content
  	## Posts and pages
  	## Comments
  # Infinite scroll
  # Media
  	## Captions
  	## Galleries
  --------------------------------------------------------------*/
  /*
  variables.scss
  */
  /*
  _contentsM.scss
  */
  .contentsBG {
    padding: 0 0 4.5rem;
  }
  .page .contentsBG .entry-header, .single .contentsBG .entry-header {
    height: 22.5rem;
  }
  .page .contentsBG .entry-header h1, .single .contentsBG .entry-header h1 {
    font-size: 1.7rem;
    letter-spacing: 0.14em;
    bottom: 2rem;
    left: 3rem;
  }
  .contentsBG .entry-content, .contentsBG .entry-footer {
    width: 68.75rem;
  }
  .archive .entry-header, .blog .entry-header {
    width: 68.75rem;
  }
  .archive .entry-header .titleBlock, .blog .entry-header .titleBlock {
    width: calc(100% - 10rem);
  }
  .page-header {
    height: 22.5rem;
  }
  .page-header h1 {
    font-size: 1.7rem;
    letter-spacing: 0.14em;
    bottom: 2rem;
    left: 3rem;
  }
  .breadcrumbWrap {
    margin-bottom: 4.5rem;
    width: 68.75rem;
  }
  .error-404 {
    padding: 6rem 0;
  }
  .error-404 .page-header {
    margin-bottom: 3rem;
  }
  .error-404 .page-header .page-title {
    font-size: 4.5rem;
  }
  .error-404 .page-content {
    width: 37.5rem;
  }
  .error-404 .page-content > p {
    font-size: 1.1rem;
    margin-bottom: 2.5rem;
  }
  .error-404 .page-content .search-form {
    max-width: 29.5rem;
  }
  .error-404 .page-content .search-form .search-field {
    padding: 0.5rem 1rem;
  }
  .error-404 .page-content .search-form .search-submit {
    padding: 0.5rem 1.5rem;
  }
  .error-404 .page-content .error-404-links {
    margin-top: 3rem;
  }
  .error-404 .page-content .error-404-links ul {
    flex-direction: row;
    justify-content: center;
    gap: 1.5rem;
  }
  .error-404 .page-content .error-404-links a {
    min-width: 14rem;
    padding: 0.5rem 2.5rem;
  }
}
@media screen and (min-width: 1440px) {
  /*!
  Theme Name: FINEV2025
  Theme URI: http://underscores.me/
  Author: studioNoiR
  Author URI: http://studio-noir.jp
  Description: theme for FINEV2025 web site
  Version: 1.2.12
  License: GNU General Public License v2 or later
  License URI: LICENSE
  Text Domain: finev2025
  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.

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

  Normalizing styles have been helped along thanks to the fine work of
  Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
  */
  /*----------------------- ---------------------------------------
  >>> TABLE OF CONTENTS:
  ----------------------------------------------------------------
  # Normalize
  # Typography
  # Elements
  # Forms
  # Navigation
  	## Links
  	## Menus
  # Accessibility
  # Alignments
  # Clearings
  # Widgets
  # Content
  	## Posts and pages
  	## Comments
  # Infinite scroll
  # Media
  	## Captions
  	## Galleries
  --------------------------------------------------------------*/
  /*
  variables.scss
  */
  /*
  _contentsL.scss
  */
}
/*!
Theme Name: FINEV2025
Theme URI: http://underscores.me/
Author: studioNoiR
Author URI: http://studio-noir.jp
Description: theme for FINEV2025 web site
Version: 1.2.12
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: finev2025
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.

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

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*----------------------- ---------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/
/*
variables.scss
*/
/*
_contact.scss - Contact Form 7 Styles
お問い合わせフォームのスタイル
*/
.wpcf7 {
  max-width: 72rem;
  margin: 0 auto;
}

.wpcf7-form {
  background-color: #f8f9fa;
  border-radius: 0.8rem;
  padding: 2rem 1.5rem;
}

dl.mailform {
  margin: 0;
}

dl.mailform dt {
  margin-bottom: 0.5rem;
  padding-top: 1.5rem;
}

dl.mailform dt:first-child {
  padding-top: 0;
}

dl.mailform dt p {
  color: #505050;
  font-size: 0.95rem;
  font-weight: 600;
  margin: 0;
}

dl.mailform dt .red {
  color: #dc3545;
  font-size: 0.85rem;
  font-weight: normal;
  margin-left: 0.25rem;
}

dl.mailform dd {
  margin: 0;
}

dl.mailform dd p {
  margin: 0;
}

.wpcf7-form-control {
  background-color: #fff;
  border: 0.1rem solid #ced4da;
  border-radius: 0.4rem;
  color: #505050;
  font-size: 1rem;
  padding: 0.75rem 1rem;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
  width: 100%;
}

.wpcf7-form-control:focus {
  border-color: #004A88;
  box-shadow: 0 0 0 0.3rem rgba(0, 74, 136, 0.15);
  outline: none;
}

.wpcf7-form-control::-moz-placeholder {
  color: #adb5bd;
}

.wpcf7-form-control::placeholder {
  color: #adb5bd;
}

.wpcf7-form-control.wpcf7-text, .wpcf7-form-control.wpcf7-email, .wpcf7-form-control.wpcf7-tel {
  height: 3rem;
}

.wpcf7-form-control.wpcf7-textarea {
  min-height: 18rem;
  resize: vertical;
}

.btn-mail {
  margin-top: 2rem;
  text-align: center;
}

.btn-mail p {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0;
}

.btn-mail .wpcf7-submit {
  background-color: #004A88;
  border: none;
  border-radius: 0.4rem;
  color: #fff;
  cursor: pointer;
  font-size: 1rem;
  font-weight: 600;
  letter-spacing: 0.1em;
  width: 25%;
  padding: 0.5rem 1.5rem;
  transition: background-color 0.2s ease, transform 0.1s ease;
}

.btn-mail .wpcf7-submit:hover {
  background-color: rgb(0, 46.25, 85);
}

.btn-mail .wpcf7-submit:active {
  transform: translateY(0.1rem);
}

.btn-mail .wpcf7-submit:disabled {
  background-color: #adb5bd;
  cursor: not-allowed;
}

.wpcf7-response-output {
  border-radius: 0.4rem;
  margin: 1.5rem 0 0;
  padding: 1rem;
  text-align: center;
}

.wpcf7-form.invalid .wpcf7-response-output,
.wpcf7-form.unaccepted .wpcf7-response-output {
  background-color: #f8d7da;
  border: 0.1rem solid #f5c6cb;
  color: #721c24;
}

.wpcf7-form.sent .wpcf7-response-output {
  background-color: #d4edda;
  border: 0.1rem solid #c3e6cb;
  color: #155724;
}

.wpcf7-not-valid-tip {
  color: #dc3545;
  display: block;
  font-size: 0.85rem;
  margin-top: 0.25rem;
}

.wpcf7-not-valid {
  border-color: #dc3545;
}

.wpcf7-not-valid:focus {
  box-shadow: 0 0 0 0.3rem rgba(220, 53, 69, 0.15);
}

.wpcf7-spinner {
  margin-top: 0.75rem;
}

@media screen and (min-width: 800px) {
  .wpcf7-form {
    padding: 3rem;
  }
  dl.mailform {
    display: grid;
    gap: 0 2rem;
    grid-template-columns: 20rem 1fr;
    align-items: start;
  }
  dl.mailform dt {
    padding-top: 1.75rem;
    text-align: right;
  }
  dl.mailform dt:first-child {
    padding-top: 0;
  }
  dl.mailform dt p {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.5rem;
  }
  dl.mailform dt .red {
    margin-left: 0;
  }
  dl.mailform dd {
    padding-top: 1.25rem;
  }
  dl.mailform dd:nth-child(2) {
    padding-top: 0;
  }
  .btn-mail {
    margin-top: 2.5rem;
  }
  .btn-mail .wpcf7-submit {
    width: 25%;
    padding: 0.5rem 2rem;
  }
}
/*!
Theme Name: FINEV2025
Theme URI: http://underscores.me/
Author: studioNoiR
Author URI: http://studio-noir.jp
Description: theme for FINEV2025 web site
Version: 1.2.12
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: finev2025
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.

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

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*----------------------- ---------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/
/*
variables.scss
*/
/*
_preparing.scss — 準備中コンテンツ表示用カード
*/
.preparing {
  margin: 4.8rem auto;
  max-width: 32rem;
  padding: 0 1.6rem;
}

.preparing__card {
  background-color: #f8f9fa;
  border: 1px solid #dee2e6;
  border-radius: 0.8rem;
  padding: 4rem 2.4rem;
  text-align: center;
}

.preparing__title {
  color: #004A88;
  font-size: 1.8rem;
  font-weight: 500;
  letter-spacing: 0.08em;
  margin: 0 0 1.6rem;
}

.preparing__text {
  color: #505050;
  line-height: 2;
  margin: 0;
}

.preparing__button a {
  border: 1px solid #004A88;
  border-radius: 0.4rem;
  color: #004A88;
  display: inline-block;
  margin-top: 2.4rem;
  padding: 0.8rem 3.2rem;
  text-decoration: none;
  transition: all 0.3s ease-out;
}

.preparing__button a:hover {
  background-color: #004A88;
  color: #fff;
}

@media screen and (min-width: 800px) {
  .preparing {
    max-width: 50rem;
  }
  .preparing__card {
    padding: 4rem 3rem;
  }
  .preparing__title {
    font-size: 1.5rem;
  }
}
@media screen and (min-width: 1440px) {
  .preparing {
    max-width: 60rem;
  }
}
/*----------------------------------------------------------------------
 animation
----------------------------------------------------------------------*/
/* ----------------------------------------------
 * Generated by Animista on 2025-2-21 19:11:32
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */
/**
 * ----------------------------------------
 * animation focus-in-expand
 * ----------------------------------------
 */
@keyframes focus-in-expand {
  0% {
    letter-spacing: -0.5em;
    filter: blur(12px);
    opacity: 0;
  }
  100% {
    filter: blur(0px);
    opacity: 1;
  }
}
.focus-in-expand {
  opacity: 0;
}

.move.focus-in-expand {
  animation: focus-in-expand 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}

/* ----------------------------------------------
 * Generated by Animista on 2025-2-21 19:21:10
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */
/**
 * ----------------------------------------
 * animation jello-horizontal
 * ----------------------------------------
 */
@keyframes jello-horizontal {
  0% {
    transform: scale3d(1, 1, 1);
  }
  30% {
    transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    transform: scale3d(1.05, 0.95, 1);
  }
  100% {
    transform: scale3d(1, 1, 1);
  }
}
.move.jello-horizontal {
  animation: jello-horizontal 0.9s both;
}

/* ----------------------------------------------
 * Generated by Animista on 2025-2-21 20:56:39
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */
/**
 * ----------------------------------------
 * animation bounce-bottom
 * ----------------------------------------
 */
@keyframes bounce-bottom {
  0% {
    animation-timing-function: ease-in;
    opacity: 1;
  }
  24% {
    opacity: 1;
  }
  40% {
    transform: translateY(24px);
    animation-timing-function: ease-in;
  }
  65% {
    transform: translateY(12px);
    animation-timing-function: ease-in;
  }
  82% {
    transform: translateY(6px);
    animation-timing-function: ease-in;
  }
  93% {
    transform: translateY(4px);
    animation-timing-function: ease-in;
  }
  25%, 55%, 75%, 87% {
    transform: translateY(0px);
    animation-timing-function: ease-out;
  }
  100% {
    transform: translateY(0px);
    animation-timing-function: ease-out;
    opacity: 1;
  }
}
.bounce-bottom {
  opacity: 0;
}

.move.bounce-bottom {
  animation: bounce-bottom 0.9s both;
}

/* ----------------------------------------------
 * Generated by Animista on 2025-2-21 21:10:34
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */
/**
 * ----------------------------------------
 * animation fade-in
 * ----------------------------------------
 */
@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.fade-in {
  opacity: 0;
}

.move.fade-in {
  animation: fade-in 1.2s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.3s both;
}

/* ----------------------------------------------
 * Generated by Animista on 2025-2-21 21:23:28
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */
/**
 * ----------------------------------------
 * animation slide-in-bottom
 * ----------------------------------------
 */
@keyframes slide-in-bottom {
  0% {
    transform: translateY(1000px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
.slide-in-bottom {
  opacity: 0;
}

.move.slide-in-bottom {
  animation: slide-in-bottom 1.2s ease-out both;
}

/* ----------------------------------------------
 * Generated by Animista on 2025-2-21 21:29:18
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */
/**
 * ----------------------------------------
 * animation wobble-hor-bottom
 * ----------------------------------------
 */
@keyframes wobble-hor-bottom {
  0%, 100% {
    transform: translateX(0%);
    transform-origin: 50% 50%;
  }
  15% {
    transform: translateX(-30px) rotate(-6deg);
  }
  30% {
    transform: translateX(15px) rotate(6deg);
  }
  45% {
    transform: translateX(-15px) rotate(-3.6deg);
  }
  60% {
    transform: translateX(9px) rotate(2.4deg);
  }
  75% {
    transform: translateX(-6px) rotate(-1.2deg);
  }
}
.move.wobble-hor-bottom {
  animation: wobble-hor-bottom 0.8s both;
}

/* ----------------------------------------------
 * Generated by Animista on 2025-2-21 21:44:0
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */
/**
 * ----------------------------------------
 * animation slide-in-left
 * ----------------------------------------
 */
@keyframes slide-in-left {
  0% {
    transform: translateX(-1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.slide-in-left {
  opacity: 0;
}

.move.slide-in-left {
  animation: slide-in-left 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}

/* ----------------------------------------------
 * Generated by Animista on 2025-3-10 19:40:50
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */
/**
 * ----------------------------------------
 * animation fade-in-fwd
 * ----------------------------------------
 */
@keyframes fade-in-fwd {
  0% {
    transform: translateZ(-80px);
    opacity: 0;
  }
  100% {
    transform: translateZ(0);
    opacity: 1;
  }
}
.fade-in-fwd {
  opacity: 0;
}

.move.fade-in-fwd {
  animation: fade-in-fwd 1s cubic-bezier(0.39, 0.575, 0.565, 1) both;
}

/* ----------------------------------------------
 * Generated by Animista on 2025-3-11 15:37:57
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */
/**
 * ----------------------------------------
 * animation fade-in-bottom
 * ----------------------------------------
 */
@keyframes fade-in-bottom {
  0% {
    transform: translateY(50px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
.fade-in-bottom {
  opacity: 0;
}

.move.fade-in-bottom {
  animation: fade-in-bottom 0.8s cubic-bezier(0.39, 0.575, 0.565, 1) both;
}

/*----------------------------------------------------------------------
 comment here
----------------------------------------------------------------------*/
/*# sourceMappingURL=maps/style.css.map */