@charset "UTF-8";
 *,
*:before,
*:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
body,
h1,
h2,
h3,
h4,
p,
figure,
blockquote,
dl,
dd {
margin: 0;
padding: 0;
line-height: 1.8;
}
ul[role=list],
ol[role=list] {
list-style: none;
}
html:focus-within {
scroll-behavior: smooth;
}
body {
min-height: 100vh;
text-rendering: optimizeSpeed;
}
a:not([class]) {
text-decoration-skip-ink: auto;
}
img,
picture {
max-width: 100%;
display: block;
height: auto;
border: none;
}
input,
button,
textarea,
select {
font: inherit;
}
@media (prefers-reduced-motion: reduce) {
html:focus-within {
scroll-behavior: auto;
}
*,
*::before,
*::after {
animation-duration: 0.01ms !important;
animation-iteration-count: 1 !important;
transition-duration: 0.01ms !important;
scroll-behavior: auto !important;
}
}
:focus:not(:focus-visible) {
outline: 0; }
html,
body {
height: 100%;
width: 100%;
margin: 0;
padding: 0;
font-size: 62.5%;
}
body {
width: 100%;
margin: 0;
color: #1A1A1A;
font-family: var(--font-main);
font-optical-sizing: auto;
font-style: normal;
font-weight: 400;
min-width: var(--content-max-width);
word-break: break-all;
}
a {
text-decoration: underline;
color: inherit;
} a[data-stt-changelang] {
margin: 0 7px;
}
a[data-stt-active] {
text-decoration: none;
font-weight: bold;
}
li {
line-height: 1.8;
font-size: 16px;
font-size: 1.6rem;
}
.no-mt {
margin-top: 0 !important;
}
.u-color-navy {
color: var(--color-navy) !important;
}
p {
font-size: 16px;
font-size: 1.6rem;
line-height: 1.8;
}
html[lang=en] *,
html[lang=en] *:before,
html[lang=en] *:after {
word-break: normal !important;
} .skip-link {
position: absolute;
top: -40px; left: 0;
background: var(--color-main);
color: #fff;
padding: 5px 16px;
z-index: 1000;
text-decoration: none;
font-size: 16px;
transition: top 0.3s;
}
.skip-link:focus {
top: 0; } input[type=submit],
input[type=button] {
border-radius: 0;
box-sizing: content-box;
appearance: button;
border: none;
cursor: pointer;
}
@media screen and (min-width: 768px) {
a[href*="tel:"] {
pointer-events: none;
cursor: default;
text-decoration: none;
}
.sp {
display: none !important;
}
} body.page,
body.single,
body.archive,
body.category,
body.tax,
body.search,
body.error404 {
min-width: 100%;
}
@media screen and (max-width: 767px) {
body {
min-width: 100%;
}
.pc {
display: none !important;
}
img {
max-width: 100%;
height: auto;
}
.skip-link:focus {
top: 80px;
}
}  .l-header {
position: fixed;
width: 100%;
height: 100px;
background-color: white;
color: #fff;
z-index: 100;
top: 0;
}
.l-header .l-header__head {
width: min(25%, 372px);
}
@media screen and (max-width: 1520px) {
.l-header .l-header__head {
width: 20%;
}
}
.l-header-box {
display: flex;
align-items: center;
}
.l-header-box .l-header-box-l {
width: calc(100% - 240px);
background: #1F4096;
}
.l-header-box .l-header-box-l .top {
display: flex;
align-items: center;
padding: 12px 20px;
height: 88px;
}
.l-header-box .l-header-box-l .l-header__body {
margin-left: auto;
}
.l-header-box .l-header-box-l .bottom {
background: #fff;
display: flex;
align-items: center;
height: 44px;
padding: 8px 40px 8px 16px;
}
.l-header-box .l-header-box-l .bottom .group {
display: flex;
align-items: center;
gap: 10px;
color: #1F4096;
font-size: 12px;
flex-shrink: 0;
}
.l-header-box .l-header-box-l .bottom .insta {
color: #1F4096;
margin-left: auto;
display: flex;
align-items: center;
gap: 16px;
}
.l-header-box .l-header-box-l .bottom .insta a {
font-size: 14px;
font-weight: 700;
text-decoration: none;
display: flex;
gap: 10px;
align-items: center;
}
.l-header-box .l-header-box-l .bottom .insta a img {
display: inline;
}
.l-header-box .l-header-box-l .bottom .language {
margin-left: 16px;
}
.l-header-box .l-header-box-r {
display: flex;
margin-left: auto;
}
.l-header-box .l-header-box-r .header-sub {
background: white;
}
.l-header-box .l-header-box-r .header-sub .insta {
color: #1F4096;
}
.logo img {
transition: 0.3s;
}
.head-contact {
margin-left: auto;
}
.head-contact ul {
display: flex;
}
.head-contact ul li {
background: white;
}
.head-contact ul li a {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 6px;
color: white;
width: 120px;
height: 132px;
text-align: center;
}
.head-contact ul li a .icon {
line-height: 0;
}
.head-contact ul li a:hover {
opacity: 0.7;
transition: 0.4s;
}
.head-contact ul li:first-child a {
background: #1F4096;
}
.head-contact ul li:last-child a {
background: #CF4100;
}
.head-contact ul {
list-style: none;
padding: 0;
margin: 0;
display: flex;
}
.head-contact ul li a {
text-decoration: none;
font-size: 16px;
}
.head-contact ul li a img {
display: inline;
}
.c-nav {
margin-right: 15px;
transition: 0.3s;
}
.c-nav-list {
display: flex;
gap: 2vw;
margin: 0;
padding: 0;
}
.c-nav-list > li {
list-style: none;
position: relative;
}
.c-nav-list > li::before {
background: white;
content: "";
width: 100%;
height: 1px;
position: absolute;
left: 0;
bottom: 0;
margin: auto;
transform-origin: right top;
transform: scale(0, 1);
transition: transform 0.3s;
}
.c-nav-list > li:hover {
border-color: var(--color-dark);
}
.c-nav-list > li:hover::before {
transform-origin: left top;
transform: scale(1, 1);
}
.c-nav-list > li.has-sub {
position: relative;
}
.c-nav-list > li.has-sub > .c-nav-list__link {
position: relative;
padding-right: 20px;
}
.c-nav-list > li.has-sub > .c-nav-list__link::before, .c-nav-list > li.has-sub > .c-nav-list__link::after {
content: "";
position: absolute;
right: 0px;
top: 50%;
width: 12px;
height: 1px;
background: white;
transform: translateY(-50%);
transition: 0.3s;
}
.c-nav-list > li.has-sub > .c-nav-list__link::after {
transform: translateY(-50%) rotate(90deg);
}
.c-nav-list > li.has-sub:hover > .c-nav-list__link::after {
transform: translateY(-50%) rotate(0deg);
opacity: 0;
}
@media screen and (max-width: 1520px) {
.c-nav-list a {
font-size: 1vw;
}
.c-nav-list .c-nav-list-lv2 li a {
font-size: 1vw;
}
}
.c-nav-list__link {
text-decoration: none;
}
.c-nav-list-lv2 {
list-style: none;
display: none;
position: absolute;
list-style: none;
left: -44px;
top: 2em;
margin: 0;
padding: 20px 16px 18px;
min-width: 192px;
z-index: 3;
background-color: rgb(255, 255, 255);
border-radius: 6px;
}
.c-nav-list-lv2__link {
display: block;
font-size: 14px;
line-height: 1.2;
display: flex;
align-items: center;
text-decoration: none;
color: #1F4096;
padding: 8px 0;
white-space: nowrap;
}
.c-nav-list-lv2__link:after {
content: "　→";
margin-left: auto;
}
.c-nav-list-lv2__link:hover {
color: #6E737D;
opacity: 1;
}
.c-nav-list-lv2__link span {
font-size: 26px;
line-height: 1;
color: var(--color-light);
}
.hdr-contact-area {
display: flex;
justify-content: flex-end;
align-items: center;
transition: 0.3s;
z-index: 8000;
}
.hdr-contact.lora {
display: flex;
flex-wrap: nowrap;
align-items: center;
color: var(--color-dark);
font-size: 2vw;
margin-right: 5vw;
}
.hdr-contact.lora img {
margin-right: 10px;
}
a.non-link {
pointer-events: none;
}
@media screen and (max-width: 1270px) {
.l-header {
height: auto;
}
.l-header-box .l-header-box-l {
width: 100%;
}
.l-header-box .l-header-box-l .bottom {
display: none;
}
.l-header-box .l-header-box-r {
display: none;
}
.hdr-contact-area {
min-width: 360px;
justify-content: center;
}
.hdr-contact-area .c-nav {
display: none;
}
}
@media screen and (max-width: 767px) {
.l-header {
position: fixed;
width: 100%;
height: 11.5942028986vw;
top: 0;
left: 0;
display: flex;
justify-content: space-between;
align-items: center;
z-index: 100;
transition: 0.3s;
background: #1F4096;
}
.l-header .l-header-box {
display: block;
}
.l-header .l-header-box-l .top {
width: 88.4057971014vw;
height: auto;
padding: 0 3.8647342995vw;
}
.l-header .l-header-box-l .top .l-header__head {
display: flex;
align-items: center;
width: 80vw;
}
.logo {
width: 41.1835748792vw;
}
.logo img {
height: auto;
}
.head-language {
width: 16.4251207729vw;
margin-left: auto;
z-index: 99999;
}
}
:where(.u-contents) {
display: grid;
grid-template-columns: 1fr var(--content-space) var(--u-content-width) var(--content-space) 1fr;
width: 100%;
padding: 80px 0 0;
}
:where(.u-contents).is-single-page {
grid-template-columns: 1fr var(--content-narrow-width) 1fr;
}
:where(.u-contents) > :first-child {
margin-top: 0 !important;
}
:where(.u-contents) > :last-child {
margin-bottom: 0 !important;
}
:where(.u-contents > *) {
grid-column: 3/4;
}
:where(.u-contents > *).u-wide-content {
grid-column: 1/6;
}
:where(.u-contents > *).u-wide-content > .wp-block-group__inner-container {
margin: 0 auto;
padding: 0 var(--content-space);
width: var(--u-content-max-width);
}
.fix-side {
position: fixed;
width: 70px;
height: 260px;
right: -300px;
top: calc(50vh - 130px);
background-color: var(--color-dark);
z-index: 99999;
transition: 0.3s all;
}
.fix-side.active {
right: 0px;
}
.fix-side a {
display: block;
width: 65px;
height: 250px;
margin: 5px 0 5px 5px;
border: 1px solid #fff;
display: flex;
align-items: center;
justify-content: center;
writing-mode: vertical-lr;
text-decoration: none;
color: #fff;
font-size: 20px;
font-size: 2rem;
transition: 0.3s;
}
.fix-side a img {
margin-top: 10px;
}
.fix-side a:hover {
background-color: var(--color-dark);
}
@media screen and (max-width: 767px) {
#wrapper {
background: #fff;
}
.u-contents {
padding: 60px 0 80px;
}
} .l-footer {
position: relative;
z-index: 1;
background: #1F4096;
color: white;
margin-top: -160px;
padding: 240px 0 80px;
}
.l-footer .inner {
width: var(--content-max-width);
margin: 0 auto 80px;
display: flex;
justify-content: space-between;
}
.l-footer .copyright {
padding: 30px 0;
text-align: center;
font-size: 14px;
font-size: 1.4rem;
}
.ftr-data .info {
margin-top: 32px;
}
.ftr-data .info h3 {
font-size: 14px;
font-weight: 700;
margin-top: 16px;
}
.ftr-data .sns ul {
list-style: none;
margin: 32px 0 0;
padding: 0;
display: flex;
gap: 16px;
}
.ftr-data p.tel.lora {
font-size: 30px;
font-size: 3rem;
color: var(--color-dark);
}
.ftr-data p.tel.lora img {
display: inline-block;
vertical-align: middle;
margin-right: 5px;
}
.ftr-link {
width: 800px;
}
.ftr-link nav {
display: flex;
justify-content: space-between;
}
.ftr-link nav ul {
list-style: none;
margin: 0;
padding: 0;
display: flex;
width: 188px;
flex-direction: column;
align-items: flex-start;
flex-shrink: 0;
gap: 0;
}
.ftr-link nav ul li {
margin-bottom: 16px;
margin-left: 0;
list-style-type: none;
}
.ftr-link nav ul li a {
text-decoration: none;
font-size: 16px;
}
.ftr-link nav ul li.lower a {
font-size: 14px;
line-height: 120%;
font-weight: 400;
}
.ftr-link .bnr {
margin-top: 75px;
}
.ftr-link .bnr a {
display: flex;
align-items: center;
width: 486px;
height: 100px;
background-color: #d4d4d4;
border-radius: 50px;
padding-left: 36px;
text-decoration: none;
font-size: 16px;
font-size: 1.6rem;
}
.ftr-link .bnr a:hover {
opacity: 0.7;
color: var(--color-dark);
}
.ftr-link .bnr a::before {
content: "●";
font-size: 8px;
color: #d3cbc6;
line-height: 1.3;
margin-right: 5px;
}
.ftr-fix {
display: none;
}
#page_top {
position: fixed;
bottom: -200px;
right: 24px;
width: 100px;
height: 100px;
border-radius: 50px;
background: rgba(191, 127, 63, 0.8);
}
#page_top a {
display: flex;
width: 100px;
height: 100px;
font-size: 16px;
color: #fff;
align-items: center;
justify-content: center;
}
@media screen and (max-width: 1300px) {
.l-footer .inner {
display: flex;
width: var(--content-max-width);
flex-direction: column;
padding: 0 10%;
}
.l-footer .inner .ftr-data {
text-align: center;
}
.l-footer .inner .ftr-data .info {
display: flex;
justify-content: space-around;
align-items: center;
text-align: left;
gap: inherit;
margin-bottom: 32px;
border-bottom: 1px solid white;
padding-bottom: 32px;
flex-wrap: wrap;
}
.l-footer .inner .ftr-data .info p {
padding: 0 10px;
}
.l-footer .inner .ftr-data img {
display: inline;
}
.l-footer .inner .ftr-data .sns ul {
margin: 32px auto;
justify-content: center;
}
.l-footer .inner .ftr-link {
width: auto;
}
.l-footer .inner .ftr-link nav ul {
width: auto;
}
}
@media screen and (max-width: 767px) {
.l-footer {
padding: 0;
margin-top: -9.6618357488vw;
}
.l-footer .inner {
width: 100%;
display: block;
margin: 0;
padding: 0;
}
.l-footer .inner .ftr-data {
width: 100%;
margin: 0;
padding: 19.3236714976vw 7.729468599vw 9.6618357488vw;
text-align: left;
}
.l-footer .inner .ftr-data .ftr-logo {
width: 61.5942028986vw;
}
.l-footer .inner .ftr-data .info {
margin-top: 5.7971014493vw;
margin-bottom: 0;
padding-bottom: 0;
border: none;
display: block;
}
.l-footer .inner .ftr-data .info h3 {
font-size: 3.3816425121vw;
font-weight: 700;
}
.l-footer .inner .ftr-data .info p {
font-size: 3.3816425121vw;
}
.l-footer .inner .ftr-data .sns ul {
justify-content: flex-start;
margin: 5.7971014493vw 0 0;
}
.l-footer .copyright {
padding: 0 0 5.7971014493vw;
text-align: center;
font-size: 2.8985507246vw;
display: block;
}
}  ol.breadcrumbs {
display: flex;
flex-wrap: wrap;
margin: 132px auto 0;
padding: 20px 40px;
}
ol.breadcrumbs > li {
list-style: none;
position: relative;
padding-right: 20px;
line-height: 1.5;
font-size: 1.2rem;
color: var(--color-text);
}
ol.breadcrumbs > li:not(:last-child)::after {
content: "";
position: absolute;
top: 0.6em;
right: 10px;
width: 4px;
height: 4px;
border-top: 1px solid var(--color-text);
border-right: 1px solid var(--color-text);
transform: rotate(45deg);
}
ol.breadcrumbs > li a {
color: var(--color-navy);
}
ol.breadcrumbs > li:last-child { flex: 0 1 auto;
min-width: 0;
max-width: 100%;
}
@media screen and (max-width: 767px) { ol.breadcrumbs {
margin: 48px auto 0;
padding: 12px var(--content-space);
width: 100%;
}
ol.breadcrumbs li {
line-height: 1.6;
}
}
@media screen and (min-width: 1271px) {
.openbtn {
display: none;
}
}
.openbtn {
--size: 88px;
position: fixed;
right: 0;
top: 0;
background: white;
margin: 0;
padding: 0;
width: var(--size);
height: var(--size);
border: none;
z-index: 99999;
transition: 0.3s;
cursor: pointer;
}
.openbtn > .menu {
padding-top: 10px;
text-align: center;
font-size: 14px;
font-size: 1.4rem;
color: #fff;
line-height: 1;
background-color: transparent;
}
.openbtn > span:not(.menu) {
display: inline-block;
transition: all 0.4s;
position: absolute;
left: 25%;
height: 2px;
background-color: #1F4096;
}
.openbtn > span:nth-of-type(1) {
top: 30px;
width: 50%;
}
.openbtn > span:nth-of-type(2) {
top: 40px;
width: 50%;
}
.openbtn > span:nth-of-type(3) {
top: 50px;
width: 50%;
}
.openbtn.active > span:nth-of-type(1), .openbtn.active > span:nth-of-type(2) {
left: 25%;
width: 50%;
}
.openbtn.active > span:nth-of-type(1), .openbtn.active > span:nth-of-type(3) {
top: 40px;
opacity: 0;
}
.mm-menu {
position: fixed;
width: 100%;
height: 100%;
background-color: #fbfbfb;
z-index: 9000;
top: 0;
right: -200%;
transition: 0.8s;
opacity: 0.2;
overflow: auto;
}
.mm-menu.active {
top: 0;
right: 0;
opacity: 1;
}
.mm-page {
position: relative;
z-index: 8000;
}
.sp-nav-close {
opacity: 0;
position: fixed;
width: 100vw;
height: 100vh;
background: rgba(0, 0, 0, 0.5);
top: 0;
transition: 0.8s;
pointer-events: none;
}
.sp-nav-close.active {
opacity: 1;
pointer-events: all;
}
@media screen and (max-width: 767px) { .openbtn {
width: 11.5942028986vw;
height: 11.5942028986vw;
display: flex;
flex-direction: column;
gap: 1.4492753623vw;
align-items: center;
justify-content: center;
}
.openbtn > .menu {
padding-top: 6px;
font-size: 10px;
font-size: 1rem;
}
.openbtn > span:not(.menu) {
position: relative;
left: auto;
height: 0.4830917874vw;
width: 5.7971014493vw;
}
.openbtn > span:nth-of-type(1) {
top: auto;
}
.openbtn > span:nth-of-type(2) {
top: auto;
}
.openbtn > span:nth-of-type(3) {
top: auto;
}
.openbtn.active > span:nth-of-type(1), .openbtn.active > span:nth-of-type(2), .openbtn.active > span:nth-of-type(3) {
left: auto;
top: auto;
transform: translateY(0);
}
.mm-menu {
overflow-y: scroll;
padding: 11.5942028986vw 0 0;
}
.sp-tel {
position: fixed;
z-index: 99999;
top: 10px;
right: 85px;
width: 60px;
height: 60px;
border-radius: 30px;
background-color: #fff;
line-height: 1;
color: var(--color-dark);
}
.sp-tel img {
margin: 14px auto 0;
}
.sp-tel span {
position: absolute;
bottom: 9px;
left: 20px;
font-size: 11px;
font-size: 1.1rem;
}
}
.sp-menu-link {
display: flex;
align-items: flex-start;
justify-content: center;
padding: 200px var(--content-space);
width: 100%;
height: 100%;
min-width: var(--content-max-width);
overflow: auto;
}
.sp-menu-link .inner {
margin: 0 auto 80px;
display: flex;
justify-content: space-between;
flex-direction: row-reverse;
}
.sp-menu-link .inner .sp-menu-data {
border-right: 1px solid #d3cbc6;
}
.sp-menu-link .inner .sidemenu-link {
width: 660px;
}
.sp-menu-link .inner .sidemenu-link nav {
display: flex;
}
.sp-menu-link .inner .sidemenu-link nav ul {
width: 100%;
list-style: none;
padding: 0;
margin: 0;
}
.sp-menu-link .inner .sidemenu-link nav ul li {
padding: 1em 0;
margin-left: 0;
list-style-type: none;
border-bottom: 2px solid #E8EEFC;
}
.sp-menu-link .inner .sidemenu-link nav ul li > a {
display: block;
width: 100%;
box-sizing: border-box;
text-decoration: none;
color: #1F4096;
}
.sp-menu-link .inner .sidemenu-link nav ul li > a:hover {
color: var(--color-dark);
}
.sp-menu-link .inner .sidemenu-link nav ul li.has-child > a {
position: relative;
padding-right: 2em;
}
.sp-menu-link .inner .sidemenu-link nav ul li ul {
display: none;
padding-left: 1em;
}
.sp-menu-link .inner .sidemenu-link nav ul li ul li:last-child {
border-bottom: none;
padding: 1em 0 0;
}
.sp-menu-link .inner .sidemenu-link nav ul li.has-child {
position: relative;
}
.sp-menu-link .inner .sidemenu-link nav ul li.has-child > a::after {
content: "+";
position: absolute;
right: 0;
}
.sp-menu-link .inner .sidemenu-link nav ul li.has-child ul {
border-top: 0.2415458937vw solid #E8EEFC;
margin-top: 3.8647342995vw;
}
.sp-menu-link .inner .sidemenu-link nav ul li.open > a::after {
content: "-";
}
.sp-menu-link .inner .sidemenu-link nav ul li.open > ul {
display: block;
}
.sp-menu-link .inner .sidemenu-link .bnr {
margin-top: 75px;
}
.sp-menu-link .inner .sidemenu-link .bnr a {
display: flex;
align-items: center;
width: 486px;
height: 100px;
border-radius: 50px;
background-color: #aaa;
padding-left: 36px;
text-decoration: none;
font-size: 16px;
font-size: 1.6rem;
}
.sp-menu-link .inner .sidemenu-link .bnr a:hover {
opacity: 0.7;
color: var(--color-dark);
}
.sp-menu-link .inner .sidemenu-link .bnr a::before {
content: "●";
font-size: 8px;
color: #d3cbc6;
line-height: 1.3;
margin-right: 5px;
}
.sp-ftr-data {
background: #1F4096;
}
.sp-ftr-data .info h3 {
margin-bottom: 0.9661835749vw;
}
.sp-ftr-data .info .sns ul {
display: flex;
list-style: none;
padding: 0;
gap: 3.8647342995vw;
}
@media screen and (max-width: 767px) {
.sp-menu-link {
min-width: 100%;
height: auto;
padding: 0 0 5.7971014493vw;
}
.sp-menu-link .inner {
display: block;
margin: 0 auto;
}
.sp-menu-link .inner .sp-menu-data {
border-right: none;
}
.sp-menu-link .inner .sp-menu-data .sp-menu-logo {
width: 100%;
}
.sp-menu-link .inner .sp-menu-data .sp-menu-logo img {
zoom: 0.5;
}
.sp-menu-link .inner .sidemenu-link {
width: 82.6086956522vw;
}
.sp-menu-link .inner .sidemenu-link nav {
display: flex;
}
.sp-menu-link .inner .sidemenu-link nav ul {
width: 100%;
list-style: none;
padding: 0;
margin: 0;
}
.sp-menu-link .inner .sidemenu-link nav ul li {
padding: 3.8647342995vw 0;
margin-left: 0;
list-style-type: none;
border-bottom: 0.2415458937vw solid #E8EEFC;
}
.sp-menu-link .inner .sidemenu-link nav ul li > a {
display: block;
width: 100%;
box-sizing: border-box;
text-decoration: none;
color: #1F4096;
}
.sp-menu-link .inner .sidemenu-link nav ul li > a:hover {
color: var(--color-dark);
}
.sp-menu-link .inner .sidemenu-link nav ul li.has-child > a {
position: relative;
padding-right: 2em;
}
.sp-menu-link .inner .sidemenu-link nav ul li ul {
display: none;
padding-left: 1em;
}
.sp-menu-link .inner .sidemenu-link nav ul li ul li {
font-size: 3.3816425121vw;
}
.sp-menu-link .inner .sidemenu-link nav ul li ul li:last-child {
border-bottom: none;
padding: 3.8647342995vw 0 0;
}
.sp-menu-link .inner .sidemenu-link nav ul li.has-child {
position: relative;
}
.sp-menu-link .inner .sidemenu-link nav ul li.has-child > a::after {
content: "+";
position: absolute;
right: 0;
}
.sp-menu-link .inner .sidemenu-link nav ul li.has-child ul {
border-top: 0.2415458937vw solid #E8EEFC;
margin-top: 3.8647342995vw;
}
.sp-menu-link .inner .sidemenu-link nav ul li.open > a::after {
content: "-";
}
.sp-menu-link .inner .sidemenu-link nav ul li.open > ul {
display: block;
}
.group {
padding: 5.7971014493vw 0;
}
.group p.title {
color: #1F4096;
text-align: center;
font-size: 2.8985507246vw;
}
.group ul {
display: flex;
justify-content: center;
align-items: center;
margin-top: 2.8985507246vw;
padding: 0;
gap: 2.8985507246vw;
}
.group li {
list-style: none;
}
.sp-ftr-data {
background: #1F4096;
padding: 7.729468599vw 8.6956521739vw;
}
.sp-ftr-data .info {
margin-top: 3.8647342995vw;
font-size: 2.8985507246vw;
}
.sp-ftr-data .info h3 {
margin-bottom: 0.9661835749vw;
font-size: 2.8985507246vw;
}
.sp-ftr-data .info p {
font-size: 2.8985507246vw;
}
.sp-ftr-data .info .sns ul {
display: flex;
list-style: none;
padding: 0;
gap: 3.8647342995vw;
}
}
.related-posts {
margin-top: 20px;
}
.related-posts .card-container {
display: flex;
gap: 20px;
flex-wrap: wrap;
}
.related-posts .card-container .card {
display: block;
width: calc(33.333% - 20px);
border: 1px solid #ddd;
border-radius: 5px;
overflow: hidden;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
background-color: #fff;
text-decoration: none;
color: inherit;
transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.related-posts .card-container .card:hover {
transform: translateY(-5px);
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}
.related-posts .card-container .card .image img {
width: 100%;
height: auto;
display: block;
}
.related-posts .card-container .card .content {
padding: 15px;
}
.related-posts .card-container .card .content h3 {
font-size: 1.2em;
margin: 0 0 10px;
color: #0073aa;
}
.related-posts .card-container .card .content h3:hover {
text-decoration: underline;
}
.related-posts .card-container .card .content .categories {
font-size: 0.9em;
color: #555;
}
.related-posts .card-container .card .content .categories .category {
display: inline-block;
margin-right: 5px;
background-color: #f4f4f4;
padding: 3px 8px;
border-radius: 3px;
}
@media screen and (max-width: 767px) {
.related-posts .card-container {
flex-direction: column;
gap: 15px;
}
.related-posts .card-container .card {
width: 100%;
}
}
.p-cta {
position: relative;
height: auto;
width: 100%;
padding: 40px 0 0;
}
.p-cta .wrap {
display: flex;
justify-content: space-between;
position: relative;
z-index: 10;
}
.p-cta .wrap .box {
width: 48%;
margin: 0 1%;
text-align: center;
background-color: #f4f4f4;
border-radius: 10px;
padding: 40px 20px;
}
.p-cta .wrap .box .en {
font-size: 60px;
font-size: 6rem;
line-height: 1;
margin-top: -11px;
}
.p-cta .wrap .box p {
margin-top: 26px;
font-size: 20px;
font-size: 2rem;
}
.p-cta .wrap .box p.title {
font-size: 30px;
font-size: 3rem;
line-height: 1.4;
font-weight: bold;
}
.p-cta .wrap .box p.tel {
font-size: 44px;
font-size: 4.4rem;
line-height: 1;
font-weight: bold;
}
.p-cta .wrap .box p.tel span {
font-size: 32px;
font-size: 3.2rem;
}
.p-cta .wrap .box p.fax {
font-size: 25px;
font-size: 2.5rem;
line-height: 1;
font-weight: bold;
}
.p-cta .wrap .box .c-for-list {
margin: 56px auto 0;
}
.p-cta .wrap .box .c-for-list a {
margin: 0 auto;
color: #fff;
}
@media screen and (max-width: 767px) {
.p-cta {
position: relative;
height: auto;
background-image: url(//www.fukuzo.co.jp/wpcms/wp-content/themes/fukuzo/assets/img/top/cta-bg-sp.jpg);
background-size: cover;
width: 100%;
padding: 42px 0;
}
.p-cta .wrap {
display: block;
position: relative;
z-index: 10;
}
.p-cta .wrap .box {
width: 92%;
margin: 0 auto 40px;
text-align: center;
background-color: #f4f4f4;
border-radius: 10px;
background-position: left bottom;
padding-bottom: 30px;
}
.p-cta .wrap .box .en {
font-size: 45px;
font-size: 4.5rem;
line-height: 1;
text-align: center;
}
.p-cta .wrap .box p {
margin: 0 4%;
margin-top: 26px;
font-size: 16px;
font-size: 1.6rem;
text-align: left;
}
.p-cta .wrap .box p a {
text-decoration: none;
}
.p-cta .wrap .box p.title {
font-size: 22px;
font-size: 2.2rem;
line-height: 1.4;
font-weight: bold;
text-align: center;
}
.p-cta .wrap .box p.tel {
font-size: 33px;
font-size: 3.3rem;
line-height: 1;
font-weight: bold;
text-align: center;
margin-top: 12px;
}
.p-cta .wrap .box p.tel span {
font-size: 20px;
font-size: 2rem;
}
.p-cta .wrap .box p.fax {
font-size: 20px;
font-size: 2rem;
line-height: 1;
font-weight: bold;
text-align: center;
}
.p-cta .wrap .box .c-for-list {
margin: 30px auto 0;
}
.p-cta .wrap .box .c-for-list a {
margin: 0 auto;
color: #fff;
}
.p-cta .wrap .box:nth-last-of-type(1) {
margin-bottom: 0;
}
}
.c-heading-lv2 + *,
.c-heading-lv3 + *,
.c-heading-lv4 + *,
.c-heading-lv5 + *,
.c-heading-lv6 + *,
:where(.u-editor) h2:where(:not(.is-reset-wp-block)) + *,
:where(.u-editor) h3:where(:not(.is-reset-wp-block)) + *,
:where(.u-editor) h4:where(:not(.is-reset-wp-block)) + *,
:where(.u-editor) h5:where(:not(.is-reset-wp-block)) + *,
:where(.u-editor) h6:where(:not(.is-reset-wp-block)) + * {
margin-top: 0 !important;
}
.post-contents h2,
.c-heading-lv2,
:where(.u-editor) h2:where(:not(.is-reset-wp-block)) {
margin: 120px 0 40px;
font-size: 32px;
font-size: 3.2rem;
line-height: 1.4;
color: var(--color-navy);
padding-bottom: 16px;
border-bottom: 2px solid var(--color-light);
position: relative;
font-weight: 400;
}
.post-contents h2::before,
.c-heading-lv2::before,
:where(.u-editor) h2:where(:not(.is-reset-wp-block))::before {
content: "";
position: absolute;
bottom: -2px;
left: 0;
width: 64px;
height: 2px;
background-color: var(--color-navy);
}
.post-contents h3,
.c-heading-lv3,
:where(.u-editor) h3:where(:not(.is-reset-wp-block)) {
margin: 72px 0 24px;
font-size: 24px;
font-size: 2.4rem;
line-height: 1.4;
font-weight: 400;
}
.post-contents h4,
.c-heading-lv4,
:where(.u-editor) h4:where(:not(.is-reset-wp-block)) {
margin: 64px 0 23px;
font-size: 20px;
font-size: 2rem;
font-weight: 400;
line-height: 1.4;
padding-left: 18px;
border-left: 2px solid var(--color-navy);
}
.post-contents h5,
.c-heading-lv5,
:where(.u-editor) h5:where(:not(.is-reset-wp-block)) {
margin: 48px 0 16px;
font-size: 18px;
font-size: 1.8rem;
line-height: 1.4;
font-weight: 700;
}
.post-contents h6,
.c-heading-lv6,
:where(.u-editor) h6:where(:not(.is-reset-wp-block)) {
margin: 20px 0 16px;
font-size: 17px;
font-size: 1.7rem;
line-height: 1.5;
}
@media screen and (max-width: 767px) {
.post-contents h2,
.c-heading-lv2,
:where(.u-editor) h2:where(:not(.is-reset-wp-block)) {
font-size: 24px;
font-size: 2.4rem;
margin: 60px 0 24px;
}
.post-contents h3,
.c-heading-lv3,
:where(.u-editor) h3:where(:not(.is-reset-wp-block)) {
font-size: 20px;
font-size: 2rem;
margin: 52px 0 24px;
line-height: 1.5;
}
.post-contents h4,
.c-heading-lv4,
:where(.u-editor) h4:where(:not(.is-reset-wp-block)) {
font-size: 18px;
font-size: 1.8rem;
margin: 40px 0 16px;
line-height: 1.5;
}
.post-contents h5,
.c-heading-lv5,
:where(.u-editor) h5:where(:not(.is-reset-wp-block)) {
font-size: 16px;
font-size: 1.6rem;
margin: 32px 0 16px;
}
}
.c-paragraph,
:where(.u-editor) p {
margin-top: 25px;
line-height: 1.8;
font-size: 16px;
font-size: 1.6rem;
color: var(--color-text);
}
@media screen and (max-width: 767px) {
.c-paragraph,
:where(.u-editor) p {
margin-top: 1em;
line-height: 1.8;
}
}
.c-unordered-list,
:where(.u-editor) ul:where(:not(.is-reset-wp-block)) {
margin: 64px 0 0 32px;
padding: 0;
}
.c-unordered-list li,
:where(.u-editor) ul:where(:not(.is-reset-wp-block)) li {
list-style-type: none;
position: relative;
padding-left: 16px;
margin-bottom: 8px;
font-size: 16px;
font-size: 1.6rem;
line-height: 1.6;
}
.c-unordered-list li:before,
:where(.u-editor) ul:where(:not(.is-reset-wp-block)) li:before {
content: "";
display: block;
width: 10px;
height: 2px;
background-color: var(--color-navy);
margin-right: 6px;
position: absolute;
left: 0;
top: 14px;
}
.c-order-list,
:where(.u-editor) ol:where(:not(.is-reset-wp-block)) {
list-style-type: none;
counter-reset: count 0;
margin: 64px 0 0 32px;
padding: 0;
}
.c-order-list li,
:where(.u-editor) ol:where(:not(.is-reset-wp-block)) li {
text-indent: -1.4em;
margin-left: 1.4em;
margin-bottom: 8px;
font-size: 16px;
font-size: 1.6rem;
line-height: 1.6;
}
.c-order-list li a,
:where(.u-editor) ol:where(:not(.is-reset-wp-block)) li a {
text-decoration: none;
}
.c-order-list li a:hover,
:where(.u-editor) ol:where(:not(.is-reset-wp-block)) li a:hover {
color: var(--color-main);
}
.c-order-list li:before,
:where(.u-editor) ol:where(:not(.is-reset-wp-block)) li:before {
content: counter(count) ". ";
counter-increment: count 1;
color: var(--color-navy);
font-weight: bold;
}
dt,
dd {
font-size: 16px;
font-size: 1.6rem;
}
@media screen and (max-width: 767px) {
.c-unordered-list,
:where(.u-editor) ul:where(:not(.is-reset-wp-block)) {
margin-top: 32px;
}
.c-unordered-list li::before,
:where(.u-editor) ul:where(:not(.is-reset-wp-block)) li::before {
top: 12px;
}
.c-order-list,
:where(.u-editor) ol:where(:not(.is-reset-wp-block)) {
list-style-type: none;
counter-reset: count 0;
margin-top: 32px;
}
.c-order-list li a,
:where(.u-editor) ol:where(:not(.is-reset-wp-block)) li a {
text-decoration: none;
}
.c-order-list li a:hover,
:where(.u-editor) ol:where(:not(.is-reset-wp-block)) li a:hover {
color: var(--color-main);
}
.c-order-list li:before,
:where(.u-editor) ol:where(:not(.is-reset-wp-block)) li:before {
content: counter(count) ". ";
counter-increment: count 1;
color: var(--color-navy);
padding-left: 3px;
margin-right: 5px;
font-weight: bold;
}
}
.c-for-list,
.wp-block-button:where(:not(.is-reset-wp-block)) {
display: inline-block;
margin: 40px auto 0;
}
.c-for-list a,
.wp-block-button:where(:not(.is-reset-wp-block)) a {
font-family: "Noto Sans JP";
display: block;
text-decoration: none;
font-size: 16px;
font-weight: bold;
padding: 10px 56px 10px 32px;
border-radius: 31px;
background-color: var(--color-navy);
border: 1px solid var(--color-navy);
color: #fff;
background: var(--color-navy) url(//www.fukuzo.co.jp/wpcms/wp-content/themes/fukuzo/assets/img/top/btn-normal-arrow.png) no-repeat right 10px center/24px;
}
.c-for-list a:hover,
.wp-block-button:where(:not(.is-reset-wp-block)) a:hover {
color: var(--color-navy);
background: white url(//www.fukuzo.co.jp/wpcms/wp-content/themes/fukuzo/assets/img/top/btn-normal-arrow-h.png) no-repeat right 10px center/24px;
}
.c-for-list.red a,
.wp-block-button:where(:not(.is-reset-wp-block)).red a {
color: #fff;
background-color: var(--color-main);
border-color: var(--color-main);
}
.c-for-list.red a::after,
.wp-block-button:where(:not(.is-reset-wp-block)).red a::after {
content: url(//www.fukuzo.co.jp/wpcms/wp-content/themes/fukuzo/assets/img/common/icon-red-white.png);
}
.c-for-list.red a:hover,
.wp-block-button:where(:not(.is-reset-wp-block)).red a:hover {
color: var(--color-main);
background: var(--color-main);
}
.c-for-list.red a:hover::after,
.wp-block-button:where(:not(.is-reset-wp-block)).red a:hover::after {
content: url(//www.fukuzo.co.jp/wpcms/wp-content/themes/fukuzo/assets/img/common/icon-red.png);
background-color: var(--color-main);
}
.backlist {
text-align: center;
}
.c-btn-backlist {
display: inline-block;
margin: 40px auto 0;
}
.c-btn-backlist a {
font-family: "Noto Sans JP";
display: block;
text-decoration: none;
font-size: 16px;
font-weight: bold;
border-radius: 31px;
padding: 10px 32px 10px 56px;
color: #fff;
border: 1px solid var(--color-navy);
background: var(--color-navy) url(//www.fukuzo.co.jp/wpcms/wp-content/themes/fukuzo/assets/img/page/btn-back-arrow.png) no-repeat left 10px center/24px;
}
.c-btn-backlist a:hover {
color: var(--color-navy);
background: white url(//www.fukuzo.co.jp/wpcms/wp-content/themes/fukuzo/assets/img/page/btn-back-arrow-h.png) no-repeat left 10px center/24px;
}
@media screen and (max-width: 767px) {
.c-for-list,
.wp-block-button:where(:not(.is-reset-wp-block)) {
display: block !important;
margin: 30px auto 64px;
text-align: center;
}
.c-for-list a,
.wp-block-button:where(:not(.is-reset-wp-block)) a {
display: inline-block;
position: relative;
margin: 0 auto;
padding: 10px 56px 10px 32px;
font-size: 15px;
font-size: 1.5rem;
}
.c-btn-backlist {
display: block;
}
.c-btn-backlist a {
padding: 15px 16px;
}
}
.c-blockquote,
:where(.u-editor) blockquote:where(:not(.is-reset-wp-block)) {
margin-top: 64px;
color: #6E737D;
font-style: normal;
font-weight: 400;
line-height: 2.2;
font-size: 16px;
font-size: 1.6rem;
padding: 48px 48px 48px 80px;
background-color: var(--color-bgblue);
position: relative;
color: var(--color-dark);
}
.c-blockquote p,
:where(.u-editor) blockquote:where(:not(.is-reset-wp-block)) p {
color: var(--color-dark);
line-height: 2.2;
}
.c-blockquote cite,
.c-blockquote .cite,
:where(.u-editor) blockquote:where(:not(.is-reset-wp-block)) cite,
:where(.u-editor) blockquote:where(:not(.is-reset-wp-block)) .cite {
display: block;
text-align: right;
margin-top: 32px;
font-size: 14px;
font-size: 1.4rem;
line-height: 1.8;
font-style: normal;
}
.c-blockquote::before,
:where(.u-editor) blockquote:where(:not(.is-reset-wp-block))::before {
content: url(//www.fukuzo.co.jp/wpcms/wp-content/themes/fukuzo/assets/img/page/icon-blockquote.svg);
position: absolute;
top: 16px;
left: 24px;
}
@media screen and (max-width: 767px) {
.c-blockquote,
:where(.u-editor) blockquote:where(:not(.is-reset-wp-block)) {
width: 100%;
margin: 40px auto 0;
padding: 48px 36px;
position: relative;
}
.c-blockquote p,
:where(.u-editor) blockquote:where(:not(.is-reset-wp-block)) p {
line-height: 2.2;
font-size: 16px;
font-size: 1.6rem;
color: var(--color-dark);
}
.c-blockquote cite,
:where(.u-editor) blockquote:where(:not(.is-reset-wp-block)) cite {
display: block;
text-align: right;
margin-top: 20px;
font-size: 14px;
font-size: 1.4rem;
}
.c-blockquote::before,
:where(.u-editor) blockquote:where(:not(.is-reset-wp-block))::before {
content: url(//www.fukuzo.co.jp/wpcms/wp-content/themes/fukuzo/assets/img/page/icon-blockquote.svg);
position: absolute;
top: 12px;
left: 12px;
}
}
.c-image,
:where(.u-editor) .wp-block-image:where(:not(.is-reset-wp-block)) {
margin-top: 64px;
}
.c-image img,
:where(.u-editor) .wp-block-image:where(:not(.is-reset-wp-block)) img {
max-width: 100%;
height: auto;
}
.c-image figcaption,
:where(.u-editor) .wp-block-image:where(:not(.is-reset-wp-block)) figcaption {
font-size: 14px;
font-size: 1.4rem;
margin-top: 16px;
line-height: 1.4;
font-weight: 400;
}
.wp-element-caption {
font-size: 14px;
font-size: 1.4rem;
margin-top: 16px;
line-height: 1.4;
font-weight: 400;
}
.wp-block-buttons {
margin-top: 40px;
}
@media screen and (max-width: 767px) {
.c-image,
:where(.u-editor) .wp-block-image:where(:not(.is-reset-wp-block)) {
margin-top: 40px;
}
.c-image img,
:where(.u-editor) .wp-block-image:where(:not(.is-reset-wp-block)) img {
max-width: 100%;
height: auto;
}
.c-image figcaption,
:where(.u-editor) .wp-block-image:where(:not(.is-reset-wp-block)) figcaption {
font-size: 14px;
font-size: 1.4rem;
margin-top: 12px;
}
.wp-element-caption {
font-size: 14px;
font-size: 1.4rem;
margin-top: 12px;
}
}
.c-iframe,
:where(.u-editor) iframe {
max-width: 100%;
height: auto;
aspect-ratio: 16/9;
}
.u-editor {
--table-border-color: var(--color-grey);
--table-bg-color: var(--color-navy);
}
.u-editor .wp-block-flexible-table-block-table,
.u-editor .wp-block-table {
margin-top: 64px;
}
.u-editor .wp-block-flexible-table-block-table.wp-block-flexible-table-block-table > table,
.u-editor table {
width: 100%;
margin: 0;
border-collapse: collapse;
}
.u-editor .wp-block-flexible-table-block-table.wp-block-flexible-table-block-table > table tr,
.u-editor table tr {
border-bottom: 1px solid var(--table-border-color);
}
.u-editor .wp-block-flexible-table-block-table.wp-block-flexible-table-block-table > table tr th,
.u-editor .wp-block-flexible-table-block-table.wp-block-flexible-table-block-table > table tr td,
.u-editor table tr th,
.u-editor table tr td {
line-height: 1.6;
font-size: 16px;
font-size: 1.6rem;
padding: 16px 20px;
text-align: left;
border-color: var(--table-border-color);
}
.u-editor .wp-block-flexible-table-block-table.wp-block-flexible-table-block-table > table thead,
.u-editor table thead {
border-bottom: none;
}
.u-editor .wp-block-flexible-table-block-table.wp-block-flexible-table-block-table > table thead tr th,
.u-editor table thead tr th {
border-right: 1px solid var(--table-border-color);
}
.u-editor .wp-block-flexible-table-block-table.wp-block-flexible-table-block-table > table thead th,
.u-editor table thead th {
background-color: var(--table-bg-color);
border-right: 1px solid var(--table-border-color);
border: none;
text-align: center;
color: #fff;
font-weight: 700;
}
.u-editor .wp-block-flexible-table-block-table.wp-block-flexible-table-block-table > table thead th:nth-last-of-type(1),
.u-editor table thead th:nth-last-of-type(1) {
border-right: none;
}
.u-editor .wp-block-flexible-table-block-table.wp-block-flexible-table-block-table > table tbody,
.u-editor table tbody {
border-top: 1px solid var(--table-border-color);
}
.u-editor .wp-block-flexible-table-block-table.wp-block-flexible-table-block-table > table tbody th,
.u-editor table tbody th {
background-color: var(--table-bg-color);
border-right: transparent;
color: #fff;
font-weight: 700;
}
.u-editor .wp-block-flexible-table-block-table.wp-block-flexible-table-block-table > table tbody td,
.u-editor table tbody td {
border-right: 1px solid var(--color-grey);
background-color: var(--color-bgblue);
padding: 24px 12px;
font-weight: 400;
line-height: 1.6;
}
.u-editor .wp-block-flexible-table-block-table.wp-block-flexible-table-block-table > table tbody tr td:nth-of-type(1),
.u-editor table tbody tr td:nth-of-type(1) {
border-left: none;
}
.u-editor .wp-block-flexible-table-block-table.wp-block-flexible-table-block-table > table tbody tr td:nth-last-of-type(1),
.u-editor table tbody tr td:nth-last-of-type(1) {
border-right: none;
}
@media screen and (max-width: 767px) {
.u-editor .wp-block-flexible-table-block-table,
.u-editor .wp-block-table {
margin-top: 40px;
}
.u-editor .wp-block-flexible-table-block-table.wp-block-flexible-table-block-table > table.has-fixed-layout:not(.is-stacked-on-mobile) {
width: max-content !important;
}
.u-editor .wp-block-flexible-table-block-table.wp-block-flexible-table-block-table > table,
.u-editor table {
border-collapse: collapse;
}
.u-editor .wp-block-flexible-table-block-table.wp-block-flexible-table-block-table > table tr,
.u-editor table tr {
border-bottom: none;
}
.u-editor .wp-block-flexible-table-block-table.wp-block-flexible-table-block-table > table tr th,
.u-editor .wp-block-flexible-table-block-table.wp-block-flexible-table-block-table > table tr td,
.u-editor table tr th,
.u-editor table tr td {
line-height: 1.6;
font-size: 16px;
font-size: 1.6rem;
padding: 20px 16px;
text-align: left;
}
.u-editor .wp-block-flexible-table-block-table.wp-block-flexible-table-block-table > table thead th,
.u-editor table thead th {
background-color: var(--table-bg-color);
border-bottom: 1px solid var(--table-border-color);
}
.u-editor .wp-block-flexible-table-block-table.wp-block-flexible-table-block-table > table tbody th,
.u-editor table tbody th {
background-color: var(--table-bg-color);
border-bottom: 1px solid var(--table-border-color);
}
.u-editor .wp-block-flexible-table-block-table.wp-block-flexible-table-block-table > table tbody th:nth-last-of-type(1),
.u-editor table tbody th:nth-last-of-type(1) {
border-bottom: none;
}
.u-editor .wp-block-flexible-table-block-table.wp-block-flexible-table-block-table > table tbody td,
.u-editor table tbody td {
padding: 16px 24px;
background-color: transparent;
border-bottom: 1px solid var(--table-border-color);
}
.u-editor .wp-block-flexible-table-block-table.wp-block-flexible-table-block-table > table tbody td:nth-last-of-type(1),
.u-editor table tbody td:nth-last-of-type(1) {
border-bottom: 1px solid var(--table-border-color);
}
}
.wp-block-media-text {
gap: 36px;
margin: 64px 0 0;
}
.wp-block-media-text > .wp-block-media-text__content {
padding: 0 !important;
}
@media screen and (max-width: 767px) {
.wp-block-media-text {
gap: 18px;
margin: 60px 0 0;
}
}
:where(.u-editor) .wp-block-columns {
gap: 32px;
margin-top: 64px;
}
:where(.u-editor) .wp-block-columns + .wp-block-columns {
margin-top: 32px;
}
:where(.u-editor) .is-layout-grid {
gap: 32px;
margin-top: 64px;
}
.wp-block-gallery.has-nested-images.is-layout-flex {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 20px;
margin: 50px 0 0;
}
.wp-block-gallery > .wp-block-image {
width: 100% !important;
}
@media screen and (max-width: 767px) {
:where(.u-editor) .wp-block-columns {
gap: 16px;
margin-top: 48px;
}
:where(.u-editor) .wp-block-columns + .wp-block-columns {
margin-top: 16px;
}
:where(.u-editor) .is-layout-grid {
gap: 16px;
margin-top: 48px;
}
.wp-block-gallery.has-nested-images.is-layout-flex {
grid-template-columns: repeat(2, 1fr);
gap: 15px;
margin: 30px 0 0;
}
}
.wp-pagenavi {
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
gap: 8px;
margin: 88px auto 0;
text-align: center;
}
.wp-pagenavi span,
.wp-pagenavi a {
display: block;
margin: 0;
padding: 8px 5px !important;
line-height: 2;
color: var(--color-navy);
font-size: 1.6rem;
font-weight: 500;
text-decoration: none;
background-color: var(--color-light);
border: none !important;
}
.wp-pagenavi span.current,
.wp-pagenavi a.current {
background-color: var(--color-navy);
color: var(--color-white);
font-weight: 500;
}
.wp-pagenavi .pages,
.wp-pagenavi .extend {
padding: 0;
}
.wp-pagenavi .extend {
background-color: transparent;
}
.wp-pagenavi .pages {
border: none;
background-color: transparent;
}
.wp-pagenavi span.current,
.wp-pagenavi a {
min-width: 49px;
}
.wp-pagenavi a:hover {
background-color: var(--color-navy);
color: #fff;
}
.next-prev {
display: flex;
justify-content: space-between;
width: 100%;
margin: 60px auto 0;
}
.next-prev .prev,
.next-prev .next {
width: 50%;
padding: 10px;
}
.next-prev .prev a,
.next-prev .next a {
display: inline-block;
position: relative;
line-height: 1.45;
color: var(--color-navy);
font-size: 1.6rem;
font-weight: 500;
transition: 0.3s;
}
.next-prev .prev a:hover,
.next-prev .next a:hover {
text-decoration: none;
}
.next-prev .prev a::before,
.next-prev .next a::before {
position: absolute;
}
.next-prev .prev {
margin-right: auto;
border-right: 1px solid var(--color-navy);
}
.next-prev .prev a {
padding-left: 1em;
}
.next-prev .prev a::before {
content: "«";
top: -2px;
left: -1px;
}
.next-prev .next {
text-align: right;
}
.next-prev .next a {
padding-right: 1em;
}
.next-prev .next a::before {
content: "»";
position: absolute;
top: 0;
right: 0;
}
@media screen and (max-width: 767px) {
.wp-pagenavi {
margin: 70px auto 0;
text-align: center;
}
.wp-pagenavi span.current,
.wp-pagenavi a {
padding: 10px 7px;
min-width: 46px;
}
.wp-pagenavi .pages {
width: 100%;
}
.next-prev {
flex-direction: column;
margin: 60px auto 0;
}
.next-prev .prev,
.next-prev .next {
width: 100%;
max-width: none;
border-right: none;
}
}
.fadein {
opacity: 0;
transform: translate(0, 100px);
transition: all 1s;
}
.fadein.active {
opacity: 1;
transform: translate(0, 0);
}
:where(.u-editor) .wp-block-column > :first-child,
:where(.u-editor) .wp-block-group__inner-container > :first-child,
:where(.u-editor) .wp-block-media-text__content > :first-child,
:where(.u-editor) blockquote.wp-block-quote > :first-child {
margin-top: 0 !important;
}
:where(.u-editor) .wp-block-column > :last-child,
:where(.u-editor) .wp-block-group__inner-container > :last-child,
:where(.u-editor) .wp-block-media-text__content > :last-child,
:where(.u-editor) blockquote.wp-block-quote > :last-child {
margin-bottom: 0 !important;
}
.wp-block-group {
margin-top: 40px;
}
.c-slider .splide__slide,
.c-slider--sp .splide__slide {
list-style: none;
}
.c-slider .splide__slide::before,
.c-slider--sp .splide__slide::before {
display: none !important;
}
.c-slider02 .splide__slide {
height: 590px;
list-style: none;
}
.c-slider02 .splide__slide::before {
display: none !important;
}
.c-slider,
.c-slider--sp {
margin-top: 50px;
}
.c-slider .splide__controls,
.c-slider--sp .splide__controls {
display: flex;
justify-content: center;
margin-top: 20px;
}
.c-slider .splide__toggle .splide__toggle__play,
.c-slider .splide__toggle .splide__toggle__pause,
.c-slider--sp .splide__toggle .splide__toggle__play,
.c-slider--sp .splide__toggle .splide__toggle__pause {
width: 32px;
height: 32px;
text-indent: -9999px;
overflow: hidden;
background-repeat: no-repeat;
background-position: center center;
background-size: 12px auto;
}
.c-slider .splide__toggle .splide__toggle__play,
.c-slider--sp .splide__toggle .splide__toggle__play {
background-image: url(//www.fukuzo.co.jp/wpcms/wp-content/themes/fukuzo/assets/img/common/icon-slider-play01.png);
}
.c-slider .splide__toggle .splide__toggle__pause,
.c-slider--sp .splide__toggle .splide__toggle__pause {
background-image: url(//www.fukuzo.co.jp/wpcms/wp-content/themes/fukuzo/assets/img/common/icon-slider-stop01.png);
}
.c-slider .splide__toggle:not(.is-active) .splide__toggle__play,
.c-slider--sp .splide__toggle:not(.is-active) .splide__toggle__play {
display: block;
}
.c-slider .splide__toggle.is-active .splide__toggle__pause,
.c-slider--sp .splide__toggle.is-active .splide__toggle__pause {
display: block;
}
.c-slider .splide__pagination button,
.c-slider .splide__toggle,
.c-slider--sp .splide__pagination button,
.c-slider--sp .splide__toggle {
appearance: none;
margin: 0;
padding: 0;
background: transparent;
border: none;
border-radius: 0;
cursor: pointer;
}
.c-slider .splide__pagination,
.c-slider--sp .splide__pagination {
display: flex;
flex-wrap: wrap;
flex-direction: row;
gap: 10px;
padding: 0;
}
.c-slider .splide__pagination button,
.c-slider--sp .splide__pagination button {
display: block;
width: 10px;
height: 10px;
background: var(--color-grey);
border-radius: 10px;
}
.c-slider .splide__pagination button.is-active,
.c-slider--sp .splide__pagination button.is-active {
background: var(--color-accent);
}
.c-slider .splide__pagination > li,
.c-slider--sp .splide__pagination > li {
margin: 0;
padding: 0;
}
.c-slider .splide__pagination > li::before,
.c-slider--sp .splide__pagination > li::before {
display: none !important;
}
.c-slider--sp {
margin-top: 50px;
}
.c-slider02 {
margin-top: 50px;
}
.c-slider02__main img,
.c-slider02__thumbnail img {
object-fit: contain;
width: 100%;
height: 100%;
}
.c-slider02__main {
position: relative;
}
.c-slider02__main .splide__arrows {
position: absolute;
width: 100%;
height: 100%;
z-index: 2;
pointer-events: none;
}
.c-slider02__main .splide__arrow {
--arrow-space: 26px;
appearance: none;
display: block;
position: absolute;
top: 50%;
transform: translateY(-50%);
margin: 0;
padding: 0;
width: 40px;
height: 40px;
background-color: #fff;
border-radius: 20px;
text-indent: -9999px;
overflow: hidden;
border: none;
cursor: pointer;
pointer-events: visible;
}
.c-slider02__main .splide__arrow::before {
content: "";
display: block;
position: absolute;
top: calc(50% - 8px);
width: 16px;
height: 16px;
border-top: 3px solid #000;
}
.c-slider02__main .splide__arrow--prev {
left: var(--arrow-space);
}
.c-slider02__main .splide__arrow--prev::before {
left: 36%;
border-left: 3px solid #000;
transform: rotate(-45deg);
}
.c-slider02__main .splide__arrow--next {
right: var(--arrow-space);
}
.c-slider02__main .splide__arrow--next::before {
right: 36%;
border-right: 3px solid #000;
transform: rotate(45deg);
}
.c-slider__img {
display: block;
margin: 0 auto;
max-width: 100%;
}
.c-slider02__thumbnail {
margin-top: 40px;
}
.c-slider02__thumbnail .splide__slide {
width: 160px;
height: 153px;
transition: opacity 0.2s ease-in-out;
cursor: pointer; -webkit-transform: translateZ(0);
transform: translateZ(0);
will-change: opacity;
}
.c-slider02__thumbnail .splide__slide:not(.is-active) {
opacity: 0.3;
}
.c-slider02__thumbnail .splide__slide.is-active {
opacity: 1;
}
.c-card-wrap {
display: grid;
grid-template-columns: 1fr;
gap: 48px 24px;
margin: 40px 0 0;
padding: 0;
}
.c-card-wrap > li {
list-style: none;
padding: 0;
}
.c-card-wrap > li::before {
display: none;
}
.c-card-wrap > .c-card {
margin: 0;
}
.c-card-wrap.c-card-wrap--columns3 {
grid-template-columns: repeat(3, 1fr);
}
.c-card {
margin-top: 50px;
}
.c-card__type {
display: flex;
flex-direction: column;
gap: 12px;
text-decoration: none;
}
.c-card__type:hover .c-card__img {
opacity: 0.6;
}
.c-card__type > :first-child {
margin-top: 0 !important;
}
.c-card__type > :last-child {
margin-bottom: 0 !important;
}
.c-card__type.c-card__type--horizon {
flex-direction: row;
gap: 24px;
}
.c-card__img {
aspect-ratio: 317/220;
overflow: hidden;
transition: 0.2s opacity;
}
:where(.c-card__type--horizon) > .c-card__img {
width: 317px;
}
.c-card__img > img {
object-fit: cover;
width: 100%;
height: 100%;
}
.c-card__detail {
display: flex;
flex-direction: column;
gap: 12px;
}
.c-card__prop {
display: flex;
align-items: center;
gap: 12px;
}
:where(.c-card__type--horizon > .c-card__detail) > .c-card__prop {
flex-direction: column;
align-items: flex-start;
}
.c-card__date {
line-height: 1.5;
color: var(--color-main);
font-size: 1.4rem;
}
.c-card__category-wrap {
display: flex;
flex-wrap: wrap;
gap: 4px;
margin: 0;
padding: 0;
}
.c-card__category-wrap > li {
list-style: none;
}
.c-card__category {
padding: 8px 10px;
line-height: 1;
font-size: 1.2rem;
font-weight: 500;
border: 1px solid var(--color-grey);
}
.c-card__category.c-card__category--tag {
color: var(--color-white);
background-color: var(--color-main);
}
.c-card__title {
line-height: 1.5;
font-size: 1.6rem;
}
.c-card__tag-wrap {
display: flex;
flex-wrap: wrap;
gap: 5px 10px;
margin: 10px 0 0;
padding: 0;
}
.c-card__tag-wrap > li {
list-style: none;
}
.c-card__tag {
color: var(--color-grey);
font-size: 1.4rem;
}
.c-simple-posts {
display: grid;
grid-template-columns: 1fr;
gap: 24px;
margin: 60px 0 0;
padding: 0;
}
.c-simple-posts__item {
list-style: none;
background-color: var(--color-white);
border-bottom: 1px solid #e0e0e0;
}
.c-simple-posts__item-link {
display: flex;
flex-direction: column;
gap: 16px;
padding-bottom: 16px;
text-decoration: none;
}
.c-simple-posts__item-link:hover .c-simple-posts__title {
text-decoration: underline;
color: var(--color-navy);
}
.c-simple-posts__prop {
display: flex;
align-items: baseline;
gap: 15px;
}
.c-simple-posts__date {
flex-shrink: 0;
font-size: 1.4rem;
font-weight: 400;
color: var(--color-dark);
}
.c-simple-posts__category-wrap {
display: flex;
flex-wrap: wrap;
gap: 8px;
}
.c-simple-posts__category {
display: inline-block;
color: var(--color-dark);
padding: 8px 10px;
line-height: 1;
font-size: 1.2rem;
background-color: var(--color-white);
border: 1px solid var(--color-dark);
}
.c-simple-posts__tag-wrap {
display: flex;
flex-wrap: wrap;
gap: 50px 10px;
margin: 10px 0 0;
padding: 0;
}
.c-simple-posts__tag-wrap > li {
list-style: none;
}
.c-simple-posts__tag {
color: var(--color-grey);
font-size: 1.4rem;
}
.c-simple-posts__title {
margin: 0;
line-height: 1.6;
color: var(--color-text);
font-size: 1.8rem;
font-weight: 500;
}
.c-simple-posts__title a:hover {
text-decoration: underline;
color: var(--color-navy);
}
.c-simple-posts.launching-post li {
padding-left: 0;
margin-bottom: 0;
}
.c-simple-posts.launching-post li::before {
content: none;
}
@media screen and (min-width: 768px) {
.c-slider--sp .splide__list {
display: grid !important;
grid-template-columns: repeat(3, 1fr);
gap: 16px;
}
.c-slider--sp .splide__controls {
display: none !important;
}
}
@media screen and (max-width: 767px) {
.c-slider .splide__slide,
.c-slider02 .splide__slide,
.c-slider--sp .splide__slide {
height: 55vw;
}
.c-slider--sp .splide__controls {
display: flex;
justify-content: center;
margin-top: 20px;
}
.c-slider02__thumbnail {
margin-top: 10px;
}
.c-slider02__thumbnail .splide__slide {
height: 12vw;
transition: opacity 0.2s ease-in-out; -webkit-transform: translateZ(0);
transform: translateZ(0);
will-change: opacity;
}
.c-card-wrap,
.c-card-wrap.c-card-wrap--columns3 {
grid-template-columns: 1fr;
gap: 15px;
}
:where(.c-card__type--horizon) > .c-card__img {
width: 50%;
}
.c-card__prop {
flex-direction: column;
align-items: flex-start;
gap: 4px;
}
.c-card__category-wrap {
gap: 4px;
}
.c-card__category {
font-size: 1.4rem;
}
}
.c-qa-layout:nth-of-type(1) {
margin-top: 64px;
}
.c-qa-layout__head,
.c-qa-layout__body {
display: flex;
align-items: baseline;
gap: 20px;
}
.c-qa-layout__head {
margin: 0;
padding: 0 12px 12px;
border-bottom: 1px solid var(--color-grey);
font-size: 20px;
font-size: 2rem;
color: var(--color-navy);
font-weight: 400;
line-height: 1.4;
}
.c-qa-layout__body {
padding: 24px 12px 56px;
background-color: var(--color-white);
}
.c-qa-layout__head__pref,
.c-qa-layout__body__pref {
flex-shrink: 0;
display: flex;
align-items: center;
justify-content: center;
width: 2em;
height: 2em;
text-align: center;
color: var(--color-white);
font-size: 1.8rem;
font-weight: 700;
border-radius: 2em;
background-color: var(--color-main);
}
.c-qa-layout__head__pref {
width: 32px;
height: 32px;
font-size: 0;
background-color: transparent;
border-radius: 0;
background-image: url(//www.fukuzo.co.jp/wpcms/wp-content/themes/fukuzo/assets/img/page/icon_q.png);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
align-self: flex-start;
}
.c-qa-layout__body__pref {
width: 32px;
height: 32px;
font-size: 0;
background-color: transparent;
border-radius: 0;
background-image: url(//www.fukuzo.co.jp/wpcms/wp-content/themes/fukuzo/assets/img/page/icon_a.png);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
align-self: flex-start;
}
.c-qa-layout__title {
flex-grow: 1;
line-height: 1.4;
font-size: 20px;
font-size: 2rem;
font-weight: 400;
color: var(--color-navy);
}
.c-qa-layout__detail {
flex-grow: 1;
line-height: 1.4;
font-size: 20px;
font-size: 2rem;
font-weight: 400;
}
.c-qa-layout__detail > :first-child {
margin-top: 0 !important;
}
.c-qa-layout__detail > :last-child {
margin-bottom: 0 !important;
}
@media screen and (max-width: 767px) {
.c-qa-layout__head {
padding-bottom: 16px;
}
.c-qa-layout__title {
font-size: 18px;
font-size: 1.8rem;
}
.c-qa-layout__body {
padding: 16px 12px 56px;
}
}
.c-box {
display: flex;
flex-direction: column;
gap: 15px;
margin: 50px 0 0;
padding: 30px;
background-color: var(--color-grey);
}
.c-box__head > :first-child,
.c-box__detail > :first-child {
margin-top: 0 !important;
}
.c-box__head > :last-child,
.c-box__detail > :last-child {
margin-bottom: 0 !important;
}
.c-box__title {
font-size: 2rem;
font-weight: 700;
}
@media screen and (max-width: 767px) {
.c-box {
margin: 30px 0 0;
padding: 16px;
}
.c-box__title {
font-size: 1.8rem;
}
}
.c-flow-list {
display: grid;
justify-items: center;
grid-template-columns: repeat(6, 1fr);
gap: 3rem;
margin: 50px 0 0;
}
.c-flow-list > li {
margin: 0;
padding: 30px 15px;
text-indent: 0;
}
.c-flow-list__item {
position: relative;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
width: 100%;
text-align: center;
background-color: var(--color-light-base);
border: 1px solid var(--color-main);
}
.c-flow-list__item::before {
content: "";
position: absolute;
top: 50%;
left: -2.3rem;
margin: 0;
width: 1rem;
height: 1.5rem;
font-size: inherit;
transform: translateY(-50%);
background-color: var(--color-main);
clip-path: polygon(0 0, 0 100%, 100% 50%);
}
.c-flow-list__item:first-child::before {
display: none;
}
.c-flow-list__text {
font-size: 1.8rem;
font-weight: 700;
line-height: 1.5;
}
.c-cta-section {
margin: 60px 0 0;
padding: 30px;
background-color: var(--color-grey);
}
.c-cta-section > :first-child {
margin-top: 0 !important;
}
.c-cta-section > :last-child {
margin-bottom: 0 !important;
}
.c-cta-section__title {
margin: 30px auto 15px;
font-size: 3.2rem;
font-weight: 700;
text-align: center;
}
.c-cta-card-wrap {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 16px;
margin: 30px 0 0;
}
.c-cta-card {
margin: 0;
padding: 0;
}
.c-cta-card__type {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 15px;
width: 100%;
height: 100%;
background-color: var(--color-white);
border-radius: 15px;
text-decoration: none;
transition: opacity 0.2s;
}
.c-cta-card__type:hover {
opacity: 0.7;
}
.c-cta-card__type > :first-child {
margin-top: 0 !important;
}
.c-cta-card__type > :last-child {
margin-bottom: 0 !important;
}
.c-cta-card__heading {
display: flex;
align-items: center;
gap: 12px;
}
.c-cta-card__heading__icon {
flex-shrink: 0;
width: 50px;
}
.c-cta-card__heading__title {
margin: 0;
padding: 0;
line-height: 1.2;
font-size: 2.4rem;
font-weight: 700;
}
.c-cta-card__heading__title--tel {
font-size: 4rem;
}
.c-cta-card__text {
margin-top: 10px;
line-height: 1.5;
font-size: 1.8rem;
font-weight: 700;
text-align: center;
}
.c-cta-card__lead {
margin-top: 5px;
line-height: 1.2;
text-align: center;
font-size: 2.8rem;
font-weight: 700;
}
.c-sns-list {
display: flex;
gap: 24px;
margin: 75px 0 0;
padding: 0;
}
.c-sns-list > li {
list-style: none;
}
.c-sns-list--contact {
justify-content: center;
}
.c-sns__type {
display: block;
}
@media screen and (max-width: 767px) {
.c-flow-list {
grid-template-columns: repeat(2, 1fr);
gap: 30px;
max-width: 500px;
margin-inline: auto;
padding-right: 20px;
}
.c-flow-list > li {
padding: 15px;
}
.c-flow-list__item::before {
left: calc(100% + 12px);
width: 10px;
height: 15px;
}
.c-flow-list__item:first-child::before {
display: block;
}
.c-flow-list__item:last-child::before {
display: none;
}
.c-flow-list__text {
font-size: 1.6rem;
}
.c-cta-card-wrap {
grid-template-columns: 1fr;
}
.c-cta-card__type {
padding: 15px 10px;
min-height: 100px;
}
.c-cta-card__heading__icon {
width: 30px;
}
.c-cta-card__heading__title {
font-size: 2rem;
}
.c-cta-card__heading__title--tel {
font-size: 3rem;
}
.c-cta-card__text {
font-size: 1.6rem;
font-weight: 700;
text-align: center;
}
.c-cta-card__lead {
font-size: 2.2rem;
}
} .modal {
display: none;
}
.modal.is-open {
display: block;
} .modal__overlay {
position: fixed;
inset: 0;
background: rgba(0, 0, 0, 0.75);
display: flex;
align-items: center;
justify-content: center;
z-index: 10000;
} .modal__container {
position: relative;
width: 90%;
max-width: 960px;
background: #000;
border-radius: 8px;
padding: 0;
box-shadow: 0 20px 60px rgba(0, 0, 0, 0.4);
} .c-video-wrapper {
aspect-ratio: 16/9;
}
.c-video-wrapper iframe {
display: block;
object-fit: cover;
width: 100%;
height: 100%;
border: none;
}
.modal__close {
appearance: none;
display: block;
position: absolute;
top: -50px;
right: 0;
margin: 0;
padding: 0;
width: 50px;
height: 50px;
background: var(--color-white);
overflow: hidden;
border: none;
border-radius: 0;
text-indent: -9999px;
cursor: pointer;
}
.modal__close::before, .modal__close::after {
content: "";
display: block;
position: absolute;
top: 50%;
left: 50%;
width: 2px;
height: 60%;
background-color: var(--color-main);
}
.modal__close::before {
transform: translate(-50%, -50%) rotate(45deg);
}
.modal__close::after {
transform: translate(-50%, -50%) rotate(-45deg);
}
.modal__close:hover {
background: var(--color-main);
}
.modal__close:hover::before, .modal__close:hover::after {
background-color: var(--color-white);
} .c-tag-list {
display: flex;
flex-wrap: wrap;
gap: 15px;
margin: 20px 0 0;
padding: 0;
}
.c-tag-list > li {
list-style: none;
}
.c-tag {
font-size: 1.8rem;
}
.c-tag__type {
text-decoration: none;
}
.c-tag__type:hover {
text-decoration: underline;
}
.c-category-list {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 16px;
margin: 20px 0 0;
padding: 0;
}
.c-category-list > li {
list-style: none;
line-height: 1;
}
.c-category__type {
display: inline-block;
padding: 10px 24px;
line-height: 1;
text-decoration: none;
color: var(--color-navy);
font-size: 1.6rem;
font-weight: bold;
background-color: var(--color-white);
border: 1px solid var(--color-navy);
border-radius: 5px;
transition: 0.3s;
}
.c-category__type:hover {
color: var(--color-white);
background-color: var(--color-navy);
}
.c-category__type.is-current {
display: inline-block;
color: var(--color-white);
background-color: var(--color-navy);
}
.cat-area {
width: var(--u-content-width);
margin: 40px auto 0;
display: flex;
align-items: center;
}
.cat-area .date {
font-size: 16px;
font-size: 1.6rem;
margin-right: 26px;
}
.no-posts {
margin-top: 60px;
font-size: 1.8rem;
}
@media screen and (max-width: 767px) {
.c-category__type {
padding: 5px 10px;
}
.cat-area {
width: 92%;
margin: 10px auto 0;
display: block;
}
.cat-area .date {
font-size: 16px;
font-size: 1.6rem;
line-height: 1;
}
}
.single-main {
width: 100%;
margin: 0 auto;
background-color: var(--color-bgblue);
display: flex;
justify-content: center;
align-items: center;
padding: 64px 0;
}
.single-main .inner {
width: var(--u-content-width);
margin: 0 auto;
}
.single-main .inner .cat-area {
display: block;
width: 100%;
margin: 0;
text-align: left;
}
.single-main .inner .cat-area p.date {
color: var(--color-dark);
font-size: 16px;
font-size: 1.6rem;
line-height: 1;
font-weight: 500;
font-family: "Figtree";
}
.single-main .inner .cat-area .c-category-list {
display: flex;
justify-content: flex-start;
gap: 16px;
margin-top: 16px;
}
.single-main .inner .cat-area .c-category-list > li {
list-style: none;
}
.single-main .inner .cat-area .c-category-list > li a.c-category__type {
background-color: transparent;
border: none;
color: var(--color-dark);
font-size: 16px;
font-size: 1.6rem;
text-decoration: underline;
padding: 0;
font-weight: 400;
}
.single-main .inner .cat-area .c-category-list > li a.c-category__type:hover {
color: var(--color-navy);
}
.single-main .inner h1 {
margin: 24px auto 0;
font-size: 40px;
font-size: 4rem;
text-align: left;
font-weight: 500;
line-height: 1.4;
}
@media screen and (max-width: 1300px) and (min-width: 768px) {
.single-main .inner {
padding: 0 32px;
}
}
.p-works__description {
font-size: 1.8rem;
}
.p-works-point-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 36px;
margin: 50px 0 0;
}
.p-works-point-grid__item > :first-child {
margin-top: 0 !important;
}
.p-works-point-grid__item > :last-child {
margin-bottom: 0 !important;
}
.p-works-point__image {
position: relative;
}
.p-works-point__badge {
position: absolute;
display: inline-block;
padding: 8px 15px;
top: 22px;
left: 35px;
line-height: 1;
color: var(--color-white);
text-transform: uppercase;
font-size: 2rem;
font-weight: 700;
background-color: var(--color-main);
border-radius: 30px;
}
.p-works-point__description {
margin-top: 10px;
line-height: 1.4;
font-size: 1.4rem;
}
.p-works-gallery-grid {
display: grid;
grid-template-columns: 1fr;
gap: 36px;
margin: 50px 0 0;
}
.p-works-gallery-grid__item > :first-child {
margin-top: 0 !important;
}
.p-works-gallery-grid__item > :last-child {
margin-bottom: 0 !important;
}
.p-works-gallery-grid__before-after {
--gap: 36px;
--gap-half: calc(var(--gap) / 2);
display: flex;
gap: var(--gap);
margin: 50px 0 0;
}
.p-works-gallery-grid__ba {
position: relative;
}
.p-works-gallery-grid__ba > :first-child {
margin-top: 0 !important;
}
.p-works-gallery-grid__ba > :last-child {
margin-bottom: 0 !important;
}
.p-works-gallery-grid__ba--before {
width: calc(30% - var(--gap-half));
}
.p-works-gallery-grid__ba--after {
flex-shrink: 0;
margin-left: auto;
width: calc(70% - var(--gap-half));
}
.p-works-gallery-grid__ba__badge {
position: absolute;
display: inline-block;
padding: 8px 15px;
top: 0;
left: 0;
line-height: 1;
color: var(--color-white);
text-transform: uppercase;
font-size: 2.4rem;
font-weight: 700;
background-color: var(--color-main);
}
.p-works-gallery-grid__ba__badge--before,
.p-works-gallery-grid__ba__badge--after {
text-transform: uppercase;
}
.p-works-gallery__image__caption {
margin-top: 20px;
line-height: 1.4;
font-size: 1.4rem;
}
.p-works-about__data {
--border-color: var(--color-dark);
display: grid;
grid-template-columns: 1fr;
border-top: 1px solid var(--border-color);
border-left: 1px solid var(--border-color);
}
.p-works-about {
margin-top: 60px;
}
.p-works-about h2.c-heading-lv2:nth-of-type(1) {
margin-top: 0;
}
.p-works-about__data__dl {
display: grid;
grid-template-columns: 35% 65%;
background-color: #fff;
border-right: 1px solid var(--border-color);
border-bottom: 1px solid var(--border-color);
}
.p-works-about__data__dl__title {
padding: 10px 15px;
font-weight: 700;
background-color: var(--color-navy);
color: var(--color-white);
}
.p-works-about__data__dl__detail {
border-left: 1px solid var(--border-color);
padding: 10px 15px;
}
.p-voice-mv {
margin: 100px auto 0;
width: fit-content;
}
.post-contents {
margin-top: 40px;
}
@media screen and (max-width: 767px) {
.single-main {
text-align: center;
padding-top: 40px;
text-align: left;
padding: 32px var(--content-space);
}
.single-main .inner {
width: 100%;
}
.single-main .inner .cat-area .c-category-list {
gap: 12px;
margin-top: 8px;
}
.single-main .inner h1 {
width: 100%;
margin: 0 auto;
font-size: 24px;
font-size: 2.4rem;
border-bottom: none;
text-align: left;
line-height: 1.4;
margin-top: 25px;
}
.p-works-point-grid {
grid-template-columns: 1fr;
}
.p-works-point__badge {
top: 10px;
left: 10px;
font-size: 1.6rem;
}
.p-works-gallery-grid__ba__badge {
font-size: 1.6rem;
}
.p-works-about__data {
grid-template-columns: 1fr;
}
.p-works-about__data__dl {
grid-template-columns: 1fr;
}
.p-works-about__data__dl__detail {
border-left: none;
}
}
.u-main {
width: 100%;
height: 210px;
margin: 0 auto;
background-color: var(--color-bgblue);
display: flex;
justify-content: center;
align-items: center;
}
.u-main .h1-wrap {
width: var(--u-content-width);
margin: 0 auto;
color: var(--color-navy);
}
.u-main .h1-wrap .en {
font-size: 16px;
font-size: 1.6rem;
font-family: "Figtree";
font-weight: 700;
line-height: 1;
display: block;
}
.u-main .h1-wrap h1 {
font-size: 40px;
font-size: 4rem;
font-weight: 500;
line-height: 1.4;
margin-top: 10px;
}
.u-main .h1-wrap h1 span {
font-size: 24px;
margin-left: 24px;
}
.wp-block-accordion {
margin-top: 72px;
}
.wp-block-accordion-heading {
margin: 0;
}
.wp-block-accordion-heading .wp-block-accordion-heading__toggle {
background-color: var(--color-navy);
display: flex;
align-items: center;
justify-content: space-between;
gap: 20px;
padding: 12px 20px;
width: 100%;
border: none;
cursor: pointer;
text-align: left;
}
.wp-block-accordion-heading .wp-block-accordion-heading__toggle-title {
color: var(--color-white);
font-size: 24px;
font-size: 2.4rem;
font-weight: 400;
line-height: 1.4;
flex: 1;
}
.wp-block-accordion-heading .wp-block-accordion-heading__toggle-icon {
position: relative;
width: 16px;
height: 16px;
flex-shrink: 0;
font-size: 0;
transform: rotate(0deg) !important;
}
.wp-block-accordion-heading .wp-block-accordion-heading__toggle-icon::before, .wp-block-accordion-heading .wp-block-accordion-heading__toggle-icon::after {
content: "";
position: absolute;
background-color: var(--color-white);
width: 16px;
height: 1px;
top: calc(50% - 1px);
left: 0;
transition: transform 0.3s;
}
.wp-block-accordion-heading .wp-block-accordion-heading__toggle-icon::after {
transform: rotate(90deg);
}
.wp-block-accordion-item.is-open .wp-block-accordion-heading__toggle-icon::after {
transform: rotate(0deg);
}
.wp-block-accordion-panel {
background-color: var(--color-white);
border: 1px solid var(--color-navy);
padding: 40px;
}
.wp-block-accordion-panel[inert] {
display: none;
}
.wp-block-accordion-panel > :first-child {
margin-top: 0 !important;
}
.wp-block-accordion-panel > :last-child {
margin-bottom: 0 !important;
}
.c-dept-nav {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 20px;
margin: 64px 0 0;
padding: 0;
}
.c-dept-nav__item {
list-style: none;
aspect-ratio: 235/140;
}
.c-dept-nav__item img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.c-dept-nav__link {
position: relative;
display: block;
width: 100%;
height: 100%;
overflow: hidden;
text-decoration: none;
}
.c-dept-nav__link::before, .c-dept-nav__link::after {
content: "";
display: block;
position: absolute;
z-index: 2;
}
.c-dept-nav__link::before {
bottom: 10px;
right: 10px;
width: 28px;
height: 28px;
background-color: var(--color-white);
border-radius: 28px;
}
.c-dept-nav__link::after {
bottom: 19px;
right: 19px;
width: 9px;
height: 9px;
mask-image: url(//www.fukuzo.co.jp/wpcms/wp-content/themes/fukuzo/assets/img/common/arrow-down-ic01.svg);
mask-size: contain;
mask-repeat: no-repeat;
mask-position: center;
background-color: var(--color-main);
}
.c-dept-nav__overlay {
position: absolute;
inset: 0;
background: linear-gradient(to bottom, rgba(31, 64, 150, 0) 50%, rgba(31, 64, 150, 0.6) 80%, rgba(31, 64, 150, 0.9) 100%);
}
.c-dept-nav__name {
position: absolute;
bottom: 10px;
left: 10px;
color: var(--color-white);
font-size: 28px;
font-size: 2.8rem;
font-weight: 400;
line-height: 1.2;
}
.u-section {
margin-top: 120px 0 0;
padding: 120px 0;
background-color: var(--color-bgblue);
}
.u-section > :first-child {
margin-top: 0 !important;
}
.u-section > :last-child {
margin-bottom: 0 !important;
}
@media screen and (max-width: 767px) {
.wp-block-accordion {
margin-top: 54px;
}
.wp-block-accordion-heading .wp-block-accordion-heading__toggle {
padding: 12px 16px;
}
.wp-block-accordion-heading .wp-block-accordion-heading__toggle-title {
font-size: 20px;
font-size: 2rem;
}
.wp-block-accordion-panel {
padding: 20px;
}
.c-dept-nav {
grid-template-columns: repeat(2, 1fr);
gap: 12px;
}
.c-dept-nav__name {
font-size: 20px;
font-size: 2rem;
bottom: 8px;
left: 8px;
}
.u-section {
margin-top: 48px 0 0;
padding: 60px 0;
background-color: var(--color-bgblue);
}
.u-section > :first-child {
margin-top: 0 !important;
}
.u-section > :last-child {
margin-bottom: 0 !important;
}
} .not-found-wrap p.not-found {
text-align: center;
margin-top: 0;
}
@media screen and (min-width: 768px) and (max-width: 1300px) {
.u-main .h1-wrap {
width: 100%;
padding: 0 32px;
}
}
@media screen and (max-width: 767px) {
.u-main {
width: 100%;
height: auto;
margin: 0 auto;
padding: 32px var(--content-space);
display: flex;
justify-content: center;
align-items: center;
}
.u-main .h1-wrap {
width: 100%;
}
.u-main .h1-wrap .en {
font-size: 16px;
font-size: 1.6rem;
font-family: "Figtree";
font-weight: bold;
line-height: 1;
}
.u-main .h1-wrap h1 {
font-size: 24px;
font-size: 2.4rem;
font-weight: bold;
line-height: 1.4;
font-weight: 500;
margin-top: 8px;
}
.u-main .h1-wrap h1 span {
font-size: 18px;
margin-left: 16px;
}
.not-found-wrap p.not-found {
text-align: left;
margin-top: 0;
}
.phiro-en {
font-size: 4.6vw;
line-height: 1.5;
display: block;
margin-top: 20px;
}
}
.main-image {
width: 100%;
height: auto;
}
.main-image img {
width: 100%;
height: auto;
}
@media screen and (min-width: 767px) {
.fade-up {
opacity: 0;
transform: translateY(40px);
transition: opacity 0.8s ease, transform 0.8s ease;
}
.fade-up.is-visible {
opacity: 1;
transform: translateY(0);
} .l-main {
overflow-x: hidden;
}
@supports (overflow: clip) {
.l-main {
overflow-y: clip;
}
} @supports not (overflow: clip) {
.l-main {
overflow-y: hidden;
}
}
}
.c-btn-normal,
.c-btn-white,
.c-btn-recruit {
display: inline-block;
}
.midcareer .c-btn-white {
display: block;
margin-top: 10px;
}
.midcareer .c-btn-white a {
max-width: 380px;
margin: 0 auto;
}
.c-btn-normal a,
.c-btn-white a,
.c-btn-recruit a {
font-family: "Noto Sans JP";
display: block;
text-decoration: none;
font-size: 16px;
font-weight: bold;
padding: 10px 56px 10px 32px;
border-radius: 31px;
}
.c-btn-normal a {
color: #fff;
border: 1px solid var(--color-navy);
background: var(--color-navy) url(//www.fukuzo.co.jp/wpcms/wp-content/themes/fukuzo/assets/img/top/btn-normal-arrow.png) no-repeat right 10px center/24px;
}
.c-btn-normal a:hover {
color: var(--color-navy);
background: white url(//www.fukuzo.co.jp/wpcms/wp-content/themes/fukuzo/assets/img/top/btn-normal-arrow-h.png) no-repeat right 10px center/24px;
}
.c-btn-white a {
color: var(--color-navy);
border: 1px solid white;
background: white url(//www.fukuzo.co.jp/wpcms/wp-content/themes/fukuzo/assets/img/top/btn-normal-arrow-h.png) no-repeat right 10px center/24px;
}
.c-btn-white a:hover {
color: white;
background: var(--color-navy) url(//www.fukuzo.co.jp/wpcms/wp-content/themes/fukuzo/assets/img/top/btn-normal-arrow.png) no-repeat right 10px center/24px;
}
.c-btn-recruit a {
color: #fff;
border: 1px solid #CF4100;
background: #CF4100 url(//www.fukuzo.co.jp/wpcms/wp-content/themes/fukuzo/assets/img/top/btn-recruit-arrow.png) no-repeat right 10px center/24px;
}
.c-btn-recruit a:hover {
color: #CF4100;
background: white url(//www.fukuzo.co.jp/wpcms/wp-content/themes/fukuzo/assets/img/top/btn-recruit-arrow-h.png) no-repeat right 10px center/24px;
}
@media screen and (max-width: 767px) {
.c-btn-normal, .c-btn-white, .c-btn-recruit {
display: block;
}
}
main {
position: relative;
z-index: 2;
}
.p-top-fv {
background-size: cover;
height: 100vh;
position: relative;
min-height: 700px;
}
.p-top-fv__video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
z-index: 0;
}
.p-top-fv::after {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(331deg, rgba(0, 0, 0, 0.1) 14%, rgba(0, 0, 0, 0.5) 86%);
z-index: 1;
pointer-events: none;
}
.p-top-fv__copy, .p-top-fv__bnr, .p-top-fv__news, .p-top-fv__note {
position: absolute;
z-index: 2;
}
.p-top-fv__copy {
left: 160px;
top: 200px;
}
.p-top-fv__copy img {
max-height: 56vh;
width: auto;
}
@media screen and (min-width: 768px) and (max-height: 700px) {
.p-top-fv__copy img {
width: 400px;
height: 339px;
max-height: inherit;
}
}
.p-top-fv__bnr {
right: 80px;
bottom: 80px;
}
.p-top-fv__bnr a:hover {
opacity: 0.7;
transition: 0.4s;
}
.p-top-fv__news {
bottom: 0;
left: 0;
width: 496px;
padding: 24px;
background: var(--color-bgblue);
}
.p-top-fv__news-head {
display: flex;
align-items: center;
justify-content: space-between;
}
.p-top-fv__news-title, .p-top-fv__news-sub-title {
display: inline-block;
}
.p-top-fv__news-title {
color: var(--color-navy);
font-family: "Figtree";
font-weight: bold;
font-size: 18px;
}
.p-top-fv__news-sub-title {
margin-left: 20px;
font-family: "Figtree";
color: var(--color-dark);
font-size: 12px;
}
.p-top-fv__news-link a {
margin-left: auto;
display: flex;
align-items: center;
gap: 8px;
color: var(--color-navy);
font-weight: bold;
font-size: 14px;
}
.p-top-fv__news-list a {
font-size: 14px;
color: var(--color-navy);
text-decoration: underline;
display: block;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.p-top-fv-note {
padding: 16px 24px;
text-align: right;
font-family: "Noto Sans JP";
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: 180%;
position: absolute;
bottom: -40px;
right: 0;
}
.p-top-fv__note {
right: 2em;
bottom: -6em;
}
@media screen and (max-width: 1200px) {
.p-top-fv {
position: relative;
padding: 200px 10vw;
height: auto;
}
.p-top-fv__copy {
position: relative;
max-width: 50vw;
left: 0;
top: auto;
}
.p-top-fv__bnr {
position: relative;
left: 0;
top: auto;
bottom: auto;
margin-top: 6vw;
}
.p-top-fv__news {
position: absolute;
left: 0;
right: 0;
bottom: 0;
margin-top: 2vw;
}
.p-top-fv__news-link {
display: flex;
}
.p-top-fv__news-head {
display: block;
}
.p-top-fv__note {
position: absolute;
}
}
@media screen and (max-width: 767px) {
.p-top-fv {
background: none;
display: flex;
padding: 0;
flex-direction: column;
height: auto;
}
.p-top-fv__bg-sp {
background: url(//www.fukuzo.co.jp/wpcms/wp-content/themes/fukuzo/assets/img/top/fv.png) no-repeat center;
background-size: cover;
height: 177.7777777778vw;
padding: 19.3236714976vw 8.4541062802vw 13.5265700483vw;
display: flex;
flex-direction: column;
}
.p-top-fv__copy {
max-width: 100%;
order: 1;
}
.p-top-fv__bnr {
order: 2;
margin-top: auto;
}
.p-top-fv__bottom-sp {
display: flex;
flex-direction: column;
}
.p-top-fv__news {
background: var(--color-bgblue);
position: relative;
bottom: auto;
left: auto;
margin-top: auto;
order: 4;
width: auto;
padding: 3.8vw;
}
.p-top-fv__news h3 {
font-size: 4.3vw;
}
.p-top-fv__news .fv-news-head .sub-title {
font-size: 2.9vw;
margin-left: 0.5em;
}
.p-top-fv__news .fv-news-head .link {
margin-left: auto;
}
.p-top-fv__news .fv-news-head .link a {
font-size: 3.38vw;
}
.p-top-fv__news-list {
font-size: 3.3816425121vw;
}
.p-top-fv__news-list a {
font-size: 14px;
color: var(--color-navy);
text-decoration: underline;
white-space: normal;
overflow: visible;
text-overflow: clip;
}
.p-top-fv__note {
position: relative;
font-size: 2.9vw;
padding: 3.8vw;
order: 3;
position: relative;
margin-bottom: 0;
background: white;
text-align: left;
bottom: auto;
right: auto;
}
.p-top-fv__note p {
font-size: 2.9vw;
}
}
.p-top-section01 {
padding-top: 88px;
margin-top: 80px;
overflow: hidden;
position: relative;
z-index: 2;
margin-bottom: -40px;
}
.p-top-section01 h2 {
font-family: "Noto Sans JP";
font-size: 48px;
font-weight: 400;
line-height: 140%;
margin-bottom: 48px;
}
.p-top-section01 h2 span {
display: block;
color: var(--color-navy);
font-family: "Figtree";
font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: 160%;
letter-spacing: 0.9px;
text-transform: uppercase;
margin-bottom: 24px;
}
.p-top-section01 p {
margin-top: 24px;
}
.p-top-section01__btn {
margin-top: 56px;
}
.p-top-section01__inner {
display: flex;
align-items: flex-start;
justify-content: center;
gap: 96px;
overflow: hidden;
}
.p-top-section01__img--01, .p-top-section01__img--02 {
flex: 0 0 auto;
max-width: none;
flex-shrink: 0;
}
.p-top-section01__img--01 {
margin-right: auto;
}
.p-top-section01__img--02 {
margin-top: 88px;
margin-left: auto;
}
.p-top-section01__text {
flex: 0 0 560px;
width: 560px;
flex-shrink: 0;
padding-bottom: 220px;
}
@media screen and (max-width: 1300px) {
.p-top-section01 {
position: relative;
overflow: hidden;
}
.p-top-section01__inner {
display: block;
position: relative;
}
.p-top-section01__text {
width: 560px;
position: relative;
z-index: 2;
margin: 0 auto;
gap: 0;
}
.p-top-section01__img--01, .p-top-section01__img--02 {
position: absolute;
top: 0;
z-index: 1;
}
.p-top-section01__img--01 {
left: calc(50vw - 280px - 96px - 760px);
}
.p-top-section01__img--02 {
right: calc(50vw - 280px - 96px - 340px);
}
.p-top-section01 .p-top-section01 > img {
display: block;
max-width: none;
}
}
@media screen and (max-width: 767px) {
.top-section h2 {
font-size: 6.76vw;
color: #1A1A1A;
margin-bottom: 5.6vw;
}
.top-section h2 span {
font-size: 4.35vw;
margin-bottom: 3.86vw;
}
.top-section p {
font-size: 3.8647342995vw;
}
.top-section .note {
font-size: 2.9vw;
}
.p-top-section01 {
padding: 11.6vw 0 0;
margin: 0;
}
.p-top-section01 img {
max-width: 100%;
}
.p-top-section01__inner {
display: flex;
flex-direction: column;
gap: 0;
}
.p-top-section01__text {
width: auto;
padding: 0 7.729468599vw;
order: 1;
}
.p-top-section01__img--01 {
position: relative;
order: 3;
left: auto;
margin-top: -13vw;
z-index: -1;
}
.p-top-section01__img--02 {
position: relative;
order: 2;
left: 0;
padding: 0 5.56vw;
margin-top: 7.73vw;
}
.p-top-section01__btn {
margin-top: 6.76vw;
}
.p-top-section01 p {
font-size: 3.8647342995vw;
margin-top: 2.8985507246vw;
}
}
.p-top-section02 {
padding-top: 88px;
background: var(--color-navy);
color: white;
}
.p-top-section02__txt {
margin-top: 88px;
flex: 0 0 560px;
width: 560px;
order: 2;
}
.p-top-section02__txt h2 {
font-family: "Noto Sans JP";
font-size: 48px;
font-weight: 400;
line-height: 140%;
margin-bottom: 48px;
}
.p-top-section02__txt h2 span {
display: block;
font-family: "Figtree";
font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: 160%;
letter-spacing: 0.9px;
text-transform: uppercase;
margin-bottom: 24px;
}
.p-top-section02__txt p {
margin-top: 24px;
font-weight: 400;
}
.p-top-section02__txt .btn {
margin-top: 56px;
}
.p-top-section02__inner {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 96px;
overflow: hidden;
position: relative;
}
.p-top-section02__img-01, .p-top-section02__img-02 {
flex: 0 0 auto;
max-width: none;
}
.p-top-section02__img-01 {
margin-right: auto;
order: 3;
}
.p-top-section02__img-02 {
margin-top: 88px;
margin-left: auto;
order: 1;
}
@media screen and (max-width: 1300px) {
.p-top-section02 {
position: relative;
overflow: hidden;
}
.p-top-section02__inner {
height: 840px;
margin: 0;
}
.p-top-section02__txt {
width: 560px;
position: relative;
z-index: 2;
margin: 0 auto;
gap: 0;
}
.p-top-section02__img-01, .p-top-section02__img-02 {
position: absolute;
z-index: 1;
}
.p-top-section02__img-01 {
right: calc(50vw - 280px - 760px - 96px);
bottom: 0;
}
.p-top-section02__img-02 {
left: calc(50vw - 280px - 340px - 96px);
top: 0;
}
.p-top-section02 > img {
display: block;
max-width: none;
}
}
@media screen and (max-width: 767px) {
.p-top-section02 {
padding: 11.6vw 0 0;
background: var(--color-navy);
color: white;
}
.p-top-section02__inner {
height: auto;
display: flex;
flex-direction: column;
gap: 0;
}
.p-top-section02__img-01, .p-top-section02__img-02 {
position: relative;
}
.p-top-section02__img-01 img, .p-top-section02__img-02 img {
width: 100%;
}
.p-top-section02__img-01 {
padding: 0 5.56vw;
order: 2;
margin-top: 7.73vw;
right: 0;
z-index: 2;
}
.p-top-section02__img-02 {
margin-top: -8vw;
left: 0;
order: 3;
z-index: 1;
}
.p-top-section02__txt {
width: auto;
padding: 0 7.729468599vw;
order: 1;
}
.p-top-section02__txt .btn {
margin-top: 6.7632850242vw;
}
.p-top-section02 h2 {
font-size: 6.76vw;
color: white;
margin-bottom: 5.6vw;
}
.p-top-section02 h2 span {
font-size: 4.35vw;
margin-bottom: 3.86vw;
}
.p-top-section02 .box .txt-box {
width: auto;
position: relative;
z-index: 2;
margin: 0 auto;
gap: 0;
}
}
.p-top-section03 {
padding: 96px 0 136px;
}
.p-top-section03__inner {
position: relative;
}
.p-top-section03__inner-top {
width: 1200px;
margin: 0 auto;
position: relative;
}
.p-top-section03 h2 {
font-size: 48px;
font-weight: 400;
line-height: 140%;
margin-bottom: 48px;
}
.p-top-section03 h2 span {
display: block;
font-family: "Figtree";
font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: 160%;
letter-spacing: 0.9px;
text-transform: uppercase;
margin-bottom: 24px;
}
.p-top-section03 .btn {
position: absolute;
right: 5vw;
top: 120px;
}
@keyframes infinity-scroll-left {
from {
transform: translateX(0);
}
to {
transform: translateX(-100%);
}
}
.p-top-section03 .scroll-infinity__wrap {
display: flex;
overflow: hidden;
}
.p-top-section03 .scroll-infinity__list {
display: flex;
list-style: none;
padding: 0;
}
.p-top-section03 .scroll-infinity__list--left {
animation: infinity-scroll-left 80s infinite linear 0.5s both;
}
.p-top-section03 .scroll-infinity__item a {
text-decoration: none;
}
.p-top-section03 .scroll-infinity__item {
width: 440px;
margin-right: 40px;
}
.p-top-section03 .scroll-infinity__item .img {
width: 440px;
height: 248px;
overflow: hidden;
margin-bottom: 24px;
position: relative;
}
.p-top-section03 .scroll-infinity__item .img img {
width: 100%;
height: 100%;
object-fit: cover;
}
.p-top-section03 .scroll-infinity__item .img a:hover {
opacity: 0.7;
transition: 0.4s;
}
.p-top-section03 .scroll-infinity__item .cat {
text-decoration: none;
display: inline-block;
padding: 5px 10px 6px 10px;
border-radius: 13px;
background: #E8EEFC;
font-size: 12px;
font-weight: 400;
color: #1A1A1A;
}
.p-top-section03 .scroll-infinity__item .txt {
margin-top: 4px;
font-size: 18px;
font-weight: 700;
line-height: 180%;
}
.p-top-section03 .scroll-infinity__item:hover .img {
transition: 0.4s;
}
.p-top-section03 .scroll-infinity__item:hover .img img {
transform: scale(1.05);
transition: 0.4s;
}
.p-top-section03 .scroll-infinity__item > img {
width: 100%;
}
@media screen and (max-width: 1300px) {
.p-top-section03__inner-top {
width: 80%;
margin: 0 auto;
position: relative;
}
}
@media screen and (max-width: 767px) {
.p-top-section03 {
padding: 11.6vw 0 0;
}
.p-top-section03__inner {
width: auto;
position: relative;
display: flex;
flex-direction: column;
overflow: hidden;
}
.p-top-section03__inner-top {
width: auto;
padding: 0 5.56vw;
order: 1;
}
.p-top-section03 .scroll-infinity {
order: 2;
}
.p-top-section03 h2 {
font-size: 6.76vw;
margin-bottom: 0;
}
.p-top-section03 h2 span {
font-size: 4.35vw;
margin-bottom: 3.86vw;
color: var(--color-navy);
}
.p-top-section03 .btn {
position: relative;
order: 3;
padding: 0 5.56vw 16.43vw;
margin-top: 6.76vw;
top: auto;
bottom: 0;
right: 0;
}
.p-top-section03 .scroll-infinity__item {
flex: 0 0 90vw;
margin-right: 5vw;
width: 80vw;
}
.p-top-section03 .scroll-infinity__item .img {
width: 100%;
height: 50vw;
}
.p-top-section03 .scroll-infinity__item .img img {
width: 100%;
}
@keyframes infinity-scroll-left {
from {
transform: translateX(0);
}
to {
transform: translateX(-50%);
}
}
.scroll-infinity__wrap {
margin-top: 7.73vw;
display: flex;
overflow: hidden;
}
.scroll-infinity__list {
display: flex;
list-style: none;
padding: 0;
}
.scroll-infinity__list--left {
animation: infinity-scroll-left 80s infinite linear 0.5s both;
}
}
.p-top-section04 {
background: url(//www.fukuzo.co.jp/wpcms/wp-content/themes/fukuzo/assets/img/top/sec04-bg.jpg);
color: white;
padding: 120px 0;
}
.p-top-section04__inner {
width: 1200px;
margin: 0 auto;
display: flex;
gap: 120px;
}
.p-top-section04__txt {
width: 640px;
}
.p-top-section04 h2 {
font-family: "Noto Sans JP";
font-size: 32px;
font-weight: 400;
line-height: 140%;
margin-bottom: 48px;
}
.p-top-section04 h2 span {
display: block;
font-family: "Figtree";
font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: 160%;
letter-spacing: 0.9px;
text-transform: uppercase;
margin-bottom: 24px;
}
.p-top-section04 p {
margin-top: 48px;
}
.p-top-section04 .btn {
margin-top: 32px;
}
.p-top-section04__img {
width: 440px;
}
.p-top-section04__img ul {
list-style: none;
margin: 0;
padding: 0;
}
.p-top-section04__img ul li:last-child {
margin-top: 8px;
}
@media screen and (max-width: 1300px) {
.p-top-section04 {
background: url(//www.fukuzo.co.jp/wpcms/wp-content/themes/fukuzo/assets/img/top/sec04-bg.jpg) no-repeat center;
background-size: cover;
color: white;
padding: 120px 0;
}
.p-top-section04__inner {
width: 90%;
margin: 0 auto;
display: flex;
gap: 120px;
}
}
@media screen and (max-width: 767px) {
.p-top-section04 {
padding: 0;
background-size: cover;
}
.p-top-section04__inner {
width: auto;
gap: 0;
flex-direction: column;
padding: 19.32vw 7.73vw;
}
.p-top-section04__txt {
width: auto;
}
.p-top-section04 h2 {
font-size: 5.7971014493vw;
margin-bottom: 5.7971014493vw;
color: white;
}
.p-top-section04 h2 span {
font-size: 4.347826087vw;
margin-bottom: 3.8647342995vw;
}
.p-top-section04 p {
font-size: 3.8647342995vw;
line-height: 180%;
margin-top: 0;
}
.p-top-section04__img {
width: auto;
margin-top: 7.73vw;
order: 2;
}
.p-top-section04__img ul {
display: flex;
align-items: center;
gap: 1.93vw;
}
.p-top-section04__img li:last-child {
margin-top: 0;
}
.p-top-section04 .btn {
position: relative;
order: 3;
}
}
.p-top-section05 {
padding: 112px 0 0;
}
.p-top-section05__inner {
width: 1200px;
background: var(--color-navy);
margin: 0 auto;
color: #fff;
display: flex;
position: relative;
align-items: center;
}
.p-top-section05__inner .img {
position: relative;
z-index: 1;
}
.p-top-section05__inner .txt {
width: 50%;
}
.p-top-section05__inner .txt-box {
position: relative;
z-index: 2;
}
.p-top-section05__inner .txt-box h2 {
font-size: 32px;
font-weight: 700;
line-height: 140%;
}
.p-top-section05__inner .txt-box h2 span {
font-family: "Figtree";
}
.p-top-section05__inner .txt-box p {
font-size: 14px;
margin-top: 24px;
}
.p-top-section05__inner .txt-box .btn {
margin-top: 24px;
}
.p-top-section05__inner .txt-bg p {
position: absolute;
right: 0;
bottom: 0;
color: #2D50AC;
font-family: "Figtree";
font-size: 80px;
font-style: normal;
font-weight: 700;
line-height: 100%; letter-spacing: 4px;
text-transform: uppercase;
}
@keyframes infinity-scroll-left {
from {
transform: translateX(0);
}
to {
transform: translateX(-100%);
}
}
.p-top-section05 .scroll-infinity__wrap {
display: flex;
overflow: hidden;
}
.p-top-section05 .scroll-infinity__list {
display: flex;
list-style: none;
padding: 0;
}
.p-top-section05 .scroll-infinity__list--left {
animation: infinity-scroll-left 80s infinite linear 0.5s both;
}
.p-top-section05 .scroll-infinity__item {
margin-right: 40px;
}
.p-top-section05 .scroll-infinity__item > img {
width: 100%;
}
.p-top-section05 .scroll-infinity__item {
white-space: nowrap;
font-feature-settings: "vert" on, "liga" off;
font-family: "Figtree";
font-size: 200px;
font-style: normal;
font-weight: 500;
line-height: 100%; background: linear-gradient(0deg, #F1F5FF 23.56%, rgba(214, 225, 252, 0.9) 50.48%, rgba(119, 147, 219, 0.6) 77.88%, rgba(31, 64, 150, 0.5) 100%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
font-family: "Figtree";
font-size: 200px;
font-style: normal;
font-weight: 700;
line-height: 100%;
}
@media screen and (max-width: 1300px) {
.p-top-section05 {
padding: 112px 56px 0;
}
.p-top-section05__inner {
width: 100%;
margin: 0 auto;
overflow: hidden;
}
.p-top-section05__inner .txt {
margin-left: auto;
}
.p-top-section05__inner .txt-box {
padding: 4vw 4vw 4vw 0;
}
.p-top-section05__inner .txt-box h2 {
font-size: 2.4vw;
}
.p-top-section05__inner .txt-box p {
font-size: 1.4vw;
}
.p-top-section05__inner .img {
position: absolute;
left: 0;
top: 0;
height: 100%;
z-index: 1;
width: 50%;
}
.p-top-section05__inner .img img {
height: 100%;
width: auto;
object-fit: cover;
max-width: fit-content;
margin-left: calc(50vw - 651px);
}
}
@media screen and (max-width: 767px) {
.p-top-section05 {
padding: 0;
}
.p-top-section05 .box-sp {
padding: 11.5942028986vw 7.729468599vw 0;
}
.p-top-section05__inner {
flex-direction: column;
}
.p-top-section05__inner .txt {
width: 100%;
margin-left: 0;
padding: 7.729468599vw 5.7971014493vw;
position: relative;
}
.p-top-section05__inner .txt h2 {
color: white;
font-size: 5.56vw;
}
.p-top-section05__inner .txt-box {
padding: 0;
}
.p-top-section05__inner .txt-box p {
font-size: 3.3816425121vw;
}
.p-top-section05__inner .txt-bg {
bottom: auto;
top: 0;
}
.p-top-section05__inner .txt-bg p {
font-size: 9vw;
line-height: 1;
margin: 0;
}
.p-top-section05__inner .img {
position: relative;
width: auto;
}
.p-top-section05__inner .img img {
height: auto;
max-width: 100%;
margin-left: 0;
}
.p-top-section05 .scroll-infinity__item {
font-size: 14.4927536232vw;
object-fit: contain;
}
}
.p-top-section06 {
background: var(--color-bgblue);
padding: 120px 0 80px;
position: relative;
overflow: hidden;
}
.p-top-section06__inner {
width: 560px;
margin: 0 auto;
text-align: center;
}
.p-top-section06__inner h2 {
font-size: 48px;
line-height: 140%;
font-style: normal;
font-weight: 400;
}
.p-top-section06__inner h2 span {
display: block;
font-size: 18px;
font-family: "Figtree";
color: #CF4100;
font-weight: bold;
margin-bottom: 24px;
text-transform: uppercase;
}
.p-top-section06__inner p {
font-size: 16px;
line-height: 180%;
margin-top: 48px;
text-align: left;
}
.p-top-section06__inner .btn {
margin-top: 40px;
}
.p-top-section06__img-01 {
position: absolute;
top: 75px;
left: calc(50vw - 280px - 96px - 530px);
bottom: 0;
}
.p-top-section06__img-02 {
position: absolute;
top: 0;
right: calc(50vw - 280px - 96px - 600px);
}
@media screen and (max-width: 767px) {
.p-top-section06 {
background: var(--color-bgblue);
padding: 7.729468599vw 5.7971014493vw;
position: relative;
overflow: hidden;
}
.p-top-section06__inner {
display: flex;
flex-direction: column;
width: auto;
margin: 0 auto;
text-align: center;
}
.p-top-section06__inner h2 {
margin-top: 3.8647342995vw;
font-size: 6.7632850242vw;
}
.p-top-section06__inner h2 span {
font-size: 3.8647342995vw;
margin-bottom: 3.8647342995vw;
}
.p-top-section06__inner p {
text-align: left;
}
.p-top-section06__inner .btn {
margin-top: 4.8309178744vw;
}
.p-top-section06__inner .btn-recruit a {
text-align: left;
}
.p-top-section06__txt {
position: relative;
order: 2;
}
.p-top-section06__img-01 {
position: relative;
top: 0;
left: 0;
order: 1;
}
.p-top-section06__img-02 {
position: relative;
top: 0;
right: 0;
margin-top: 6.7632850242vw;
order: 3;
}
}
.p-top-section07 {
color: white;
margin-top: 80px;
background: url(//www.fukuzo.co.jp/wpcms/wp-content/themes/fukuzo/assets/img/top/sec07-bg.png) left top no-repeat;
background-size: calc(100vw - 180px) 100%;
}
.p-top-section07__inner {
width: 1200px;
margin: 0 auto;
display: flex;
}
.p-top-section07__contact, .p-top-section07__entry {
padding: 80px 56px;
width: 568px;
}
.p-top-section07__contact h2, .p-top-section07__entry h2 {
font-size: 40px;
font-style: normal;
font-weight: 700;
line-height: 160%; letter-spacing: 2px;
margin-bottom: 48px;
white-space: nowrap;
}
.p-top-section07__contact h2 span, .p-top-section07__entry h2 span {
display: block;
font-family: "Figtree";
font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: 160%;
letter-spacing: 0.9px;
text-transform: uppercase;
}
.p-top-section07__contact h3, .p-top-section07__entry h3 {
color: white;
text-align: center;
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: 1;
margin: 32px 0 6px;
}
.p-top-section07__contact {
text-align: center;
}
.p-top-section07__contact ul {
list-style: none;
padding: 0;
}
.p-top-section07__contact ul li {
margin-top: 24px;
}
.p-top-section07__contact ul li a:hover {
opacity: 0.7;
transition: 0.4s;
}
.p-top-section07__contact ul li:first-child {
margin-top: 0;
}
.p-top-section07__entry {
text-align: center;
}
.p-top-section07__entry .graduate .note {
font-size: 12px;
margin-top: 10px;
line-height: 1;
}
.p-top-section07__entry .graduate .img {
text-align: center;
margin-top: 10px;
}
.p-top-section07__entry .graduate .img a {
display: inline-block;
}
.p-top-section07__entry .graduate .img a:hover {
opacity: 0.7;
transition: 0.4s;
}
.p-top-section07__entry .midcareer .c-btn-recruit {
display: block;
margin-top: 10px;
}
.p-top-section07__entry .midcareer .c-btn-recruit a {
display: block;
margin: 0 auto;
max-width: 380px;
}
.p-top-section07__entry .midcareer .note {
font-size: 12px;
margin-top: 10px;
line-height: 1.8;
}
@media screen and (max-width: 1300px) {
.p-top-section07 {
color: white;
margin-top: 80px;
background: url(//www.fukuzo.co.jp/wpcms/wp-content/themes/fukuzo/assets/img/top/sec07-bg.png) left top no-repeat;
background-size: cover;
}
.p-top-section07__inner {
width: auto;
margin: 0 auto;
display: block;
}
.p-top-section07__contact, .p-top-section07__entry {
padding: 4vw;
width: auto;
}
.p-top-section07__contact ul {
display: flex;
align-items: center;
gap: 20px;
}
}
@media screen and (max-width: 767px) {
.p-top-section07 {
margin-top: 9.6618357488vw;
padding-right: 0;
background: none;
}
.p-top-section07__inner {
background: url(//www.fukuzo.co.jp/wpcms/wp-content/themes/fukuzo/assets/img/top/sec07-bg.png) center no-repeat;
background-size: cover;
width: auto;
margin: 0 auto;
display: flex;
flex-direction: column;
padding: 11.5942028986vw 7.729468599vw;
}
.p-top-section07__contact, .p-top-section07__entry {
padding: 0;
width: auto;
}
.p-top-section07__contact h2, .p-top-section07__entry h2 {
font-size: 6.7632850242vw;
color: white;
font-style: normal;
font-weight: 700;
line-height: 160%; letter-spacing: 2px;
margin-bottom: 5.7971014493vw;
white-space: inherit;
}
.p-top-section07__contact h2 span, .p-top-section07__entry h2 span {
display: block;
font-family: "Figtree";
font-size: 4.347826087vw;
font-style: normal;
font-weight: 700;
line-height: 160%;
letter-spacing: 0.9px;
text-transform: uppercase;
}
.p-top-section07__contact h3, .p-top-section07__entry h3 {
color: white;
text-align: center;
font-size: 5.7971014493vw;
font-style: normal;
font-weight: 700;
line-height: 140%;
margin: 3.8647342995vw 0 1.9323671498vw;
}
.p-top-section07__contact ul {
margin: 0;
display: block;
}
.p-top-section07__contact ul li:last-child {
margin-top: 2.8985507246vw;
}
.p-top-section07__contact ul li .tel-sp {
background: var(--color-light);
display: flex;
padding: 3.8647342995vw;
flex-direction: column;
align-items: center;
gap: 2.8985507246vw;
align-self: stretch;
}
.p-top-section07__contact ul li .tel-sp .tel-sp-01 {
width: 56.7632850242vw;
}
.p-top-section07__contact ul li .tel-sp .tel-sp-02 {
width: 72.9468599034vw;
}
.p-top-section07__contact ul li .tel-sp .tel-sp-03 {
width: 72.9468599034vw;
}
.p-top-section07__contact ul li .tel-sp .tel-sp-04 {
width: 60.0241545894vw;
}
.p-top-section07__entry {
margin-top: 6.7632850242vw;
}
.p-top-section07__entry .graduate .img {
max-width: 100%;
margin: 8px auto;
}
.p-top-section07__entry .graduate h3 {
margin-top: 5.7971014493vw;
}
.p-top-section07__entry .midcareer h3 {
margin-top: 3.8647342995vw;
}
}
:root {
--content-space: 16px;
--content-negative-space: -16px;
--content-width: 1200px;
--u-content-width: 1000px;
--content-max-width: calc(var(--content-width) + (var(--content-space) * 2));
--u-content-max-width: calc(var(--u-content-width) + (var(--content-space) * 2));
--content-narrow-width: 960px;
--content-narrow-max-width: calc(var(--content-narrow-width) + (var(--content-space) * 2));
--color-white: #fff;
--color-grey: #A1A7B8;
--color-text: #1A1A1A;
--color-main: #111;
--color-sub: #184416;
--color-accent: #F97F2D;
--color-dark: #6E737D;
--color-light: #E8EEFC;
--color-bgblue: #F7FAFC;
--color-navy: #1F4096;
--font-main: "Noto Sans JP";
--font-en: sans-serif;
}
@media screen and (max-width: 1200px) {
:root {
--content-width: 100%;
--content-space: 0;
}
}
@media screen and (max-width: 767px) {
:root {
--content-space: 32px;
--content-negative-space: -32px;
--content-width: 100%;
--u-content-width: calc(100% - (var(--content-space) * 2));
--content-max-width: 100%;
--content-narrow-width: 100%;
--content-narrow-max-width: 100%;
}
}