/*共通設定*/

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

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

::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;
}

/*# sourceMappingURL=bootstrap-reboot.css.map */
body {
	background-color:#ffffff ;
	color: #3b3b3b;
	font-family:'Segoe UI', 'Yu Gothic','ヒラギノ角ゴシック','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',sans-serif;
	font-weight: 100;
}

.pt5rem {
    padding-top: 5rem;
}
.mt5rem {
    margin-top: 5rem;
}
.mt10rem {
  margin-top: 10rem;
}

br.pc-only {
  display: block;
}
br.tab-only,
br.sp-only {
  display: none;
}

.animated.slower {
	-webkit-animation-duration: 3s;
	animation-duration: 3s;
}

html{
	scroll-behavior: smooth;
}

/*== ボタン共通設定 */
.btn{
    /*アニメーションの起点とするためrelativeを指定*/
    position: relative;
    overflow: hidden;
    /*ボタンの形状*/
    text-decoration: none;
    display: inline-block;
    border: 1px solid #9cbb1c;/* ボーダーの色と太さ */
    padding: 10px 30px;
    text-align: center;
    outline: none;
    border-radius: 1.5rem;
    /*アニメーションの指定*/
    transition: ease .2s;
}

/*ボタン内spanの形状*/
.btn span {
  position: relative;
  z-index: 3;/*z-indexの数値をあげて文字を背景よりも手前に表示*/
  color:#3b3b3b;
}

.btn:hover span{
  color:#fff;
}

/*== 背景が流れる（斜め） */
.bgskew::before {
  content: '';
    /*絶対配置で位置を指定*/
  position: absolute;
  top: 0;
  left: -130%;
    /*色や形状*/
  background:#9cbb1c;
  width:120%;
  height: 100%;
  transform: skewX(-25deg);
}

/*hoverした時のアニメーション*/
.bgskew:hover::before {
  animation: skewanime .5s forwards;/*アニメーションの名前と速度を定義*/
}

@keyframes skewanime {
  100% {
    left:-10%;/*画面の見えていない左から右へ移動する終了地点*/
  }
}

/*==タイトル*/
h2.title {
  font-family: "futura-pt", sans-serif;
  font-size: 3rem;
  font-weight: 500;
  font-style: normal;
}
.line-center {
  background: #9cbb1c;
  width: 40px;
  height: 5px;
  margin-bottom: 5rem;
}

/*ヘッダー*/
.navbar {
	background-color: rgba(51, 51, 51, 0.3);
	height: 15rem;
}
h1.navbar-brand a.index {
	text-decoration: none;
}
h1.navbar-brand a img {
  width: 10rem;
}
ul.navbar-nav li a,
.socialBtn a {
  font-family: "futura-pt", sans-serif;
	color: #fdfdfd;
	font-size: 1.5rem;
	font-weight: 400;
  text-decoration: none;
  margin-left: 1.5rem;
  position: relative;
}
.socialBtn a.nav-link:hover {
  color: #9cbb1c !important;
  transition: 800ms !important;
}

/*header-navのhover時の下線表示*/
ul.navbar-nav li a::after {
	position: absolute;
	content: '';
	left: 10px;
	bottom: 0;
	width: 0%;
	height: 2.5px;
	transition: all 500ms ease;
}
ul.navbar-nav li a:hover::after {
	width: 60%;
}
.navbar-trans a:hover::after {
	background-color: #fdfdfd;
}
.navbar-white a:hover::after {
	background-color: #9cbb1c;
}

/*scrollすると色が変わるheader-nav*/
.navbar-trans {
	background: transparent;
	transition: background 800ms;
}
.navbar-trans a {
	color: #fdfdfd;
}
.navbar-white {
	background: #fdfdfd;
	transition: background 800ms;
}
.navbar-white a,
.navbar-white span.logo {
	color: #4A3931 !important;
}
.navbar-trans .navbar-nav a,
.navbar-white .navbar-nav a {
	font-size: 1.1rem;
	transition: color 800ms;
}

/*Hero*/
#hero video {
  position: relative;
  width: 100%;
}
.hero-overlay {
  content: '';
  top: 0px;
  left: 0px;
  padding: 0;
  width: 100%;
  background: rgba(59, 59, 59, 0.7);
}
.text-shadow {
  text-shadow: 1px 1px 5px #4D565B;
}
.intro .container {
	height: auto;
}
.intro {
	z-index: 2;
}
.intro-title {
	font-size: 2.5rem;
  line-height: 1.5;
	font-weight: 600;
  position: absolute;
  top: 45% !important;
  left: 5% !important;
}
.typing {
  width: 28ch;
  animation: typing 3s steps(23), effect .5s step-end infinite alternate;
  white-space: nowrap;
  overflow: hidden;
  border-right: 3px solid;
  color: #fff;
}
@keyframes typing {
  from {
    width: 0
  }
}
@keyframes effect {
  50% {
    border-color: transparent
  }
}
.hero-btn {
  position: absolute;
  top: 70% !important;
  left: 5% !important;
}
.hero-btn span,
.contact-btn span {
  color:#fff;
}

