@charset "utf-8";
.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
word-wrap: normal !important;
}
.wpcf7 .hidden-fields-container {
display: none;
}
.wpcf7 form .wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #00a0d2; }
.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450; }
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
border-color: #dc3232; }
.wpcf7 form.spam .wpcf7-response-output {
border-color: #f56e28; }
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
border-color: #ffb900; }
.wpcf7-form-control-wrap {
position: relative;
}
.wpcf7-not-valid-tip {
color: #dc3232; font-size: 1em;
font-weight: normal;
display: block;
}
.use-floating-validation-tip .wpcf7-not-valid-tip {
position: relative;
top: -2ex;
left: 1em;
z-index: 100;
border: 1px solid #dc3232;
background: #fff;
padding: .2em .8em;
width: 24em;
}
.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
content: " ";
}
.wpcf7-spinner {
visibility: hidden;
display: inline-block;
background-color: #23282d; opacity: 0.75;
width: 24px;
height: 24px;
border: none;
border-radius: 100%;
padding: 0;
margin: 0 24px;
position: relative;
}
form.submitting .wpcf7-spinner {
visibility: visible;
}
.wpcf7-spinner::before {
content: '';
position: absolute;
background-color: #fbfbfc; top: 4px;
left: 4px;
width: 6px;
height: 6px;
border: none;
border-radius: 100%;
transform-origin: 8px 8px;
animation-name: spin;
animation-duration: 1000ms;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@media (prefers-reduced-motion: reduce) {
.wpcf7-spinner::before {
animation-name: blink;
animation-duration: 2000ms;
}
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes blink {
from {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
.wpcf7 [inert] {
opacity: 0.5;
}
.wpcf7 input[type="file"] {
cursor: pointer;
}
.wpcf7 input[type="file"]:disabled {
cursor: default;
}
.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed;
}
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
direction: ltr;
}
.wpcf7-reflection > output {
display: list-item;
list-style: none;
}
.wpcf7-reflection > output[hidden] {
display: none;
}.popup-template .modal{opacity:0;transition:all .25s ease}.popup-template .modal.is-open{opacity:1;transition:all .25s ease}
 body{
margin:0;
font-family:"Noto Sans JP",sans-serif;
background:#fff;
} .page-template-default .l-content {padding-top: calc(var(--ark-header_height) + 20px);}  .home .l-content__body {
width: 100% !important;
margin: 0 0 0 0;
padding: 0 !important;
background: #f6e9d8;
display: contents;
}  @media screen and (max-width: 768px){ .p-drawer {
background: linear-gradient(
160deg,
#0B1F3B 0%,
#12335E 60%,
#071A33 100%
);
color: #fff;
--ark-nav-padding--Y: 18px;
--ark-nav-padding--L: 20px;
--ark-nav-padding--R: 20px;
} .c-drawerNav__a {
font-size: 16px;
border-bottom: 1px solid rgba(255,255,255,0.1);
} .c-drawerNav__a:active {
background: rgba(255,255,255,0.1);
} .c-drawerNav .sub-menu .c-drawerNav__a {
font-size: 14px;
opacity: 0.85;
} .menu-item-has-children > .c-drawerNav__a {
font-weight: 600;
} .c-drawerNav > li:last-child > .c-drawerNav__a {
background: #C8102E;
margin: 20px;
border-radius: 8px;
text-align: center;
}  [data-scrolled=true] .l-header {--ark-color--header_bg: rgba(11,31,59,0.7);backdrop-filter: none;} [data-scrolled=false] .page-template-default .l-header {background:#0B1F3B;} .fv{
display:flex;
flex-direction:column;
height:auto;
overflow:visible;
position:relative;
} .fv-video{
width:100%;
height:70vh;
position:relative;
overflow:hidden;
} .fv-video video{
width:100%;
height:100%;
object-fit:cover;
filter:
contrast(1.2)
saturate(0.85)
brightness(0.85);
transform:scale(1.15);
} .fv-video::before{
content:"";
position:absolute;
inset:0;
background-image:
radial-gradient(rgba(255,255,255,0.15) 1px, transparent 1px);
background-size:3px 3px;
pointer-events:none;
z-index:4;
} .fv-video::after{
content:"";
position:absolute;
inset:0;
background:
linear-gradient(
180deg,
rgba(11,31,59,0.2) 0%,
rgba(11,31,59,0.6) 60%,
rgba(11,31,59,0.9) 100%
);
pointer-events:none;
z-index:3;
} .fv-content{
width:100%;
height:auto;
background:linear-gradient(
160deg,
#0B1F3B 0%,
#12335E 60%,
#071A33 100%
);
color:#fff;
padding:60px 6%;
position:relative;
z-index:2;
} .fv-content::before{
content:"";
position:absolute;
top:-20%;
right:-20%;
width:400px;
height:400px;
background:radial-gradient(
circle,
rgba(255,255,255,0.08),
transparent 70%
);
pointer-events:none;
z-index:0;
} .bg-word{
position:absolute;
width:90%;
top:-50px;
left:50%;
transform:translateX(-50%);
mask-image: linear-gradient(to right, black 60%, transparent);
font-size:55px;
font-weight:700;
color:rgba(255,255,255,0.09);
letter-spacing:6px;
line-height:0.9;
pointer-events:none;
z-index:0;
} .sub{
letter-spacing:4px;
font-size:12px;
opacity:0.85;
}
h1{
font-family:"Noto Serif JP",serif;
font-size:34px;
margin:0;
}
.lead{
padding-top:15px;
margin-top:20px;
font-size:16px;
line-height:1.7;
border-top:1px solid rgba(255,255,255,0.15);
}
.catch{
font-size:12px;
line-height:1.7;
letter-spacing:1px;
color:#D6B36A;
}
.career{
margin-top:15px;
font-size:13px;
color:#C6A75E;
} .cta{
display:block;
width:100%;
text-align:center;
margin-top:30px;
padding:14px 20px;
background:#C8102E;
color:#fff;
text-decoration:none;
font-weight:600;
letter-spacing:1px;
} .fv-video{
position:sticky;
top:0;
z-index:1;
}
.fv-content{
margin-top:-40px;
border-radius:20px 20px 0 0;
} .cf7-form {
max-width: 100%;
margin: 0 auto;
padding: 0 16px;
color: #0b1f3b;
} .cf7-row {
display: block;
padding: 20px 0;
border-bottom: 1px solid #e5e8ee;
} .cf7-label {
width: 100%;
font-weight: 600;
color: #0b1f3b;
margin-bottom: 8px;
} .cf7-field {
width: 100%;
} .cf7-flex {
display: flex;
flex-direction: column;
gap: 10px;
}
.cf7-flex br {
display: none;
}
.cf7-flex p {
display: contents;
}
.cf7-flex input {
width: 100%;
margin: 0;
} .wpcf7 input,
.wpcf7 textarea {
width: 100%;
padding: 12px;
border: 1px solid #d6dbe4;
background: #f2f5f9;
font-size: 14px;
border-radius: 4px;
color: #0b1f3b;
} .wpcf7 input:focus,
.wpcf7 textarea:focus {
background: #fff;
border-color: #0b1f3b;
outline: none;
} .required {
display: inline-block;
background: #C8102E;
color: #fff;
font-size: 12px;
padding: 3px 8px;
margin-right: 8px;
border-radius: 3px;
} .optional {
display: inline-block;
background: #9aa4b2;
color: #fff;
font-size: 12px;
padding: 3px 8px;
margin-right: 8px;
border-radius: 3px;
} .cf7-check {
display: flex;
align-items: flex-start;
font-size: 14px;
}
.cf7-check input[type="checkbox"] {
width: 20px;
height: 20px;
accent-color: #C8102E;
margin: 2px 12px 0 0;
flex-shrink: 0;
}
.cf7-check label {
display: flex;
align-items: flex-start;
cursor: pointer;
}
.wpcf7-list-item {
margin: 0 !important;
} .cf7-submit {
text-align: center;
margin-top: 32px;
}
.cf7-submit input[type="submit"] {
width: 100%;
max-width: 320px;
background: #C8102E;
color: #fff;
padding: 14px;
border: none;
border-radius: 30px;
font-size: 15px;
cursor: pointer;
transition: background 0.3s ease, color 0.3s ease;
} .cf7-submit input[type="submit"]:hover {
background: #D6B36A;
color: #FFFFFF;
} .wpcf7-not-valid-tip,
.wpcf7-response-output {
font-size: 13px !important;
line-height: 1.6;
} .wpcf7-response-output {
max-width: 100%;
margin: 20px 0 0 !important;
padding: 14px;
border: 1px solid #C8102E !important;
background: #fff;
color: #0b1f3b;
border-radius: 6px;
text-align: left;
box-shadow: 0 4px 12px rgba(0,0,0,0.05);
border-left: 4px solid #C8102E !important;
}  .l-footer {
background: #0B1F3B;
color: #fff;
font-size: 14px;
line-height: 1.7;
} .footer-left,
.footer-right {
padding: 16px;
} .footer-logo {
width: 110px;
margin-bottom: 12px;
} .footer-profile {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 10px;
margin-bottom: 14px;
}
.footer-face {
width: 64px;
height: 64px;
border-radius: 50%;
object-fit: cover;
border: 2px solid rgba(255,255,255,0.2);
} .footer-name {
font-size: 13px;
margin-bottom: 3px;
}
.footer-name strong {
font-size: 14px;
} .footer-desc {
font-size: 12px;
opacity: 0.9;
} .footer-company {
margin-top: 14px;
padding-top: 12px;
border-top: 1px solid rgba(255,255,255,0.15);
font-size: 12px;
line-height: 1.7;
}
.footer-company p strong {
display: block;
margin-bottom: 2px;
}
.footer-company p {
margin-bottom: 8px;
}
.company-title {
font-weight: bold;
margin-bottom: 6px;
} .footer-cta {
margin-bottom: 20px;
}
.cta-lead {
font-size: 13px;
margin-bottom: 10px;
line-height: 1.6;
}
.cta-lead span {
font-size: 11px;
opacity: 0.8;
}
.cta-btn {
display: block;
width: 100%;
background: #C8102E;
color: #fff;
padding: 14px;
border-radius: 4px;
text-decoration: none;
font-weight: 600;
text-align: center;
transition: .3s;
} .cta-btn:hover {
transform: translateY(-2px);
box-shadow: 0 10px 20px rgba(200,16,46,0.4);
} .footer-nav ul {
list-style: none;
padding: 0;
margin-bottom: 16px;
}
.footer-nav li {
margin-bottom: 10px;
}
.footer-nav a {
position: relative;
display: block;
font-size: 14px;
opacity: 0.9;
text-decoration: none;
transition: .3s;
} .footer-nav a::after {
content: "";
position: absolute;
bottom: -2px;
left: 50%;
width: 0;
height: 1px;
background: #D6B36A;
transform: translateX(-50%);
transition: .3s;
} .footer-nav a:hover {
color: #D6B36A;
opacity: 1;
transform: translateY(-1px);
}
.footer-nav a:hover::after {
width: 60%;
}  .is-style-logos-only {margin: 10px 0 0 20px;}
.is-style-logos-only a:hover svg {
fill: #D6B36A !important;
}
.w-footer .c-widget + .c-widget {
margin-top: 0;
} .footer-bottom {
padding: 20px 10px;
}
.footer-links {
font-size: 12px;
margin-bottom: 10px;
line-height: 1.6;
}
.footer-links span {
display: none; }
.footer-links a {
display: block; margin-bottom: 4px;
}
.footer-catch {
font-size: 11px;
margin-bottom: 6px;
line-height: 1.6;
letter-spacing: 0.02em;
}
.footer-copy {font-size: 12px;opacity: 0.7;}
.footer-copy .footer-note {font-size: 10px; opacity: 0.7;}
}   @media screen and (min-width: 768px){ :root {--ark-padding--container: clamp(16px, 4vw, 32px);}	
.c-gnav {
display: flex;
align-items: center;
}
.c-gnav > .c-gnav__li {
flex: 1 1 0;
position: relative;
} .c-gnav__li > .c-gnav__a {
display: flex;
justify-content: center;
align-items: center;
padding: 18px 10px;
color: #fff;
letter-spacing: 1px;
position: relative;
transition: all .3s;
} .c-gnav__li > .c-gnav__a::after {
content: "";
position: absolute;
bottom: 6px;
left: 50%;
width: 0;
height: 2px;
background: #D6B36A;
transform: translateX(-50%);
transition: .3s;
}
.c-gnav__li:hover > .c-gnav__a::after {
width: 60%;
} .c-gnav__li:hover > .c-gnav__a {
color: #D6B36A;
transform: translateY(-1px);
} .c-gnav .sub-menu {
background: rgba(11,31,59,0.95);
border-radius: 8px;
overflow: hidden;
box-shadow: 0 10px 30px rgba(0,0,0,0.4);
} .c-gnav .sub-menu .c-gnav__a {
color: #fff;
padding: 14px 18px;
transition: all .25s;
} .c-gnav .sub-menu .c-gnav__a:hover {
background: rgba(214,179,106,0.15);
padding-left: 24px;
} .c-gnav .sub-menu .c-gnav__a:before {
display: none;
} .c-gnav .sub-menu > .menu-item:not(:last-child) {
border-bottom: 1px solid rgba(255,255,255,0.15);
}  .c-gnav > .c-gnav__li:last-child {
display: flex;
align-items: center;
}  .c-gnav > .c-gnav__li:last-child > a {height: auto;display: inline-flex;align-items: center; justify-content: center;padding:15px 20px;margin:0 8px;background: #C8102E;color: #fff;border-radius: 6px;line-height: 1;box-shadow: 0 8px 20px rgba(200,16,46,0.4);transition: .3s;} .c-gnav > .c-gnav__li:last-child > a:hover {
transform: translateY(-2px);
box-shadow: 0 12px 25px rgba(200,16,46,0.5);
} .c-gnav > .c-gnav__li:last-child > a::after {
display: none;
}  [data-scrolled=false] .l-header {--ark-color--header_bg: transparent;} [data-scrolled=true] .l-header {--ark-color--header_bg: rgba(11,31,59,0.7);backdrop-filter: blur(8px);} [data-scrolled=false] .page-template-default .l-header {background:#0B1F3B;} .sub,
h1,
.lead,
.career,
.cta{
position:relative;
z-index:3;
}
.fv::before{
content:"";
position:absolute;
top:0;
left:0;
width:100%;
height:1px;
background:rgba(255,255,255,0.2);
z-index:10;
}
.fv{
display:flex;
height:100vh;
overflow:hidden;
position:relative;	
} .fv-video{
width:50%;
position:relative;
height:100%;
}
.fv-video video{
width:100%;
height:100%;
object-fit:cover;
filter:
contrast(1.2)
saturate(0.85)
brightness(0.85);
}
.fv-video::before,
.fv-video::after{
height:100%;
} .fv-video::before{
content:"";
position:absolute;
inset:0;
background-image:
radial-gradient(rgba(255,255,255,0.15) 1px, transparent 1px);
background-size:3px 3px;
pointer-events:none;
z-index:4;
} .fv-video::after{
content:"";
position:absolute;
inset:0;
background:
linear-gradient(
90deg,
rgba(11,31,59,0.65) 0%,
rgba(11,31,59,0.55) 30%,
rgba(11,31,59,0.25) 55%,
rgba(11,31,59,0) 80%
);
pointer-events:none;
z-index:3;
} .fv-content{
width:50%;
height:100vh;
background:linear-gradient(
160deg,
#0B1F3B 0%,
#12335E 60%,
#071A33 100%
);
color:#fff;
padding:120px 8%;
position:relative;
z-index:2;
}
.fv-content::before{
content:"";
position:absolute;
top:-20%;
right:-20%;
width:600px;
height:600px;
background:radial-gradient(
circle,
rgba(255,255,255,0.08),
transparent 70%
);
pointer-events:none;
z-index:0;
} .bg-word{
position:absolute;
bottom:120px;
left:50%;
transform:translateX(-65%);
mask-image: linear-gradient(to right, black 60%, transparent);
font-size:260px;
font-weight:700;
color:rgba(255,255,255,0.09);
letter-spacing:14px;
line-height:0.9;
pointer-events:none;
z-index:0;
} .sub{
letter-spacing:6px;
font-size:13px;
opacity:0.85;
} h1{
font-family:"Noto Serif JP",serif;
font-size:56px;
margin:0;
position:relative;
left:0px;
} .catch{
margin-top:50px;
padding-top:20px;
border-top:1px solid rgba(255,255,255,0.15);
font-size:16px;
line-height:1.8;
letter-spacing:2px;
color:#D6B36A;
font-weight:500;
} .lead{
margin-top:30px;
font-size:20px;
line-height:1.8;
} .career{
margin-top:20px;
font-size:14px;
color:#C6A75E;
} .cta{
display:inline-block;
margin-top:40px;
padding:14px 36px;
background:#C8102E;
color:#fff;
text-decoration:none;
font-weight:600;
letter-spacing:1px;
transition:all .3s;
}
.cta:hover{
background:#C6A75E;
transform:translateY(-2px);
} .link-block {
display: block;
padding: 60px 40px;
border: 1px solid #e5e5e5;
text-decoration: none;
color: #000;
transition: 0.3s;
}
.link-block:hover {
background: #0d3b66;
color: #fff;
}
.link-block .en {
font-size: 12px;
letter-spacing: 2px;
color: #888;
}
.link-block .jp {
font-size: 24px;
font-weight: bold;
margin-top: 10px;
} .parallax-link {
height: 50vh;
background: url(//kounokazuhito.com/wp-content/themes/arkhe_child/image.jpg) center / cover no-repeat;
background-attachment: fixed;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
position: relative;
}
.parallax-link::before {
content: "";
position: absolute;
inset: 0;
background: rgba(0,0,0,0.5);
}
.parallax-link a {
position: relative;
color: #fff;
text-decoration: none;
}
.parallax-link .en {
font-size: 12px;
letter-spacing: 3px;
opacity: 0.7;
}
.parallax-link .jp {
font-size: 30px;
font-weight: bold;
} .grid-links {
display: grid;
grid-template-columns: repeat(3, 1fr);
}
.grid-links a {
padding: 60px 30px;
border: 1px solid #eee;
text-decoration: none;
color: #000;
transition: 0.3s;
}
.grid-links a:hover {
background: #0d3b66;
color: #fff;
}  .cf7-form {
max-width: 800px;
margin: 0 auto;
color: #0b1f3b;
} .cf7-row {
display: flex;
align-items: center; padding: 28px 0;
border-bottom: 1px solid #e5e8ee;
} .cf7-label {
width: 220px;
font-weight: 600;
color: #0b1f3b;
display: flex;
align-items: center; } .cf7-field {
flex: 1;
}
.cf7-flex br {
display: none;
} .cf7-flex {display: flex!important; gap: 16px;}
.cf7-flex p {display: contents;}
.cf7-flex input {width: 100%;margin: 0;} .wpcf7 input,
.wpcf7 textarea {
width: 100%;
padding: 14px;
border: 1px solid #d6dbe4;
background: #f2f5f9; font-size: 14px;
border-radius: 4px;
color: #0b1f3b;
} .wpcf7 input:focus,
.wpcf7 textarea:focus {
background: #fff;
border-color: #0b1f3b;
outline: none;
} .required {
display: inline-block;
background: #C8102E;
color: #fff;
font-size: 12px;
padding: 3px 8px;
margin-right: 8px;
border-radius: 3px;
} .optional {
display: inline-block;
background: #9aa4b2;
color: #fff;
font-size: 12px;
padding: 3px 8px;
margin-right: 8px;
border-radius: 3px;
} .cf7-check input[type="checkbox"] {
width: 20px;
height: 20px;
accent-color: #C8102E;
margin:0 20px 0 0;
flex-shrink: 0;
} .cf7-check {
display: flex;
align-items: center; font-size: 14px;
}
.cf7-check label {
display: flex;
align-items: center;
cursor: pointer;
}
.wpcf7-list-item{margin:0!important;} .cf7-submit {
text-align: center;
margin-top: 40px;
}
.cf7-submit input[type="submit"]{width:240px;background:#C8102E;color:#fff;padding:14px;border:none;border-radius:30px;font-size:16px;cursor:pointer;transition:background 0.3s ease, color 0.3s ease;} .cf7-submit input:hover {
background: #D6B36A;
 color: #FFFFFF;
}  .wpcf7-not-valid-tip,
.wpcf7-response-output,
.wpcf7 form .wpcf7-response-output {
font-size: 14px !important;
line-height: 1.6;
} .wpcf7-response-output {max-width: 640px;margin: 24px auto 0!important;padding: 16px 20px!important;border: 1px solid #C8102E!important;background: #fff;color: #0b1f3b;font-size: 14px;border-radius: 6px;text-align: left;line-height: 1.6; box-shadow: 0 4px 12px rgba(0,0,0,0.05);border-left: 4px solid #C8102E!important;} .l-footer {
background: #0B1F3B;
color: #fff;
} .footer-left,
.footer-right {
padding: 20px;
} .footer-logo {
width: 130px;
margin-bottom: 15px;
} .footer-profile {
display: flex;
align-items: center;
gap: 14px;
margin-bottom: 16px;
}
.footer-face {width: 72px;height: 72px;border-radius: 50%;object-fit: cover;border: 2px solid rgba(255,255,255,0.2);} .footer-name {
font-size: 14px;
margin-bottom: 4px;
}
.footer-name strong {
font-size: 15px;
} .footer-desc {
font-size: 12.5px;
opacity: 0.9;
} .footer-company {
margin-top: 16px;
padding-top: 14px;
border-top: 1px solid rgba(255,255,255,0.15);
font-size: 12px;
line-height: 1.7;
}
.footer-company p strong {
display: block;
margin-bottom: 2px;
}
.footer-company p {
margin-bottom: 10px;
}
.company-title {
font-weight: bold;
margin-bottom: 6px;
} .footer-cta {
margin-bottom: 25px;
}
.cta-lead {
font-size: 14px;
margin-bottom: 12px;
line-height: 1.6;
}
.cta-lead span {
font-size: 12px;
opacity: 0.8;
}
.cta-btn {
display: inline-block;
background: #C8102E;
color: #fff;
padding: 12px 22px;
border-radius: 4px;
text-decoration: none;
font-weight: 600;
transition: .3s;
}
.cta-btn:hover {
transform: translateY(-2px);
box-shadow: 0 12px 25px rgba(200,16,46,0.5);
} .footer-nav ul {
list-style: none;
padding: 0;
margin-bottom: 20px;
}
.footer-nav li {
margin-bottom: 6px;
}
.footer-nav a {
position: relative;
font-size: 13px;
opacity: 0.85;
transition: .3s;
} .footer-nav a::after {
content: "";
position: absolute;
bottom: -2px;
left: 50%;
width: 0;
height: 1px;
background: #D6B36A;
transform: translateX(-50%);
transition: .3s;
} .footer-nav a:hover {
color: #D6B36A;
opacity: 1;
transform: translateY(-1px);
}
.footer-nav a:hover::after {
width: 60%;
}  .is-style-logos-only {margin:0 0 0 20px;}
.is-style-logos-only a:hover svg {fill: #D6B36A !important;}
.w-footer .c-widget + .c-widget {margin-top: 0;} .footer-bottom {text-align: center;padding: 30px 20px 0;}
.footer-links {font-size: 13px;margin-bottom: 14px;}
.footer-links a {text-decoration: none;transition: opacity 0.3s;}
.footer-links a:hover {opacity: 0.7;}
.footer-copy {font-size: 12px;opacity: 0.7;}
.footer-copy .footer-note {font-size: 10px; opacity: 0.7;}
}