@charset "utf-8";
@charset "utf-8";

 *:where(:not(html, iframe, canvas, img, svg, video, audio):not(svg *, symbol *)) {
all: unset;
display: revert;
}
*,
*::before,
*::after {
box-sizing: border-box;
}
html {
-moz-text-size-adjust: none;
-webkit-text-size-adjust: none;
text-size-adjust: none;
}
a,
button {
cursor: revert;
}
ol,
ul,
menu,
summary {
list-style: none;
}
ol {
counter-reset: revert;
}
img {
width: 100%;
max-width: 100%;
height: auto;
}
table {
border-collapse: collapse;
}
input,
textarea {
-webkit-user-select: auto;
}
textarea {
white-space: revert;
}
meter {
-webkit-appearance: revert;
appearance: revert;
}
:where(pre) {
all: revert;
box-sizing: border-box;
}
::placeholder {
color: unset;
}
:where([hidden]) {
display: none;
}
:where([contenteditable]:not([contenteditable="false"])) {
-moz-user-modify: read-write;
-webkit-user-modify: read-write;
overflow-wrap: break-word;
-webkit-line-break: after-white-space;
-webkit-user-select: auto;
}
:where([draggable="true"]) {
-webkit-user-drag: element;
}
:where(dialog:modal) {
all: revert;
box-sizing: border-box;
}
::-webkit-details-marker {
display: none;
} body {
position: relative;
z-index: 0;
font-family: "Poppins", "Noto Sans JP", sans-serif;
font-style: normal;
font-weight: 400;
line-height: 1;
letter-spacing: 0; color: #0a0a0a;
background: #fff;
}
body.menu_open {
position: fixed;
width: 100%;
height: 100vh;
}
main {
overflow: hidden;
}
.en {
font-family: "Poppins", sans-serif;
} .block_header {
position: fixed;
z-index: 9999;
top: 0;
left: 0;
width: 100%;
padding: 16px 0;
background: #fff;
}
.block_header .inner {
overflow: hidden;
display: flex;
align-items: center;
justify-content: space-between;
width: 1024px;
margin: 0 auto;
}
.block_header .logo {
display: block;
width: 300px;
}
@media screen and (max-width: 1320px) {
.block_header {
padding: 16px 2%;
}
}
@media screen and (max-width: 768px) {
.block_header {
padding: calc(20 / 390 * 100vw);
}
.block_header .inner {
width: 100%;
}
.block_header .logo {
width: min(calc(245 / 390 * 100vw), 245px);
}
} .block_header .box_tel {
width: 300px;
aspect-ratio: 300 / 60;
display: flex;
justify-content: center;
align-items: center;
border-radius: 5px;
background: var(--color01);
font-weight: 500;
font-size: 14px;
line-height: calc(16.8 / 14);
text-align: center;
color: #fff;
margin: 0 0 20px auto;
}
.block_header .box_tel::before {
content: "";
background-image: url(//fujisawa-kogyo.com/wp/wp-content/themes/fujisawa-base/assets/img/common/icon_phone01.svg);
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
width: 18px;
aspect-ratio: 1;
}
.block_header .box_tel .en {
font-size: 20px;
margin: 0 17px 0 5px;
}
@media screen and (max-width: 768px) {
.block_header .box_tel {
display: none;
}
}
.block_header .box_menu {
font-weight: bold;
font-size: 16px;
line-height: calc(27 / 18);
text-align: left;
color: #0a0a0a;
}
.block_header .box_menu ul {
display: flex;
align-items: center;
gap: 0 22px;
}
.block_header .box_menu ul li .en {
display: none;
}
.block_header .box_menu ul li a {
display: block;
}
.block_header .box_menu .btn_menu {
background-color: #339fcb;
position: relative;
z-index: 9999;
display: none;
cursor: pointer;
transition: all 0.5s;
box-sizing: border-box;
width: min(calc(50 / 390 * 100vw), 50px);
height: min(calc(50 / 390 * 100vw), 50px);
border-radius: min(calc(5 / 390 * 100vw), 5px);
}
.block_header .box_menu .btn_menu span {
position: absolute;
left: min(calc(15 / 390 * 100vw), 15px);
width: 40%;
height: 1px;
background-color: #fff;
display: inline-block;
transition: all 0.5s;
box-sizing: border-box;
}
.btn_menu span:nth-of-type(1) {
top: min(calc(15 / 390 * 100vw), 15px);
}
.btn_menu span:nth-of-type(2) {
top: min(calc(24 / 390 * 100vw), 24px);
}
.btn_menu span:nth-of-type(3) {
top: min(calc(33 / 390 * 100vw), 33px);
}
.btn_menu span:nth-of-type(1) {
animation: btn07-bar01 0.3s forwards;
}
.btn_menu span:nth-of-type(2) {
transition: all 0.1s 0.1s;
opacity: 1;
}
.btn_menu span:nth-of-type(3) {
animation: btn07-bar03 0.3s forwards;
}
.btn_menu.open span:nth-of-type(1) {
animation: active-btn07-bar01 0.3s forwards;
}
.btn_menu.open span:nth-of-type(2) {
opacity: 0;
}
.btn_menu.open span:nth-of-type(3) {
animation: active-btn07-bar03 0.3s forwards;
}
@media screen and (max-width: 768px) {
.block_header .box_menu .btn_menu {
display: block;
}
.block_header .box_menu ul {
position: absolute;
z-index: 0;
background-color: #fff;
top: 111px;
right: 0;
z-index: 999;
padding: calc(50 / 390 * 100vw) calc(40 / 390 * 100vw);
flex-flow: column;
gap: 22px 0;
transform: translateX(100%);
width: 100%;
height: calc(100dvh - 111px);
transition: 0.3s;
font-weight: 500;
font-size: calc(18 / 390 * 100vw);
overflow: scroll;
}
.block_header .box_menu.open ul {
transform: translateX(0);
}
.block_header .box_menu ul li {
width: 100%;
padding-bottom: calc(22 / 390 * 100vw);
border-bottom: 2px dotted var(--color01);
}
.block_header .box_menu ul li .en {
display: block;
font-size: calc(14 / 390 * 100vw);
color: var(--color01);
margin-bottom: calc(5 / 390 * 100vw);
}
}
@media screen and (max-width: 390px) {
.block_header .box_menu ul {
top: calc(90 / 390 * 100vw);
height: calc(100dvh - (90 / 390 * 100vw));
}
}
@keyframes active-btn07-bar01 {
0% {
top: min(calc(15 / 390 * 100vw), 15px);
transform: rotate(0);
}
50% {
top: min(calc(25 / 390 * 100vw), 25px);
transform: rotate(0);
}
100% {
top: min(calc(25 / 390 * 100vw), 25px);
transform: rotate(45deg);
}
}
@keyframes active-btn07-bar03 {
0% {
top: min(calc(33 / 390 * 100vw), 33px);
transform: rotate(0);
}
50% {
top: min(calc(25 / 390 * 100vw), 25px);
transform: rotate(0);
}
100% {
top: min(calc(25 / 390 * 100vw), 25px);
transform: rotate(-45deg);
}
}
@keyframes btn07-bar01 {
0% {
top: min(calc(25 / 390 * 100vw), 25px);
transform: rotate(45deg);
}
50% {
top: min(calc(25 / 390 * 100vw), 25px);
transform: rotate(0);
}
100% {
top: min(calc(15 / 390 * 100vw), 15px);
transform: rotate(0);
}
}
@keyframes btn07-bar03 {
0% {
top: min(calc(25 / 390 * 100vw), 25px);
transform: rotate(-45deg);
}
50% {
top: min(calc(25 / 390 * 100vw), 25px);
transform: rotate(0);
}
100% {
top: min(calc(33 / 390 * 100vw), 33px);
transform: rotate(0);
}
} .block_footer {
width: 100%;
min-height: 950px;
padding: 100px 0 150px;
background-image: url(//fujisawa-kogyo.com/wp/wp-content/themes/fujisawa-base/assets/img/common/bi_footer.png);
background-repeat: no-repeat;
background-size: cover;
background-position: top center;
color: #fff;
}
.block_footer .inner {
margin: 0 auto;
width: 1024px;
}
.block_footer .contact {
background: var(--color01);
padding: 38px 60px;
border: 1px solid var(--color01);
border-radius: 15px;
display: flex;
align-items: center;
margin-bottom: 250px;
}
.block_footer .contact .text00 {
color: #fff;
}
.block_footer .contact::after {
content: "";
background-image: url(//fujisawa-kogyo.com/wp/wp-content/themes/fujisawa-base/assets/img/common/icon_arrow04.svg);
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
width: 60px;
aspect-ratio: 1;
margin-left: auto;
}
.block_footer .contact h2 {
font-weight: bold;
font-size: 34px;
line-height: calc(57 / 38);
color: var(--color01);
margin-right: 50px;
padding-right: 50px;
border-right: 1px solid #ccc;
color: #fff;
}
.block_footer .contact h2 a {
display: block;
}
.block_footer .footer_content {
width: 446px;
display: flex;
flex-flow: column;
margin-bottom: 43px;
}
.block_footer .footer_content .footer_ttl {
width: 388px;
}
.block_footer .footer_content address {
margin: 26px 0 20px;
padding-bottom: 20px;
border-bottom: 1px solid #fff;
font-weight: 500;
font-size: 14px;
line-height: calc(25.2 / 14);
color: #fff;
}
.block_footer .footer_content .text00 {
font-weight: 500;
font-size: 14px;
line-height: calc(25.2 / 14);
text-align: left;
color: #fff;
}
.block_footer small {
display: block;
text-align: center;
font-weight: 500;
font-size: 14px;
line-height: calc(25.2 / 14);
}
@media screen and (max-width: 1320px) {
.block_footer {
padding-right: 2% !important;
padding-left: 2% !important;
}
}
@media screen and (max-width: 768px) {
.block_footer {
height: auto;
min-height: unset;
padding: calc(52 / 390 * 100vw) 0 calc(87 / 390 * 100vw) !important;
background-image: url(//fujisawa-kogyo.com/wp/wp-content/themes/fujisawa-base/assets/img/common/bi_footer_sp.png);
background-repeat: no-repeat;
background-size: cover;
background-position: top center;
color: #fff;
}
.block_footer .inner {
width: 89.75%;
}
.block_footer .contact {
padding: calc(27 / 390 * 100vw) calc(20 / 390 * 100vw) calc(20 / 390 * 100vw);
border-radius: calc(15 / 390 * 100vw);
flex-flow: column;
margin-bottom: calc(180 / 390 * 100vw);
}
.block_footer .contact .text00 {
font-size: calc(16 / 390 * 100vw);
}
.block_footer .contact::after {
width: calc(60 / 390 * 100vw);
margin: calc(10 / 390 * 100vw) auto 0;
}
.block_footer .contact h2 {
font-size: calc(28 / 390 * 100vw);
line-height: calc(57 / 28);
line-height: 1;
margin-right: 0;
padding-right: 0;
border-right: 0;
margin-bottom: calc(19 / 390 * 100vw);
}
.block_footer .contact h2 a {
display: block;
}
.block_footer .footer_content {
width: 100%;
display: flex;
flex-flow: column;
margin-bottom: calc(30 / 390 * 100vw);
}
.block_footer .footer_content .footer_ttl {
width: calc(308 / 390 * 100vw);
}
.block_footer .footer_ttl {
width: 88%;
margin: 0 auto;
}
.block_footer .footer_content address {
margin: calc(30 / 390 * 100vw) 0 calc(20 / 390 * 100vw);
padding-bottom: 0;
border-bottom: 0;
font-size: calc(14 / 390 * 100vw);
}
.block_footer .footer_content .text00 {
font-weight: 500;
font-size: calc(14 / 390 * 100vw);
line-height: calc(25.2 / 14);
text-align: left;
color: #fff;
}
.block_footer small {
font-size: calc(12 / 390 * 100vw);
line-height: calc(25.2 / 12);
}
} @media screen and (min-width: 769px) {
.block_float {
display: none;
}
}
.block_float {
overflow: hidden;
position: fixed;
z-index: 999;
bottom: calc(20 / 390 * 100vw);
left: 0;
width: 100%;
pointer-events: none;
}
.block_float .inner {
margin: 0 auto;
width: 1024px;
max-width: 95%;
}
.block_float .inner .sp_tel {
aspect-ratio: 350 / 50;
display: flex;
justify-content: center;
align-items: center;
border-radius: calc(5 / 390 * 100vw);
background: var(--color01);
font-weight: 500;
font-size: calc(14 / 390 * 100vw);
line-height: calc(16.8 / 14);
text-align: center;
color: #fff;
cursor: pointer;
pointer-events: auto;
transform: translateY(100%);
transition: 0.3s;
}
.block_float .inner .sp_tel::before {
content: "";
background-image: url(//fujisawa-kogyo.com/wp/wp-content/themes/fujisawa-base/assets/img/common/icon_phone01.svg);
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
width: calc(18 / 390 * 100vw);
aspect-ratio: 1;
}
.block_float .inner .sp_tel .en {
font-size: calc(20 / 390 * 100vw);
margin: 0 calc(11 / 390 * 100vw) 0 calc(5 / 390 * 100vw);
}
.block_float.on .inner .sp_tel {
transform: translateY(0);
} :root {
--color01: #2767fa;
--color02: #339fcb;
--color03: #f6f7fa;
}
box_00 {
background-color: var(--color01);
}
.block_00 {
position: relative;
z-index: 0;
}
@media screen and (max-width: 1320px) {
.block_00 {
padding-right: 2% !important;
padding-left: 2% !important;
}
}
@media screen and (max-width: 768px) {
.block_00 {
padding-right: 0 !important;
padding-left: 0 !important;
}
}
.block_00 .inner {
margin: 0 auto;
width: 1024px; }
@media screen and (max-width: 768px) {
.block_00 .inner {
width: 89.75%;
}
}
.ttl02 {
display: flex;
flex-flow: column;
padding-bottom: 33px;
position: relative;
z-index: 0;
font-weight: bold;
font-size: 38px;
line-height: calc(57 / 38);
text-align: center;
color: #222;
}
@media screen and (max-width: 768px) {
.ttl02 {
padding-bottom: calc(11 / 390 * 100vw);
font-size: calc(28 / 390 * 100vw);
line-height: calc(57 / 28);
}
}
.ttl02::after {
content: "";
display: block;
position: absolute;
z-index: 0;
background-color: var(--color01);
bottom: 0;
left: 50%;
transform: translate(-50%, 0);
width: 100px;
height: 5px;
}
@media screen and (max-width: 768px) {
.ttl02::after {
width: calc(100 / 390 * 100vw);
height: calc(5 / 390 * 100vw);
}
}
.ttl02 .en {
font-weight: 500;
font-size: 18px;
line-height: 1;
margin-bottom: 11px;
}
@media screen and (max-width: 768px) {
.ttl02 .en {
font-size: calc(14 / 390 * 100vw);
margin-bottom: calc(-3 / 390 * 100vw);
}
}
.ttl03 {
font-weight: bold;
font-size: 24px;
line-height: 1.5;
color: var(--color01);
}
@media screen and (max-width: 768px) {
.ttl03 {
font-size: calc(18 / 390 * 100vw);
line-height: 1.8;
}
}
.text00 {
font-weight: 500;
font-size: 15px;
line-height: calc(28.8 / 16);
text-align: left;
color: #0a0a0a;
}
@media screen and (max-width: 768px) {
.text00 {
font-size: calc(14 / 390 * 100vw);
line-height: calc(25.2 / 14);
}
}
.sp_on,
.sp_on02 {
display: none;
}
@media screen and (max-width: 768px) {
.sp_on {
display: inline;
}
.sp_on02 {
display: block;
}
.sp_off {
display: none;
}
} .mv_sub {
margin-top: 181px;
position: relative;
z-index: 0;
height: 300px;
}
@media screen and (max-width: 768px) {
.mv_sub {
margin-top: calc(108px + 0.1746031746 * (100vw - 390px));
height: calc(120 / 390 * 100vw);
}
}
@media screen and (max-width: 390px) {
.mv_sub {
margin-top: calc(108 / 390 * 100vw);
}
}
.mv_sub .mv_inner {
margin: 0 auto;
width: 1024px;
height: 100%;
display: flex;
align-items: center;
}
@media screen and (max-width: 1320px) {
.mv_sub .mv_inner {
padding-right: 2%;
padding-left: 2%;
}
}
@media screen and (max-width: 768px) {
.mv_sub .mv_inner {
margin: 0 auto 0 0;
padding: 0 calc(20 / 390 * 100vw);
width: 94.87%;
}
}
.mv_sub h1 {
font-weight: bold;
font-size: 38px;
letter-spacing: 0.05em;
line-height: calc(68.4 / 38);
}
.mv_sub h1 .en {
display: block;
font-weight: 500;
font-size: 18px;
line-height: calc(32.4 / 18);
color: #222;
}
@media screen and (max-width: 768px) {
.mv_sub h1 .en {
font-size: calc(14 / 390 * 100vw);
line-height: calc(25.2 / 18);
}
}
@media screen and (max-width: 768px) {
.mv_sub h1 {
font-weight: bold;
font-size: calc(18 / 390 * 100vw);
line-height: calc(43.2 / 18);
}
}
.mt10 {
margin-top: 10px;
}
.mt20 {
margin-top: 20px;
}
.mt30 {
margin-top: 30px;
}
:root {
scroll-padding: 100px;
scroll-behavior: smooth;
}
@media screen and (max-width: 768px) {
:root {
scroll-padding: 150px;
}
}  .site-main {
padding: 181px 0 0;
overflow: visible;
}
@media screen and (max-width: 768px) {
.site-main {
padding: calc(108 / 390 * 100vw) 0 0;
}
} .site-main > .container {
margin: 0 auto;
width: 1024px;
padding: 50px 0 100px;
}
@media screen and (max-width: 1320px) {
.site-main > .container {
width: 96%;
}
}
@media screen and (max-width: 768px) {
.site-main > .container {
width: 89.75%;
padding: calc(30 / 390 * 100vw) 0 calc(50 / 390 * 100vw);
}
} .site-content {
display: grid;
grid-template-columns: 1fr 300px;
gap: 50px;
}
@media screen and (max-width: 1024px) {
.site-content {
grid-template-columns: 1fr;
gap: 40px;
}
} .content-area {
min-width: 0;
} .entry-header {
margin-bottom: 30px;
padding-bottom: 20px;
border-bottom: 1px solid #ddd;
}
.entry-title {
font-weight: bold;
font-size: 28px;
line-height: 1.5;
color: #222;
margin-bottom: 15px;
}
@media screen and (max-width: 768px) {
.entry-title {
font-size: calc(22 / 390 * 100vw);
margin-bottom: calc(10 / 390 * 100vw);
}
} .entry-meta {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 15px;
font-size: 14px;
color: #666;
}
.entry-meta .posted-on {
display: flex;
align-items: center;
gap: 5px;
}
.entry-meta .cat-links {
display: flex;
flex-wrap: wrap;
gap: 8px;
}
.entry-meta .cat-links a {
display: inline-block;
padding: 4px 12px;
background-color: var(--color01);
color: #fff;
font-size: 12px;
font-weight: 500;
border-radius: 3px;
text-decoration: none;
transition: background-color 0.2s ease;
}
.entry-meta .cat-links a:hover {
background-color: #1a52d6;
} .post-thumbnail {
margin-bottom: 30px;
border-radius: 8px;
overflow: hidden;
}
.post-thumbnail img {
width: 100%;
height: auto;
display: block;
} .entry-content {
font-size: 16px;
line-height: 2;
color: #333;
}
.entry-content h2 {
font-size: 22px;
font-weight: 700;
margin: 50px 0 25px;
padding: 15px 20px 15px 28px;
background: linear-gradient(to right, rgba(39, 103, 250, 0.1), transparent);
border-left: 4px solid var(--color01);
border-radius: 0 4px 4px 0;
color: #222;
}
.entry-content h3 {
font-size: 18px;
font-weight: 600;
margin: 35px 0 15px;
padding-bottom: 10px;
border-bottom: 2px dotted #ddd;
color: #222;
}
.entry-content h4 {
font-size: 16px;
font-weight: 600;
margin: 25px 0 12px;
color: #222;
}
.entry-content p {
margin-bottom: 25px;
}
.entry-content ul,
.entry-content ol {
margin: 25px 0;
padding-left: 25px;
}
.entry-content ul {
list-style: disc;
}
.entry-content ol {
list-style: decimal;
}
.entry-content li {
margin-bottom: 10px;
line-height: 1.8;
}
.entry-content img {
max-width: 100%;
height: auto;
border-radius: 4px;
}
.entry-content blockquote {
margin: 30px 0;
padding: 25px;
background-color: var(--color03);
border-left: 4px solid var(--color01);
font-style: italic;
}
.entry-content a {
color: var(--color01);
text-decoration: underline;
}
.entry-content a:hover {
text-decoration: none;
}
.entry-content table {
width: 100%;
margin: 25px 0;
border-collapse: collapse;
}
.entry-content table th,
.entry-content table td {
padding: 12px 15px;
border: 1px solid #ddd;
}
.entry-content table th {
background-color: var(--color03);
font-weight: 600;
}
@media screen and (max-width: 768px) {
.entry-content {
font-size: calc(14 / 390 * 100vw);
}
.entry-content h2 {
font-size: calc(18 / 390 * 100vw);
margin: calc(35 / 390 * 100vw) 0 calc(20 / 390 * 100vw);
padding: calc(12 / 390 * 100vw) calc(15 / 390 * 100vw) calc(12 / 390 * 100vw) calc(20 / 390 * 100vw);
}
.entry-content h3 {
font-size: calc(16 / 390 * 100vw);
margin: calc(25 / 390 * 100vw) 0 calc(12 / 390 * 100vw);
}
} .entry-footer {
margin-top: 30px;
padding-top: 20px;
border-top: 1px solid #ddd;
font-size: 14px;
color: #666;
}
.entry-footer .edit-link a {
color: var(--color01);
text-decoration: none;
}
.entry-footer .edit-link a:hover {
text-decoration: underline;
} .post-navigation {
margin-top: 50px;
}
.post-navigation .nav-links {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 20px;
}
.post-navigation .nav-previous,
.post-navigation .nav-next {
display: block;
}
.post-navigation .nav-previous a,
.post-navigation .nav-next a {
display: block;
padding: 20px;
background-color: var(--color03);
border-radius: 8px;
text-decoration: none;
transition: background-color 0.2s ease;
}
.post-navigation .nav-previous a:hover,
.post-navigation .nav-next a:hover {
background-color: #e5e7eb;
}
.post-navigation .nav-subtitle {
display: block;
font-size: 13px;
color: #666;
margin-bottom: 8px;
}
.post-navigation .nav-title {
display: block;
font-size: 15px;
font-weight: 600;
color: #222;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
@media screen and (max-width: 768px) {
.post-navigation .nav-links {
grid-template-columns: 1fr;
}
} .sidebar {
position: sticky;
top: 100px;
align-self: start;
}
.sidebar .widget {
background-color: #fff;
border: 1px solid #ddd;
border-radius: 8px;
padding: 25px;
margin-bottom: 25px;
}
.sidebar .widget-title {
font-size: 16px;
font-weight: 600;
margin-bottom: 15px;
padding-bottom: 12px;
border-bottom: 2px solid var(--color01);
color: #222;
}
.sidebar .widget ul {
list-style: none;
margin: 0;
padding: 0;
}
.sidebar .widget ul li {
margin-bottom: 8px;
padding-bottom: 8px;
border-bottom: 1px dotted #eee;
}
.sidebar .widget ul li:last-child {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: none;
}
.sidebar .widget ul li a {
display: block;
color: #333;
text-decoration: none;
font-size: 14px;
line-height: 1.6;
}
.sidebar .widget ul li a:hover {
color: var(--color01);
} .sidebar .search-form {
display: flex;
}
.sidebar .search-form .search-field {
flex: 1;
padding: 10px 15px;
border: 1px solid #ddd;
border-radius: 5px 0 0 5px;
font-size: 14px;
outline: none;
}
.sidebar .search-form .search-field:focus {
border-color: var(--color01);
}
.sidebar .search-form .search-submit {
padding: 10px 15px;
background-color: var(--color01);
color: #fff;
border: none;
border-radius: 0 5px 5px 0;
cursor: pointer;
font-size: 14px;
transition: background-color 0.2s ease;
}
.sidebar .search-form .search-submit:hover {
background-color: #1a52d6;
}
@media screen and (max-width: 1024px) {
.sidebar {
position: static;
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 20px;
}
}
@media screen and (max-width: 768px) {
.sidebar {
grid-template-columns: 1fr;
}
}
  #service .mv_sub::after {
content: "";
display: block;
position: absolute;
z-index: -1;
background-image: url(//fujisawa-kogyo.com/wp/wp-content/themes/fujisawa-base/assets/img/service/mv.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
top: 0;
left: calc(50% - 50vw);
width: 1600px;
aspect-ratio: 1600 / 300;
border-radius: 0 15px 15px 0;
}
@media screen and (max-width: 768px) {
#service .mv_sub::after {
background-image: url(//fujisawa-kogyo.com/wp/wp-content/themes/fujisawa-base/assets/img/service/mv_sp.jpg);
left: 0;
width: 94.87%;
aspect-ratio: 370 / 120;
border-radius: 0 calc(15 / 390 * 100vw) calc(15 / 390 * 100vw) 0;
}
} .order {
padding: 50px 0 0;
}
.order .ttl02 {
margin-bottom: 50px;
}
.order .flow_order {
display: flex;
justify-content: space-between;
}
.order .flow_order li {
position: relative;
z-index: 0;
display: flex;
flex-flow: column;
align-items: center;
background: var(--color03);
width: 22.65%;
padding: 30px 30px 20px;
}
.order .flow_order li::after {
content: "";
display: block;
position: absolute;
z-index: 0;
background: var(--color03);
top: 50%;
right: -20px;
transform: translate(0, -50%);
width: 21px;
aspect-ratio: 20 / 50;
clip-path: polygon(0 0, 0% 100%, 100% 50%);
}
.order .flow_order li:last-of-type::after {
display: none;
}
.order .flow_order li img {
width: 82px;
}
.order .flow_order li .ttl03 {
margin: 20px 0 15px;
}
@media screen and (max-width: 768px) {
.order {
padding: calc(50 / 390 * 100vw) 0;
}
.order .ttl02 {
margin-bottom: calc(30 / 390 * 100vw);
}
.order .flow_order {
flex-flow: column;
gap: calc(30 / 390 * 100vw) 0;
}
.order .flow_order li {
width: 100%;
padding: calc(25 / 390 * 100vw) calc(15 / 390 * 100vw) calc(17 / 390 * 100vw);
flex-flow: row;
justify-content: space-between;
}
.order .flow_order li::after {
top: auto;
bottom: calc(-20 / 390 * 100vw);
right: auto;
left: 50%;
transform: translate(-50%, 0);
width: calc(50 / 390 * 100vw);
aspect-ratio: 50 / 21;
clip-path: polygon(0 0, 100% 0%, 50% 100%);
}
.order .flow_order li:last-of-type::after {
display: none;
}
.order .flow_order li img {
width: 18%;
}
.order .flow_order li .ttl03 {
margin: 0 0 calc(5 / 390 * 100vw);
line-height: 1;
}
.order .flow_order li .box_text {
width: 76.8%;
}
} .clean {
padding: 100px 0 100px;
background: var(--color03);
}
.clean .ttl02 {
margin-bottom: 74px;
}
.clean .flow_clean {
margin: 0 auto;
width: 900px;
display: flex;
flex-flow: column;
gap: 25px 0;
}
.clean .flow_clean li {
position: relative;
z-index: 0;
background: #fff;
border-radius: 10px;
padding: 22px 30px 22px 76px;
display: flex;
justify-content: space-between;
align-items: center;
gap: 0 30px;
}
.clean .flow_clean li .dec_no {
position: absolute;
z-index: 1;
top: -15px;
left: -20px;
width: 80px;
aspect-ratio: 80 / 30;
display: flex;
justify-content: center;
align-items: center;
border-radius: 5px;
background: var(--color01);
font-weight: 500;
font-size: 16px;
line-height: 1.5;
text-align: center;
color: #fff;
}
.clean .flow_clean li figure {
width: 60px;
}
.clean .flow_clean li .box_text {
width: 704px;
}
.clean .flow_clean li .box_text .ttl03 {
margin-bottom: 5px;
}
@media screen and (max-width: 768px) {
.clean {
padding: calc(50 / 390 * 100vw) 0;
}
.clean .ttl02 {
margin-bottom: calc(36 / 390 * 100vw);
}
.clean .flow_clean {
width: 100%;
gap: calc(20 / 390 * 100vw) 0;
}
.clean .flow_clean li {
border-radius: calc(10 / 390 * 100vw);
padding: calc(36 / 390 * 100vw) calc(20 / 390 * 100vw) calc(17 / 390 * 100vw);
justify-content: space-between;
align-items: flex-start;
gap: 0;
}
.clean .flow_clean li .dec_no {
top: calc(-10 / 390 * 100vw);
left: calc(-10 / 390 * 100vw);
width: calc(80 / 390 * 100vw);
border-radius: calc(5 / 390 * 100vw);
font-size: calc(14 / 390 * 100vw);
line-height: 1.8;
}
.clean .flow_clean li figure {
width: 16.13%;
}
.clean .flow_clean li .box_text {
width: 77.4%;
}
.clean .flow_clean li .box_text .ttl03 {
line-height: 1;
margin-bottom: calc(5 / 390 * 100vw);
}
} .basic {
padding: 100px 0 50px;
}
.basic .ttl02 {
margin-bottom: 50px;
}
.basic .ttl02+.text00 {
text-align: center;
margin-bottom: 30px;
}
.basic .data_content02 {
margin: 0 auto;
width: 1024px;
display: grid;
grid-template-columns: repeat(7, 1fr);
grid-template-rows: repeat(1, 1fr);
border: #ccc solid;
border-width: 0 1px 1px 1px;
}
.basic .data_content02 * {
padding: 23px 0;
border: #ccc solid;
border-width: 0 1px 0 0;
display: flex;
justify-content: center;
align-items: center;
}
.basic .data_content02 .adjust01 {
background: #f5f5f5;
}
.basic .data_content02 dd:first-of-type {
background: #f6f7fa;
}
.basic .data_content02 dd:last-of-type {
border-width: 0;
}
.basic .data_content02:last-of-type {
border-radius: 0 0 10px 10px;
overflow: hidden;
margin-bottom: 40px;
}
.basic .data_content01 {
margin: 0 auto;
width: 1024px;
background: var(--color01);
display: grid;
grid-template-columns: repeat(7, 1fr);
grid-template-rows: repeat(2, 1fr);
font-weight: 500;
font-size: 16px;
line-height: calc(28.8 / 16);
text-align: center;
color: #fff;
border-bottom: 0;
border-radius: 10px 10px 0 0;
}
.basic .data_content01 dt {
padding: 17px 0;
border: #ccc solid;
border-width: 0 1px 1px 0;
display: flex;
justify-content: center;
align-items: center;
}
.basic .data_content01 dt:nth-of-type(1) { grid-area: 1 / 1 / 3 / 2; }
.basic .data_content01 dt:nth-of-type(2) { grid-area: 1 / 2 / 2 / 3; }
.basic .data_content01 dt:nth-of-type(3) { grid-area: 1 / 3 / 2 / 8; border-width: 0 0 1px 0; }
.basic .data_content01 dt:nth-of-type(4) { grid-area: 2 / 2 / 3 / 3; }
.basic .data_content01 dt:nth-of-type(5) { grid-area: 2 / 3 / 3 / 4; }
.basic .data_content01 dt:nth-of-type(6) { grid-area: 2 / 4 / 3 / 5; }
.basic .data_content01 dt:nth-of-type(7) { grid-area: 2 / 5 / 3 / 6; }
.basic .data_content01 dt:nth-of-type(8) { grid-area: 2 / 6 / 3 / 7; }
.basic .data_content01 dt:nth-of-type(9) { grid-area: 2 / 7 / 3 / 8; border-width: 0 0 1px 0; }
.wrapper_option {
margin: 0 auto;
width: 1024px;
}
.wrapper_option .cap {
font-weight: 500;
font-size: 14px;
line-height: 1.8;
}
.wrapper_option .basic_option {
position: relative;
z-index: 0;
margin-bottom: 20px;
display: flex;
justify-content: center;
border-radius: 10px;
background: var(--color03);
padding: 30px 0;
}
.wrapper_option .basic_option::after {
content: "";
display: block;
position: absolute;
z-index: 1;
background-image: url(//fujisawa-kogyo.com/wp/wp-content/themes/fujisawa-base/assets/img/common/icon_plus.svg);
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
top: -30px;
left: 50%;
transform: translate(-50%, 0);
width: 60px;
aspect-ratio: 1;
}
.wrapper_option .basic_option.icon_none::after {
display: none;
}
.wrapper_option .basic_option li {
width: 300px;
font-family: "Oswald", sans-serif;
font-weight: normal;
font-size: 42px;
letter-spacing: -0.05em;
color: var(--color01);
padding: 14px 0;
text-align: center;
}
.wrapper_option .basic_option li:nth-of-type(2) {
border: dotted var(--color01);
border-width: 0 2px;
}
.wrapper_option .basic_option li .ttl {
display: block;
font-family: "Noto Sans JP";
font-weight: bold;
font-size: 16px;
line-height: 1.8;
margin-bottom: 8px;
}
.wrapper_option .basic_option li .size_s {
font-family: "Noto Sans JP";
font-weight: bold;
font-size: 14px;
line-height: 1.5;
text-align: center;
color: #2767fa;
}
@media screen and (max-width: 768px) {
.basic {
padding: calc(50 / 390 * 100vw) 0;
}
.basic .ttl02 {
margin-bottom: calc(30 / 390 * 100vw);
letter-spacing: -0.05em;
}
.basic .ttl02+.text00 {
text-align: left;
margin-bottom: calc(20 / 390 * 100vw);
}
.basic dl {
overflow: scroll;
margin-right: calc(50% - 50vw);
margin-bottom: calc(40 / 390 * 100vw);
padding-right: 5%;
}
.basic .data_content01 {
width: calc(1024 / 390 * 100vw);
font-size: calc(16 / 390 * 100vw);
border-radius: calc(10 / 390 * 100vw) calc(10 / 390 * 100vw) 0 0;
}
.basic .data_content01 dt {
padding: calc(17 / 390 * 100vw) 0;
}
.basic .data_content02 {
width: calc(1024 / 390 * 100vw);
}
.basic .data_content02 * {
padding: calc(23 / 390 * 100vw) 0;
}
.basic .data_content02:last-of-type {
border-radius: 0 0 calc(10 / 390 * 100vw) calc(10 / 390 * 100vw);
margin-bottom: calc(10 / 390 * 100vw);
}
.wrapper_option {
width: 100%;
}
.wrapper_option .cap {
font-size: calc(14 / 390 * 100vw);
}
.wrapper_option .basic_option {
margin-bottom: calc(15 / 390 * 100vw);
flex-flow: column;
border-radius: calc(10 / 390 * 100vw);
padding: calc(25 / 390 * 100vw) calc(20 / 390 * 100vw) calc(15 / 390 * 100vw);
}
.wrapper_option .basic_option::after {
top: calc(-40 / 390 * 100vw);
width: calc(60 / 390 * 100vw);
}
.wrapper_option .basic_option li {
width: 100%;
font-size: calc(42 / 390 * 100vw);
padding: calc(15 / 390 * 100vw) 0 calc(20 / 390 * 100vw);
}
.wrapper_option .basic_option li:nth-of-type(2) {
border-width: calc(2 / 390 * 100vw) 0;
}
.wrapper_option .basic_option li .ttl {
font-size: calc(16 / 390 * 100vw);
letter-spacing: 0;
margin-bottom: calc(8 / 390 * 100vw);
}
.wrapper_option .basic_option li .size_s {
font-size: calc(14 / 390 * 100vw);
}
} .option {
padding: 50px 0 100px;
}
.option .ttl02 {
margin-bottom: 50px;
}
.option .wrapper_washing {
margin-bottom: 26px;
position: relative;
z-index: 0;
display: flex;
justify-content: space-between;
}
.option .wrapper_washing figure {
width: 48.43%;
border-radius: 15px;
overflow: hidden;
}
.option .wrapper_washing .box_text {
padding-top: 36px;
width: 48.43%;
}
.option .wrapper_washing .box_text .ttl03 {
margin-bottom: 30px;
}
.option .wrapper_list {
margin: 0 auto;
width: 1000px;
}
.option .wrapper_list dl .data_content01 {
background: var(--color01);
display: grid;
grid-template-columns: repeat(4, 1fr);
font-weight: 500;
font-size: 16px;
line-height: calc(28.8 / 16);
text-align: center;
color: #fff;
border-radius: 10px 10px 0 0;
}
.option .wrapper_list dl .data_content01 dt {
padding: 17px 0;
border: #ccc solid;
border-width: 0 1px 1px 0;
display: flex;
justify-content: center;
align-items: center;
}
.option .wrapper_list dl .data_content02 {
margin: 0 auto;
width: 1000px;
display: grid;
grid-template-columns: repeat(4, 1fr);
border: #ccc solid;
border-width: 0 1px 1px 1px;
}
.option .wrapper_list dl .data_content02 * {
padding: 23px 0;
border: #ccc solid;
border-width: 0 1px 0 0;
display: flex;
justify-content: center;
align-items: center;
}
.option .wrapper_list dl .data_content02 dd:last-of-type {
border-width: 0;
}
.option .wrapper_list dl .data_content02:last-of-type {
border-radius: 0 0 10px 10px;
overflow: hidden;
margin-bottom: 20px;
}
.option .wrapper_list .cap {
font-size: 14px;
line-height: 1.8;
}
.option .wrapper_list .cap:nth-of-type(2) {
margin-top: 15px;
}
@media screen and (max-width: 768px) {
.option {
padding: 0 0 calc(50 / 390 * 100vw);
}
.option .ttl02 {
margin-bottom: calc(30 / 390 * 100vw);
}
.option .wrapper_washing {
margin-bottom: calc(16 / 390 * 100vw);
flex-flow: column;
}
.option .wrapper_washing figure {
width: 100%;
border-radius: calc(15 / 390 * 100vw);
margin-bottom: calc(26 / 390 * 100vw);
}
.option .wrapper_washing .box_text {
padding-top: 0;
width: 100%;
}
.option .wrapper_washing .box_text .ttl03 {
margin-bottom: calc(13 / 390 * 100vw);
}
.option .wrapper_list {
width: 100%;
}
.option .wrapper_list dl {
display: flex;
margin-bottom: calc(15 / 390 * 100vw);
}
.option .wrapper_list dl .data_content01 {
width: 50%;
display: flex;
flex-flow: column;
font-size: calc(14 / 390 * 100vw);
border-radius: calc(10 / 390 * 100vw) 0 0 calc(10 / 390 * 100vw);
}
.option .wrapper_list dl .data_content01 dt {
padding: 0;
border-width: 0 0 1px 0;
height: calc(64 / 390 * 100vw);
}
.option .wrapper_list dl .data_content01 dt:last-of-type {
border-width: 0;
}
.option .wrapper_list dl .data_content02 {
width: 50%;
display: flex;
flex-flow: column;
border-width: 1px 1px 1px 0;
}
.option .wrapper_list dl .data_content02 * {
padding: 0;
height: calc(64 / 390 * 100vw);
font-size: calc(16 / 390 * 100vw);
border-width: 0 0 1px 0;
}
.option .wrapper_list dl .data_content02 dd:last-of-type {
border-width: 0;
}
.option .wrapper_list dl .data_content02:last-of-type {
border-radius: 0 calc(10 / 390 * 100vw) calc(10 / 390 * 100vw) 0;
margin-bottom: 0;
}
.option .wrapper_list .cap {
font-size: calc(14 / 390 * 100vw);
}
.option .wrapper_list .cap:nth-of-type(2) {
margin-top: calc(15 / 390 * 100vw);
}
} .payment {
padding: 100px 0 100px;
background: var(--color03);
}
.payment .ttl02 {
margin-bottom: 50px;
}
.payment .data_content {
margin: 0 auto;
width: 900px;
}
.payment .data_content+.data_content {
margin-top: 20px;
}
.payment dt {
padding: 17px 20px;
background: var(--color01);
font-weight: 500;
font-size: 16px;
line-height: calc(28.8 / 16);
color: #fff;
border-radius: 10px 10px 0 0;
}
.payment dd {
background: #fff;
border-width: 0 1px 1px 1px;
padding: 19px 20px;
border-radius: 0 0 10px 10px;
}
.payment dd .dec_color {
color: #f51b6c;
}
.payment dd ul {
margin: 10px 20px;
font-weight: bold;
}
.payment dd li::before {
content: "☑";
}
.payment dd li.inp,
.payment dd span.inp {
color: var(--color01);
font-size: 1.2em;
} .adviser .ttl02 small {
display: block;
font-size: 16px;
font-weight: 500;
margin-bottom: 5px;
}
.adviser .adviser-intro {
margin-bottom: 60px;
}
.adviser .adviser-notes {
margin-top: 20px;
}
@media screen and (max-width: 768px) {
.payment {
padding: calc(50 / 390 * 100vw) 0 calc(70 / 390 * 100vw);
}
.payment .ttl02 {
margin-bottom: calc(46 / 390 * 100vw);
}
.payment .data_content {
width: 100%;
}
.payment .data_content+.data_content {
margin-top: calc(16 / 390 * 100vw);
}
.payment dt {
padding: calc(17 / 390 * 100vw) calc(20 / 390 * 100vw);
font-size: calc(16 / 390 * 100vw);
border-radius: calc(10 / 390 * 100vw) calc(10 / 390 * 100vw) 0 0;
}
.payment dd {
border-width: 0;
padding: calc(20 / 390 * 100vw);
border-radius: 0 0 calc(10 / 390 * 100vw) calc(10 / 390 * 100vw);
font-size: calc(16 / 390 * 100vw);
}
.adviser .ttl02 small {
font-size: calc(14 / 390 * 100vw);
}
.adviser .adviser-intro {
margin-bottom: calc(40 / 390 * 100vw);
}
.adviser .adviser-notes {
margin-top: calc(20 / 390 * 100vw);
}
} #company .mv_sub::after {
content: "";
display: block;
position: absolute;
z-index: -1;
background-image: url(//fujisawa-kogyo.com/wp/wp-content/themes/fujisawa-base/assets/img/company/mv.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
top: 0;
left: calc(50% - 50vw);
width: 1600px;
aspect-ratio: 1600 / 300;
border-radius: 0 15px 15px 0;
}
@media screen and (max-width: 768px) {
#company .mv_sub::after {
background-image: url(//fujisawa-kogyo.com/wp/wp-content/themes/fujisawa-base/assets/img/company/mv_sp.jpg);
left: 0;
width: 94.87%;
aspect-ratio: 370 / 120;
border-radius: 0 calc(15 / 390 * 100vw) calc(15 / 390 * 100vw) 0;
}
}
.philosophy {
padding: 50px 0 100px;
}
.philosophy .inner {
width: 900px;
margin: 0 auto;
}
.philosophy .ttl02 {
margin-bottom: 48px;
}
.philosophy strong {
display: block;
font-weight: bold;
font-size: 28px;
letter-spacing: 0.05em;
line-height: calc(50.4 / 28);
color: var(--color01);
margin-bottom: 21px;
}
.philosophy .text00 {
text-indent: 1em;
}
.philosophy h4 {
font-weight: bold;
font-size: 24px;
line-height: calc(43.2 / 24);
text-align: right;
margin: 23px auto 0 0;
}
.philosophy h4 .size_s {
display: block;
font-weight: 500;
font-size: 14px;
line-height: 2;
margin-bottom: 2px;
}
@media screen and (max-width: 768px) {
.philosophy {
padding: calc(50 / 390 * 100vw) 0;
}
.philosophy .inner {
width: 89.74%;
}
.philosophy .ttl02 {
margin-bottom: calc(30 / 390 * 100vw);
}
.philosophy strong {
font-size: calc(18 / 390 * 100vw);
letter-spacing: 0;
line-height: calc(32.4 / 18);
margin-bottom: calc(14 / 390 * 100vw);
}
.philosophy h4 {
font-size: calc(20 / 390 * 100vw);
line-height: calc(43.2 / 20);
margin: calc(13 / 390 * 100vw) auto 0 0;
}
.philosophy h4 .size_s {
font-size: calc(14 / 390 * 100vw);
margin-bottom: 0;
}
}
.data {
padding: 100px 0;
background: var(--color03);
}
.data .inner {
width: 900px;
}
.data .ttl02 {
margin-bottom: 50px;
}
.data .data_content {
padding: 17px 20px;
border-top: 1px solid #ccc;
display: flex;
font-weight: 500;
font-size: 16px;
line-height: calc(28.8 / 16);
}
.data .data_content:last-of-type {
border-bottom: 1px solid #ccc;
}
.data .data_content dt {
width: 136px;
font-weight: bold;
font-size: 16px;
}
.data .data_content dd {
width: 764px;
}
@media screen and (max-width: 768px) {
.data {
padding: calc(50 / 390 * 100vw) 0;
}
.data .inner {
width: 89.74%;
}
.data .ttl02 {
margin-bottom: calc(30 / 390 * 100vw);
}
.data .data_content {
padding: calc(20 / 390 * 100vw) calc(20 / 390 * 100vw) calc(14 / 390 * 100vw);
flex-flow: column;
gap: calc(5 / 390 * 100vw);
font-size: calc(16 / 390 * 100vw);
}
.data .data_content dt {
width: 100%;
font-size: calc(16 / 390 * 100vw);
}
.data .data_content dd {
width: 100%;
}
}
.permit {
padding: 100px 0;
}
.permit .inner {
width: 1024px;
}
.permit .wrapper_data {
display: contents;
}
.permit .ttl02 {
margin-bottom: 50px;
}
.permit dl {
border-radius: 10px;
overflow: hidden;
display: flex;
border: 1px solid #ccc;
}
.permit dl .data_content {
width: 20%;
display: flex;
flex-flow: column;
align-self: stretch;
font-weight: 500;
font-size: 16px;
line-height: calc(28.8 / 16);
text-align: center;
border-right: 1px solid #ccc;
}
.permit dl .data_content:last-child {
border: 0;
}
.permit dl .data_content > * {
padding: 17px 20px;
background: #fff;
border-bottom: 1px solid #ccc;
display: flex;
justify-content: center;
align-items: center;
height: 100%;
}
.permit dl .data_content > *:last-child {
border: 0;
}
.permit dl .data_content > * a {
color: var(--color02);
border-bottom: 1px solid var(--color02);
font-size: 14.5px;
}
.permit dl .data_content .head {
height: auto;
background: var(--color01);
color: #fff;
}
@media screen and (max-width: 768px) {
.permit {
padding: calc(50 / 390 * 100vw) 0;
}
.permit .inner {
width: 76.92%;
}
.permit .ttl02 {
margin-bottom: calc(30 / 390 * 100vw);
}
.permit .wrapper_data {
display: block;
margin-right: calc(50% - 50vw);
overflow: scroll;
padding-right: 15%;
}
.permit dl {
width: calc(1024 / 390 * 100vw);
border-radius: calc(10 / 390 * 100vw);
}
.permit dl .data_content {
font-size: calc(16 / 390 * 100vw);
}
.permit dl .data_content > * {
padding: calc(17 / 390 * 100vw) calc(20 / 390 * 100vw);
}
.permit dl .data_content > * a {
font-size: calc(14.5 / 390 * 100vw);
}
}
.partners {
padding: 0;
}
.partners .inner {
width: 900px;
}
.partners .ttl02 {
margin-bottom: 50px;
}
.partners ul {
display: flex;
flex-flow: column;
gap: 30px;
}
.partners ul li a {
display: block;
margin: 0 auto;
max-width: 300px;
}
.partners ul li a img {
width: 100%;
height: auto;
}
.partners ul li a.p001 {
width: 300px;
}
.partners ul li.variable_text {
text-align: center;
line-height: 1.5;
}
@media screen and (max-width: 768px) {
.partners {
padding: 0 0 calc(50 / 390 * 100vw);
}
.partners .inner {
width: 76.92%;
}
.partners .ttl02 {
margin-bottom: calc(30 / 390 * 100vw);
}
.partners ul {
gap: calc(30 / 390 * 100vw);
}
.partners ul li a.p001 {
width: 100%;
}
.partners ul li.variable_text {
text-align: left;
}
} #qa .mv_sub::after {
content: "";
display: block;
position: absolute;
z-index: -1;
background-image: url(//fujisawa-kogyo.com/wp/wp-content/themes/fujisawa-base/assets/img/qa/mv.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
top: 0;
left: calc(50% - 50vw);
width: 1600px;
aspect-ratio: 1600 / 300;
border-radius: 0 15px 15px 0;
}
@media screen and (max-width: 768px) {
#qa .mv_sub::after {
background-image: url(//fujisawa-kogyo.com/wp/wp-content/themes/fujisawa-base/assets/img/qa/mv_sp.jpg);
left: 0;
width: 94.87%;
aspect-ratio: 740 / 240;
border-radius: 0 calc(15 / 390 * 100vw) calc(15 / 390 * 100vw) 0;
}
}
.qa {
padding: 50px 0 0;
}
@media screen and (max-width: 768px) {
.qa {
padding: calc(50 / 390 * 100vw) 0;
}
}
.qa .inner {
width: 1024px;
}
@media screen and (max-width: 768px) {
.qa .inner {
width: 89.74%;
}
}
.qa .attention {
height: 100px;
border-radius: 10px;
border: 3px solid #f51b6c;
font-weight: bold;
font-size: 18px;
line-height: calc(27 / 18);
color: #f51b6c;
display: flex;
align-items: center;
margin-bottom: 30px;
}
.qa .attention img {
width: 50px;
margin: 0 20px 0 50px;
}
@media screen and (max-width: 768px) {
.qa .attention {
padding: calc(25 / 390 * 100vw) calc(20 / 390 * 100vw);
height: auto;
border-radius: calc(10 / 390 * 100vw);
font-size: calc(16 / 390 * 100vw);
line-height: 1.8;
flex-flow: column;
gap: calc(15 / 390 * 100vw);
}
.qa .attention img {
width: calc(50 / 390 * 100vw);
margin: 0 auto;
}
}
.qa .accordion + .accordion {
margin-top: 20px;
}
@media screen and (max-width: 768px) {
.qa .accordion + .accordion {
margin-top: calc(20 / 390 * 100vw);
}
}
.qa .accordion .ttl {
position: relative;
z-index: 0;
display: flex;
align-items: baseline;
cursor: pointer;
padding: 18px 30px;
border-radius: 10px;
transition: border-radius 0.3s;
background: var(--color01);
color: #fff;
}
@media screen and (max-width: 768px) {
.qa .accordion .ttl {
padding: calc(18 / 390 * 100vw) calc(20 / 390 * 100vw);
padding-right: calc(50 / 390 * 100vw);
border-radius: calc(10 / 390 * 100vw);
font-size: calc(16 / 390 * 100vw);
}
}
.qa .accordion .ttl::after {
content: "";
display: block;
position: absolute;
z-index: 0;
top: 50%;
right: 30px;
transform: translate(0, -50%) rotate(-45deg);
width: 10px;
aspect-ratio: 1;
border: #fff solid;
border-width: 0 0 2px 2px;
transition: 0.3s;
}
@media screen and (max-width: 768px) {
.qa .accordion .ttl::after {
right: calc(19.5 / 390 * 100vw);
width: calc(10 / 390 * 100vw);
}
}
.qa .accordion .ttl .dec01 {
margin-right: 1em;
}
.qa .accordion.open .ttl {
border-radius: 10px 10px 0 0;
}
@media screen and (max-width: 768px) {
.qa .accordion.open .ttl {
border-radius: calc(10 / 390 * 100vw) calc(10 / 390 * 100vw) 0 0;
}
}
.qa .accordion.open .ttl::after {
transform: translate(0, -50%) rotate(135deg);
}
.qa .accordion .cont {
display: grid;
transition: padding 0.3s, grid-template-rows 0.3s;
grid-template-rows: 0fr;
padding: 0 30px;
background: #f6f7fa;
border-radius: 0 0 10px 10px;
}
@media screen and (max-width: 768px) {
.qa .accordion .cont {
padding: 0 calc(20 / 390 * 100vw);
border-radius: 0 0 calc(10 / 390 * 100vw) calc(10 / 390 * 100vw);
}
}
.qa .accordion.open .cont {
grid-template-rows: 1fr;
padding: 18px 30px;
}
@media screen and (max-width: 768px) {
.qa .accordion.open .cont {
padding: calc(20 / 390 * 100vw);
}
}
.qa .accordion .cont .cont_inner {
overflow: hidden;
display: flex;
align-items: baseline;
}
.qa .accordion .cont .cont_inner .dec01 {
margin-right: 1em;
}
.qa .accordion .cont .cont_inner a {
color: var(--color01);
border-bottom: 1px solid var(--color01);
}
@media screen and (max-width: 768px) {
.qa .accordion .cont .cont_inner .text00 {
font-size: calc(16 / 390 * 100vw);
}
.qa .accordion .cont .cont_inner .text00 br {
display: none;
}
} #recruit .mv_sub::after {
content: "";
display: block;
position: absolute;
z-index: -1;
background-image: url(//fujisawa-kogyo.com/wp/wp-content/themes/fujisawa-base/assets/img/recruit/mv.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
top: 0;
left: calc(50% - 50vw);
width: 1600px;
aspect-ratio: 1600 / 300;
border-radius: 0 15px 15px 0;
}
@media screen and (max-width: 768px) {
#recruit .mv_sub::after {
background-image: url(//fujisawa-kogyo.com/wp/wp-content/themes/fujisawa-base/assets/img/recruit/mv_sp.jpg);
left: 0;
width: 94.87%;
aspect-ratio: 370 / 120;
border-radius: 0 calc(15 / 390 * 100vw) calc(15 / 390 * 100vw) 0;
}
}
#recruit .ttl03 {
font-weight: bold;
font-size: 28px;
line-height: calc(50.4 / 28);
color: var(--color01);
}
@media screen and (max-width: 768px) {
#recruit .ttl03 {
font-size: calc(18 / 390 * 100vw);
line-height: calc(32.4 / 18);
}
}
.message {
padding: 50px 0 103px;
}
.message .inner {
width: 1024px;
}
.message .ttl02 {
margin-bottom: 50px;
}
.message .text00 {
margin: 20px 0 25px;
}
.message .box_img {
display: flex;
justify-content: space-between;
}
.message .box_img img {
width: 49%;
border-radius: 15px;
}
@media screen and (max-width: 768px) {
.message {
padding: calc(50 / 390 * 100vw) 0;
}
.message .inner {
width: 89.74%;
}
.message .ttl02 {
margin-bottom: calc(30 / 390 * 100vw);
}
.message .text00 {
margin: calc(13 / 390 * 100vw) 0 calc(15 / 390 * 100vw);
}
.message .box_img img {
width: 48.57%;
border-radius: calc(10 / 390 * 100vw);
}
}
.essential_point {
background: var(--color03);
padding: 100px 0 100px;
}
.essential_point .ttl02 {
margin-bottom: 50px;
}
.essential_point .inner {
width: 900px;
}
.essential_point dl {
margin: 50px 0;
}
.essential_point dl .data {
border-top: 1px solid #ccc;
padding: 20px 20px 14px;
display: flex;
gap: 34px;
}
.essential_point dl .data:last-child {
border-bottom: 1px solid #ccc;
}
.essential_point dl .data dt {
font-weight: bold;
width: 100px;
}
.essential_point .btn00 {
margin: 0 auto;
width: 600px;
background: #fff;
padding: 29px 50px;
border: 1px solid var(--color01);
border-radius: 15px;
display: flex;
align-items: center;
font-weight: bold;
font-size: 18px;
color: var(--color01);
}
.essential_point .btn00::after {
content: "";
background-image: url(//fujisawa-kogyo.com/wp/wp-content/themes/fujisawa-base/assets/img/common/icon_arrow01.svg);
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
width: 60px;
aspect-ratio: 1;
margin-left: auto;
}
@media screen and (max-width: 768px) {
.essential_point {
padding: calc(50 / 390 * 100vw) 0;
}
.essential_point .ttl02 {
margin-bottom: calc(30 / 390 * 100vw);
}
.essential_point .inner {
width: 89.74%;
}
.essential_point dl {
margin: 0 0 calc(43 / 390 * 100vw);
font-size: calc(16 / 390 * 100vw);
}
.essential_point dl .data {
padding: calc(20 / 390 * 100vw);
padding-bottom: calc(13 / 390 * 100vw);
flex-flow: column;
gap: calc(6 / 390 * 100vw);
}
.essential_point dl .data dt {
width: 100%;
}
.essential_point .btn00 {
width: 88.57%;
padding: calc(20 / 390 * 100vw) calc(25 / 390 * 100vw);
border-radius: calc(10 / 390 * 100vw);
font-size: calc(16 / 390 * 100vw);
line-height: 1.8;
}
.essential_point .btn00::after {
width: calc(60 / 390 * 100vw);
}
}
.vioce {
padding: 100px 0 0;
}
.vioce .inner {
width: 1024px;
}
.vioce .ttl02 {
margin-bottom: 50px;
}
.vioce .ttl03 {
margin: 25px 0 20px;
}
@media screen and (max-width: 768px) {
.vioce {
padding: calc(50 / 390 * 100vw) 0 0;
}
.vioce .inner {
width: 89.74%;
}
.vioce .ttl02 {
margin-bottom: calc(30 / 390 * 100vw);
}
.vioce .ttl03 {
margin: calc(16 / 390 * 100vw) 0 calc(13 / 390 * 100vw);
}
}
.schedule {
padding: 100px 0 0;
}
.schedule .ttl02 {
margin-bottom: 50px;
}
.schedule .list_schedule {
display: flex;
justify-content: space-between;
}
.schedule .list_schedule li {
width: 32.03%;
}
.schedule .list_schedule h4 {
background: var(--color01);
padding: 20px;
border-radius: 10px 10px 0 0;
font-weight: bold;
font-size: 18px;
color: #fff;
aspect-ratio: 410 / 70;
display: flex;
align-items: center;
gap: 10px;
}
.schedule .list_schedule h4 .working {
width: 70px;
border-radius: 5px;
font-weight: 500;
font-size: 14px;
line-height: 1.8;
text-align: center;
border: 1px solid #fff;
}
.schedule .list_schedule dl {
background: var(--color03);
padding: 27px 30px 30px;
border-radius: 0 0 10px 10px;
display: flex;
flex-flow: column;
}
.schedule .list_schedule dl .time {
position: relative;
z-index: 0;
display: flex;
gap: 30px;
padding-left: 30px;
padding-bottom: 7.5px;
}
.schedule .list_schedule dl .time::before {
content: "";
display: block;
position: absolute;
z-index: 0;
background: var(--color01);
top: 8px;
left: 0;
width: 15px;
aspect-ratio: 1;
border-radius: 99px;
}
.schedule .list_schedule dl .time::after {
content: "";
display: block;
position: absolute;
z-index: -1;
background: #ccc;
top: 15px;
left: 7px;
width: 1px;
height: 100%;
}
.schedule .list_schedule dl .time:last-child {
padding-bottom: 0;
}
.schedule .list_schedule dl .time:last-child::after {
display: none;
}
.schedule .list_schedule dl .time dt {
font-family: Poppins;
font-weight: 600;
font-size: 18px;
line-height: 1.8;
color: var(--color01);
}
.schedule .list_schedule dl .time dd {
font-weight: 500;
font-size: 16px;
line-height: 2.028;
text-align: left;
color: #0a0a0a;
}
@media screen and (max-width: 768px) {
.schedule {
padding: calc(50 / 390 * 100vw) 0;
}
.schedule .ttl02 {
margin-bottom: calc(30 / 390 * 100vw);
}
.schedule .list_schedule {
flex-flow: column;
gap: calc(20 / 390 * 100vw);
}
.schedule .list_schedule li {
width: 100%;
}
.schedule .list_schedule h4 {
padding: calc(20 / 390 * 100vw);
border-radius: calc(10 / 390 * 100vw) calc(10 / 390 * 100vw) 0 0;
font-size: calc(18 / 390 * 100vw);
aspect-ratio: 350 / 70;
gap: calc(10 / 390 * 100vw);
}
.schedule .list_schedule h4 .working {
width: calc(70 / 390 * 100vw);
border-radius: calc(5 / 390 * 100vw);
font-size: calc(14 / 390 * 100vw);
}
.schedule .list_schedule dl {
padding: calc(17 / 390 * 100vw) calc(30 / 390 * 100vw) calc(20 / 390 * 100vw);
border-radius: 0 0 calc(10 / 390 * 100vw) calc(10 / 390 * 100vw);
}
.schedule .list_schedule dl .time {
gap: calc(20 / 390 * 100vw);
padding-left: calc(30 / 390 * 100vw);
padding-bottom: calc(8 / 390 * 100vw);
}
.schedule .list_schedule dl .time::before {
top: calc(8 / 390 * 100vw);
width: calc(15 / 390 * 100vw);
}
.schedule .list_schedule dl .time::after {
top: calc(15 / 390 * 100vw);
left: calc(7 / 390 * 100vw);
}
.schedule .list_schedule dl .time dt {
font-size: calc(18 / 390 * 100vw);
}
.schedule .list_schedule dl .time dd {
font-size: calc(16 / 390 * 100vw);
}
} #contact .mv_sub {
margin-top: 181px;
position: relative;
z-index: 0;
height: 300px;
}
@media screen and (max-width: 768px) {
#contact .mv_sub {
margin-top: 147px;
height: 120px;
}
}
@media screen and (max-width: 390px) {
#contact .mv_sub {
margin-top: 108px;
}
}
#contact .mv_sub::after {
content: "";
display: block;
position: absolute;
z-index: -1;
background-image: url(//fujisawa-kogyo.com/wp/wp-content/themes/fujisawa-base/assets/img/contact/mv.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
top: 0;
left: calc(50% - 50vw);
width: 1600px;
aspect-ratio: 1600 / 300;
border-radius: 0 15px 15px 0;
}
@media screen and (max-width: 768px) {
#contact .mv_sub::after {
background-image: url(//fujisawa-kogyo.com/wp/wp-content/themes/fujisawa-base/assets/img/contact/mv_sp.jpg);
left: 0;
width: 94.87%;
aspect-ratio: 370 / 120;
border-radius: 0 calc(15 / 390 * 100vw) calc(15 / 390 * 100vw) 0;
}
}
.content {
font-weight: 500;
padding: 50px 0 0;
margin: 0 auto;
position: relative;
}
.content .inner > p {
text-align: center;
margin-bottom: 50px;
}
.content .inner .form_block {
max-width: 900px;
margin: 0 auto;
}
.content .inner .form_block dl {
display: flex;
justify-content: flex-end;
align-items: flex-start;
column-gap: 20px;
}
.content .inner .form_block dl.pt20 {
border-top: 1px solid #CCCCCC;
padding: 20px 20px 20px 0;
}
.content .inner .form_block dl.pt20:last-of-type {
border-bottom: 1px solid #CCCCCC;
}
.content .inner .form_block dt {
font-weight: 600;
display: flex;
justify-content: flex-end;
align-items: center;
column-gap: 10px;
padding-top: 13px;
}
.content .inner .form_block dt .txt_required {
font-size: 14px;
font-weight: 500;
color: #F51B6C;
padding: 5px 11px;
border: 1px solid #F51B6C;
border-radius: 5px;
}
.content .inner .form_block dd {
width: 630px;
font-size: 14px;
}
.content .inner .form_block dd.flex_box {
display: flex;
align-items: center;
}
.content .inner .form_block dd.flex_box span {
font-size: 16px;
font-weight: 600;
margin-right: 10px;
}
.content .inner .form_block dd.flex_box input + span {
margin-left: 30px;
}
.content .inner .form_block dd p {
line-height: 1.8;
margin-top: 10px;
}
.content .inner .form_block dt.pt17 {
padding-top: 17px;
}
.content .inner .form_block.error {
max-width: 600px;
margin: 0 auto;
line-height: 1.8;
}
.content .inner .form_block.error h3 {
font-size: 24px;
text-align: center;
color: #F51B6C;
margin-bottom: 20px;
}
.content .inner .form_block.error .txt_error {
color: #F51B6C;
text-align: center;
} .c_form input:not([type=checkbox]):not([type=button]):not([type=submit]),
.c_form textarea {
font-size: 14px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: none;
border-radius: 5px;
width: 100%;
background-color: #F5F5F5;
outline: none;
padding: 13px 15px 13px;
min-height: 50px;
}
.c_form input.text_input_s {
width: 200px !important;
}
.c_form input.text_input_m {
width: 300px !important;
}
.c_form input::placeholder,
.c_form textarea::placeholder {
font-size: 12px;
color: #DEDEDE;
}
.c_form textarea {
width: 100%;
height: 166px;
}
.c_form .selectbox {
width: 400px;
display: inline-flex;
align-items: center;
position: relative;
}
.c_form .selectbox::before,
.c_form .selectbox::after {
position: absolute;
top: 50%;
right: 14px;
content: '';
pointer-events: none;
width: 10px;
height: 3%;
display: inline-block;
border-radius: 2px;
background: #0a0a0a;
}
.c_form .selectbox::before {
transform: rotate(135deg);
}
.c_form .selectbox::after {
right: 21px;
transform: rotate(-135deg);
}
.c_form .selectbox select {
display: flex;
align-items: center;
appearance: none;
min-width: 100%;
padding: 13px 15px 13px;
background: #F6F7FA;
color: #000000;
font-size: 14px;
cursor: pointer;
min-height: 50px;
border-radius: 5px;
border: none;
}
.c_form .form_btn_block {
display: flex;
justify-content: center;
column-gap: 20px;
margin-top: 50px;
}
.c_form .form_btn_block .submit_arrow input {
display: flex;
justify-content: flex-start;
align-items: center;
cursor: pointer;
font-size: 18px;
font-weight: 600;
width: 400px;
height: 100px;
color: #2767FA;
background: transparent;
border: 1px solid #2767FA;
border-radius: 5px;
padding: 0 30px;
}
.c_form .form_btn_block .submit_arrow {
display: inline-block;
position: relative;
}
.c_form .form_btn_block .submit_arrow::before {
content: "";
display: block;
width: 60px;
height: 60px;
background: url(//fujisawa-kogyo.com/wp/wp-content/themes/fujisawa-base/assets/img/contact/icon_arrow.svg) no-repeat left top / contain;
position: absolute;
right: 30px;
top: 20px;
z-index: -1;
}
.c_form .form_btn_block .disabled-look {
opacity: 0.4;
cursor: not-allowed;
}
.c_form .form_btn_block .disabled-look input {
pointer-events: none;
}
.c_form .form_btn_block .back_arrow {
display: inline-block;
position: relative;
}
.c_form .form_btn_block .back_arrow .btn_denial {
display: flex;
justify-content: flex-end;
align-items: center;
cursor: pointer;
font-size: 18px;
font-weight: 600;
width: 400px;
height: 100px;
color: #2767FA;
background: transparent;
border: 1px solid #2767FA;
border-radius: 5px;
padding: 0 30px;
text-decoration: none;
box-sizing: border-box;
}
.c_form .form_btn_block .back_arrow::before {
content: "";
display: block;
width: 60px;
height: 60px;
background: url(//fujisawa-kogyo.com/wp/wp-content/themes/fujisawa-base/assets/img/contact/icon_back.svg) no-repeat left top / contain;
position: absolute;
left: 30px;
top: 20px;
z-index: -1;
} .content .inner .confirm .form_block {
margin: 0 auto;
}
.content .inner .confirm .form_block dt {
padding-top: 0;
}
.confirm .privacy {
margin: 40px 0 0;
}
.confirm .privacy .box {
background: #F6F7FA;
padding: 20px;
font-size: 16px;
}
@media only screen and (max-width: 768px) {
.c_form .form_btn_block .back_arrow .btn_denial {
width: 310px;
height: 120px;
font-size: 16px;
}
.c_form .form_btn_block .back_arrow::before {
top: 30px;
}
.confirm .privacy {
margin: 30px 0 0;
}
} .checkbox {
border: none;
margin-top: 27px;
font-size: 14px;
}
.checkbox label {
display: flex;
align-items: center;
column-gap: 10px;
position: relative;
cursor: pointer;
}
.checkbox label::before {
width: 24px;
height: 24px;
border: .1rem solid #DEDEDE;
background: #FFFFFF;
content: '';
margin-top: 2px;
border-radius: 5px;
}
.checkbox label:has(:checked)::after {
position: absolute;
top: 10px;
left: 4px;
width: 14px;
height: 9px;
background: url(//fujisawa-kogyo.com/wp/wp-content/themes/fujisawa-base/assets/img/contact/icon_check.svg) no-repeat left top / 100% auto;
content: '';
}
.checkbox input {
display: none;
}
.align_c {
text-align: center;
}
.align_c label {
display: inline-flex;
} .privacy {
margin: 30px 0;
line-height: 1.8;
}
.privacy h3 {
color: #FFFFFF;
font-size: 16px;
font-weight: normal;
background: #2767FA;
border-radius: 10px 10px 0 0;
padding: 20px;
}
.privacy_box {
font-size: 16px;
background: #F6F7FA;
border-radius: 0 0 10px 10px;
}
.privacy_inner {
padding: 20px;
} .thanks h3 {
font-size: 30px;
text-align: center;
color: #000000;
margin-bottom: 20px;
}
.thanks p {
text-align: center;
margin-bottom: 40px;
}
@media only screen and (max-width: 768px) {
.content {
max-width: 100%;
padding: 40px calc(20 / 390 * 100vw) 0;
}
.content .inner .form_block {
width: 100%;
}
.content .inner .form_block dl.pt20 {
display: block;
padding: calc(20 / 390 * 100vw);
}
.content .inner .form_block dt {
justify-content: flex-start;
margin-bottom: 10px;
padding-top: 0;
}
.content .inner .form_block dt.pt17 {
padding-top: 0;
}
.content .inner .form_block dd {
width: 100%;
}
.content .inner .form_block dd.flex_box input + span {
margin-left: 19px;
}
.content .inner .form_block.error h3 {
font-size: 20px;
}
.c_form input.text_input_s {
width: calc(110 / 390 * 100vw) !important;
}
.c_form input.text_input_m {
width: 100% !important;
}
.c_form .selectbox {
width: 100%;
}
.checkbox label {
column-gap: 10px;
}
.checkbox label::before {
margin-top: 3px;
}
.c_form .form_btn_block {
flex-direction: column;
align-items: center;
row-gap: 20px;
margin-top: 40px;
}
.c_form .form_btn_block .submit_arrow input {
width: 310px;
height: 80px;
font-size: 16px;
}
.c_form .form_btn_block .submit_arrow::before {
top: 10px;
width: 50px;
height: 50px;
}
.privacy h3 {
font-size: 14px;
padding: 15px;
}
.privacy_inner {
padding: 15px;
}
.privacy_box {
font-size: 14px;
}
.thanks p {
font-size: 14px;
}
} #useful-info {
padding-bottom: 100px;
} .useful-info-header {
background: linear-gradient(135deg, var(--color01) 0%, #1a4fd8 100%);
padding: 80px 0;
text-align: center;
color: #fff;
margin-bottom: 60px;
}
.useful-info-header .page-title {
font-size: 36px;
font-weight: bold;
line-height: 1.4;
}
.useful-info-header .page-title .en {
display: block;
font-family: "Oswald", sans-serif;
font-size: 14px;
font-weight: 400;
letter-spacing: 0.1em;
margin-bottom: 10px;
opacity: 0.8;
}
.useful-info-header .page-description {
margin-top: 20px;
font-size: 16px;
line-height: 1.8;
opacity: 0.9;
}
@media screen and (max-width: 768px) {
.useful-info-header {
padding: calc(50 / 390 * 100vw) 0;
margin-bottom: calc(40 / 390 * 100vw);
}
.useful-info-header .page-title {
font-size: calc(28 / 390 * 100vw);
}
.useful-info-header .page-title .en {
font-size: calc(12 / 390 * 100vw);
margin-bottom: calc(8 / 390 * 100vw);
}
.useful-info-header .page-description {
margin-top: calc(15 / 390 * 100vw);
font-size: calc(14 / 390 * 100vw);
}
} #useful-info .container {
max-width: 1200px;
margin: 0 auto;
padding: 0 20px;
} .category-filter {
margin-bottom: 40px;
}
.category-filter .category-list {
display: flex;
flex-wrap: wrap;
gap: 10px;
justify-content: center;
}
.category-filter .category-list li a {
display: inline-flex;
align-items: center;
gap: 6px;
padding: 10px 20px;
border-radius: 30px;
background: #f5f5f5;
color: #333;
font-size: 14px;
font-weight: 500;
transition: all 0.3s ease;
}
.category-filter .category-list li a:hover {
background: var(--color01);
color: #fff;
}
.category-filter .category-list li a.active {
background: var(--color01);
color: #fff;
}
.category-filter .category-list li a .count {
font-size: 12px;
opacity: 0.7;
}
@media screen and (max-width: 768px) {
.category-filter {
margin-bottom: calc(30 / 390 * 100vw);
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
.category-filter .category-list {
flex-wrap: nowrap;
justify-content: flex-start;
padding-bottom: 10px;
}
.category-filter .category-list li a {
white-space: nowrap;
padding: calc(8 / 390 * 100vw) calc(16 / 390 * 100vw);
font-size: calc(13 / 390 * 100vw);
}
} .posts-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 30px;
}
@media screen and (max-width: 1024px) {
.posts-grid {
grid-template-columns: repeat(2, 1fr);
gap: 20px;
}
}
@media screen and (max-width: 600px) {
.posts-grid {
grid-template-columns: 1fr;
gap: calc(20 / 390 * 100vw);
}
} .post-card {
background: #fff;
border-radius: 15px;
overflow: hidden;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
transition: all 0.3s ease;
}
.post-card:hover {
transform: translateY(-5px);
box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12);
}
.post-card-link {
display: block;
text-decoration: none;
color: inherit;
}
.post-thumbnail {
position: relative;
aspect-ratio: 16 / 9;
overflow: hidden;
background: #f5f5f5;
}
.post-thumbnail img {
width: 100%;
height: 100%;
object-fit: contain;
transition: transform 0.3s ease;
}
.post-card:hover .post-thumbnail img {
transform: scale(1.05);
}
.post-thumbnail .no-thumbnail {
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
background: linear-gradient(135deg, #e8e8e8 0%, #d5d5d5 100%);
color: #999;
font-size: 14px;
font-weight: 500;
}
.post-content {
padding: 20px;
}
.post-meta {
display: flex;
align-items: center;
gap: 12px;
margin-bottom: 12px;
}
.post-category {
display: inline-block;
padding: 4px 12px;
background: var(--color03);
color: var(--color01);
font-size: 12px;
font-weight: 600;
border-radius: 20px;
}
.post-date {
font-size: 13px;
color: #888;
font-family: "Poppins", sans-serif;
}
.post-title {
font-size: 16px;
font-weight: 600;
line-height: 1.6;
color: #333;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
}
@media screen and (max-width: 768px) {
.post-card {
border-radius: calc(10 / 390 * 100vw);
}
.post-content {
padding: calc(15 / 390 * 100vw);
}
.post-meta {
gap: calc(10 / 390 * 100vw);
margin-bottom: calc(10 / 390 * 100vw);
}
.post-category {
padding: calc(3 / 390 * 100vw) calc(10 / 390 * 100vw);
font-size: calc(11 / 390 * 100vw);
}
.post-date {
font-size: calc(12 / 390 * 100vw);
}
.post-title {
font-size: calc(15 / 390 * 100vw);
}
} #useful-info .pagination {
margin-top: 60px;
display: flex;
justify-content: center;
align-items: center;
gap: 8px;
flex-wrap: wrap;
}
#useful-info .pagination a,
#useful-info .pagination span {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 44px;
height: 44px;
padding: 0 15px;
border-radius: 8px;
font-size: 14px;
font-weight: 500;
transition: all 0.3s ease;
}
#useful-info .pagination a {
background: #fff;
color: var(--color01);
border: 1px solid #ddd;
}
#useful-info .pagination a:hover {
background: var(--color01);
color: #fff;
border-color: var(--color01);
}
#useful-info .pagination .current {
background: var(--color01);
color: #fff;
border: 1px solid var(--color01);
}
#useful-info .pagination .dots {
background: transparent;
border: none;
color: #888;
}
#useful-info .pagination .prev,
#useful-info .pagination .next {
padding: 0 20px;
}
@media screen and (max-width: 768px) {
#useful-info .pagination {
margin-top: calc(40 / 390 * 100vw);
gap: calc(6 / 390 * 100vw);
}
#useful-info .pagination a,
#useful-info .pagination span {
min-width: calc(40 / 390 * 100vw);
height: calc(40 / 390 * 100vw);
padding: 0 calc(12 / 390 * 100vw);
font-size: calc(13 / 390 * 100vw);
border-radius: calc(6 / 390 * 100vw);
}
#useful-info .pagination .prev,
#useful-info .pagination .next {
padding: 0 calc(15 / 390 * 100vw);
}
} .no-posts {
text-align: center;
padding: 80px 20px;
background: #f9f9f9;
border-radius: 15px;
}
.no-posts p {
font-size: 16px;
color: #666;
}
@media screen and (max-width: 768px) {
#useful-info {
padding-bottom: calc(60 / 390 * 100vw);
}
.no-posts {
padding: calc(50 / 390 * 100vw) calc(20 / 390 * 100vw);
border-radius: calc(10 / 390 * 100vw);
}
.no-posts p {
font-size: calc(14 / 390 * 100vw);
}
}body.admin-bar .block_header {
top: 32px;
}
@media screen and (max-width: 782px) {
body.admin-bar .block_header {
top: 46px;
}
} .wp-block-image img {
height: auto;
}
.alignleft {
float: left;
margin-right: 1.5rem;
}
.alignright {
float: right;
margin-left: 1.5rem;
}
.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
} .entry-content {
line-height: 1.8;
}
.entry-content h2 {
font-size: 1.5rem;
font-weight: bold;
margin: 2rem 0 1rem;
color: var(--color01, #2767fa);
}
.entry-content h3 {
font-size: 1.25rem;
font-weight: bold;
margin: 1.5rem 0 0.75rem;
}
.entry-content p {
margin-bottom: 1rem;
}
.entry-content ul,
.entry-content ol {
margin-bottom: 1rem;
padding-left: 1.5rem;
}
.entry-content ul {
list-style-type: disc;
}
.entry-content ol {
list-style-type: decimal;
}
.entry-content a {
color: var(--color01, #2767fa);
text-decoration: underline;
}
.entry-content a:hover {
text-decoration: none;
}  :root { --color-primary: #004c97;
--color-primary-dark: #003366;
--color-primary-light: #e6f0f8;
--color-accent: #e65100; --color-brand-blue: #004c97;
--color-brand-navy: #003366;
--color-brand-orange: #e65100;
} .site-header {
border-bottom: 3px solid var(--color-primary);
}
.site-title a:hover {
color: var(--color-primary);
} .primary-menu > li > a {
position: relative;
}
.primary-menu > li > a::after {
content: "";
position: absolute;
bottom: 0;
left: 50%;
width: 0;
height: 2px;
background-color: var(--color-primary);
transition: all var(--transition-base);
transform: translateX(-50%);
}
.primary-menu > li > a:hover::after,
.primary-menu > li.current-menu-item > a::after {
width: calc(100% - var(--space-lg));
} .hero-section {
min-height: 500px;
background: linear-gradient(135deg, var(--color-brand-blue) 0%, var(--color-brand-navy) 100%);
}
.hero-section::before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-image: 
radial-gradient(circle at 20% 50%, rgba(255, 255, 255, 0.05) 0%, transparent 50%),
radial-gradient(circle at 80% 80%, rgba(255, 255, 255, 0.05) 0%, transparent 50%);
z-index: 0;
}
.hero-content {
padding: var(--space-xxl) 0;
}
.hero-title {
font-size: 3rem;
letter-spacing: 0.05em;
margin-bottom: var(--space-lg);
}
.hero-description {
font-size: 1.25rem;
max-width: 700px;
margin: 0 auto;
line-height: 1.8;
} .hero-cta {
margin-top: var(--space-xl);
}
.hero-cta .btn {
margin: 0 var(--space-sm);
}
.btn-white {
background-color: #fff;
color: var(--color-primary);
border-color: #fff;
}
.btn-white:hover {
background-color: transparent;
color: #fff;
border-color: #fff;
} .section-title {
font-size: 2rem;
letter-spacing: 0.05em;
}
.section-subtitle {
text-align: center;
color: var(--color-text-light);
max-width: 700px;
margin: calc(-1 * var(--space-lg)) auto var(--space-xl);
} .news-section {
background-color: #f8fafc;
}
.news-item {
background-color: #fff;
padding: var(--space-md);
border-radius: var(--radius-sm);
margin-bottom: var(--space-sm);
border: 1px solid var(--color-border-light);
transition: box-shadow var(--transition-fast);
}
.news-item:hover {
box-shadow: var(--shadow-sm);
}
.news-category {
background-color: var(--color-primary);
} .news-category--important {
background-color: var(--color-danger);
}
.news-category--event {
background-color: var(--color-success);
}
.news-category--media {
background-color: var(--color-accent);
} .services-section {
padding: var(--space-xxl) 0;
}
.services-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: var(--space-lg);
}
.service-card {
background-color: #fff;
border-radius: var(--radius-md);
box-shadow: var(--shadow-md);
overflow: hidden;
transition: transform var(--transition-base), box-shadow var(--transition-base);
}
.service-card:hover {
transform: translateY(-5px);
box-shadow: var(--shadow-lg);
}
.service-card-image {
aspect-ratio: 16 / 10;
overflow: hidden;
}
.service-card-image img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform var(--transition-base);
}
.service-card:hover .service-card-image img {
transform: scale(1.05);
}
.service-card-content {
padding: var(--space-lg);
}
.service-card-title {
font-size: 1.25rem;
margin-bottom: var(--space-sm);
color: var(--color-primary);
}
.service-card-description {
color: var(--color-text-light);
margin-bottom: var(--space-md);
font-size: var(--font-size-sm);
}
.service-card-link {
font-weight: 600;
color: var(--color-primary);
}
.service-card-link::after {
content: " →";
} .company-table {
width: 100%;
border-collapse: collapse;
background-color: #fff;
box-shadow: var(--shadow-sm);
border-radius: var(--radius-md);
overflow: hidden;
}
.company-table th,
.company-table td {
padding: var(--space-md) var(--space-lg);
text-align: left;
border-bottom: 1px solid var(--color-border);
}
.company-table tr:last-child th,
.company-table tr:last-child td {
border-bottom: none;
}
.company-table th {
width: 30%;
background-color: var(--color-primary-light);
font-weight: 600;
color: var(--color-primary);
} .contact-cta-section {
padding: var(--space-xxl) 0;
background: linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-dark) 100%);
color: #fff;
text-align: center;
}
.contact-cta-section .section-title {
color: #fff;
}
.contact-cta-section .section-title::after {
background-color: #fff;
}
.contact-phone-number {
font-size: 2.5rem;
font-weight: 700;
margin: var(--space-lg) 0 var(--space-sm);
}
.contact-phone-number a {
color: #fff;
text-decoration: none;
}
.contact-phone-hours {
font-size: var(--font-size-sm);
opacity: 0.9;
margin-bottom: var(--space-lg);
} .contact-form {
max-width: 700px;
margin: 0 auto;
}
.form-group {
margin-bottom: var(--space-lg);
}
.form-group label {
font-weight: 600;
margin-bottom: var(--space-xs);
}
.form-group .required {
color: var(--color-danger);
margin-left: var(--space-xs);
}
.form-group input,
.form-group textarea,
.form-group select {
width: 100%;
}
.form-group textarea {
min-height: 150px;
resize: vertical;
}
.form-submit {
text-align: center;
}  .post-card {
border: 1px solid var(--color-border-light);
}
.post-card:hover {
border-color: var(--color-primary-light);
} .entry-content h2 {
position: relative;
padding-left: var(--space-md);
border-bottom: none;
border-left: 4px solid var(--color-primary);
background: linear-gradient(to right, var(--color-primary-light), transparent);
} h2.wp-block-heading {
padding-left: 18px;
}
.entry-content h3.wp-block-heading,
.blog-single-content h3.wp-block-heading,
h3.wp-block-heading {
padding-left: 18px;
padding-right: 10px;
padding-bottom: 10px;
}
.entry-content h3 {
border-bottom: 2px dotted var(--color-border);
padding-bottom: var(--space-xs);
} .entry-content blockquote {
position: relative;
background-color: #f8fafc;
border-left-color: var(--color-primary);
}
.entry-content blockquote::before {
content: """;
position: absolute;
top: -10px;
left: 10px;
font-size: 4rem;
color: var(--color-primary);
opacity: 0.2;
font-family: Georgia, serif;
line-height: 1;
} .site-footer {
background-color: #1a1a2e;
}
.footer-company-info {
text-align: center;
margin-bottom: var(--space-xl);
padding-bottom: var(--space-xl);
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.footer-logo {
margin-bottom: var(--space-md);
}
.footer-logo img {
max-height: 50px;
}
.footer-address {
font-size: var(--font-size-sm);
color: #aaa;
line-height: 1.8;
}
.footer-widget-area .widget-title {
font-size: 1rem;
letter-spacing: 0.05em;
} .social-links {
display: flex;
justify-content: center;
gap: var(--space-md);
margin-top: var(--space-lg);
}
.social-links a {
display: flex;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
background-color: rgba(255, 255, 255, 0.1);
border-radius: 50%;
color: #fff;
transition: all var(--transition-fast);
}
.social-links a:hover {
background-color: var(--color-primary);
}  .page-company .entry-content {
max-width: 900px;
margin: 0 auto;
} .page-contact .contact-info-box {
background-color: var(--color-bg-light);
padding: var(--space-xl);
border-radius: var(--radius-md);
text-align: center;
margin-bottom: var(--space-xl);
}
.page-contact .contact-info-box h2 {
margin-bottom: var(--space-md);
}
.page-contact .contact-phone {
font-size: 2rem;
font-weight: 700;
color: var(--color-primary);
}
.page-contact .contact-hours {
font-size: var(--font-size-sm);
color: var(--color-text-light);
} @keyframes fadeInUp {
from {
opacity: 0;
transform: translateY(20px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
.animate-fade-in-up {
animation: fadeInUp 0.6s ease forwards;
} @media screen and (max-width: 992px) {
.hero-title {
font-size: 2.5rem;
}
.services-grid {
grid-template-columns: repeat(2, 1fr);
}
}
@media screen and (max-width: 768px) {
.hero-section {
min-height: 400px;
}
.hero-title {
font-size: 2rem;
}
.hero-description {
font-size: 1rem;
}
.section-title {
font-size: 1.5rem;
}
.services-grid {
grid-template-columns: 1fr;
}
.company-table th,
.company-table td {
display: block;
width: 100%;
}
.company-table th {
border-bottom: none;
}
.contact-phone-number {
font-size: 1.75rem;
}
.hero-cta .btn {
display: block;
margin: var(--space-sm) 0;
}
}
@media screen and (max-width: 480px) {
.hero-title {
font-size: 1.75rem;
}
.news-item {
flex-direction: column;
}
.news-date {
margin-bottom: var(--space-xs);
}
}  #blog .mv_sub,
#seo-blog .mv_sub,
#seo-blog-single .mv_sub {
position: relative;
z-index: 0;
padding: 120px 0 50px;
}
#blog .mv_sub::after,
#seo-blog .mv_sub::after,
#seo-blog-single .mv_sub::after {
content: "";
display: block;
position: absolute;
z-index: -1;
background: linear-gradient(135deg, var(--color01, #2767fa) 0%, var(--color02, #339fcb) 100%);
top: 0;
left: calc(50% - 50vw);
width: 1600px;
max-width: 100vw;
height: 100%;
border-radius: 0 15px 15px 0;
}
#blog .mv_sub h1,
#seo-blog .mv_sub h1,
#seo-blog-single .mv_sub h1 {
display: flex;
flex-flow: column;
align-items: center;
font-weight: bold;
font-size: 32px;
line-height: 1.5;
text-align: center;
color: #fff;
}
#blog .mv_sub h1 .en,
#seo-blog .mv_sub h1 .en,
#seo-blog-single .mv_sub h1 .en {
font-weight: 500;
font-size: 14px;
margin-bottom: 5px;
letter-spacing: 0.1em;
}
.mv_inner {
margin: 0 auto;
width: 1024px;
}
@media screen and (max-width: 1320px) {
.mv_inner {
width: 96%;
}
}
@media screen and (max-width: 768px) {
#blog .mv_sub,
#seo-blog .mv_sub,
#seo-blog-single .mv_sub {
padding: 100px 0 35px;
}
#blog .mv_sub::after,
#seo-blog .mv_sub::after,
#seo-blog-single .mv_sub::after {
left: 0;
width: 94.87%;
border-radius: 0 calc(15 / 390 * 100vw) calc(15 / 390 * 100vw) 0;
}
#blog .mv_sub h1,
#seo-blog .mv_sub h1,
#seo-blog-single .mv_sub h1 {
font-size: calc(24 / 390 * 100vw);
}
#blog .mv_sub h1 .en,
#seo-blog .mv_sub h1 .en,
#seo-blog-single .mv_sub h1 .en {
font-size: calc(12 / 390 * 100vw);
}
.mv_inner {
width: 89.75%;
}
} .blog-archive.block_00 {
padding: 50px 0 80px;
}
@media screen and (max-width: 768px) {
.blog-archive.block_00 {
padding: 30px 0 50px;
}
} #seo-blog-single .breadcrumb {
margin-top: 181px;
}
@media screen and (max-width: 768px) {
#seo-blog-single .breadcrumb {
margin-top: calc(108px + 0.1746031746 * (100vw - 390px));
}
}
@media screen and (max-width: 390px) {
#seo-blog-single .breadcrumb {
margin-top: calc(108 / 390 * 100vw);
}
} .breadcrumb {
background-color: var(--color03, #f6f7fa);
padding: 15px 0;
}
.breadcrumb .inner {
margin: 0 auto;
width: 1024px;
}
@media screen and (max-width: 1320px) {
.breadcrumb .inner {
width: 96%;
}
}
@media screen and (max-width: 768px) {
.breadcrumb .inner {
width: 89.75%;
}
}
.breadcrumb-list {
display: flex;
flex-wrap: wrap;
list-style: none;
margin: 0;
padding: 0;
font-size: 14px;
line-height: 1.5;
}
.breadcrumb-list li {
display: flex;
align-items: center;
}
.breadcrumb-list li:not(:last-child)::after {
content: ">";
margin: 0 0.5rem;
color: #999;
}
.breadcrumb-list a {
color: var(--color01, #2767fa);
text-decoration: none;
}
.breadcrumb-list a:hover {
text-decoration: underline;
} .blog-categories-filter {
display: flex;
flex-wrap: wrap;
gap: 10px;
margin-bottom: 40px;
justify-content: center;
}
.category-filter-item {
display: inline-block;
padding: 10px 25px;
background-color: #fff;
border: 1px solid #ddd;
border-radius: 9999px;
font-size: 14px;
font-weight: 500;
color: #333;
text-decoration: none;
transition: all 0.2s ease;
}
.category-filter-item:hover,
.category-filter-item.is-active {
background-color: var(--color01, #2767fa);
border-color: var(--color01, #2767fa);
color: #fff;
} .blog-archive-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 30px;
margin-bottom: 50px;
}
.blog-archive-item {
background-color: #fff;
border-radius: 8px;
overflow: hidden;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);
transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.blog-archive-item:hover {
transform: translateY(-5px);
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
}
.blog-archive-link {
display: block;
text-decoration: none;
color: inherit;
}
.blog-archive-thumbnail {
aspect-ratio: 16 / 9;
overflow: hidden;
background-color: var(--color03, #f6f7fa);
}
.blog-archive-thumbnail img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.3s ease;
}
.blog-archive-item:hover .blog-archive-thumbnail img {
transform: scale(1.05);
}
.blog-archive-thumbnail .no-thumbnail {
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
color: #999;
font-size: 14px;
}
.blog-archive-content {
padding: 20px;
}
.blog-archive-meta {
display: flex;
align-items: center;
gap: 10px;
margin-bottom: 10px;
}
.blog-date {
font-size: 13px;
color: #666;
}
.blog-category {
display: inline-block;
padding: 4px 12px;
background-color: var(--color01, #2767fa);
color: #fff;
font-size: 12px;
font-weight: 500;
border-radius: 3px;
}
.blog-archive-title {
font-size: 16px;
font-weight: 600;
line-height: 1.6;
margin-bottom: 10px;
color: #222;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.blog-archive-excerpt {
font-size: 14px;
color: #666;
line-height: 1.8;
margin-bottom: 15px;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
}
.blog-read-more {
display: inline-block;
font-size: 14px;
font-weight: 600;
color: var(--color01, #2767fa);
}
.blog-read-more::after {
content: " →";
} .blog-tags-section {
background-color: var(--color03, #f6f7fa);
padding: 50px 0;
}
.blog-tags-section .inner {
margin: 0 auto;
width: 1024px;
}
@media screen and (max-width: 1320px) {
.blog-tags-section .inner {
width: 96%;
}
}
@media screen and (max-width: 768px) {
.blog-tags-section .inner {
width: 89.75%;
}
}
.section-heading {
font-size: 20px;
font-weight: 600;
text-align: center;
margin-bottom: 25px;
color: #222;
}
.blog-tags-cloud {
display: flex;
flex-wrap: wrap;
gap: 10px;
justify-content: center;
}
.blog-tag-item {
display: inline-block;
padding: 8px 16px;
background-color: #fff;
border: 1px solid #ddd;
border-radius: 3px;
font-size: 14px;
color: #333;
text-decoration: none;
transition: all 0.2s ease;
}
.blog-tag-item:hover {
background-color: rgba(39, 103, 250, 0.1);
border-color: var(--color01, #2767fa);
color: var(--color01, #2767fa);
} .blog-single-container {
padding: 50px 0 80px;
}
.blog-single-container .inner {
margin: 0 auto;
width: 1024px;
}
@media screen and (max-width: 1320px) {
.blog-single-container .inner {
width: 96%;
}
}
@media screen and (max-width: 768px) {
.blog-single-container .inner {
width: 89.75%;
}
}
.blog-single-layout {
display: grid;
grid-template-columns: 1fr 300px;
gap: 50px;
}
.blog-single-main {
min-width: 0;
} .blog-single-header {
margin-bottom: 30px;
padding-bottom: 30px;
border-bottom: 1px solid #ddd;
}
.blog-single-meta {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 15px;
margin-bottom: 15px;
}
.blog-single-meta .blog-date,
.blog-single-meta .blog-date-modified {
font-size: 14px;
color: #666;
}
.blog-single-meta .label {
font-weight: 500;
}
.blog-categories {
display: flex;
gap: 8px;
}
.blog-categories .blog-category {
text-decoration: none;
}
.blog-single-title {
font-size: 28px;
font-weight: 700;
line-height: 1.5;
margin-bottom: 15px;
color: #222;
}
.blog-author {
font-size: 14px;
color: #666;
}
.blog-author a {
color: var(--color01, #2767fa);
text-decoration: none;
}
.blog-author a:hover {
text-decoration: underline;
} .blog-single-thumbnail {
margin-bottom: 30px;
border-radius: 8px;
overflow: hidden;
}
.blog-single-thumbnail img {
width: 100%;
height: auto;
object-fit: contain;
} .blog-toc {
background-color: var(--color03, #f6f7fa);
border: 1px solid #ddd;
border-radius: 8px;
padding: 25px;
margin-bottom: 30px;
}
.blog-toc-title {
font-size: 16px;
font-weight: 600;
cursor: pointer;
user-select: none;
color: #222;
}
.blog-toc-title::marker {
color: var(--color01, #2767fa);
}
.blog-toc-list {
margin: 15px 0 0 20px;
padding: 0;
list-style: decimal;
}
.blog-toc-list li {
margin-bottom: 8px;
line-height: 1.6;
}
.blog-toc-list a {
color: #333;
text-decoration: none;
font-size: 15px;
}
.blog-toc-list a:hover {
color: var(--color01, #2767fa);
} .blog-single-content {
font-size: 16px;
line-height: 2;
color: #333;
}
.blog-single-content h2 {
font-size: 22px;
font-weight: 700;
margin: 50px 0 25px;
padding: 15px 20px;
background: linear-gradient(to right, rgba(39, 103, 250, 0.1), transparent);
border-left: 4px solid var(--color01, #2767fa);
color: #222;
}
.blog-single-content h3 {
font-size: 18px;
font-weight: 600;
margin: 35px 0 15px;
padding-bottom: 10px;
border-bottom: 2px dotted #ddd;
color: #222;
}
.blog-single-content h4 {
font-size: 16px;
font-weight: 600;
margin: 25px 0 12px;
color: #222;
}
.blog-single-content p {
margin-bottom: 25px;
}
.blog-single-content ul,
.blog-single-content ol {
margin: 25px 0;
padding-left: 25px;
}
.blog-single-content ul {
list-style: disc;
}
.blog-single-content ol {
list-style: decimal;
}
.blog-single-content li {
margin-bottom: 10px;
line-height: 1.8;
}
.blog-single-content img {
max-width: 100%;
height: auto;
border-radius: 4px;
}
.blog-single-content blockquote {
margin: 30px 0;
padding: 25px;
background-color: var(--color03, #f6f7fa);
border-left: 4px solid var(--color01, #2767fa);
font-style: italic;
} .blog-single-footer {
margin-top: 50px;
padding-top: 30px;
border-top: 1px solid #ddd;
}
.blog-tags {
margin-bottom: 25px;
}
.tags-label {
font-weight: 600;
margin-right: 10px;
font-size: 14px;
}
.tags-list {
display: inline-flex;
flex-wrap: wrap;
gap: 8px;
}
.blog-tag {
display: inline-block;
padding: 5px 12px;
background-color: var(--color03, #f6f7fa);
border-radius: 3px;
font-size: 14px;
color: #333;
text-decoration: none;
transition: all 0.2s ease;
}
.blog-tag:hover {
background-color: var(--color01, #2767fa);
color: #fff;
} .blog-share {
display: flex;
align-items: center;
gap: 15px;
}
.share-label {
font-weight: 600;
font-size: 14px;
}
.share-buttons {
display: flex;
gap: 10px;
}
.share-btn {
display: flex;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
border-radius: 50%;
color: #fff;
text-decoration: none;
transition: transform 0.2s ease, opacity 0.2s ease;
}
.share-btn:hover {
transform: scale(1.1);
opacity: 0.9;
}
.share-twitter {
background-color: #1da1f2;
}
.share-facebook {
background-color: #1877f2;
}
.share-line {
background-color: #00c300;
} .blog-post-navigation {
margin-top: 50px;
}
.post-nav-links {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 20px;
}
.post-nav-link {
display: block;
padding: 20px;
background-color: var(--color03, #f6f7fa);
border-radius: 8px;
text-decoration: none;
transition: background-color 0.2s ease;
}
.post-nav-link:hover {
background-color: #e5e7eb;
}
.post-nav-link.is-disabled {
visibility: hidden;
}
.nav-label {
display: block;
font-size: 13px;
color: #666;
margin-bottom: 8px;
}
.nav-title {
display: block;
font-size: 15px;
font-weight: 600;
color: #222;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
} .back-to-archive {
margin-top: 50px;
text-align: center;
}
.btn-outline {
display: inline-block;
padding: 15px 40px;
background-color: transparent;
border: 2px solid var(--color01, #2767fa);
border-radius: 5px;
color: var(--color01, #2767fa);
font-weight: 600;
font-size: 15px;
text-decoration: none;
transition: all 0.2s ease;
}
.btn-outline:hover {
background-color: var(--color01, #2767fa);
color: #fff;
} .blog-single-sidebar {
position: sticky;
top: 100px;
align-self: start;
}
.sidebar-widget {
background-color: #fff;
border: 1px solid #ddd;
border-radius: 8px;
padding: 25px;
margin-bottom: 25px;
}
.sidebar-widget .widget-title {
font-size: 16px;
font-weight: 600;
margin-bottom: 15px;
padding-bottom: 12px;
border-bottom: 2px solid var(--color01, #2767fa);
color: #222;
} .related-posts-list {
list-style: none;
margin: 0;
padding: 0;
}
.related-post-item {
margin-bottom: 15px;
padding-bottom: 15px;
border-bottom: 1px solid #eee;
}
.related-post-item:last-child {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: none;
}
.related-post-item a {
display: flex;
gap: 12px;
text-decoration: none;
}
.related-post-thumbnail {
flex-shrink: 0;
width: 60px;
height: 45px;
border-radius: 6px;
overflow: hidden;
background-color: var(--color03, #f6f7fa);
}
.related-post-thumbnail img {
width: 100%;
height: 100%;
object-fit: cover;
}
.related-post-content {
flex: 1;
min-width: 0;
}
.related-post-date {
display: block;
font-size: 12px;
color: #666;
margin-bottom: 4px;
}
.related-post-title {
display: block;
font-size: 14px;
font-weight: 500;
color: #222;
line-height: 1.5;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.related-post-item a:hover .related-post-title {
color: var(--color01, #2767fa);
} .categories-list {
list-style: none;
margin: 0;
padding: 0;
}
.categories-list li {
margin-bottom: 8px;
}
.categories-list a {
display: flex;
justify-content: space-between;
padding: 8px 0;
color: #333;
text-decoration: none;
font-size: 15px;
border-bottom: 1px dotted #eee;
}
.categories-list a:hover {
color: var(--color01, #2767fa);
}
.categories-list .count {
font-size: 13px;
color: #666;
} .tags-cloud {
display: flex;
flex-wrap: wrap;
gap: 6px;
}
.tag-item {
display: inline-block;
padding: 5px 10px;
background-color: var(--color03, #f6f7fa);
border-radius: 3px;
font-size: 13px;
color: #333;
text-decoration: none;
transition: all 0.2s ease;
}
.tag-item:hover {
background-color: var(--color01, #2767fa);
color: #fff;
} .cta-widget {
background-color: rgba(39, 103, 250, 0.1);
border-color: var(--color01, #2767fa);
}
.cta-widget p {
font-size: 15px;
margin-bottom: 15px;
line-height: 1.7;
color: #333;
}
.cta-widget .btn-primary {
display: block;
width: 100%;
padding: 15px;
background-color: var(--color01, #2767fa);
color: #fff;
text-align: center;
font-weight: 600;
font-size: 15px;
text-decoration: none;
border-radius: 5px;
transition: background-color 0.2s ease;
}
.cta-widget .btn-primary:hover {
background-color: #1a52d6;
} @media screen and (max-width: 1024px) {
.blog-archive-grid {
grid-template-columns: repeat(2, 1fr);
gap: 20px;
}
.blog-single-layout {
grid-template-columns: 1fr;
gap: 40px;
}
.blog-single-sidebar {
position: static;
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 20px;
}
}
@media screen and (max-width: 768px) {
.blog-archive-grid {
grid-template-columns: 1fr;
gap: 20px;
}
.blog-single-title {
font-size: 22px;
}
.blog-single-sidebar {
grid-template-columns: 1fr;
}
.post-nav-links {
grid-template-columns: 1fr;
}
.blog-share {
flex-direction: column;
align-items: flex-start;
gap: 10px;
}
.blog-single-content h2 {
font-size: 18px;
margin: 35px 0 20px;
padding: 12px 15px;
}
.blog-single-content h3 {
font-size: 16px;
margin: 25px 0 12px;
}
.blog-tags-section {
padding: 35px 0;
}
.blog-single-container {
padding: 30px 0 50px;
}
}
@media screen and (max-width: 480px) {
.blog-categories-filter {
justify-content: flex-start;
}
.blog-single-meta {
flex-direction: column;
align-items: flex-start;
gap: 8px;
}
.category-filter-item {
padding: 8px 18px;
font-size: 13px;
}
} @media print {
.site-header,
.site-footer,
.breadcrumb,
.menu-toggle,
.hero-section,
.news-section,
.social-links {
display: none !important;
}
.site-content {
display: block;
padding: 0;
}
.content-area {
width: 100%;
max-width: 100%;
}
body {
font-size: 12pt;
color: #000;
background: #fff;
}
a {
color: #000;
text-decoration: underline;
}
.entry-content h2,
.entry-content h3 {
page-break-after: avoid;
}
img {
max-width: 100% !important;
}
}  .sidebar.widget-area .widget {
border-color: rgba(39, 103, 250, 0.18);
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.06);
}
.sidebar.widget-area .widget-title {
letter-spacing: 0.02em;
} .widget_fujisawa_recent_posts_with_thumbs .fujisawa-recent-posts {
margin: 0;
padding: 0;
list-style: none;
display: flex;
flex-direction: column;
gap: 12px;
} .sidebar.widget-area .widget_fujisawa_recent_posts_with_thumbs .fujisawa-recent-posts li {
margin: 0;
padding: 0;
border: 0;
} .sidebar.widget-area .widget_fujisawa_recent_posts_with_thumbs .fujisawa-recent-posts li a.fujisawa-recent-post-link,
.sidebar .widget_fujisawa_recent_posts_with_thumbs .fujisawa-recent-posts li a.fujisawa-recent-post-link,
.sidebar .widget ul li a.fujisawa-recent-post-link,
.widget_fujisawa_recent_posts_with_thumbs .fujisawa-recent-post-link {
display: flex !important;
gap: 12px;
align-items: flex-start;
text-decoration: none;
} .sidebar.widget-area .widget_fujisawa_recent_posts_with_thumbs .fujisawa-recent-post-thumb,
.sidebar .widget_fujisawa_recent_posts_with_thumbs .fujisawa-recent-post-thumb,
.sidebar .widget .fujisawa-recent-post-thumb,
.widget_fujisawa_recent_posts_with_thumbs .fujisawa-recent-post-thumb {
width: 60px !important;
height: 45px !important;
min-width: 60px;
max-width: 60px;
flex-shrink: 0;
border-radius: 6px;
overflow: hidden;
background-color: var(--color03, #f6f7fa);
border: 1px solid rgba(0, 0, 0, 0.06);
}
.sidebar.widget-area .widget_fujisawa_recent_posts_with_thumbs .fujisawa-recent-post-thumb img,
.sidebar .widget_fujisawa_recent_posts_with_thumbs .fujisawa-recent-post-thumb img,
.sidebar .widget .fujisawa-recent-post-thumb img,
.widget_fujisawa_recent_posts_with_thumbs .fujisawa-recent-post-thumb img {
width: 100% !important;
height: 100% !important;
max-width: 60px !important;
object-fit: cover;
border-radius: 0;
display: block;
}
.widget_fujisawa_recent_posts_with_thumbs .fujisawa-recent-post-thumb.no-thumb {
position: relative;
}
.widget_fujisawa_recent_posts_with_thumbs .fujisawa-recent-post-thumb.no-thumb::after {
content: "";
position: absolute;
inset: 0;
background-image: linear-gradient(135deg, rgba(39, 103, 250, 0.10), rgba(51, 159, 203, 0.10));
}
.widget_fujisawa_recent_posts_with_thumbs .fujisawa-recent-post-body {
min-width: 0;
display: flex;
flex-direction: column;
gap: 6px;
}
.widget_fujisawa_recent_posts_with_thumbs .fujisawa-recent-post-title {
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
font-size: 14px;
font-weight: 600;
line-height: 1.5;
color: #222;
}
.widget_fujisawa_recent_posts_with_thumbs .fujisawa-recent-post-date {
display: block;
font-size: 12px;
line-height: 1.2;
color: #666;
}
.widget_fujisawa_recent_posts_with_thumbs .fujisawa-recent-post-link:hover .fujisawa-recent-post-title {
color: var(--color01, #2767fa);
}
@media screen and (max-width: 768px) {
.widget_fujisawa_recent_posts_with_thumbs .fujisawa-recent-post-thumb {
width: 52px;
height: 39px;
}
}  .sidebar.widget-area .wp-block-latest-posts__list li {
display: grid;
grid-template-columns: 60px 1fr;
column-gap: 12px;
row-gap: 6px;
align-items: center;
}
.sidebar.widget-area .wp-block-latest-posts__featured-image {
grid-column: 1;
grid-row: 1 / span 2;
width: 60px;
height: 45px;
border-radius: 6px;
overflow: hidden;
background-color: var(--color03, #f6f7fa);
border: 1px solid rgba(0, 0, 0, 0.06);
}
.sidebar.widget-area .wp-block-latest-posts__featured-image img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.sidebar.widget-area .wp-block-latest-posts__post-title {
grid-column: 2;
grid-row: 1;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
font-size: 14px;
font-weight: 600;
line-height: 1.5;
color: #222;
text-decoration: none;
}
.sidebar.widget-area .wp-block-latest-posts__post-date {
grid-column: 2;
grid-row: 2;
font-size: 12px;
line-height: 1.2;
color: #666;
}
.sidebar.widget-area .wp-block-latest-posts__post-title:hover {
color: var(--color01, #2767fa);
}
@media screen and (max-width: 768px) {
.sidebar.widget-area .wp-block-latest-posts__list li {
grid-template-columns: 52px 1fr;
}
.sidebar.widget-area .wp-block-latest-posts__featured-image {
width: 52px;
height: 39px;
}
} .site-main article.post .post-thumbnail,
.site-main article.type-post .post-thumbnail {
aspect-ratio: auto;
background: transparent;
margin-bottom: 30px;
border-radius: 8px;
overflow: hidden;
}
.site-main article.post .post-thumbnail img,
.site-main article.type-post .post-thumbnail img {
width: 100%;
height: auto;
object-fit: contain;
transform: none;
}
.site-main article.post .post-thumbnail img:hover,
.site-main article.type-post .post-thumbnail img:hover {
transform: none;
} .comments-area {
margin-top: 60px;
padding-top: 40px;
border-top: 1px solid #e5e7eb;
} .comments-title {
font-size: 20px;
font-weight: 700;
color: #222;
margin-bottom: 25px;
padding-left: 15px;
border-left: 4px solid var(--color01, #2767fa);
} .comment-list {
list-style: none;
margin: 0 0 40px;
padding: 0;
}
.comment-list li.comment {
margin-bottom: 25px;
padding: 25px;
background-color: #f8fafc;
border-radius: 8px;
border: 1px solid #e5e7eb;
}
.comment-list li.comment .children {
list-style: none;
margin: 20px 0 0 25px;
padding: 0;
}
.comment-list li.comment .children li.comment {
background-color: #fff;
border-color: #ddd;
} .comment-meta {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 15px;
margin-bottom: 15px;
padding-bottom: 12px;
border-bottom: 1px solid #e5e7eb;
}
.comment-author {
display: flex;
align-items: center;
gap: 12px;
}
.comment-author .avatar {
width: 48px;
height: 48px;
border-radius: 50%;
border: 2px solid #fff;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
.comment-author .fn {
font-weight: 600;
font-size: 15px;
color: #222;
}
.comment-author .says {
display: none;
}
.comment-metadata {
font-size: 13px;
color: #666;
}
.comment-metadata a {
color: #666;
text-decoration: none;
}
.comment-metadata a:hover {
color: var(--color01, #2767fa);
} .comment-content {
font-size: 15px;
line-height: 1.8;
color: #333;
}
.comment-content p {
margin: 0 0 10px;
}
.comment-content p:last-child {
margin-bottom: 0;
} .reply {
margin-top: 15px;
}
.comment-reply-link {
display: inline-flex;
align-items: center;
gap: 5px;
padding: 8px 16px;
font-size: 13px;
font-weight: 500;
color: var(--color01, #2767fa);
background-color: rgba(39, 103, 250, 0.08);
border-radius: 20px;
text-decoration: none;
transition: all 0.2s ease;
}
.comment-reply-link:hover {
background-color: var(--color01, #2767fa);
color: #fff;
}
.comment-reply-link::before {
content: "↩";
} .comment-respond {
background-color: #f8fafc;
padding: 30px;
border-radius: 12px;
border: 1px solid #e5e7eb;
}
.comment-reply-title {
font-size: 18px;
font-weight: 700;
color: #222;
margin: 0 0 20px;
display: flex;
align-items: center;
gap: 10px;
}
.comment-reply-title::before {
content: "💬";
font-size: 20px;
}
.comment-reply-title small {
font-size: 14px;
font-weight: 400;
}
.comment-reply-title small a {
color: var(--color01, #2767fa);
text-decoration: none;
}
.comment-reply-title small a:hover {
text-decoration: underline;
} .logged-in-as {
font-size: 14px;
color: #666;
margin-bottom: 20px;
padding: 12px 16px;
background-color: #fff;
border-radius: 6px;
border: 1px solid #e5e7eb;
}
.logged-in-as a {
color: var(--color01, #2767fa);
text-decoration: none;
font-weight: 500;
}
.logged-in-as a:hover {
text-decoration: underline;
} .comment-notes {
font-size: 14px;
color: #666;
margin-bottom: 20px;
}
.required {
color: #e53935;
font-weight: 600;
}
.required-field-message {
font-size: 13px;
color: #888;
} .comment-form p {
margin-bottom: 20px;
}
.comment-form label {
display: block;
font-size: 14px;
font-weight: 600;
color: #333;
margin-bottom: 8px;
}
.comment-form input[type="text"],
.comment-form input[type="email"],
.comment-form input[type="url"],
.comment-form textarea {
width: 100%;
padding: 14px 16px;
font-size: 15px;
line-height: 1.5;
color: #333;
background-color: #fff;
border: 1px solid #ddd;
border-radius: 8px;
transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
.comment-form input[type="text"]:focus,
.comment-form input[type="email"]:focus,
.comment-form input[type="url"]:focus,
.comment-form textarea:focus {
outline: none;
border-color: var(--color01, #2767fa);
box-shadow: 0 0 0 3px rgba(39, 103, 250, 0.15);
}
.comment-form textarea {
min-height: 160px;
resize: vertical;
} .comment-form-cookies-consent {
display: flex;
align-items: flex-start;
gap: 10px;
}
.comment-form-cookies-consent input[type="checkbox"] {
width: 18px;
height: 18px;
margin-top: 2px;
accent-color: var(--color01, #2767fa);
}
.comment-form-cookies-consent label {
display: inline;
font-weight: 400;
font-size: 14px;
color: #666;
} .form-submit {
margin-top: 25px;
margin-bottom: 0;
}
.comment-form .submit {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 180px;
padding: 16px 32px;
font-size: 16px;
font-weight: 600;
color: #fff;
background: linear-gradient(135deg, var(--color01, #2767fa) 0%, var(--color02, #339fcb) 100%);
border: none;
border-radius: 8px;
cursor: pointer;
transition: transform 0.2s ease, box-shadow 0.2s ease, opacity 0.2s ease;
}
.comment-form .submit:hover {
transform: translateY(-2px);
box-shadow: 0 8px 20px rgba(39, 103, 250, 0.3);
}
.comment-form .submit:active {
transform: translateY(0);
} .no-comments {
padding: 20px;
background-color: #fff3cd;
border: 1px solid #ffc107;
border-radius: 8px;
color: #856404;
font-size: 14px;
text-align: center;
} .comment-navigation {
display: flex;
justify-content: space-between;
margin: 25px 0;
padding: 15px 0;
border-top: 1px solid #e5e7eb;
border-bottom: 1px solid #e5e7eb;
}
.comment-navigation .nav-links {
display: flex;
justify-content: space-between;
width: 100%;
}
.comment-navigation a {
color: var(--color01, #2767fa);
text-decoration: none;
font-weight: 500;
font-size: 14px;
}
.comment-navigation a:hover {
text-decoration: underline;
} @media screen and (max-width: 768px) {
.comments-area {
margin-top: 40px;
padding-top: 30px;
}
.comment-list li.comment {
padding: 20px;
}
.comment-list li.comment .children {
margin-left: 15px;
}
.comment-author .avatar {
width: 40px;
height: 40px;
}
.comment-respond {
padding: 20px;
}
.comment-form .submit {
width: 100%;
}
}
@media screen and (max-width: 480px) {
.comment-meta {
flex-direction: column;
align-items: flex-start;
gap: 8px;
}
.comment-reply-title {
font-size: 16px;
}
.logged-in-as {
font-size: 13px;
}
}@keyframes scroll-hint-appear {
0% {
transform: translateX(40px);
opacity: 0;
}
10% {
opacity: 1;
}
50%,
100% {
transform: translateX(-40px);
opacity: 0;
}
}
.scroll-hint.is-right-scrollable {
background: linear-gradient(270deg, rgba(0, 0, 0, .15) 0, rgba(0, 0, 0, 0) 16px, rgba(0, 0, 0, 0));
}
.scroll-hint.is-right-scrollable.is-left-scrollable {
background: linear-gradient(90deg, rgba(0, 0, 0, .15) 0, rgba(0, 0, 0, 0) 16px, rgba(0, 0, 0, 0)), linear-gradient(270deg, rgba(0, 0, 0, .15) 0, rgba(0, 0, 0, 0) 16px, rgba(0, 0, 0, 0));
}
.scroll-hint.is-left-scrollable {
background: linear-gradient(90deg, rgba(0, 0, 0, .15) 0, rgba(0, 0, 0, 0) 16px, rgba(0, 0, 0, 0));
}
.scroll-hint-icon {
position: absolute;
top: calc(50% - 25px);
left: calc(50% - 60px);
box-sizing: border-box;
width: 120px;
height: 80px;
border-radius: 5px;
transition: opacity .3s;
opacity: 0;
background: rgba(0, 0, 0, .7);
text-align: center;
padding: 20px 10px 10px 10px;
}
.scroll-hint-icon-wrap {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
max-height: 100%;
pointer-events: none;
}
.scroll-hint-text {
font-size: 10px;
color: #FFF;
margin-top: 5px;
}
.scroll-hint-icon-wrap.is-active .scroll-hint-icon {
opacity: .8;
}
.scroll-hint-icon:before {
display: inline-block;
width: 40px;
height: 40px;
color: #FFF;
vertical-align: middle;
text-align: center;
content: "";
background-size: contain;
background-position: center center;
background-repeat: no-repeat;
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNS43NyIgaGVpZ2h0PSIzMC41MiIgdmlld0JveD0iMCAwIDI1Ljc3IDMwLjUyIj48dGl0bGU+44Ki44K744OD44OIIDM8L3RpdGxlPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IuODrOOCpOODpOODvF8xLTIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiPjxwYXRoIGQ9Ik0yMS4zMywzMC41Mkg3Ljg1QTEuNTUsMS41NSwwLDAsMSw2LjMsMjlhMTIuNDYsMTIuNDYsMCwwLDAtLjYzLTQuNDIsMjUuMTYsMjUuMTYsMCwwLDAtNC4yNS01bC0uMDYtLjA2QTUsNSwwLDAsMSwwLDE1Ljg2YTMuNjQsMy42NCwwLDAsMSwxLjE3LTIuNjIsMy42MywzLjYzLDAsMCwxLDUuMTQuMDdWMy43N2EzLjc3LDMuNzcsMCwxLDEsNy41NCwwVjguMzNhMy4zNSwzLjM1LDAsMCwxLDEuMjYsMCwzLDMsMCwwLDEsMiwxLjIyLDMuNSwzLjUsMCwwLDEsMi0uMDYsMy4yMSwzLjIxLDAsMCwxLDIsMS41NCwzLjc0LDMuNzQsMCwwLDEsMywuNDdBNC4yMSw0LjIxLDAsMCwxLDI1Ljc0LDE1YzAsLjExLDAsLjI3LDAsLjQ2YTE5LjI2LDE5LjI2LDAsMCwxLS44NCw3Yy0uMTQuMzgtLjM2LjgxLS41NiwxLjIybC0uMTEuMjJjMCwuMDctLjA5LjE0LS4xNC4yMWE3LjEzLDcuMTMsMCwwLDAtMS4xNywyLjE3Yy0uMDYuNTYtLjA2LDIuMTUtLjA1LDIuNzFBMS41NSwxLjU1LDAsMCwxLDIxLjMzLDMwLjUyWk04LjYxLDI4LjIxaDEyYzAtLjcxLDAtMS43MS4wNy0yLjIzYTguNzQsOC43NCwwLDAsMSwxLjU5LTMuMjVsLjA2LS4xMmExMCwxMCwwLDAsMCwuNDYtMSwxNi44LDE2LjgsMCwwLDAsLjctNi4xMmMwLS4yMywwLS40MSwwLS41NGgwYTIsMiwwLDAsMC0uNjQtMS41MiwxLjMzLDEuMzMsMCwwLDAtMS41NS4wOCwxLjEzLDEuMTMsMCwwLDEtMS4xOC4yOCwxLjE1LDEuMTUsMCwwLDEtLjc4LS45NCwxLjI2LDEuMjYsMCwwLDAtLjc1LTEuMTEsMSwxLDAsMCwwLTEuMTEuMjhsLS4xLjFhMS4xNSwxLjE1LDAsMCwxLTEuMTkuMjksMS4xNiwxLjE2LDAsMCwxLS43OC0uOTVjLS4wOS0uNjgtLjIxLS43Ny0uNy0uODdhLjgyLjgyLDAsMCwwLTEsLjQ4LDEuMTYsMS4xNiwwLDAsMS0yLjE2LS41OFYzLjc3YTEuNDYsMS40NiwwLDEsMC0yLjkyLDB2Ny44NWwwLDQuMzNhMS4xNywxLjE3LDAsMCwxLS44MywxLjExLDEuMTUsMS4xNSwwLDAsMS0xLjItLjM1bC0xLS45MWMtLjQ3LS40Mi0uNzMtLjY2LS44NC0uNzdhMS4zNSwxLjM1LDAsMCwwLTItLjEyTDIuNywxNWExLjMyLDEuMzIsMCwwLDAtLjM5LDFBMi41NywyLjU3LDAsMCwwLDMsMTcuODVsMCwwYTI3LjI0LDI3LjI0LDAsMCwxLDQuNyw1LjYyQTEyLjYzLDEyLjYzLDAsMCwxLDguNjEsMjguMjFaTTIzLjIsMjMuMzVaTTYuNTEsMTYuNTlaIiBmaWxsPSIjZmZmIi8+PC9nPjwvZz48L3N2Zz4=);
}
.scroll-hint-icon:after {
content: "";
width: 34px;
height: 14px;
display: block;
position: absolute;
top: 10px;
left: 50%;
margin-left: -20px;
background-repeat: no-repeat;
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMy4yOSIgaGVpZ2h0PSIxMi4wMiIgdmlld0JveD0iMCAwIDMzLjI5IDEyLjAyIj48dGl0bGU+44Ki44K744OD44OIIDE8L3RpdGxlPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IuODrOOCpOODpOODvF8xLTIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiPjxsaW5lIHgxPSIxLjg1IiB5MT0iNi4wMSIgeDI9IjEwLjQiIHkyPSI2LjAxIiBmaWxsPSIjZmZmIi8+PHBhdGggZD0iTTEwLjQsNy4xN0gxLjg1YTEuMTYsMS4xNiwwLDEsMSwwLTIuMzFIMTAuNGExLjE2LDEuMTYsMCwxLDEsMCwyLjMxWiIgZmlsbD0iI2ZmZiIvPjxwYXRoIGQ9Ik03LjQsMTJhMS4xNSwxLjE1LDAsMCwxLS43Mi0uMjVsLTYuMjUtNUExLjIsMS4yLDAsMCwxLDAsNS44NywxLjE0LDEuMTQsMCwwLDEsLjQ2LDVMNi43LjIzQTEuMTYsMS4xNiwwLDAsMSw4LjEsMi4wOEwzLDUuOTEsOC4xMiwxMEExLjE2LDEuMTYsMCwwLDEsNy40LDEyWiIgZmlsbD0iI2ZmZiIvPjxsaW5lIHgxPSIzMS40NSIgeTE9IjYuMDEiIHgyPSIyMi44OSIgeTI9IjYuMDEiIGZpbGw9IiNmZmYiLz48cGF0aCBkPSJNMzEuNDUsNy4xN0gyMi44OWExLjE2LDEuMTYsMCwxLDEsMC0yLjMxaDguNTZhMS4xNiwxLjE2LDAsMCwxLDAsMi4zMVoiIGZpbGw9IiNmZmYiLz48cGF0aCBkPSJNMjUuOSwxMmExLjE4LDEuMTgsMCwwLDEtLjkxLS40M0ExLjE3LDEuMTcsMCwwLDEsMjUuMTcsMTBsNS4wOS00LjA1TDI1LjIsMi4wOEExLjE2LDEuMTYsMCwwLDEsMjYuNTkuMjNMMzIuODQsNWExLjE2LDEuMTYsMCwwLDEsLjQ1LjkxLDEuMTQsMS4xNCwwLDAsMS0uNDMuOTJsLTYuMjQsNUExLjE3LDEuMTcsMCwwLDEsMjUuOSwxMloiIGZpbGw9IiNmZmYiLz48L2c+PC9nPjwvc3ZnPg==);
opacity: 0;
transition-delay: 2.4s;
}
.scroll-hint-icon-wrap.is-active .scroll-hint-icon:after {
opacity: 1;
}
.scroll-hint-icon-wrap.is-active .scroll-hint-icon:before {
animation: scroll-hint-appear 1.2s linear;
animation-iteration-count: 2;
}
.scroll-hint-icon-white {
background-color: #FFF;
box-shadow: 0 4px 5px rgba(0, 0, 0, .4);
}
.scroll-hint-icon-white:before {
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNS43NyIgaGVpZ2h0PSIzMC41MiIgdmlld0JveD0iMCAwIDI1Ljc3IDMwLjUyIj48dGl0bGU+44Ki44K744OD44OIIDQ8L3RpdGxlPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IuODrOOCpOODpOODvF8xLTIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiPjxwYXRoIGQ9Ik0yMS4zMywzMC41Mkg3Ljg1QTEuNTUsMS41NSwwLDAsMSw2LjMsMjlhMTIuNDYsMTIuNDYsMCwwLDAtLjYzLTQuNDIsMjUuMTYsMjUuMTYsMCwwLDAtNC4yNS01bC0uMDYtLjA2QTUsNSwwLDAsMSwwLDE1Ljg2YTMuNjQsMy42NCwwLDAsMSwxLjE3LTIuNjIsMy42MywzLjYzLDAsMCwxLDUuMTQuMDdWMy43N2EzLjc3LDMuNzcsMCwxLDEsNy41NCwwVjguMzNhMy4zNSwzLjM1LDAsMCwxLDEuMjYsMCwzLDMsMCwwLDEsMiwxLjIyLDMuNSwzLjUsMCwwLDEsMi0uMDYsMy4yMSwzLjIxLDAsMCwxLDIsMS41NCwzLjc0LDMuNzQsMCwwLDEsMywuNDdBNC4yMSw0LjIxLDAsMCwxLDI1Ljc0LDE1YzAsLjExLDAsLjI3LDAsLjQ2YTE5LjI2LDE5LjI2LDAsMCwxLS44NCw3Yy0uMTQuMzgtLjM2LjgxLS41NiwxLjIybC0uMTEuMjJjMCwuMDctLjA5LjE0LS4xNC4yMWE3LjEzLDcuMTMsMCwwLDAtMS4xNywyLjE3Yy0uMDYuNTYtLjA2LDIuMTUtLjA1LDIuNzFBMS41NSwxLjU1LDAsMCwxLDIxLjMzLDMwLjUyWk04LjYxLDI4LjIxaDEyYzAtLjcxLDAtMS43MS4wNy0yLjIzYTguNzQsOC43NCwwLDAsMSwxLjU5LTMuMjVsLjA2LS4xMmExMCwxMCwwLDAsMCwuNDYtMSwxNi44LDE2LjgsMCwwLDAsLjctNi4xMmMwLS4yMywwLS40MSwwLS41NGgwYTIsMiwwLDAsMC0uNjQtMS41MiwxLjMzLDEuMzMsMCwwLDAtMS41NS4wOCwxLjEzLDEuMTMsMCwwLDEtMS4xOC4yOCwxLjE1LDEuMTUsMCwwLDEtLjc4LS45NCwxLjI2LDEuMjYsMCwwLDAtLjc1LTEuMTEsMSwxLDAsMCwwLTEuMTEuMjhsLS4xLjFhMS4xNSwxLjE1LDAsMCwxLTEuMTkuMjksMS4xNiwxLjE2LDAsMCwxLS43OC0uOTVjLS4wOS0uNjgtLjIxLS43Ny0uNy0uODdhLjgyLjgyLDAsMCwwLTEsLjQ4LDEuMTYsMS4xNiwwLDAsMS0yLjE2LS41OFYzLjc3YTEuNDYsMS40NiwwLDEsMC0yLjkyLDB2Ny44NWwwLDQuMzNhMS4xNywxLjE3LDAsMCwxLS44MywxLjExLDEuMTUsMS4xNSwwLDAsMS0xLjItLjM1bC0xLS45MWMtLjQ3LS40Mi0uNzMtLjY2LS44NC0uNzdhMS4zNSwxLjM1LDAsMCwwLTItLjEyTDIuNywxNWExLjMyLDEuMzIsMCwwLDAtLjM5LDFBMi41NywyLjU3LDAsMCwwLDMsMTcuODVsMCwwYTI3LjI0LDI3LjI0LDAsMCwxLDQuNyw1LjYyQTEyLjYzLDEyLjYzLDAsMCwxLDguNjEsMjguMjFaTTIzLjIsMjMuMzVaTTYuNTEsMTYuNTlaIi8+PC9nPjwvZz48L3N2Zz4=);
}
.scroll-hint-icon-white:after {
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMy4yOSIgaGVpZ2h0PSIxMi4wMiIgdmlld0JveD0iMCAwIDMzLjI5IDEyLjAyIj48dGl0bGU+44Ki44K744OD44OIIDI8L3RpdGxlPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IuODrOOCpOODpOODvF8xLTIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiPjxsaW5lIHgxPSIxLjg1IiB5MT0iNi4wMSIgeDI9IjEwLjQiIHkyPSI2LjAxIi8+PHBhdGggZD0iTTEwLjQsNy4xN0gxLjg1YTEuMTYsMS4xNiwwLDEsMSwwLTIuMzFIMTAuNGExLjE2LDEuMTYsMCwxLDEsMCwyLjMxWiIvPjxwYXRoIGQ9Ik03LjQsMTJhMS4xNSwxLjE1LDAsMCwxLS43Mi0uMjVsLTYuMjUtNUExLjIsMS4yLDAsMCwxLDAsNS44NywxLjE0LDEuMTQsMCwwLDEsLjQ2LDVMNi43LjIzQTEuMTYsMS4xNiwwLDAsMSw4LjEsMi4wOEwzLDUuOTEsOC4xMiwxMEExLjE2LDEuMTYsMCwwLDEsNy40LDEyWiIvPjxsaW5lIHgxPSIzMS40NSIgeTE9IjYuMDEiIHgyPSIyMi44OSIgeTI9IjYuMDEiLz48cGF0aCBkPSJNMzEuNDUsNy4xN0gyMi44OWExLjE2LDEuMTYsMCwxLDEsMC0yLjMxaDguNTZhMS4xNiwxLjE2LDAsMCwxLDAsMi4zMVoiLz48cGF0aCBkPSJNMjUuOSwxMmExLjE4LDEuMTgsMCwwLDEtLjkxLS40M0ExLjE3LDEuMTcsMCwwLDEsMjUuMTcsMTBsNS4wOS00LjA1TDI1LjIsMi4wOEExLjE2LDEuMTYsMCwwLDEsMjYuNTkuMjNMMzIuODQsNWExLjE2LDEuMTYsMCwwLDEsLjQ1LjkxLDEuMTQsMS4xNCwwLDAsMS0uNDMuOTJsLTYuMjQsNUExLjE3LDEuMTcsMCwwLDEsMjUuOSwxMloiLz48L2c+PC9nPjwvc3ZnPg==);
}
.scroll-hint-icon-white .scroll-hint-text {
color: #000;
}h1:where(.wp-block-heading).has-background,h2:where(.wp-block-heading).has-background,h3:where(.wp-block-heading).has-background,h4:where(.wp-block-heading).has-background,h5:where(.wp-block-heading).has-background,h6:where(.wp-block-heading).has-background{padding:1.25em 2.375em}h1.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h1.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h2.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h2.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h3.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h3.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h4.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h4.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h5.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h5.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h6.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h6.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]){rotate:180deg}.wp-block-image>a,.wp-block-image>figure>a{display:inline-block}.wp-block-image img{box-sizing:border-box;height:auto;max-width:100%;vertical-align:bottom}@media not (prefers-reduced-motion){.wp-block-image img.hide{visibility:hidden}.wp-block-image img.show{animation:show-content-image .4s}}.wp-block-image[style*=border-radius] img,.wp-block-image[style*=border-radius]>a{border-radius:inherit}.wp-block-image.has-custom-border img{box-sizing:border-box}.wp-block-image.aligncenter{text-align:center}.wp-block-image.alignfull>a,.wp-block-image.alignwide>a{width:100%}.wp-block-image.alignfull img,.wp-block-image.alignwide img{height:auto;width:100%}.wp-block-image .aligncenter,.wp-block-image .alignleft,.wp-block-image .alignright,.wp-block-image.aligncenter,.wp-block-image.alignleft,.wp-block-image.alignright{display:table}.wp-block-image .aligncenter>figcaption,.wp-block-image .alignleft>figcaption,.wp-block-image .alignright>figcaption,.wp-block-image.aligncenter>figcaption,.wp-block-image.alignleft>figcaption,.wp-block-image.alignright>figcaption{caption-side:bottom;display:table-caption}.wp-block-image .alignleft{float:left;margin:.5em 1em .5em 0}.wp-block-image .alignright{float:right;margin:.5em 0 .5em 1em}.wp-block-image .aligncenter{margin-left:auto;margin-right:auto}.wp-block-image :where(figcaption){margin-bottom:1em;margin-top:.5em}.wp-block-image.is-style-circle-mask img{border-radius:9999px}@supports ((-webkit-mask-image:none) or (mask-image:none)) or (-webkit-mask-image:none){.wp-block-image.is-style-circle-mask img{border-radius:0;-webkit-mask-image:url('data:image/svg+xml;utf8,<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><circle cx="50" cy="50" r="50"/></svg>');mask-image:url('data:image/svg+xml;utf8,<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><circle cx="50" cy="50" r="50"/></svg>');mask-mode:alpha;-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain}}:root :where(.wp-block-image.is-style-rounded img,.wp-block-image .is-style-rounded img){border-radius:9999px}.wp-block-image figure{margin:0}.wp-lightbox-container{display:flex;flex-direction:column;position:relative}.wp-lightbox-container img{cursor:zoom-in}.wp-lightbox-container img:hover+button{opacity:1}.wp-lightbox-container button{align-items:center;backdrop-filter:blur(16px) saturate(180%);background-color:#5a5a5a40;border:none;border-radius:4px;cursor:zoom-in;display:flex;height:20px;justify-content:center;opacity:0;padding:0;position:absolute;right:16px;text-align:center;top:16px;width:20px;z-index:100}@media not (prefers-reduced-motion){.wp-lightbox-container button{transition:opacity .2s ease}}.wp-lightbox-container button:focus-visible{outline:3px auto #5a5a5a40;outline:3px auto -webkit-focus-ring-color;outline-offset:3px}.wp-lightbox-container button:hover{cursor:pointer;opacity:1}.wp-lightbox-container button:focus{opacity:1}.wp-lightbox-container button:focus,.wp-lightbox-container button:hover,.wp-lightbox-container button:not(:hover):not(:active):not(.has-background){background-color:#5a5a5a40;border:none}.wp-lightbox-overlay{box-sizing:border-box;cursor:zoom-out;height:100vh;left:0;overflow:hidden;position:fixed;top:0;visibility:hidden;width:100%;z-index:100000}.wp-lightbox-overlay .close-button{align-items:center;cursor:pointer;display:flex;justify-content:center;min-height:40px;min-width:40px;padding:0;position:absolute;right:calc(env(safe-area-inset-right) + 16px);top:calc(env(safe-area-inset-top) + 16px);z-index:5000000}.wp-lightbox-overlay .close-button:focus,.wp-lightbox-overlay .close-button:hover,.wp-lightbox-overlay .close-button:not(:hover):not(:active):not(.has-background){background:none;border:none}.wp-lightbox-overlay .lightbox-image-container{height:var(--wp--lightbox-container-height);left:50%;overflow:hidden;position:absolute;top:50%;transform:translate(-50%,-50%);transform-origin:top left;width:var(--wp--lightbox-container-width);z-index:9999999999}.wp-lightbox-overlay .wp-block-image{align-items:center;box-sizing:border-box;display:flex;height:100%;justify-content:center;margin:0;position:relative;transform-origin:0 0;width:100%;z-index:3000000}.wp-lightbox-overlay .wp-block-image img{height:var(--wp--lightbox-image-height);min-height:var(--wp--lightbox-image-height);min-width:var(--wp--lightbox-image-width);width:var(--wp--lightbox-image-width)}.wp-lightbox-overlay .wp-block-image figcaption{display:none}.wp-lightbox-overlay button{background:none;border:none}.wp-lightbox-overlay .scrim{background-color:#fff;height:100%;opacity:.9;position:absolute;width:100%;z-index:2000000}.wp-lightbox-overlay.active{visibility:visible}@media not (prefers-reduced-motion){.wp-lightbox-overlay.active{animation:turn-on-visibility .25s both}.wp-lightbox-overlay.active img{animation:turn-on-visibility .35s both}.wp-lightbox-overlay.show-closing-animation:not(.active){animation:turn-off-visibility .35s both}.wp-lightbox-overlay.show-closing-animation:not(.active) img{animation:turn-off-visibility .25s both}.wp-lightbox-overlay.zoom.active{animation:none;opacity:1;visibility:visible}.wp-lightbox-overlay.zoom.active .lightbox-image-container{animation:lightbox-zoom-in .4s}.wp-lightbox-overlay.zoom.active .lightbox-image-container img{animation:none}.wp-lightbox-overlay.zoom.active .scrim{animation:turn-on-visibility .4s forwards}.wp-lightbox-overlay.zoom.show-closing-animation:not(.active){animation:none}.wp-lightbox-overlay.zoom.show-closing-animation:not(.active) .lightbox-image-container{animation:lightbox-zoom-out .4s}.wp-lightbox-overlay.zoom.show-closing-animation:not(.active) .lightbox-image-container img{animation:none}.wp-lightbox-overlay.zoom.show-closing-animation:not(.active) .scrim{animation:turn-off-visibility .4s forwards}}@keyframes show-content-image{0%{visibility:hidden}99%{visibility:hidden}to{visibility:visible}}@keyframes turn-on-visibility{0%{opacity:0}to{opacity:1}}@keyframes turn-off-visibility{0%{opacity:1;visibility:visible}99%{opacity:0;visibility:visible}to{opacity:0;visibility:hidden}}@keyframes lightbox-zoom-in{0%{transform:translate(calc((-100vw + var(--wp--lightbox-scrollbar-width))/2 + var(--wp--lightbox-initial-left-position)),calc(-50vh + var(--wp--lightbox-initial-top-position))) scale(var(--wp--lightbox-scale))}to{transform:translate(-50%,-50%) scale(1)}}@keyframes lightbox-zoom-out{0%{transform:translate(-50%,-50%) scale(1);visibility:visible}99%{visibility:visible}to{transform:translate(calc((-100vw + var(--wp--lightbox-scrollbar-width))/2 + var(--wp--lightbox-initial-left-position)),calc(-50vh + var(--wp--lightbox-initial-top-position))) scale(var(--wp--lightbox-scale));visibility:hidden}}:root :where(.wp-block-image figcaption){color:#555;font-size:13px;text-align:center}.is-dark-theme :root :where(.wp-block-image figcaption){color:#ffffffa6}.wp-block-image{margin:0 0 1em}.is-small-text{font-size:.875em}.is-regular-text{font-size:1em}.is-large-text{font-size:2.25em}.is-larger-text{font-size:3em}.has-drop-cap:not(:focus):first-letter{float:left;font-size:8.4em;font-style:normal;font-weight:100;line-height:.68;margin:.05em .1em 0 0;text-transform:uppercase}body.rtl .has-drop-cap:not(:focus):first-letter{float:none;margin-left:.1em}p.has-drop-cap.has-background{overflow:hidden}:root :where(p.has-background){padding:1.25em 2.375em}:where(p.has-text-color:not(.has-link-color)) a{color:inherit}p.has-text-align-left[style*="writing-mode:vertical-lr"],p.has-text-align-right[style*="writing-mode:vertical-rl"]{rotate:180deg}ol,ul{box-sizing:border-box}:root :where(.wp-block-list.has-background){padding:1.25em 2.375em}.wp-block-preformatted{box-sizing:border-box;white-space:pre-wrap}:where(.wp-block-preformatted.has-background){padding:1.25em 2.375em}