/*Main-Services*/
.s-box {
	margin: 5rem auto 0;
}
.s-wrapper {
	padding: 0 1.3rem;
	border-radius: 1rem;
	margin-bottom: 3rem;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
#service p {
	line-height: 1.8;
}
.service-link {
	display: inline-block;
	padding: 10px 25px;
	border: 2px solid #fdfdfd;
	border-radius: 5rem;
	background: #9cbb1c;
	line-height: 1.5;
}
.service-link a {
	font-size: 20px;
	color: #fdfdfd;
	text-decoration: none;
}
.service-link :hover {
	color: #847768;
	transition: 800ms;
}
#service.mb4rem {
	margin-bottom: 4rem;
}

/*Main-Works*/
#main-works {
  margin-bottom: 5rem;
}
.card-imgbox {
	width: 100%;
}
.card-imgbox img {
	transition: 800ms ease;
}
.card-imgbox img:hover {
	opacity: 0.6;
}
.card-img-top {
	width: 100%;
	height: 15vw;
	object-fit: cover;
}

/*Main-contact*/
#main-contact {
  background: url(img/TOP-contact-bg.jpg);
  background-size: cover;
  width: 100%;
  height: auto;
  background-attachment: fixed;
  padding: 3rem;
}
.main-contact-inner {
  width: 80%;
  background-color: rgba(255,255,255,0.4);
  margin-bottom: 5rem;
}
#main-contact h2 {
  color: #fff;
}
#main-contact h3,
#main-contact p {
  color:#001100;
}

/*footer*/
footer {
	background: #9cbb1c;
	text-align: center;
	padding: 25px 0;
}
footer p {
	font-size: 1.2rem;
}
footer a {
	color: #fdfdfd;
}
footer a:hover{
	color: #4A3931;
	text-decoration: none;
	transition: 800ms;
}

.back-to-top{
	position: fixed;
	right: 15px;
	bottom: 15px;
	width: 45px;
	height: 45px;
	border-radius: 50%;
	background: #9cbb1c;
	color: #fdfdfd;
	text-align: center;
	font-size: 18px;
	line-height: 2.4em;
}
.back-to-top :hover {
	text-decoration: none;
	position: fixed;
	right: 15px;
	bottom: 15px;
	width: 45px;
	height: 45px;
	border-radius: 50%;
	background: #847768;
	color: #fdfdfd !important;
	text-align: center;
	font-size: 18px;
	line-height: 2.4em;
	transition: 800ms;
}

/*Concept*/
#concept {
  background-color: #f9f9f9;
  padding-bottom: 5rem;
}
.concept {
  padding: 2.5rem;
  border-radius: 32% 43% 56% 44% / 63% 42% 58% 37%;
  background-color: #fff;
}
.concept p,
#about p {
  line-height: 1.8;
}

/*About me*/
#about {
  margin-bottom: 5rem;
}
.profile {
  border-radius:42% 58% 36% 64% / 57% 45% 55% 43%;
}
#about small {
  font-size: 0.8rem;
}
#about a.yk  {
  color: #847768;
  text-decoration: none;
}
#about a.yk:hover {
  color: #9cbb1c;
  text-decoration: none;
  transition: 800ms;
}

/*Flow*/
#flow {
  margin-bottom: 5rem;
}

/*パンくずリスト*/
.breadcrumb {
  background: transparent;
  font-weight: normal;
}
.blog-top .breadcrumb a,
.blog-top .breadcrumb {
  color: #fdfdfd;
}
.blog-top.current-item {
  color: #9cbb1c;
}
.breadcrumb-item span {
  color: #4e4e4e;
}
.breadcrumb-item span a {
  background: none;
  text-decoration: none !important;
}
.breadcrumb-item span.post.current-item {
  color: #9cbb1c;
}

.breadcrumb-item span:hover {
  color: #CFCAC6 !important;
  text-decoration: none !important;
  transition: 800ms;
}
.breadcrumb-item span a:hover {
  text-decoration: none !important;
}
.blog-hero .breadcrumb-item.active,
.blog-hero .breadcrumb-item::before {
  color: #9cbb1c;
  transition: 800ms;
}

/*work詳細ページ*/
.work-content .breadcrumb-item a{
	color: #3b3b3b;
}
.work-content .breadcrumb-item a:hover{
	color: #9cbb1c;
	text-decoration: none;
	transition: 800ms;
}
.work-content .breadcrumb-item.active {
	color: #9cbb1c;
}
.work-content h5 {
	font-size: 2rem;
}
.vertical-line {
	background: #9cbb1c;
	width: 4px;
	height: 25px;
}
.w-cat span a {
	color: #9cbb1c;
  text-decoration: none;
}
.work-a a {
  color : #9cbb1c;
  text-decoration: none;
}
.work-a a:hover{
  color: #E84592;
  text-decoration: none;
  transition: 800ms;
}

