@charset "UTF-8";

.swiper-slide { position: relative;
height: 85vh;
overflow: hidden;
}
.swiper-slide .main-visual {
width: 100%;
height: 100%;
max-width: 100%;
-o-object-fit: cover;
object-fit: cover;
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: -webkit-transform 9s ease;
transition: -webkit-transform 9s ease;
transition: transform 9s ease;
transition: transform 9s ease, -webkit-transform 9s ease;
}
.swiper-slide-active .main-visual {
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
.swiper-slide-active .hero__title {
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
opacity: 1;
}
.swiper-slide-active .hero__btn {
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
opacity: 1;
}
.hero {
overflow: hidden;
}
.hero__title {
position: absolute;
top: 36%;
left: 50%;
color: #fff;
text-align: center;
width: 95vw;
-webkit-transform: translate(-50%, 20px);
transform: translate(-50%, 20px);
-webkit-transition: opacity 1.2s ease 1.5s, -webkit-transform 1.2s ease 1.5s;
transition: opacity 1.2s ease 1.5s, -webkit-transform 1.2s ease 1.5s;
transition: opacity 1.2s ease 1.5s, transform 1.2s ease 1.5s;
transition: opacity 1.2s ease 1.5s, transform 1.2s ease 1.5s, -webkit-transform 1.2s ease 1.5s;
z-index: 10000;
}
.hero__title p {
font-size: 37px;
text-shadow: 1px 2px 3px rgba(0, 0, 0, 0.8);
line-height: 2em;
font-weight: 600;
}
.hero__title span {
display: block;
}
.hero__btn {
position: absolute;
bottom: 42%;
left: 50%;
text-align: center;
color: #fff;
-webkit-transform: translate(-50%, 20px);
transform: translate(-50%, 20px);
-webkit-transition: opacity 1.2s ease 2.5s, -webkit-transform 1.2s ease 2.5s;
transition: opacity 1.2s ease 2.5s, -webkit-transform 1.2s ease 2.5s;
transition: opacity 1.2s ease 2.5s, transform 1.2s ease 2.5s;
transition: opacity 1.2s ease 2.5s, transform 1.2s ease 2.5s, -webkit-transform 1.2s ease 2.5s;
opacity: 0;
z-index: 1;
width: 95vw;
}
.hero__btn p {
font-size: 40px;
text-shadow: 1px 2px 3px rgba(0, 0, 0, 0.8);
line-height: 2em;
font-weight: 600;
}
.swiper-slide .top-img {
-o-object-position: 50% 50%;
object-position: 50% 50%;
}
.hero__title br {
display: none;
}
.sub_title {
font-size: 26px !important;
letter-spacing: 0.15rem !important;
} .hero__title_sp {
display: none !important;
}
.c-entry-aside {
display: none;
}
.menu-item a span {
line-height: 1.4rem;
}
.pc_img {
display: block;
}
.sp_img {
display: none;
}
h3 {
padding-left: 1% !important;
padding-top: 7px !important;
padding-bottom: 7px !important;
}
a {
text-decoration: none;
}
figure {
padding-top: 0px !important;
padding-bottom: 0px !important;
}
.c-entry__header {
display: none;
}
.smb-section__background-text__text {
letter-spacing: .2rem;
}
.wp-profile-box {
display: none;
}
.back_color_section span {
padding: 8px 12px;
}
.padding_top_Section {
padding-top: 0px;
}
header {
opacity: 0.9 !important;
}
.sub_page_under_line {
border-bottom: solid 1px #333;
padding-bottom: 5px;
}
.c-drawer__item {
border-bottom: solid 1px #f3f3f3;
}
.c-navbar__subitem {
border-bottom: solid 1px #f3f3f3;
}
.c-navbar__submenu {
min-width: 280px !important;
}
.c-page-header {
height: 350px !important;
} .greeting_title_text::before {
content: "";
display: inline-block;
width: 16px;
height: 1px;
margin-right: 8px;
background-color: #000;
-webkit-transform: translateY(-5px);
transform: translateY(-5px);
} .animation-target {
position: relative;
overflow: hidden;
}
.animation-target > a,
.animation-target > img {
opacity: 0;
}
@-webkit-keyframes showElements {
0% {
opacity: 0%;
}
100% {
opacity: 100%;
}
}
@keyframes showElements {
0% {
opacity: 0%;
}
100% {
opacity: 100%;
}
}
.animation-target.show > a,
.animation-target.show > img {
-webkit-animation: showElements 0.01s 0.9s forwards;
animation: showElements 0.01s 0.9s forwards;
}
.animation-target::before {
content: "";
display: block !important;
position: absolute;
top: 0;
left: 0;
z-index: 3 !important;
width: 100%;
height: 100%;
background-color: #2a2828 !important;
opacity: 1 !important;
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
}
@-webkit-keyframes showMask {
0% {
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
}
45%,
55% {
-webkit-transform: translateX(0%);
transform: translateX(0%);
}
100% {
-webkit-transform: translateX(100%);
transform: translateX(100%);
}
}
@keyframes showMask {
0% {
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
}
45%,
55% {
-webkit-transform: translateX(0%);
transform: translateX(0%);
}
100% {
-webkit-transform: translateX(100%);
transform: translateX(100%);
}
}
.animation-target.show::before {
-webkit-animation: showMask 1.8s forwards;
animation: showMask 1.8s forwards;
} .slide-bottom {
opacity: 0;
-webkit-transform: translateY(80px);
transform: translateY(80px);
-webkit-transition: all 1s 0s ease-out;
transition: all 1s 0s ease-out;
} .slide-left {
opacity: 0;
-webkit-transform: translate(-80px, 0);
transform: translate(-80px, 0);
-webkit-transition: all 1s ease-out;
transition: all 1s ease-out;
} .slide-right {
opacity: 0;
-webkit-transform: translate(80px, 0);
transform: translate(80px, 0);
-webkit-transition: all 1s ease-out;
transition: all 1s ease-out;
}
.top_service .wp-block-snow-monkey-blocks-items-item-free {
padding-left: 0px !important;
padding-right: 0px !important;
margin-bottom: 0px !important;
}
.top_service .c-container {
margin: 0px !important;
max-width: 100%;
padding: 0px !important;
} .business_section img {
-webkit-transition: 1s all !important;
transition: 1s all !important;
overflow: hidden !important;
}
#business {
overflow: hidden !important;
}
#business:hover img {
-webkit-transform: scale(1.1, 1.1) !important;
transform: scale(1.1, 1.1) !important;
-webkit-transition: 1s all !important;
transition: 1s all !important;
opacity: 0.9 !important;
background-color: #000000 !important;
} .top_page_service_text {
display: none;
}
.animation-target:hover .top_page_service_text {
display: block;
}
.top_service_text {
text-shadow: 1px 2px 3px #808080;
} .top_service .wp-block-cover {
background-color: #000000 !important;
}
.top_service .wp-block-columns {
margin-top: 0px;
}
.top_service .wp-block-column {
margin-left: 0px !important;
}
.top_service .smb-section__inner {
padding-top: 55px;
}
.top_service .animation-target a {
display: block;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
height: 285px;
width: 100%;
color: #f3f3f3;
}
.service_btn_up a {
padding-top: 124px !important;
padding-bottom: 38px !important;
}
.service_btn_up a:hover {
color: #f3f3f3 !important;
}
.service_btn_up span {
width: 100%;
}
.service_btn_down a {
padding-bottom: 152px !important;
padding-top: 30px !important;
}
.service_btn_down a:hover {
color: #f3f3f3 !important;
}
.service_btn_down {
margin-top: 0px !important;
}
.service_btn_down span {
width: 100%;
} .l-footer-widget-area {
background-color: #08315c;
text-align: center;
-webkit-transition: all .8s;
transition: all .8s;
padding-top: 0PX !important;
}
.l-footer-widget-area a {
color: #fff;
-webkit-transition: all .8s;
transition: all .8s;
}
.l-footer-widget-area img {
text-align: left !important;
}
.c-copyright {
background-color: #08315c !important;
}
.wp-block-page-list {
padding-left: 0px;
}
.l-footer-widget-area .has-text-align-left {
margin-top: 0px !important;
padding-bottom: 20px;
}
.l-footer-widget-area .has-text-align-left span {
padding-top: 20px !important;
}
.last_section_button {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
background-color: #08315c;
text-align: center;
padding-top: 0px;
padding-bottom: 0px !important;
z-index: 100000 !important;
}
.footer_fidex_right img {
width: 35px;
height: auto;
text-align: center;
}
.footer_fidex_right .smb-items__item__figure {
margin: 0px !important;
}
.footer_fidex_right .smb-items__item__content {
margin-top: 1px !important;
color: #fff;
}
.footer_fidex_left img {
width: 35px;
height: auto;
text-align: center;
}
.footer_fidex_left .smb-items__item__figure {
margin: 0px !important;
}
.footer_fidex_left .smb-items__item__content {
margin-top: 1px !important;
color: #f3f3f3;
}
.footer_fidex_left {
background-color: #06c755;
color: #f3f3f3;
padding-top: 2px !important;
}
.l-footer-widget-area p {
color: #fff;
}
.footer_link {
margin-top: 8px !important;
}
.c-row__col--lg-1-1 {
padding: 0px !important;
}
footer .c-fluid-container {
padding: 0px !important;
}
.footer_contact_section a:hover {
color: #000000 !important;
}
.l-footer-widget-area__item {
margin-bottom: 10px !important;
}
.footer_botom_section {
padding-top: 45px;
} .c-meta__item--author {
display: none !important;
} .top_first_title::before {
position: absolute;
background: #000;
content: "";
width: 50px;
height: 3px;
left: 0;
top: -10px;
margin: 0;
}
.top_first_title2 h2::before {
position: absolute;
background: #000;
content: "";
width: 50px;
height: 3px;
left: 48%;
top: -10px;
margin: 0;
}
.rec_page_banner .smb-items__banner__body {
padding: 23px 15px;
}
.service_pege_section {
padding: 0px !important;
}
.service_pege_section .c-container {
margin: 0px !important;
padding: 0px !important;
max-width: 100% !important;
}
.top_first_title {
margin-top: 1px !important;
}
.service_pege_section p {
margin-top: 7px !important;
}
.service_page_img_section {
padding: 0px !important;
}
.top_first_right {
padding-left: 55px !important;
}
.top_first_left {
padding-right: 55px !important;
} .page-id-83 .l-contents__inner {
padding-bottom: 0px !important;
} .page-id-111 .l-contents__inner {
padding-bottom: 0px !important;
} .page-id-126 .l-contents__inner {
padding-bottom: 0px !important;
} .page-id-191 .l-contents__inner {
padding-bottom: 0px !important;
} .top_page_service_section_left_title::before {
content: "";
position: absolute;
left: -60%;
top: 61%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
width: 300px;
height: 3px;
background: #333;
-webkit-transition: all 1s 0.2s cubic-bezier(0.9, 0, 0.1, 1);
transition: all 1s 0.2s cubic-bezier(0.9, 0, 0.1, 1);
}
.top_page_service_section_left .top_page_service_section_left_subtitle1 {
margin-left: -0.7rem !important;
}
.top_page_service_section_left .top_page_service_section_left_subtitle2 {
margin-top: 7px !important;
margin-left: -0.7rem !important;
}
.top_page_service_section_left_subtitle3 {
margin-top: 7px !important;
}
.flow_arrow {
position: relative;
}
.flow_right_arrow {
position: relative;
}
.flow_right_arrow::after {
content: '';
width: 0;
height: 0;
border-style: solid;
border-width: 8px 0 8px 10px;
border-color: transparent transparent transparent #333;
position: absolute;
top: 0;
left: 99.2%;
bottom: 0;
margin: auto;
}
.flow_section .smb-panels__item__content {
text-align: start !important;
}
@media (max-width: 1023px) { }
@media (max-width: 639px) { .hero__title_sp {
display: block !important;
}
.hero__title_pc {
display: none !important;
}
.post-template .c-container {
padding: 0px 18px !important;
}
.wp-block-heading {
font-size: 1.2rem !important;
}
.smb-section__title {
font-size: 1.35rem !important;
}
.c-site-branding__title {
font-size: 1.3rem !important;
}
.page-template .c-container {
padding-left: 15px !important;
padding-right: 15px !important;
}
.swiper-slide {
height: 70vh;
}
.pc_img {
display: none;
}
.sp_img {
display: block;
}
.hero__btn {
bottom: 45%;
width: 100vw;
}
.hero__btn p {
font-size: 22px;
}
.hero__title p {
font-size: 26px;
letter-spacing: .2rem;
}
.hero__title_sp_title {
line-height: 2.9rem !important;
}
.hero__title {
top: 38% !important;
}
.sub_title {
font-size: 16px !important;
}
.hero__title br {
display: block;
}
.top_img_second {
-o-object-position: 11% 50%;
object-position: 11% 50%;
}
.footer_left {
text-align: center !important;
padding-left: 0px !important;
}
footer .footer_logo {
width: 70% !important;
text-align: center;
}
.footer_botom_section {
padding-top: 5px;
}
.footer_c_section {
padding: 0px 15px;
}
.top_page_first_section {
padding-top: 20px !important;
}
.c-entry-summary__title {
font-size: 1rem !important;
} .top_page_service_section_left_title {
padding-left: 10px;
}
.about_taisetu_section {
position: relative !important;
}
.number_section {
position: absolute !important;
top: -272px;
left: 0px;
}
.number_section span {
color: #f3f3f3 !important;
font-size: 3rem !important;
}
.top_first_right {
padding-left: 13.5px !important;
} .top_service {
padding-top: 0px;
}
.top_service .wp-block-cover {
min-height: 230px !important;
}
.service_btn_up a {
padding-top: 0px !important;
font-size: 1.5rem !important;
}
.service_btn_down a {
padding-bottom: 50px !important;
font-size: 0.9rem !important;
padding-top: 10px !important;
}
.top_service .animation-target a {
height: 30px !important;
} .top_page_service_section_left_title::before {
width: 210px;
}
.con_page_section .smb-section__title {
font-size: 1.5rem !important;
}
.top_service_section .smb-section__background {
top: -18%;
bottom: 18%;
}
.flow_arrow::after {
content: '';
width: 0;
height: 0;
border-style: solid;
border-width: 8px 0 8px 10px;
border-color: transparent transparent transparent #333;
position: absolute;
top: 105%;
left: 50%;
bottom: 0;
margin: auto;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
.flow_section .wp-block-snow-monkey-blocks-panels-item:last-child .flow_arrow::after {
display: none;
}
}