/*ページネーション*/
.wp-pagenavi {
  display: flex;
  justify-content: center;
  margin: 2.5rem 0;
}
.wp-pagenavi a,
.wp-pagenavi span {
  position: relative;
  padding: .5rem .75rem;
  margin-left: -1px;
  line-height: 1.25;
  color: #9cbb1c;
  background-color: #fdfdfd;
  border: 1px solid #dee2e6;
  margin-right: 0.5rem;
  text-decoration: none;
}
.wp-pagenavi span.current{
  color: #fdfdfd;
  background-color: #9cbb1c;
}
.wp-pagenavi a:hover{
  z-index: 2;
  color: #fdfdfd;
  text-decoration: none;
  background-color: #9cbb1c;
  border-color: #9cbb1c;
  transition: 800ms;
}

/*フォーム*/
.form-control {
    color: #3b3b3b;
    background-color: #f9f9f9;
    border: none;
    border-radius: 1rem;
}
span.red {
  color: #E84592;
}
a.ws-checkbox,
#privacy-policy a {
  text-decoration: none;
  color: #3b3b3b;
}
a span.pp:hover {
  text-decoration: none;
  color: #E84592;
  transition: 800ms;
}
div.wpcf7 .ajax-loader {
    display: block;
}

.wpcf7-spinner {
    width: 0 !important;
    height: 0 !important;
    margin: 0 !important;
  }

/*プライバシーポリシー*/
#privacy-policy {
  margin-bottom: 5rem;
}
#privacy-policy li {
  letter-spacing: 0.1rem;
  line-height: 1.5;
}

/*ブログ投稿*/
@media(max-width: 992px) {
	.wp-block-image img {
		height: 100% !important;
	}
}


/*レスポンシブデザイン*/
@media only screen and (max-width:1024px) {
	.hero h2,h1.blog-title {
		font-size: 1.8rem;
	}
}
@media only screen and (max-width:768px) {
  br.tab-only {
    display: block;
    }
  br.pc-only,
  br.sp-only {
    display: none;
    }
  .menu-header-navigation-container {
    display: flex;
    flex-direction: column;
    align-items: end;
  }
  .socialBtn {
    align-items: end;
  }
	.hero h2,h1.blog-title {
		text-align: center;
	}
  .intro-title {
    font-size: 1.5rem;
    top: 45% !important;
  }
  .hero-btn {
    top: 70% !important;
  }
	#form {
		height: auto;
	}
  #concept h3 {
    font-size: 1.25rem;
  }
	#about {
		padding-left: 0;
		padding-right: 0;
	}
	#about .sp-p {
		padding: 1rem !important;
	}
	#about ul {
		padding-left: 0;
	}
	#about .profile {
		margin-bottom: 2rem;
	}

	#service .s-wrapper.h-100 {
		height: auto !important;
	}

	.card-img-top {
		width: 100%;
		height: auto;
		object-fit: cover;
	}

	article.blog-content {
		padding-left: 1.2rem !important;
		padding-right: 1.2rem !important;
	}
	.blog-content h5 {
	font-size: 1.2rem;
	}
	footer p {
		font-size: 1rem;
	}
	footer p br.br {
		display: inline;
	 }

	span.elementor-button-text {
		display: block;
		font-size: 1rem;
	}
}
@media(max-width: 520px) {
  br.sp-only {
    display: block;
  }
  br.pc-only,
  br.tab-only {
    display: none;
  }
  .pc-only,
  .tab-only {
    display: none;
  }
  #hero video {
  height: 15rem;
  }
  h1.navbar-brand a img {
    width: 6rem;
  }
  .intro-title {
    font-size: 1.2rem;
    top: 50% !important;
  }
  h1.navbar-brand a img {
    width: 6.5rem;
  }
	.wp-block-column {
	display: flex;
	justify-content: center;
	}
	.wp-block-image {
	margin: 0 !important;
	}
	.has-large-font-size {
	font-size: 1.5rem !important;
	}
  #concept h3 {
    font-size: 1.1rem;
  }
  #main-contact {
  background: url(img/TOP-contact-bg-sp.jpg);
  background-size: cover;
  padding: 1.5rem;
  }
  #main-contact .container {
    padding: 0 !important;
  }
  .main-contact-inner {
  width: 100%;
  margin-bottom: 5rem;
  }
  #works h5.card-title {
    font-size: 1.5rem !important;
  }
}
@media only screen and (max-width:640px) {
	h3.elementor-heading-title {
		font-size: 1.2rem !important;
	}
	h3.elementor-icon-box-title span {
		font-size: 1.2rem !important;
	}
	.animated.slower {
		-webkit-animation-duration: 0s;
		animation-duration: 2s;
	}

}


/*
Theme name: NUKUMORI design
Description:NUKUMORI design Web site
Author: 土田 麻衣子
*/