@charset "UTF-8";

body {
font-family: "Noto Sans JP", sans-serif;
font-weight: 500;
color: #333;
line-height: 2;
letter-spacing: 0.1em;
background-color: #f5f7fa;
}
.accent_font {
font-family: "Plus Jakarta Sans", sans-serif;
}
.text_navy {
color: #1e3a5f;
}
.text_blue {
color: #00a9e0;
}
.text_yellow {
color: #f6b20d;
}
.accordion_area .acc_item {
transition: all 0.5s ease;
}
.accordion_area .acc_item .accordion_title {
position: relative;
cursor: pointer;
transition: all 0.5s ease;
}
.accordion_area .acc_item .accordion_title::before,
.accordion_area .acc_item .accordion_title::after {
content: "";
position: absolute;
top: 0.6875rem;
width: 2px;
height: 0.75rem;
background-color: #00a9e0;
transition: all 0.5s ease;
border-radius: 0.25rem;
}
.accordion_area .acc_item .accordion_title::before {
right: 0.6875rem;
transform: rotate(-45deg);
}
.accordion_area .acc_item .accordion_title::after {
right: 0.25rem;
transform: rotate(45deg);
}
.accordion_area .acc_item .accordion_title.open::before {
transform: rotate(45deg);
}
.accordion_area .acc_item .accordion_title.open::after {
transform: rotate(-45deg);
}
.accordion_area .acc_item .accordion_box {
max-height: 0;
overflow: hidden;
transition: max-height 0.5s ease;
}
@media screen and (max-width: 768px) {
header .menu-item-has-children {
position: relative;
cursor: pointer;
transition: all 0.5s ease;
}
}
@media screen and (max-width: 768px) {
header .menu-item-has-children::before,
header .menu-item-has-children::after {
content: "";
position: absolute;
top: 0.625rem;
width: 2px;
height: 0.75rem;
background-color: #fff;
transition: all 0.5s ease;
border-radius: 0.25rem;
}
}
@media screen and (max-width: 768px) {
header .menu-item-has-children::before {
right: 0.6875rem;
transform: rotate(-45deg);
}
}
@media screen and (max-width: 768px) {
header .menu-item-has-children::after {
right: 0.25rem;
transform: rotate(45deg);
}
}
@media screen and (max-width: 768px) {
header .menu-item-has-children.open::before {
transform: rotate(45deg);
}
}
@media screen and (max-width: 768px) {
header .menu-item-has-children.open::after {
transform: rotate(-45deg);
}
}
@media screen and (max-width: 768px) {
header .menu-item-has-children .sub-menu {
max-height: 0;
overflow: hidden;
transition: max-height 0.5s ease;
}
}
.animation_fade {
opacity: 0;
transition: opacity 1.5s ease, transform 1.5s ease, filter 1.5s ease;
}
.animation_fade.top {
transform: translateY(-2.5rem);
}
.animation_fade.bottom {
transform: translateY(2.5rem);
}
.animation_fade.left {
transform: translateX(-2.5rem);
}
.animation_fade.right {
transform: translateX(2.5rem);
}
.animation_fade.blur {
filter: blur(1rem);
}
.animation_fade.fadein {
opacity: 1;
transform: translate(0);
filter: blur(0);
}
.body_no_scroll {
overflow: hidden;
touch-action: none;
height: 100vh;
}
.hamburger_menu .hamburger_menu_btn {
display: none;
}
@media screen and (max-width: 768px) {
.hamburger_menu .hamburger_menu_btn {
position: absolute;
z-index: 999;
right: 2.4375rem;
top: 50%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
display: flex;
flex-direction: column;
justify-content: space-evenly;
align-items: center;
width: 2.5rem;
aspect-ratio: 1/1;
transition: all 0.3s ease;
cursor: pointer;
}
}
@media screen and (max-width: 768px) {
.hamburger_menu .hamburger_menu_btn .bar {
display: block;
width: 75%;
height: 0.125rem;
background-color: #1e3a5f;
transition: all 0.3s ease;
}
}
.hamburger_menu .hamburger_menu_list_wrapper {
transition: all 0.3s ease;
}
@media screen and (max-width: 768px) {
.hamburger_menu .hamburger_menu_list_wrapper {
position: fixed;
top: 0;
display: block;
width: 100vw;
height: 100%;
background-color: #1e3a5f;
overflow-x: auto;
padding: 6.0625rem 2.5rem 2.125rem;
right: -120%;
}
}
.hamburger_menu.open .hamburger_menu_btn {
transition: all 0.3s ease;
}
@media screen and (max-width: 768px) {
.hamburger_menu.open .hamburger_menu_btn {
justify-content: center;
}
}
@media screen and (max-width: 768px) {
.hamburger_menu.open .hamburger_menu_btn .bar {
background-color: #fff;
}
}
@media screen and (max-width: 768px) {
.hamburger_menu.open .hamburger_menu_btn .bar:nth-child(1) {
transform: translateY(0.0625rem) rotate(45deg);
}
}
@media screen and (max-width: 768px) {
.hamburger_menu.open .hamburger_menu_btn .bar:nth-child(2) {
display: none;
}
}
@media screen and (max-width: 768px) {
.hamburger_menu.open .hamburger_menu_btn .bar:nth-child(3) {
transform: translateY(-0.0625rem) rotate(-45deg);
}
}
.hamburger_menu.open .hamburger_menu_list_wrapper {
transition: all 0.3s ease;
}
@media screen and (max-width: 768px) {
.hamburger_menu.open .hamburger_menu_list_wrapper {
right: 0;
}
}
.slider {
width: 100%;
margin: 0 auto;
}
.slider .slide_item {
margin-bottom: 0.5rem !important;
transition: all 0.5s ease;
}
.slider.center_slider .slide_item {
width: 50vw;
transform: scale(0.8);
opacity: 0.5;
}
.slider.center_slider .slide_item.slick-center {
transform: scale(1);
opacity: 1;
}
.slider .slick-arrow {
position: absolute;
z-index: 500;
top: calc(100% + 2rem);
width: 4.375rem;
height: 4.375rem;
background-color: #1e3a5f;
border-radius: 50%;
cursor: pointer;
outline: none;
transition: all 0.3s ease;
}
@media screen and (max-width: 768px) {
.slider .slick-arrow {
top: 30%;
width: 2.875rem;
height: 2.875rem;
}
}
.slider .slick-arrow[aria-disabled="true"] {
opacity: 0.5;
}
.slider .slick-arrow::before {
content: "";
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
display: block;
width: 1.0625rem;
height: 0.75rem;
background-image: url(//yasuhirokatano.com/wp-content/themes/firststep_2025/assets/img/common/icon_arrow_white.webp);
background-position: center;
background-repeat: no-repeat;
background-size: contain;
}
.slider .slick-arrow.slick_prev {
left: 0;
}
.slider .slick-arrow.slick_prev::before {
transform: translate(-50%, -50%) rotate(180deg);
}
.slider .slick-arrow.slick_next {
left: 5.25rem;
}
@media screen and (max-width: 768px) {
.slider .slick-arrow.slick_next {
left: initial;
right: 0;
}
}
.slider .slick-dots {
display: flex;
justify-content: center;
gap: 0.5rem;
margin-top: 1rem;
}
.slider .slick-dots li {
display: inline-block;
}
.slider .slick-dots li button {
display: block;
width: 0.5rem;
height: 0.5rem;
color: transparent;
background: #d9d9d9;
border-radius: 50%;
outline: none;
}
.slider .slick-dots li.slick-active button {
background: #1e3a5f;
} * {
margin: 0;
padding: 0;
}
*,
::before,
::after {
border-style: solid;
box-sizing: border-box;
border-width: 0;
}
html {
height: 100%;
scroll-behavior: smooth;
}
body {
min-height: 100vh;
text-rendering: optimizeSpeed;
}
.all_container {
overflow-x: hidden;
}
ul,
ol {
list-style: none;
}
a {
color: inherit;
background-color: transparent;
text-decoration: none;
text-decoration-skip-ink: auto;
}
img,
video,
iframe {
display: block;
max-width: 100%;
width: 100%;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
html {
font-size: 1.4134275618vw;
}
@media screen and (max-width: 768px) {
html {
font-size: 16px;
}
}
@media (min-width: 1132px) {
html {
font-size: 16px;
}
}
@media (max-width: 390px) {
html {
font-size: 4.1025641026vw;
}
} @media screen and (max-width: 768px) {
.u_pc {
display: none !important;
}
}
.u_sp,
.u_sp_b {
display: none !important;
}
@media screen and (max-width: 768px) {
.u_sp,
.u_sp_b {
display: block !important;
}
}
.u_sp_i {
display: none !important;
}
@media screen and (max-width: 768px) {
.u_sp_i {
display: inline !important;
}
}
.u_sp_ib {
display: none !important;
}
@media screen and (max-width: 768px) {
.u_sp_ib {
display: inline-block !important;
}
}
.u_sp_f {
display: none !important;
}
@media screen and (max-width: 768px) {
.u_sp_f {
display: flex !important;
}
}
.u_sp_t {
display: none !important;
}
@media screen and (max-width: 768px) {
.u_sp_t {
display: table-row !important;
}
} .innerbox_1376 {
max-width: calc(1376px + 1.875rem);
margin-left: auto;
margin-right: auto;
padding-left: 0.9375rem;
padding-right: 0.9375rem;
}
.innerbox_1180 {
max-width: calc(1180px + 1.875rem);
margin-left: auto;
margin-right: auto;
padding-left: 0.9375rem;
padding-right: 0.9375rem;
}
.innerbox_1120 {
max-width: calc(1120px + 1.875rem);
margin-left: auto;
margin-right: auto;
padding-left: 0.9375rem;
padding-right: 0.9375rem;
}
.innerbox_890 {
max-width: calc(890px + 1.875rem);
margin-left: auto;
margin-right: auto;
padding-left: 0.9375rem;
padding-right: 0.9375rem;
} .flexbox {
display: flex;
}
.flex_center {
display: flex;
justify-content: center;
align-items: center;
}
a,
button,
.btn {
cursor: pointer;
transition: all 0.3s ease;
}
a:hover,
button:hover,
.btn:hover {
opacity: 0.8;
}
@media screen and (max-width: 768px) {
a:hover,
button:hover,
.btn:hover {
opacity: 1;
}
}
ol {
list-style: decimal;
padding-left: 1.5em;
}
ol > li > ul {
list-style: lower-alpha;
padding-left: 1.5em;
}
ol > li > ul > li > ul {
list-style: lower-roman;
padding-left: 1.5em;
}
ul.dot_list > li {
display: block;
position: relative;
padding-left: 1em;
}
ul.dot_list > li::before {
content: "・";
display: block;
position: absolute;
left: 0;
top: 0;
} .index_php {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 2.5rem;
padding: 12.5rem 1rem;
text-align: center;
}
.not_open {
font-size: 1.125rem;
font-weight: 700;
text-align: center;
padding: 2.5rem;
}
.page_contents_wrapper {
padding-top: 3.375rem;
padding-bottom: 8.125rem;
}
@media screen and (max-width: 768px) {
.page_contents_wrapper {
padding-top: 2.25rem;
padding-bottom: 4rem;
}
}
.archive_contents_wrapper {
padding-top: 3.375rem;
padding-bottom: 8.125rem;
}
@media screen and (max-width: 768px) {
.archive_contents_wrapper {
padding-top: 2.25rem;
padding-bottom: 4rem;
}
}
.single_contents_wrapper {
padding-top: 12.6875rem;
padding-bottom: 8.125rem;
}
@media screen and (max-width: 768px) {
.single_contents_wrapper {
padding-top: 8.5rem;
padding-bottom: 4rem;
}
}
.page_title {
padding-top: 12.6875rem;
}
@media screen and (max-width: 768px) {
.page_title {
padding-top: 6.9375rem;
}
}
.page_title .page_title_inner {
position: relative;
z-index: 500;
display: flex;
flex-direction: column;
gap: 2rem;
border-bottom: 2px solid #dcdcdc;
padding-bottom: 4rem;
}
@media screen and (max-width: 768px) {
.page_title .page_title_inner {
gap: 0.625rem;
padding-bottom: 2rem;
}
}
.page_title .page_title_inner > span {
display: block;
line-height: 1;
}
@media screen and (max-width: 768px) {
.page_title .page_title_inner > span {
line-height: 1.3;
}
}
.page_title .page_title_inner > span.en_title {
font-size: 6.75rem;
letter-spacing: 0;
font-weight: 600;
font-family: "Plus Jakarta Sans", sans-serif;
text-transform: uppercase;
color: #1e3a5f;
}
@media screen and (max-width: 768px) {
.page_title .page_title_inner > span.en_title {
font-size: 3rem;
}
}
.page_title .page_title_inner > span.ja_title {
font-size: 1.5rem;
}
@media screen and (max-width: 768px) {
.page_title .page_title_inner > span.ja_title {
font-size: 1.125rem;
}
}
.page_title .page_title_inner::after {
content: "";
position: absolute;
z-index: 1;
bottom: -2px;
left: 0;
display: block;
width: 9.375rem;
height: 2px;
background-color: #f6b20d;
}
@media screen and (max-width: 768px) {
.page_title .page_title_inner::after {
width: 3rem;
}
}
.page_subtitle {
font-size: 2.5rem;
line-height: 1.8;
font-weight: 700;
margin-top: 4rem;
}
@media screen and (max-width: 768px) {
.page_subtitle {
font-size: 1.5rem;
margin-top: 2rem;
}
}
.page_thumbnail {
height: 37.5rem;
background-attachment: fixed;
background-size: cover;
background-position: center;
margin-top: 4rem;
}
@media screen and (max-width: 768px) {
.page_thumbnail {
height: 16.25rem;
margin-top: 2.25rem;
background-attachment: initial;
}
}
section#breadcrumb {
padding: 1.5rem 1rem;
}
section#breadcrumb .breadcrumb_inner {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 1.5rem;
}
section#breadcrumb .breadcrumb_inner .breadcrumb_item {
display: inline-flex;
align-items: center;
font-size: 0.9375rem;
line-height: 1.8;
color: #999999;
white-space: nowrap;
}
section#breadcrumb .breadcrumb_inner .breadcrumb_item a,
section#breadcrumb .breadcrumb_inner .breadcrumb_item span {
font-size: inherit;
line-height: inherit;
letter-spacing: inherit;
font-weight: inherit;
font-family: inherit;
color: inherit;
}
section#breadcrumb .breadcrumb_inner .breadcrumb_item:nth-child(n + 2)::before {
content: "";
display: inline-block;
width: 1.4375rem;
height: 1px;
background-color: #999999;
margin-right: 1.5rem;
flex-shrink: 0;
}
section#breadcrumb .breadcrumb_inner .breadcrumb_item:nth-last-child(1) {
white-space: wrap;
color: #333;
}
section#breadcrumb .breadcrumb_inner .breadcrumb_item:nth-last-child(1) a,
section#breadcrumb .breadcrumb_inner .breadcrumb_item:nth-last-child(1) span {
pointer-events: none;
}
.wpcf7-response-output {
padding: 1.5rem !important;
text-align: center;
font-weight: 700;
background-color: #fff;
}
body:not(#page__contact) .grecaptcha-badge {
visibility: hidden;
}
.grecaptcha-badge {
z-index: 9999;
} header#header {
position: fixed;
z-index: 999;
top: 0;
left: 0;
right: 0;
width: 100%;
height: 6.25rem;
}
@media screen and (max-width: 768px) {
header#header {
height: 5.625rem;
}
}
@media screen and (max-width: 768px) {
header#header::before {
content: "";
position: absolute;
z-index: -1;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: calc(100% - 1.875rem);
height: calc(100% - 1.875rem);
background-color: rgba(255, 255, 255, 0.46);
backdrop-filter: blur(1.25rem);
border-radius: 6.25rem;
}
}
header#header .header_inner {
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
height: 100%;
padding: 0 1rem;
}
@media screen and (max-width: 768px) {
header#header .header_inner {
padding: 0 1.8125rem;
}
}
header#header .header_logo {
display: block;
}
header#header .header_logo .logo {
width: 5.625rem;
height: 5.625rem;
object-fit: contain;
}
@media screen and (max-width: 768px) {
header#header .header_logo .logo {
width: 5rem;
height: 5rem;
}
}
@media screen and (max-width: 768px) {
header#header .hamburger_menu_list_wrapper {
display: flex;
flex-direction: column;
}
}
@media screen and (max-width: 768px) {
header#header .menu-header-menu-container {
flex: 1;
padding-bottom: 2rem;
}
}
header#header .hamburger_menu_list {
display: flex;
align-items: center;
gap: 1.5rem;
height: 4.1875rem;
background-color: rgba(255, 255, 255, 0.46);
backdrop-filter: blur(1.25rem);
border-radius: 6.25rem;
padding: 0 0.625rem 0 2.25rem;
}
@media screen and (max-width: 768px) {
header#header .hamburger_menu_list {
flex-direction: column;
height: auto;
padding: 0;
background-color: initial;
backdrop-filter: initial;
}
}
@media screen and (max-width: 768px) {
header#header .hamburger_menu_list .menu-item {
width: 100%;
padding-bottom: 1.5rem;
}
}
@media screen and (max-width: 768px) {
header#header
.hamburger_menu_list
.menu-item:not(:nth-last-child(1)):not(:nth-last-child(2)) {
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
}
header#header .hamburger_menu_list .menu-item a {
display: inline-block;
font-size: 0.875rem;
line-height: 1;
}
@media screen and (max-width: 768px) {
header#header .hamburger_menu_list .menu-item a {
font-size: 1.5rem;
color: #fff;
}
}
@media screen and (max-width: 768px) {
header#header .hamburger_menu_list .menu-item.header_menu__contact {
display: none;
}
}
header#header .hamburger_menu_list .menu-item.header_menu__contact a {
position: relative;
display: flex;
justify-content: center;
align-items: center;
gap: 0.75rem;
max-width: 100%;
width: fit-content;
height: 3.1875rem;
border-radius: 6.25rem;
padding: 0 1.5rem;
transition-duration: 0.4s;
z-index: 2;
overflow: hidden;
color: #fff;
background-color: #f6b20d;
border: 1px solid #f6b20d;
}
header#header .hamburger_menu_list .menu-item.header_menu__contact a::before {
content: "";
display: block;
width: 1.3125rem;
height: 1.3125rem;
background-image: url(//yasuhirokatano.com/wp-content/themes/firststep_2025/assets/img/common/icon_mail_white.webp);
background-position: center;
background-repeat: no-repeat;
background-size: contain;
transition: all 0.3s ease;
}
header#header .hamburger_menu_list .menu-item.header_menu__contact a::after {
content: "";
display: block;
position: absolute;
z-index: -1;
top: 50%;
left: 0;
right: 0;
width: 100%;
height: 0;
border-radius: 50%;
margin: auto;
padding-top: 100%;
opacity: 0;
pointer-events: none;
transform: translateY(-50%) scale(0.1);
transition: opacity 0.5s, transform 0s;
transition-delay: 0s, 0.4s;
}
header#header .hamburger_menu_list .menu-item.header_menu__contact a:hover {
color: #f6b20d;
opacity: 1;
}
header#header
.hamburger_menu_list
.menu-item.header_menu__contact
a:hover::before {
background-image: url(//yasuhirokatano.com/wp-content/themes/firststep_2025/assets/img/common/icon_mail_yellow.webp);
}
header#header
.hamburger_menu_list
.menu-item.header_menu__contact
a:hover::after {
background: #fff;
opacity: 1;
transform: translateY(-50%) scale(1.1);
transition-delay: 0s;
transition: opacity 0.8s, transform 0.6s ease;
}
header#header .hamburger_menu_list .menu-item .sub-menu {
display: none;
}
@media screen and (max-width: 768px) {
header#header .hamburger_menu_list .menu-item .sub-menu {
display: flex;
flex-direction: column;
gap: 1.25rem;
}
}
header#header .hamburger_menu_list .menu-item .sub-menu .menu-item {
padding: 0;
border-bottom: none;
}
header#header .hamburger_menu_list .menu-item .sub-menu .menu-item a {
font-size: 1rem;
width: 100%;
}
header#header
.hamburger_menu_list
.menu-item
.sub-menu
.menu-item:nth-child(1) {
margin-top: 1.5rem;
}
header#header .hamburger_bottom {
color: #e3e3e3;
}
header#header .hamburger_bottom > * {
font-size: 0.75rem;
line-height: 1;
margin-top: 0.75rem;
}
header#header .hamburger_bottom .hamburger_bottom__link {
font-family: "Plus Jakarta Sans", sans-serif;
text-transform: uppercase;
}
header#header .hamburger_bottom .footer_copyright {
font-size: 0.75rem;
line-height: 1;
font-family: "Plus Jakarta Sans", sans-serif;
} footer#footer {
color: #fff;
background-color: #1e3a5f;
padding-top: 4.5rem;
}
footer#footer .footer_upper {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: flex-start;
gap: 2.5rem;
}
@media screen and (max-width: 768px) {
footer#footer .footer_info {
width: 100%;
}
}
footer#footer .footer_logo {
display: block;
width: 10rem;
}
footer#footer .footer_address {
font-size: 0.875rem;
margin-top: 1rem;
}
footer#footer .footer_map {
margin-top: 1.5rem;
}
footer#footer .footer_map iframe {
width: 37.125rem;
height: 13.125rem;
}
@media screen and (max-width: 768px) {
footer#footer .footer_map iframe {
width: 100%;
}
}
footer#footer .footer_nav {
display: flex;
gap: 3.375rem 2.25rem;
flex-shrink: 0;
}
@media screen and (max-width: 768px) {
footer#footer .footer_nav {
flex-wrap: wrap;
width: 100%;
}
}
footer#footer .footer_menu_list {
display: flex;
flex-direction: column;
gap: 1.5rem;
}
footer#footer .footer_menu_list .menu-item {
line-height: 1;
}
footer#footer .footer_menu_list .sub-menu {
display: flex;
flex-direction: column;
gap: 1rem;
margin-top: 1.5rem;
}
footer#footer .footer_menu_list .sub-menu .menu-item {
font-size: 0.875rem;
line-height: 1.4;
}
footer#footer .footer_lower {
border-top: 1px solid rgba(255, 255, 255, 0.18);
padding-top: 2.25rem;
padding-bottom: 1.875rem;
margin-top: 3.9375rem;
}
@media screen and (max-width: 768px) {
footer#footer .footer_lower {
padding-bottom: 2.25rem;
}
}
footer#footer .footer_lower .footer_lower_inner {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
gap: 0.75rem;
}
@media screen and (max-width: 768px) {
footer#footer .footer_lower .footer_lower_inner {
flex-direction: column-reverse;
align-items: flex-start;
}
}
footer#footer .footer_copyright {
font-size: 0.75rem;
line-height: 1;
font-family: "Plus Jakarta Sans", sans-serif;
color: #e3e3e3;
}
footer#footer .footer_privacy_links a {
display: block;
font-size: 0.75rem;
line-height: 1;
font-family: "Plus Jakarta Sans", sans-serif;
color: #e3e3e3;
} section#cta {
background-image: url(//yasuhirokatano.com/wp-content/themes/firststep_2025/assets/img/common/cta_bg.webp);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
padding-top: 8.125rem;
padding-bottom: 8.125rem;
}
@media screen and (max-width: 768px) {
section#cta {
padding-top: 4.4375rem;
padding-bottom: 2.3125rem;
}
}
section#cta .cta_inner {
display: flex;
justify-content: space-between;
align-items: flex-end;
gap: 2rem 2.5rem;
}
@media screen and (max-width: 768px) {
section#cta .cta_inner {
flex-wrap: wrap;
}
}
section#cta .cta_text_wrapper {
flex-shrink: 0;
}
@media screen and (max-width: 768px) {
section#cta .cta_text_wrapper {
width: 100%;
}
}
section#cta .section_explain {
font-size: 1.25rem;
color: #fff;
margin-top: 4rem;
}
@media screen and (max-width: 768px) {
section#cta .section_explain {
font-size: 1rem;
margin-top: 2rem;
}
}
section#cta .cta_btn_wrapper {
max-width: 34.5625rem;
width: 100%;
}
@media screen and (max-width: 768px) {
section#cta .cta_btn_wrapper {
max-width: 100%;
}
}
section#cta .cta_btn_wrapper .yellow_btn {
justify-content: space-between;
width: 100%;
height: 6.875rem;
font-size: 1.5rem;
padding: 0 2.8125rem 0 4.625rem;
}
@media screen and (max-width: 768px) {
section#cta .cta_btn_wrapper .yellow_btn {
justify-content: center;
height: 4.1875rem;
font-size: 1.125rem;
padding: 0 3.25rem 0 4.5rem;
}
}
section#cta .cta_btn_wrapper .yellow_btn::after {
width: 2.1875rem;
height: 1.375rem;
}
@media screen and (max-width: 768px) {
section#cta .cta_btn_wrapper .yellow_btn::after {
width: 1.0625rem;
height: 0.75rem;
}
} .section_title {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 1rem;
}
@media screen and (max-width: 768px) {
.section_title {
gap: 0.75rem;
}
}
.section_title span {
display: block;
letter-spacing: 0.05em;
}
.section_title span.section_title__en {
font-size: 1.25rem;
line-height: 1.6;
font-weight: 600;
font-family: "Plus Jakarta Sans", sans-serif;
color: #00a9e0;
text-transform: uppercase;
}
@media screen and (max-width: 768px) {
.section_title span.section_title__en {
font-size: 1rem;
line-height: 1.3;
}
}
.section_title span.section_title__ja {
font-size: 3.375rem;
line-height: 1;
font-weight: 500;
color: #1e3a5f;
}
@media screen and (max-width: 768px) {
.section_title span.section_title__ja {
font-size: 2rem;
line-height: 1.3;
}
}
.section_title.section_title__white span {
color: #fff;
}
.btn {
position: relative;
display: flex;
justify-content: center;
align-items: center;
gap: 0.75rem;
max-width: 100%;
width: fit-content;
height: 3rem;
font-size: 1rem;
line-height: 1;
border-radius: 6.25rem;
padding: 0 2.25rem;
transition-duration: 0.4s;
z-index: 2;
overflow: hidden;
}
@media screen and (max-width: 768px) {
.btn {
width: 100%;
height: 3.75rem;
}
}
.btn::after {
content: "";
display: block;
width: 1.0625rem;
height: 0.75rem;
background-image: url(//yasuhirokatano.com/wp-content/themes/firststep_2025/assets/img/common/icon_arrow_white.webp);
background-position: center;
background-repeat: no-repeat;
background-size: contain;
transition: all 0.3s ease;
}
@media screen and (max-width: 768px) {
.btn::after {
position: absolute;
right: 1.5rem;
top: 50%;
transform: translateY(-50%);
}
}
.btn::before {
content: "";
display: block;
position: absolute;
z-index: -1;
top: 50%;
left: 0;
right: 0;
width: 100%;
height: 0;
border-radius: 50%;
margin: auto;
padding-top: 100%;
opacity: 0;
pointer-events: none;
transform: translateY(-50%) scale(0.1);
transition: opacity 0.5s, transform 0s;
transition-delay: 0s, 0.4s;
}
.btn:hover {
opacity: 1;
}
.btn:hover::after {
transform: translateX(0.5rem);
}
.btn:hover::before {
opacity: 1;
transform: translateY(-50%) scale(1.1);
transition-delay: 0s;
transition: opacity 0.8s, transform 0.6s ease;
}
.btn.maincolor_btn,
.btn.navy_btn {
color: #fff;
background-color: #1e3a5f;
border: 1px solid #1e3a5f;
}
.btn.maincolor_btn:hover,
.btn.navy_btn:hover {
color: #1e3a5f;
}
.btn.maincolor_btn:hover::after,
.btn.navy_btn:hover::after {
background-image: url(//yasuhirokatano.com/wp-content/themes/firststep_2025/assets/img/common/icon_arrow_navy.webp);
}
.btn.maincolor_btn:hover::before,
.btn.navy_btn:hover::before {
background: #fff;
}
.btn.blue_btn {
color: #fff;
background-color: #00a9e0;
border: 1px solid #00a9e0;
}
.btn.blue_btn:hover {
color: #00a9e0;
}
.btn.blue_btn:hover::after {
background-image: url(//yasuhirokatano.com/wp-content/themes/firststep_2025/assets/img/common/icon_arrow_blue.webp);
}
.btn.blue_btn:hover::before {
background: #fff;
}
.btn.yellow_btn {
color: #fff;
background-color: #f6b20d;
border: 1px solid #f6b20d;
}
.btn.yellow_btn:hover {
color: #f6b20d;
}
.btn.yellow_btn:hover::after {
background-image: url(//yasuhirokatano.com/wp-content/themes/firststep_2025/assets/img/common/icon_arrow_yellow.webp);
}
.btn.yellow_btn:hover::before {
background: #fff;
}
.btn.white_btn {
color: #1e3a5f;
background-color: #fff;
border: 1px solid #1e3a5f;
}
.btn.white_btn::after {
background-image: url(//yasuhirokatano.com/wp-content/themes/firststep_2025/assets/img/common/icon_arrow_navy.webp);
}
.btn.white_btn:hover {
color: #fff;
}
.btn.white_btn:hover::after {
background-image: url(//yasuhirokatano.com/wp-content/themes/firststep_2025/assets/img/common/icon_arrow_white.webp);
}
.btn.white_btn:hover::before {
background: #1e3a5f;
}
.post_co {
display: flex;
align-items: center;
gap: 3.375rem;
background-color: #fff;
box-shadow: 0 0.25rem 0.625rem rgba(0, 0, 0, 0.05);
border: 1px solid rgba(204, 204, 204, 0.23);
border-radius: 0.25rem;
padding: 1.5625rem 2.5rem;
}
@media screen and (max-width: 768px) {
.post_co {
position: relative;
z-index: 400;
flex-wrap: wrap;
gap: 0.5625rem;
padding: 1rem 3.9375rem 1rem 1rem;
}
}
.post_co:nth-child(n + 2) {
margin-top: 1rem;
}
.post_co::after {
content: "";
display: block;
width: 1.0625rem;
height: 0.75rem;
background-image: url(//yasuhirokatano.com/wp-content/themes/firststep_2025/assets/img/common/icon_arrow_blue.webp);
background-position: center;
background-repeat: no-repeat;
background-size: contain;
flex-shrink: 0;
transition: all 0.3s ease;
}
@media screen and (max-width: 768px) {
.post_co::after {
position: absolute;
right: 1.5rem;
top: 50%;
transform: translateY(-50%);
}
}
.post_co .post_co_meta {
flex-shrink: 0;
}
@media screen and (max-width: 768px) {
.post_co .post_co_meta {
display: flex;
align-items: center;
gap: 0.75rem;
width: 100%;
}
}
.post_co .post_co_date {
font-size: 0.875rem;
line-height: 1;
letter-spacing: 0;
font-weight: 600;
font-family: "Plus Jakarta Sans", sans-serif;
color: rgba(34, 34, 34, 0.39);
padding: 0.25rem 0 0.5rem;
}
@media screen and (max-width: 768px) {
.post_co .post_co_date {
padding: 0;
}
}
.post_co .post_co_title {
flex: 1;
line-height: 1.8;
}
.post_co:hover {
opacity: 1;
box-shadow: 0 0.25rem 0.625rem rgba(0, 0, 0, 0.1);
}
.post_co:hover::after {
transform: translateX(0.5rem);
}
@media screen and (max-width: 768px) {
.post_co:hover::after {
transform: translateY(-50%) translateX(0.5rem);
}
}
.column_co_wrapper {
display: flex;
flex-wrap: wrap;
gap: 3.125rem;
}
@media screen and (max-width: 768px) {
.column_co_wrapper {
gap: 2rem;
}
}
.column_co {
display: flex;
flex-direction: column;
width: calc((100% - 6.25rem) / 3);
}
@media screen and (max-width: 768px) {
.column_co {
width: 100%;
}
}
.column_co .column_co_image {
aspect-ratio: 340/255;
object-fit: cover;
}
.column_co .column_co__cat_tag {
display: flex;
gap: 0.5rem;
margin-top: 0.9375rem;
}
.column_co .column_co__categories {
gap: 0.5rem;
flex-shrink: 0;
}
.column_co .column_co__tags {
gap: 0.5rem;
padding-top: 0.5rem;
}
.column_co .column_co_title {
line-height: 1.5;
margin-top: 0.5rem;
flex: 1;
}
.column_co .column_co_date {
font-size: 0.875rem;
line-height: 1;
letter-spacing: 0;
font-weight: 600;
font-family: "Plus Jakarta Sans", sans-serif;
color: rgba(34, 34, 34, 0.39);
margin-top: 0.9375rem;
}
.categories_wrapper,
.tags_wrapper {
display: flex;
flex-wrap: wrap;
gap: 1rem;
}
@media screen and (max-width: 768px) {
.categories_wrapper,
.tags_wrapper {
gap: 0.75rem;
}
}
.cat_item {
display: inline-flex;
justify-content: center;
align-items: center;
min-width: 7.5rem;
height: 1.875rem;
font-size: 0.875rem;
line-height: 1;
letter-spacing: 0;
text-align: center;
white-space: nowrap;
color: #fff;
background-color: #00a9e0;
border-radius: 6.25rem;
padding: 0 1.125rem;
}
.tag_item {
display: inline-block;
font-size: 0.875rem;
line-height: 1;
letter-spacing: 0;
color: #00a9e0;
white-space: nowrap;
}
.tag_item::before {
content: "#";
}
.side_categories_wrapper {
display: flex;
flex-direction: column;
gap: 1.0625rem;
}
.side_cat_item {
font-size: 1rem;
line-height: 1.8;
color: #999999;
}
.current_cat_item .side_cat_item {
color: #333;
}
section#anchor_links {
border-bottom: 1px solid #bfbfbf;
}
section#anchor_links .anchor_links_inner {
display: flex;
flex-wrap: wrap;
gap: 1.25rem;
padding-top: 2.5rem;
padding-bottom: 2.5rem;
}
@media screen and (max-width: 768px) {
section#anchor_links .anchor_links_inner {
gap: 0.75rem;
padding-top: 2rem;
padding-bottom: 2rem;
}
}
section#anchor_links .anchor_link_item {
display: inline-flex;
align-items: center;
gap: 0.75rem;
font-size: 0.875rem;
line-height: 1;
color: #1e3a5f;
padding: 0.1875rem 1rem 0.1875rem 0;
}
@media screen and (max-width: 768px) {
section#anchor_links .anchor_link_item {
padding-right: 0.75rem;
}
}
section#anchor_links .anchor_link_item:not(:nth-last-child(1)) {
border-right: 1px solid #cccccc;
}
section#anchor_links .anchor_link_item::after {
content: "";
display: block;
width: 0.5rem;
height: 0.5rem;
border-right: 1px solid #1e3a5f;
border-bottom: 1px solid #1e3a5f;
transform: rotate(45deg);
}
@media screen and (max-width: 768px) {
section#anchor_links .anchor_link_item::after {
width: 0.375rem;
height: 0.375rem;
}
}
section.case_service_box .case_service_box__inner {
max-width: calc(1120px + (100vw - 1120px) / 2 + 0.9375rem);
margin-left: auto;
padding-left: 0.9375rem;
}
section.case_service_box .case_service_box__title {
display: flex;
font-size: 1.25rem;
line-height: 1;
font-weight: 700;
color: #fff;
background-color: #1e3a5f;
}
section.case_service_box .case_service_box__title span {
padding: 1.5rem 2rem;
}
section.case_service_box .case_service_box__title::before {
content: "";
display: block;
width: 4.25rem;
background-color: #00a9e0;
flex-shrink: 0;
}
section.case_service_box .case_service_box__items_wrapper {
background-color: #fff;
box-shadow: 0 0.25rem 0.625rem rgba(0, 0, 0, 0.05);
padding: 4.5rem;
}
@media screen and (max-width: 768px) {
section.case_service_box .case_service_box__items_wrapper {
padding: 2.25rem 1rem;
}
}
section.case_service_box .scase_service__item {
max-width: 1048px;
}
section.case_service_box .scase_service__item:not(:nth-last-child(1)) {
border-bottom: 1px solid #cccccc;
padding-bottom: 4.5rem;
margin-bottom: 4.5rem;
}
@media screen and (max-width: 768px) {
section.case_service_box .scase_service__item:not(:nth-last-child(1)) {
padding-bottom: 2.5rem;
margin-bottom: 2.5rem;
}
}
@media screen and (max-width: 768px) {
section.case_service_box .scase_service__item .case_service__item__title {
gap: 1rem;
}
}
section.case_service_box
.scase_service__item
.case_service__item__title
.section_title__ja {
font-size: 3rem;
}
@media screen and (max-width: 768px) {
section.case_service_box
.scase_service__item
.case_service__item__title
.section_title__ja {
font-size: 2rem;
}
}
section.case_service_box .scase_service__item .case_service__item__contents {
gap: 2rem 4.5rem;
margin-top: 3.375rem;
}
@media screen and (max-width: 768px) {
section.case_service_box .scase_service__item .case_service__item__contents {
flex-wrap: wrap;
margin-top: 2rem;
}
}
section.case_service_box .scase_service__item .case_service__item__image {
width: 29.5625rem;
flex-shrink: 0;
object-fit: cover;
}
@media screen and (max-width: 768px) {
section.case_service_box .scase_service__item .case_service__item__image {
width: 100%;
}
}
section.case_service_box .scase_service__item .case_service__item__text {
width: 100%;
}
section.case_service_box .scase_service__item .case_service__item__category {
padding: 0 1.65625rem;
margin-bottom: 1rem;
min-width: initial;
}
section.case_service_box .scase_service__item .case_service__item__subtitle {
font-size: 1.75rem;
line-height: 1.8;
font-weight: 700;
}
@media screen and (max-width: 768px) {
section.case_service_box .scase_service__item .case_service__item__subtitle {
font-size: 1.5rem;
}
}
section.case_service_box .scase_service__item .case_service__item__explain {
margin-top: 2rem;
}
@media screen and (max-width: 768px) {
section.case_service_box .scase_service__item .case_service__item__explain {
margin-top: 1.5rem;
}
}
section.case_service_box
.scase_service__item
.case_service__item__explain
p:nth-child(n + 2) {
margin-top: 1rem;
}
section.case_service_box .scase_service__item .maincolor_btn {
margin-top: 1rem;
}
table {
width: 100%;
}
@media screen and (max-width: 768px) {
table {
display: block;
}
}
@media screen and (max-width: 768px) {
table tbody {
display: block;
}
}
table tr {
border-bottom: 1px solid #bfbfbf;
}
@media screen and (max-width: 768px) {
table tr {
display: block;
padding: 1.5rem 0;
}
}
table tr:nth-child(1) {
border-top: 1px solid #bfbfbf;
}
table th,
table td {
font-size: 1rem;
line-height: 2;
letter-spacing: 0.1em;
font-weight: 500;
text-align: left;
padding-top: 1.5rem;
padding-bottom: 1.5rem;
}
@media screen and (max-width: 768px) {
table th,
table td {
display: block;
padding-top: 0;
padding-bottom: 0;
}
}
table th {
width: 25%;
color: #999999;
padding-right: 1.5rem;
}
@media screen and (max-width: 768px) {
table th {
padding-right: 0;
}
}
table td {
color: #333;
padding-left: 1.5rem;
}
@media screen and (max-width: 768px) {
table td {
padding-left: 0;
padding-top: 1rem;
}
}
a.map_link {
display: flex;
align-items: center;
gap: 0.125rem;
font-size: 0.875rem;
font-family: "Plus Jakarta Sans", sans-serif;
color: #1e3a5f;
text-decoration: underline;
}
a.map_link::before {
content: "";
display: block;
width: 1.25rem;
height: 1.25rem;
background-image: url(//yasuhirokatano.com/wp-content/themes/firststep_2025/assets/img/common/icon_map.webp);
background-position: center;
background-repeat: no-repeat;
background-size: contain;
}
.underline {
text-decoration: underline;
} body#page__frontpage header#header.loader_once_a_day {
opacity: 0;
animation: fvAllOpacity 1s ease forwards;
animation-delay: 3s;
}
@keyframes fvAllOpacity {
to {
opacity: 1;
}
}
body#page__frontpage section#fv {
position: relative;
z-index: 500;
padding-top: 8rem;
padding-bottom: 9.625rem;
min-height: 100vh;
}
@media screen and (max-width: 768px) {
body#page__frontpage section#fv {
padding-top: 7.5625rem;
padding-bottom: 4.9375rem;
}
}
body#page__frontpage section#fv.loader_once_a_day {
opacity: 0;
animation: fvAllOpacity 0.5s ease forwards;
}
@keyframes fvAllOpacity {
to {
opacity: 1;
}
}
body#page__frontpage section#fv #loader {
position: fixed;
inset: 0;
z-index: 800;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
animation: loadingFadeOut 1s ease-out 3s forwards;
}
@keyframes loadingFadeOut {
to {
opacity: 0;
visibility: hidden;
pointer-events: none;
}
}
body#page__frontpage section#fv #loader .loader_background {
position: absolute;
z-index: 500;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 100%;
height: 100%;
box-shadow: inset 0 0 0 52vw #f6b20d;
animation: loadingBackground 1.5s ease 1.5s forwards;
}
@keyframes loadingBackground {
to {
box-shadow: inset 0 0 0 0 #f6b20d;
}
}
body#page__frontpage section#fv .fv_slider {
position: absolute;
z-index: -2;
inset: 0;
inset: 0;
width: 100%;
height: 100%;
}
body#page__frontpage section#fv .fv_slider::before,
body#page__frontpage section#fv .fv_slider::after {
content: "";
display: block;
position: absolute;
z-index: 1;
inset: 0;
width: 100%;
height: 100%;
}
body#page__frontpage section#fv .fv_slider::before {
background: rgba(0, 169, 224, 0.2);
backdrop-filter: blur(0.125rem);
}
body#page__frontpage section#fv .fv_slider::after {
background: linear-gradient(
90deg,
rgba(255, 255, 255, 0.8) 0%,
rgba(255, 255, 255, 0.56) 61.34%,
rgba(255, 255, 255, 0.32) 100%
);
}
body#page__frontpage section#fv .fv_slider .slick-list,
body#page__frontpage section#fv .fv_slider .slick-track,
body#page__frontpage section#fv .fv_slider .slick-slide {
height: 100%;
}
body#page__frontpage section#fv .fv_slider .fv_bg_video {
height: 100%;
object-fit: cover;
}
body#page__frontpage section#fv .fv_title {
position: relative;
z-index: 900;
font-size: 3.375rem;
line-height: 1.6;
font-weight: 700;
color: #1e3a5f;
text-shadow: 0 0.25rem 1.25rem rgba(255, 255, 255, 0.3);
}
@media screen and (max-width: 768px) {
body#page__frontpage section#fv .fv_title {
font-size: 1.75rem;
}
}
body#page__frontpage section#fv .fv_title.loader_once_a_day {
text-shadow: initial;
animation: fvTextShadow 1s ease forwards;
animation-delay: 2s;
}
@keyframes fvTextShadow {
to {
text-shadow: 0 0.25rem 1.25rem rgba(255, 255, 255, 0.3);
}
}
body#page__frontpage section#fv .fv_title .fv_accent {
position: relative;
z-index: -1;
color: #f6b20d;
}
body#page__frontpage section#fv .fv_title .fv_accent.loader_once_a_day {
opacity: 0;
animation: fvAccentOpacity 1s ease forwards;
animation-delay: 2s;
}
@keyframes fvAccentOpacity {
to {
opacity: 1;
}
}
body#page__frontpage section#fv .fv_title .fv_accent .accent_underline {
position: absolute;
z-index: -1;
bottom: -1.25rem;
left: 50%;
transform: translateX(-50%);
width: 13.5rem;
max-width: initial;
clip-path: inset(0 100% 0 0);
animation: drawImage 2s ease forwards;
}
@keyframes drawImage {
to {
clip-path: inset(0 0 0 0);
}
}
@media screen and (max-width: 768px) {
body#page__frontpage section#fv .fv_title .fv_accent .accent_underline {
width: 7rem;
}
}
body#page__frontpage
section#fv
.fv_title
.fv_accent
.accent_underline.loader_once_a_day {
animation-delay: 3s;
}
body#page__frontpage section#fv .fv_explain {
position: relative;
z-index: 400;
margin-top: 2.5rem;
}
@media screen and (max-width: 768px) {
body#page__frontpage section#fv .fv_explain {
margin-top: 1.5rem;
}
}
body#page__frontpage section#fv .fv_btn_wrapper {
position: relative;
z-index: 400;
display: flex;
flex-wrap: wrap;
gap: 1.5rem;
margin-top: 1.5rem;
}
@media screen and (max-width: 768px) {
body#page__frontpage section#fv .fv_btn_wrapper {
gap: 0.75rem;
}
}
body#page__frontpage section#fv .fv_btn_wrapper .btn {
height: 3.375rem;
font-size: 1.25rem;
}
@media screen and (max-width: 768px) {
body#page__frontpage section#fv .fv_btn_wrapper .btn {
width: 17.125rem;
height: 3rem;
font-size: 1rem;
padding: 0;
}
}
body#page__frontpage section#fv .fv_scroll {
position: absolute;
left: 2.5rem;
bottom: 0;
display: flex;
align-items: center;
gap: 0.625rem;
font-size: 0.875rem;
line-height: 1.6;
letter-spacing: 0.05em;
font-weight: 400;
font-family: "Plus Jakarta Sans", sans-serif;
text-transform: uppercase;
writing-mode: vertical-rl;
}
@media screen and (max-width: 768px) {
body#page__frontpage section#fv .fv_scroll {
font-size: 0.75rem;
left: calc(100% - 2.125rem);
}
}
body#page__frontpage section#fv .fv_scroll .scroll_bar {
position: relative;
display: block;
width: 1px;
height: 8.3125rem;
overflow: hidden;
}
@media screen and (max-width: 768px) {
body#page__frontpage section#fv .fv_scroll .scroll_bar {
height: 6.5rem;
}
}
body#page__frontpage section#fv .fv_scroll .scroll_bar::after {
content: "";
display: block;
width: 100%;
height: 100%;
background-color: #1e3a5f;
transform: translateY(-100%);
animation: fvScrollBar 1.5s linear infinite;
}
@keyframes fvScrollBar {
from {
transform: translateY(-100%);
}
to {
transform: translateY(100%);
}
}
body#page__frontpage section#fv::after {
content: "";
position: absolute;
z-index: -1;
right: 3.0625rem;
bottom: 2.8125rem;
display: block;
width: 22rem;
height: 22rem;
background-image: url(//yasuhirokatano.com/wp-content/themes/firststep_2025/assets/img/common/icon_decoration.webp);
background-position: center;
background-repeat: no-repeat;
background-size: contain;
opacity: 0.2;
}
@media screen and (max-width: 768px) {
body#page__frontpage section#fv::after {
display: none;
}
}
body#page__frontpage section#what {
position: relative;
z-index: 500;
padding-top: 8.125rem;
}
@media screen and (max-width: 768px) {
body#page__frontpage section#what {
padding-top: 4.5rem;
}
}
body#page__frontpage section#what .what_inner {
display: flex;
justify-content: right;
align-items: center;
}
@media screen and (max-width: 768px) {
body#page__frontpage section#what .what_inner {
flex-wrap: wrap;
gap: 3.375rem 1rem;
}
}
body#page__frontpage section#what .what_text_wrapper {
max-width: 36.25rem;
}
@media screen and (max-width: 768px) {
body#page__frontpage section#what .what_text_wrapper {
width: 100%;
max-width: 100%;
}
}
body#page__frontpage section#what .what_text_wrapper .btn {
margin-top: 2rem;
}
@media screen and (max-width: 768px) {
body#page__frontpage section#what .what_text_wrapper .btn {
margin-top: 1.5rem;
}
}
body#page__frontpage section#what .what_subtitle {
font-size: 1.75rem;
line-height: 1.6;
font-weight: 700;
margin-top: 2rem;
padding-right: 6.875rem;
}
@media screen and (max-width: 768px) {
body#page__frontpage section#what .what_subtitle {
font-size: 1.5rem;
margin-top: 0.75rem;
padding-right: 0.5rem;
}
}
body#page__frontpage section#what .what_maintext {
letter-spacing: 0.15em;
margin-top: 2rem;
}
@media screen and (max-width: 768px) {
body#page__frontpage section#what .what_maintext {
margin-top: 1.5rem;
}
}
body#page__frontpage section#what .what_maintext p:nth-child(n + 2) {
margin-top: 1rem;
}
body#page__frontpage section#what .what_maintext strong {
text-decoration: underline;
text-decoration-thickness: 0.5em;
text-decoration-color: #f9ffb4;
text-underline-offset: -0.2em;
text-decoration-skip-ink: none;
}
body#page__frontpage section#what .what_image_wrapper {
width: 42.375rem;
flex-shrink: 0;
}
@media screen and (max-width: 768px) {
body#page__frontpage section#what .what_image_wrapper {
width: 100%;
}
}
body#page__frontpage section#what .what_image {
width: 32rem;
margin: 2rem auto;
}
@media screen and (max-width: 768px) {
body#page__frontpage section#what .what_image {
width: calc(100% - 1.25rem);
margin: 1.0625rem auto;
}
}
body#page__frontpage section#what .flexbox_upper {
justify-content: center;
}
body#page__frontpage section#what .flexbox_lower {
justify-content: space-between;
}
body#page__frontpage section#what .what_image__caption {
width: 18.125rem;
}
@media screen and (max-width: 768px) {
body#page__frontpage section#what .what_image__caption {
width: auto;
}
}
body#page__frontpage section#what .what_image__caption .caption_label {
font-size: 1.5rem;
line-height: 1;
font-weight: 700;
text-align: center;
}
@media screen and (max-width: 768px) {
body#page__frontpage section#what .what_image__caption .caption_label {
font-size: 1rem;
}
}
body#page__frontpage section#what .what_image__caption .caption_explain {
font-size: 0.8125rem;
text-align: center;
color: #777777;
margin-top: 1rem;
}
@media screen and (max-width: 768px) {
body#page__frontpage section#what .what_image__caption .caption_explain {
font-size: 0.75rem;
letter-spacing: 0.08em;
margin-top: 0.5rem;
}
}
body#page__frontpage section#what .image_caption_01 .caption_label {
color: #1e3a5f;
}
@media screen and (max-width: 768px) {
body#page__frontpage section#what .image_caption_02 {
max-width: calc((100% - 1rem) / 2);
}
}
body#page__frontpage section#what .image_caption_02 .caption_label {
color: #00a9e0;
}
@media screen and (max-width: 768px) {
body#page__frontpage section#what .image_caption_02 .caption_explain br {
display: none;
}
}
@media screen and (max-width: 768px) {
body#page__frontpage section#what .image_caption_03 {
max-width: calc((100% - 1rem) / 2);
}
}
body#page__frontpage section#what .image_caption_03 .caption_label {
color: #f6b20d;
}
@media screen and (max-width: 768px) {
body#page__frontpage section#what .image_caption_03 .caption_explain br {
display: none;
}
}
body#page__frontpage section#gallery {
position: relative;
z-index: 400;
padding-top: 9.4375rem;
padding-bottom: 5.5rem;
}
@media screen and (max-width: 768px) {
body#page__frontpage section#gallery {
padding-top: 3.25rem;
padding-bottom: 3.3125rem;
}
}
body#page__frontpage section#gallery .slider .slide_item {
margin-left: 2rem;
margin-right: 2rem;
}
@media screen and (max-width: 768px) {
body#page__frontpage section#gallery .slider .slide_item {
margin-left: 1rem;
margin-right: 1rem;
}
}
body#page__frontpage section#gallery .gallery_bg {
position: absolute;
z-index: -1;
left: 0;
right: 0;
bottom: 0;
opacity: 0.1;
}
body#page__frontpage section#business {
position: relative;
z-index: 400;
padding-top: 8.125rem;
}
@media screen and (max-width: 768px) {
body#page__frontpage section#business {
padding-top: 4.875rem;
}
}
body#page__frontpage section#business::before {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
display: block;
width: 100%;
height: 34.875rem;
background-image: url(//yasuhirokatano.com/wp-content/themes/firststep_2025/assets/img/top/business_bg.webp);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
body#page__frontpage section#business .business_items_wrapper {
display: flex;
flex-wrap: wrap;
gap: 1.25rem;
margin-top: 4.5rem;
}
@media screen and (max-width: 768px) {
body#page__frontpage section#business .business_items_wrapper {
margin-top: 3rem;
}
}
body#page__frontpage section#business .business_item {
position: relative;
z-index: 400;
display: flex;
flex-direction: column;
width: calc((100% - 1.25rem) / 2);
padding-top: 9.125rem;
}
@media screen and (max-width: 768px) {
body#page__frontpage section#business .business_item {
width: 100%;
padding-top: 8.1875rem;
}
}
body#page__frontpage section#business .business_item .business_item__image {
position: absolute;
z-index: -1;
top: 0;
right: 0;
left: 0;
height: 19.5625rem;
object-fit: cover;
}
@media screen and (max-width: 768px) {
body#page__frontpage section#business .business_item .business_item__image {
height: 15.625rem;
}
}
body#page__frontpage section#business .business_item .business_item__text {
display: flex;
flex-direction: column;
background: linear-gradient(
180deg,
rgba(30, 58, 95, 0) 0%,
#1e3a5f 36.17%,
#1e3a5f 100%
);
padding: 5.6875rem 2.25rem 2.25rem;
flex: 1;
}
@media screen and (max-width: 768px) {
body#page__frontpage section#business .business_item .business_item__text {
background: linear-gradient(
180deg,
rgba(30, 58, 95, 0) 0%,
#1e3a5f 25.54%,
#1e3a5f 100%
);
padding: 3.0625rem 0.9375rem 1.875rem;
}
}
body#page__frontpage section#business .business_item .business_item__title {
color: #fff;
}
body#page__frontpage
section#business
.business_item
.business_item__title
span {
display: block;
}
body#page__frontpage
section#business
.business_item
.business_item__title
.business_item__title__en {
font-size: 0.75rem;
line-height: 1;
letter-spacing: 0.05em;
font-weight: 600;
font-family: "Plus Jakarta Sans", sans-serif;
margin-bottom: 0.75rem;
}
@media screen and (max-width: 768px) {
body#page__frontpage
section#business
.business_item
.business_item__title
.business_item__title__en {
line-height: 1.2;
}
}
body#page__frontpage
section#business
.business_item
.business_item__title
.business_item__title__ja {
font-size: 2rem;
line-height: 1;
}
@media screen and (max-width: 768px) {
body#page__frontpage
section#business
.business_item
.business_item__title
.business_item__title__ja {
font-size: 1.5rem;
line-height: 1.3;
}
}
body#page__frontpage section#business .business_item .business_item__explain {
color: #fff;
margin-top: 1.875rem;
flex: 1;
}
@media screen and (max-width: 768px) {
body#page__frontpage section#business .business_item .business_item__explain {
margin-top: 1.25rem;
}
}
body#page__frontpage section#business .business_item .white_btn {
border-color: #fff;
margin-top: 1.875rem;
margin-left: auto;
}
@media screen and (max-width: 768px) {
body#page__frontpage section#business .business_item .white_btn {
margin-top: 1.25rem;
margin-left: 0;
}
}
body#page__frontpage section#cases {
position: relative;
z-index: 300;
padding-top: 8.125rem;
}
@media screen and (max-width: 768px) {
body#page__frontpage section#cases {
padding-top: 5.25rem;
}
}
body#page__frontpage section#cases::before {
content: "";
position: absolute;
z-index: -1;
right: 4.125rem;
top: -17.1875rem;
display: block;
width: 42.25rem;
height: 42.25rem;
background-image: url(//yasuhirokatano.com/wp-content/themes/firststep_2025/assets/img/common/icon_decoration.webp);
background-position: center;
background-repeat: no-repeat;
background-size: contain;
opacity: 0.03;
}
@media screen and (max-width: 768px) {
body#page__frontpage section#cases::before {
right: 0.9375rem;
top: -2.5rem;
width: 19.75rem;
height: 19.75rem;
}
}
body#page__frontpage section#cases::after {
content: "";
position: absolute;
z-index: 500;
top: 0;
left: -0.9375rem;
display: block;
width: calc((100vw - 1120px) / 2);
height: 100%;
background-color: #f5f7fa;
}
body#page__frontpage section#cases .cases_inner {
display: flex;
justify-content: space-between;
align-items: flex-end;
gap: 2rem;
}
body#page__frontpage section#cases .cases_explain {
margin-top: 3.375rem;
}
@media screen and (max-width: 768px) {
body#page__frontpage section#cases .cases_explain {
margin-top: 1.375rem;
}
}
body#page__frontpage section#cases .cases_btn_wrapper {
flex-shrink: 0;
}
body#page__frontpage section#cases .cases_slider_wrapper {
padding-bottom: 6.375rem;
max-width: calc(1120px + 1.875rem);
margin-left: auto;
margin-right: auto;
padding-left: 0.9375rem;
padding-right: 0.9375rem;
}
@media screen and (max-width: 768px) {
body#page__frontpage section#cases .cases_slider_wrapper {
padding-bottom: 2rem;
}
}
body#page__frontpage section#cases .slick-list {
overflow: initial;
}
@media screen and (max-width: 768px) {
body#page__frontpage section#cases .slick-list {
overflow: hidden;
}
}
body#page__frontpage section#cases .cases_slider {
margin-top: 2rem;
}
body#page__frontpage section#cases .cases_item {
position: relative;
z-index: 400;
margin-left: 1rem;
margin-right: 1rem;
}
@media screen and (max-width: 768px) {
body#page__frontpage section#cases .cases_item {
margin-left: 0.375rem;
margin-right: 0.375rem;
}
}
body#page__frontpage section#cases .cases_item .cases_item__image {
aspect-ratio: 573/399;
object-fit: cover;
}
@media screen and (max-width: 768px) {
body#page__frontpage section#cases .cases_item .cases_item__image {
aspect-ratio: 300/204;
}
}
body#page__frontpage section#cases .cases_item .cases_item__title {
position: absolute;
left: 0;
top: 64.9%;
font-size: 1.5rem;
line-height: 1.6;
font-weight: 700;
background-color: rgba(255, 255, 255, 0.8);
padding: 0.5rem 0.75rem;
}
@media screen and (max-width: 768px) {
body#page__frontpage section#cases .cases_item .cases_item__title {
top: 45%;
font-size: 1rem;
padding: 0.25rem 0;
}
}
body#page__frontpage section#cases .cases_item .cases_item__description {
display: flex;
align-items: center;
gap: 0.25rem 0.75rem;
margin-top: 1rem;
}
@media screen and (max-width: 768px) {
body#page__frontpage section#cases .cases_item .cases_item__description {
flex-wrap: wrap;
margin-top: 0.75rem;
}
}
body#page__frontpage section#cases .cases_item .cases_item__category {
padding: 0.5rem 1.625rem;
min-width: initial;
}
body#page__frontpage section#cases .cases_item .cases_item__subtitle {
font-weight: 700;
}
body#page__frontpage section#news {
padding-top: 7.875rem;
}
@media screen and (max-width: 768px) {
body#page__frontpage section#news {
padding-top: 4.5rem;
}
}
body#page__frontpage section#news .news_inner {
display: flex;
align-items: flex-start;
gap: 2rem 5.375rem;
}
@media screen and (max-width: 768px) {
body#page__frontpage section#news .news_inner {
flex-wrap: wrap;
}
}
body#page__frontpage section#news .news_section__left {
flex-shrink: 0;
}
@media screen and (max-width: 768px) {
body#page__frontpage section#news .news_section__left {
width: 100%;
}
}
body#page__frontpage section#news .news_btn_wrapper {
margin-top: 3.375rem;
}
@media screen and (max-width: 768px) {
body#page__frontpage section#news .news_btn_wrapper {
width: 100%;
margin-top: 2rem;
}
}
body#page__frontpage section#news .news_section__right {
width: 100%;
}
body#page__frontpage section#column {
padding-top: 8.125rem;
}
body#page__frontpage section#column .column_title_wrapper {
display: flex;
justify-content: space-between;
align-items: flex-end;
}
@media screen and (max-width: 768px) {
body#page__frontpage section#column .column_btn_wrapper {
margin-top: 2rem;
}
}
body#page__frontpage section#column .column_contents_wrapper {
margin-top: 3.375rem;
}
@media screen and (max-width: 768px) {
body#page__frontpage section#column .column_contents_wrapper {
margin-top: 1.375rem;
}
}
body#page__frontpage section#profile {
padding-top: 8.125rem;
padding-bottom: 8.125rem;
}
@media screen and (max-width: 768px) {
body#page__frontpage section#profile {
padding-top: 5rem;
padding-bottom: 4.5rem;
}
}
body#page__frontpage section#profile .section_title .section_title__ja {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 0 1.5rem;
}
@media screen and (max-width: 768px) {
body#page__frontpage section#profile .section_title .section_title__ja {
font-size: 2.5rem;
}
}
body#page__frontpage
section#profile
.section_title
.section_title__ja
.en_name {
font-size: 2rem;
line-height: 1;
letter-spacing: 0.05em;
font-weight: 700;
font-family: "Plus Jakarta Sans", sans-serif;
text-transform: uppercase;
color: rgba(34, 34, 34, 0.22);
}
@media screen and (max-width: 768px) {
body#page__frontpage
section#profile
.section_title
.section_title__ja
.en_name {
font-size: 1.5rem;
}
}
body#page__frontpage section#profile .profile_contents_wrapper {
display: flex;
align-items: flex-start;
gap: 1.5rem 3rem;
margin-top: 3.375rem;
}
@media screen and (max-width: 768px) {
body#page__frontpage section#profile .profile_contents_wrapper {
flex-direction: column-reverse;
margin-top: 2.5625rem;
}
}
body#page__frontpage section#profile .profile_contents_wrapper .navy_btn {
margin-top: 2rem;
}
body#page__frontpage section#profile .profile_contents__text {
width: 100%;
}
body#page__frontpage section#profile .profile_contents__image {
width: 25rem;
flex-shrink: 0;
}
@media screen and (max-width: 768px) {
body#page__frontpage section#profile .profile_contents__image {
width: 100%;
}
}
.gallery_slide_item_1 {
width: 17.5rem;
margin-top: 10rem;
}
@media screen and (max-width: 768px) {
.gallery_slide_item_1 {
width: 8.925rem;
margin-top: 5.1rem;
}
}
.gallery_slide_item_2 {
width: 25rem;
}
@media screen and (max-width: 768px) {
.gallery_slide_item_2 {
width: 12.75rem;
}
}
.gallery_slide_item_3 {
width: 13.5rem;
margin-top: 9.5rem;
}
@media screen and (max-width: 768px) {
.gallery_slide_item_3 {
width: 6.885rem;
margin-top: 4.845rem;
}
}
.gallery_slide_item_4 {
width: 22.75rem;
}
@media screen and (max-width: 768px) {
.gallery_slide_item_4 {
width: 11.6025rem;
}
}
.gallery_slide_item_5 {
width: 12.75rem;
margin-top: 6.75rem;
}
@media screen and (max-width: 768px) {
.gallery_slide_item_5 {
width: 6.5025rem;
margin-top: 3.4425rem;
}
}
.gallery_slide_item_6 {
width: 24.75rem;
margin-top: 2rem;
}
@media screen and (max-width: 768px) {
.gallery_slide_item_6 {
width: 12.6225rem;
margin-top: 1.02rem;
}
}
.gallery_slide_item_7 {
width: 18rem;
margin-top: 9.5rem;
}
@media screen and (max-width: 768px) {
.gallery_slide_item_7 {
width: 9.18rem;
margin-top: 4.845rem;
}
}
.gallery_slide_item_8 {
width: 31rem;
}
@media screen and (max-width: 768px) {
.gallery_slide_item_8 {
width: 15.81rem;
}
} body#page__our-business section#aboutus {
position: relative;
z-index: 400;
padding-top: 8.125rem;
padding-bottom: 9.5625rem;
}
@media screen and (max-width: 768px) {
body#page__our-business section#aboutus {
padding-top: 2.25rem;
padding-bottom: 3.875rem;
}
}
body#page__our-business section#aboutus::after {
content: "";
position: absolute;
z-index: -1;
right: 0;
bottom: 0;
width: 33.125rem;
height: 33.125rem;
background-image: url(//yasuhirokatano.com/wp-content/themes/firststep_2025/assets/img/common/icon_decoration.webp);
background-position: center;
background-repeat: no-repeat;
background-size: contain;
opacity: 0.03;
}
@media screen and (max-width: 768px) {
body#page__our-business section#aboutus::after {
width: 17.4375rem;
height: 17.4375rem;
}
}
body#page__our-business section#aboutus .aboutus_inner {
display: flex;
gap: 2.25rem 8.125rem;
}
@media screen and (max-width: 768px) {
body#page__our-business section#aboutus .aboutus_inner {
flex-wrap: wrap;
}
}
body#page__our-business section#aboutus .aboutus_text_wrapper {
width: 29.125rem;
flex-shrink: 0;
}
@media screen and (max-width: 768px) {
body#page__our-business section#aboutus .aboutus_text_wrapper {
width: 100%;
}
}
body#page__our-business section#aboutus .aboutus_text_wrapper .yellow_btn {
margin-top: 2rem;
}
@media screen and (max-width: 768px) {
body#page__our-business section#aboutus .aboutus_text_wrapper .yellow_btn {
margin-top: 1.5rem;
}
}
body#page__our-business section#aboutus .aboutus_subtitle {
font-size: 1.75rem;
font-weight: 700;
line-height: 1.8;
margin-top: 3.375rem;
}
@media screen and (max-width: 768px) {
body#page__our-business section#aboutus .aboutus_subtitle {
font-size: 1.5rem;
margin-top: 2rem;
}
}
body#page__our-business section#aboutus .aboutus_explain {
margin-top: 2rem;
}
@media screen and (max-width: 768px) {
body#page__our-business section#aboutus .aboutus_explain {
margin-top: 1.5rem;
}
}
body#page__our-business section#aboutus .aboutus_explain p:nth-child(n + 2) {
margin-top: 1rem;
}
body#page__our-business section#aboutus .aboutus_image_wrapper {
position: relative;
z-index: 400;
width: 100%;
padding-top: 24.625rem;
}
@media screen and (max-width: 768px) {
body#page__our-business section#aboutus .aboutus_image_wrapper {
padding-top: 0;
}
}
body#page__our-business section#aboutus .aboutus_image_wrapper .aboutus_image {
width: auto;
object-fit: cover;
}
body#page__our-business
section#aboutus
.aboutus_image_wrapper
.aboutus_image_01 {
position: absolute;
z-index: -1;
left: 2.3125rem;
top: 0;
max-width: initial;
height: 27.75rem;
}
@media screen and (max-width: 768px) {
body#page__our-business
section#aboutus
.aboutus_image_wrapper
.aboutus_image_01 {
position: initial;
max-width: 100%;
height: 14.5625rem;
aspect-ratio: 314/233;
margin-left: auto;
margin-right: 1.625rem;
}
}
body#page__our-business
section#aboutus
.aboutus_image_wrapper
.aboutus_image_02 {
height: 18.25rem;
}
@media screen and (max-width: 768px) {
body#page__our-business
section#aboutus
.aboutus_image_wrapper
.aboutus_image_02 {
height: 13.9375rem;
margin-top: -1.625rem;
}
}
body#page__our-business section#service {
padding-top: 8.125rem;
}
@media screen and (max-width: 768px) {
body#page__our-business section#service {
padding-top: 4rem;
}
}
body#page__our-business section#flow {
padding-top: 8.125rem;
}
@media screen and (max-width: 768px) {
body#page__our-business section#flow {
padding-top: 4rem;
}
}
body#page__our-business section#flow .flow_items_wrapper {
margin-top: 3.375rem;
}
@media screen and (max-width: 768px) {
body#page__our-business section#flow .flow_items_wrapper {
margin-top: 2rem;
}
}
body#page__our-business section#flow .flow_item {
position: relative;
z-index: 400;
display: flex;
align-items: center;
gap: 3rem;
background-color: #fff;
padding: 1rem 3rem;
box-shadow: 0 0.25rem 0.625rem rgba(0, 0, 0, 0.05);
}
@media screen and (max-width: 768px) {
body#page__our-business section#flow .flow_item {
flex-direction: column;
gap: 1rem;
padding: 1.5rem 1rem;
}
}
body#page__our-business section#flow .flow_item .flow_item__number {
font-size: 1.25rem;
line-height: 1.6;
letter-spacing: 0.05em;
font-weight: 600;
font-family: "Plus Jakarta Sans", sans-serif;
color: #00a9e0;
flex-shrink: 0;
}
@media screen and (max-width: 768px) {
body#page__our-business section#flow .flow_item .flow_item__number {
font-size: 1rem;
}
}
body#page__our-business section#flow .flow_item .flow_item__title {
font-size: 2.25rem;
line-height: 1;
color: #1e3a5f;
width: 12.5rem;
flex-shrink: 0;
}
@media screen and (max-width: 768px) {
body#page__our-business section#flow .flow_item .flow_item__title {
font-size: 1.5rem;
width: auto;
text-align: center;
}
}
body#page__our-business section#flow .flow_item:nth-child(n + 2) {
margin-top: 3.875rem;
}
@media screen and (max-width: 768px) {
body#page__our-business section#flow .flow_item:nth-child(n + 2) {
margin-top: 2.875rem;
}
}
body#page__our-business section#flow .flow_item:nth-child(n + 2)::before,
body#page__our-business section#flow .flow_item:nth-child(n + 2)::after {
content: "";
position: absolute;
display: block;
width: 3px;
height: 1.25rem;
background-color: #00a9e0;
top: -2.375rem;
border-top-right-radius: 0.25rem;
border-top-left-radius: 0.25rem;
}
@media screen and (max-width: 768px) {
body#page__our-business section#flow .flow_item:nth-child(n + 2)::before,
body#page__our-business section#flow .flow_item:nth-child(n + 2)::after {
top: -2rem;
}
}
body#page__our-business section#flow .flow_item:nth-child(n + 2)::before {
left: calc(50% - 0.375rem);
transform: translateX(-50%) rotate(-45deg);
}
body#page__our-business section#flow .flow_item:nth-child(n + 2)::after {
left: calc(50% + 0.375rem);
transform: translateX(-50%) rotate(45deg);
}
body#page__our-business section#profile {
padding-top: 8.125rem;
}
@media screen and (max-width: 768px) {
body#page__our-business section#profile {
padding-top: 4rem;
}
}
body#page__our-business section#profile .profile_contents_wrapper {
display: flex;
align-items: flex-start;
gap: 2rem 3rem;
margin-top: 3.375rem;
}
@media screen and (max-width: 768px) {
body#page__our-business section#profile .profile_contents_wrapper {
flex-direction: column-reverse;
margin-top: 2rem;
}
}
body#page__our-business section#profile .profile_text_wrapper {
width: 100%;
}
body#page__our-business section#profile .profile__subtitle {
font-size: 1.5rem;
font-weight: 700;
}
body#page__our-business section#profile .profile__explain {
margin-top: 1rem;
}
body#page__our-business section#profile .profile__explain p:nth-child(n + 2) {
margin-top: 1rem;
}
@media screen and (max-width: 768px) {
body#page__our-business section#profile .profile__explain p:nth-child(n + 2) {
margin-top: 0.75rem;
}
}
body#page__our-business section#profile .profile__explain strong {
text-decoration: underline;
text-decoration-thickness: 0.5em;
text-decoration-color: #f9ffb4;
text-underline-offset: -0.2em;
text-decoration-skip-ink: none;
}
body#page__our-business section#profile .profile_image_wrapper {
width: 25rem;
flex-shrink: 0;
}
@media screen and (max-width: 768px) {
body#page__our-business section#profile .profile_image_wrapper {
width: 100%;
}
}
body#page__our-business section#faq {
padding-top: 8.125rem;
padding-bottom: 8.125rem;
}
@media screen and (max-width: 768px) {
body#page__our-business section#faq {
padding-top: 4rem;
padding-bottom: 4rem;
}
}
body#page__our-business section#faq .faq_inner {
display: flex;
gap: 2rem 8.375rem;
}
@media screen and (max-width: 768px) {
body#page__our-business section#faq .faq_inner {
flex-wrap: wrap;
}
}
body#page__our-business section#faq .section_title {
flex-shrink: 0;
}
@media screen and (max-width: 768px) {
body#page__our-business section#faq .section_title {
width: 100%;
}
}
body#page__our-business section#faq .faq_items_wrapper {
width: 100%;
}
body#page__our-business section#faq .faq_item {
padding: 1.5rem 0;
border-bottom: 1px solid #d9d9d9;
}
body#page__our-business section#faq .faq_item .faq_item__title {
display: flex;
align-items: center;
gap: 0.75rem;
padding-right: 2.5rem;
}
body#page__our-business section#faq .faq_item .faq_item__title .faq_item__icon {
display: block;
font-size: 2rem;
line-height: 1;
letter-spacing: 0;
font-family: "Plus Jakarta Sans", sans-serif;
color: #00a9e0;
}
body#page__our-business
section#faq
.faq_item
.faq_item__title
.faq_item__inner {
display: block;
line-height: 1.8;
font-weight: 700;
}
body#page__our-business
section#faq
.faq_item
.faq_item__content
.faq_item__inner {
display: block;
font-size: 0.9375rem;
line-height: 1.8;
letter-spacing: 0;
font-weight: 400;
padding-top: 1rem;
}
body#page__curriculum .all_container {
overflow: initial;
}
body#page__curriculum .curriculum_page_wrapper {
display: flex;
align-items: flex-start;
gap: 4.375rem;
padding-top: 4rem;
padding-bottom: 8.125rem;
}
@media screen and (max-width: 768px) {
body#page__curriculum .curriculum_page_wrapper {
flex-wrap: wrap;
padding-top: 2rem;
padding-bottom: 4rem;
}
}
body#page__curriculum .curriculum_page_wrapper .curriculum_toc {
position: sticky;
top: 7.25rem;
width: 20.625rem;
flex-shrink: 0;
}
@media screen and (max-width: 768px) {
body#page__curriculum .curriculum_page_wrapper .curriculum_toc {
position: static;
width: 100%;
}
}
body#page__curriculum .curriculum_page_wrapper .curriculum_sessions_wrapper {
width: 100%;
}
body#page__curriculum .curriculum_toc__title {
line-height: 1.6;
letter-spacing: 0.05em;
font-weight: 600;
font-family: "Plus Jakarta Sans", sans-serif;
color: #00a9e0;
margin-bottom: 1rem;
}
body#page__curriculum .curriculum_toc_item {
display: flex;
gap: 0.75rem;
}
body#page__curriculum .curriculum_toc_item:nth-child(n + 2) {
margin-top: 0.75rem;
}
body#page__curriculum .curriculum_toc_item span {
display: block;
line-height: 1.6;
}
body#page__curriculum .curriculum_toc_item .curriculum_toc_item__number {
letter-spacing: 0.05em;
font-weight: 600;
font-family: "Plus Jakarta Sans", sans-serif;
color: #00a9e0;
flex-shrink: 0;
}
body#page__curriculum .curriculum_session:nth-child(n + 2) {
border-top: 1px solid #cccccc;
padding-top: 3.375rem;
margin-top: 3.375rem;
}
@media screen and (max-width: 768px) {
body#page__curriculum .curriculum_session:nth-child(n + 2) {
padding-top: 2rem;
margin-top: 2rem;
}
}
body#page__curriculum .curriculum_session .section_title .section_title__en {
font-size: 1rem;
line-height: 1.6;
}
body#page__curriculum .curriculum_session .section_title .section_title__ja {
font-size: 2.25rem;
}
@media screen and (max-width: 768px) {
body#page__curriculum .curriculum_session .section_title .section_title__ja {
font-size: 2rem;
}
}
body#page__curriculum .curriculum_session .curriculum_session__subtitle {
font-size: 1.25rem;
line-height: 1.8;
letter-spacing: 0.15em;
font-weight: 700;
margin-top: 2rem;
}
@media screen and (max-width: 768px) {
body#page__curriculum .curriculum_session .curriculum_session__subtitle {
margin-top: 1.5rem;
}
}
body#page__curriculum .curriculum_session .curriculum_session__explain {
margin-top: 0.75rem;
}
body#page__curriculum .curriculum_session .curriculum_session__list {
background-color: #fafafa;
border: 1px solid #cccccc;
border-radius: 0.5rem;
padding: 1.5rem;
margin-top: 2rem;
}
@media screen and (max-width: 768px) {
body#page__curriculum .curriculum_session .curriculum_session__list {
margin-top: 1.5rem;
}
}
body#page__curriculum
.curriculum_session
.curriculum_session__list
.curriculum_session__list__title {
font-size: 0.875rem;
line-height: 1.6;
letter-spacing: 0.05em;
font-weight: 600;
font-family: "Plus Jakarta Sans", sans-serif;
color: #00a9e0;
}
body#page__curriculum .curriculum_session .curriculum_session__list > ol {
list-style: none;
padding-left: 1.5em;
counter-reset: custom-counter;
margin-top: 0.5rem;
}
body#page__curriculum .curriculum_session .curriculum_session__list > ol li {
position: relative;
counter-increment: custom-counter;
}
body#page__curriculum
.curriculum_session
.curriculum_session__list
> ol
li:nth-child(n + 2) {
margin-top: 0.25rem;
}
body#page__curriculum
.curriculum_session
.curriculum_session__list
> ol
li::before {
content: counter(custom-counter) ".";
position: absolute;
left: -1.5em;
font-weight: 600;
color: #00a9e0;
}
body#page__cases section#reason {
position: relative;
z-index: 500;
padding-top: 8.125rem;
}
@media screen and (max-width: 768px) {
body#page__cases section#reason {
padding-top: 2.25rem;
}
}
body#page__cases section#reason .reason_inner {
display: flex;
justify-content: right;
align-items: center;
}
@media screen and (max-width: 768px) {
body#page__cases section#reason .reason_inner {
flex-wrap: wrap;
gap: 3.375rem 1rem;
}
}
body#page__cases section#reason .reason_text_wrapper {
max-width: 36.25rem;
}
@media screen and (max-width: 768px) {
body#page__cases section#reason .reason_text_wrapper {
width: 100%;
max-width: 100%;
}
}
body#page__cases section#reason .reason_text_wrapper .btn {
margin-top: 2rem;
}
@media screen and (max-width: 768px) {
body#page__cases section#reason .reason_text_wrapper .btn {
margin-top: 1.5rem;
}
}
body#page__cases section#reason .reason_subtitle {
font-size: 1.75rem;
line-height: 1.6;
font-weight: 700;
margin-top: 2rem;
}
@media screen and (max-width: 768px) {
body#page__cases section#reason .reason_subtitle {
font-size: 1.5rem;
margin-top: 1.5rem;
}
}
body#page__cases section#reason .reason_maintext {
letter-spacing: 0.15em;
margin-top: 2rem;
}
@media screen and (max-width: 768px) {
body#page__cases section#reason .reason_maintext {
margin-top: 1.5rem;
}
}
body#page__cases section#reason .reason_maintext p:nth-child(n + 2) {
margin-top: 1rem;
}
body#page__cases section#reason .reason_maintext strong {
text-decoration: underline;
text-decoration-thickness: 0.5em;
text-decoration-color: #f9ffb4;
text-underline-offset: -0.2em;
text-decoration-skip-ink: none;
}
body#page__cases section#reason .reason_image_wrapper {
width: 42.375rem;
flex-shrink: 0;
}
@media screen and (max-width: 768px) {
body#page__cases section#reason .reason_image_wrapper {
width: 100%;
}
}
body#page__cases section#reason .reason_image {
width: 32rem;
margin: 2rem auto;
}
@media screen and (max-width: 768px) {
body#page__cases section#reason .reason_image {
width: calc(100% - 1.25rem);
margin: 1.0625rem auto;
}
}
body#page__cases section#reason .flexbox_upper {
justify-content: center;
}
body#page__cases section#reason .flexbox_lower {
justify-content: space-between;
}
body#page__cases section#reason .reason_image__caption {
width: 18.125rem;
}
@media screen and (max-width: 768px) {
body#page__cases section#reason .reason_image__caption {
width: auto;
}
}
body#page__cases section#reason .reason_image__caption .caption_label {
font-size: 1.5rem;
line-height: 1;
font-weight: 700;
text-align: center;
}
@media screen and (max-width: 768px) {
body#page__cases section#reason .reason_image__caption .caption_label {
font-size: 1rem;
}
}
body#page__cases section#reason .reason_image__caption .caption_explain {
font-size: 0.8125rem;
text-align: center;
color: #777777;
margin-top: 1rem;
}
@media screen and (max-width: 768px) {
body#page__cases section#reason .reason_image__caption .caption_explain {
font-size: 0.75rem;
letter-spacing: 0.08em;
margin-top: 0.5rem;
}
}
body#page__cases section#reason .image_caption_01 .caption_label {
color: #1e3a5f;
}
@media screen and (max-width: 768px) {
body#page__cases section#reason .image_caption_02 {
max-width: calc((100% - 1rem) / 2);
}
}
body#page__cases section#reason .image_caption_02 .caption_label {
color: #00a9e0;
}
@media screen and (max-width: 768px) {
body#page__cases section#reason .image_caption_02 .caption_explain br {
display: none;
}
}
@media screen and (max-width: 768px) {
body#page__cases section#reason .image_caption_03 {
max-width: calc((100% - 1rem) / 2);
}
}
body#page__cases section#reason .image_caption_03 .caption_label {
color: #f6b20d;
}
@media screen and (max-width: 768px) {
body#page__cases section#reason .image_caption_03 .caption_explain br {
display: none;
}
}
body#page__cases section#case {
padding-top: 6.125rem;
padding-bottom: 8.125rem;
}
@media screen and (max-width: 768px) {
body#page__cases section#case {
padding-top: 3.875rem;
padding-bottom: 4rem;
}
}
body.blog .all_container,
body.category .all_container,
body.tag .all_container {
overflow: initial;
}
body.blog .archive_contents_wrapper,
body.category .archive_contents_wrapper,
body.tag .archive_contents_wrapper {
display: flex;
align-items: flex-start;
gap: 2.5rem 8.125rem;
}
@media screen and (max-width: 768px) {
body.blog .archive_contents_wrapper,
body.category .archive_contents_wrapper,
body.tag .archive_contents_wrapper {
flex-wrap: wrap;
}
}
body.blog .sidebar_contents,
body.category .sidebar_contents,
body.tag .sidebar_contents {
position: sticky;
top: 7.25rem;
flex-shrink: 0;
}
@media screen and (max-width: 768px) {
body.blog .sidebar_contents,
body.category .sidebar_contents,
body.tag .sidebar_contents {
position: static;
width: 100%;
}
}
body.blog .archive_main_contents,
body.category .archive_main_contents,
body.tag .archive_main_contents {
width: 100%;
}
body.blog .pagination,
body.category .pagination,
body.tag .pagination {
padding-right: 14.625rem;
margin-top: 3.375rem;
}
@media screen and (max-width: 768px) {
body.blog .pagination,
body.category .pagination,
body.tag .pagination {
padding-right: 0;
margin-top: 2rem;
}
}
body.post-type-archive-column .sidebar_contents .archive_list:nth-child(n + 2),
body.tax-column_category .sidebar_contents .archive_list:nth-child(n + 2),
body.tax-column_tag .sidebar_contents .archive_list:nth-child(n + 2) {
margin-top: 2.1875rem;
}
@media screen and (max-width: 768px) {
body.post-type-archive-column
.sidebar_contents
.archive_list:nth-child(n + 2),
body.tax-column_category .sidebar_contents .archive_list:nth-child(n + 2),
body.tax-column_tag .sidebar_contents .archive_list:nth-child(n + 2) {
margin-top: 1.5rem;
}
}
body.post-type-archive-column .archive_main_contents,
body.tax-column_category .archive_main_contents,
body.tax-column_tag .archive_main_contents {
margin-top: 3.375rem;
}
@media screen and (max-width: 768px) {
body.post-type-archive-column .archive_main_contents,
body.tax-column_category .archive_main_contents,
body.tax-column_tag .archive_main_contents {
margin-top: 1.5rem;
}
}
.pagination {
display: flex;
justify-content: center;
align-items: center;
gap: 2.6875rem;
width: 100%;
}
@media screen and (max-width: 768px) {
.pagination {
gap: 1.5rem;
}
}
.pagination ul.page-numbers {
display: flex;
justify-content: center;
align-items: center;
gap: 2.6875rem;
}
@media screen and (max-width: 768px) {
.pagination ul.page-numbers {
gap: 1.5rem;
}
}
.pagination ul.page-numbers li a.page-numbers,
.pagination ul.page-numbers li span.page-numbers {
display: inline-flex;
justify-content: center;
align-items: center;
font-size: 1rem;
line-height: 1;
letter-spacing: 0;
font-family: "Plus Jakarta Sans", sans-serif;
color: #1e3a5f;
cursor: pointer;
}
@media screen and (max-width: 768px) {
.pagination ul.page-numbers li a.page-numbers,
.pagination ul.page-numbers li span.page-numbers {
font-size: 0.875rem;
}
}
.pagination ul.page-numbers li a.page-numbers.current,
.pagination ul.page-numbers li span.page-numbers.current {
width: 3.9375rem;
height: 3.9375rem;
color: #fff;
background-color: #1e3a5f;
border-radius: 50%;
}
@media screen and (max-width: 768px) {
.pagination ul.page-numbers li a.page-numbers.current,
.pagination ul.page-numbers li span.page-numbers.current {
width: 2.875rem;
height: 2.875rem;
}
}
.pagination .page-prev,
.pagination .page-next {
display: inline-flex;
justify-content: center;
align-items: center;
width: 3.9375rem;
height: 3.9375rem;
background-color: #1e3a5f;
border-radius: 50%;
padding: 1.4375rem;
}
@media screen and (max-width: 768px) {
.pagination .page-prev,
.pagination .page-next {
width: 2.875rem;
height: 2.875rem;
padding: 1rem;
}
}
.pagination .page-prev img,
.pagination .page-next img {
object-fit: contain;
}
.pagination .page-prev.disabled,
.pagination .page-next.disabled {
opacity: 0.7;
}
.pagination .page-prev {
transform: rotate(180deg);
}
body.single .single_meta_wrapper {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 1.5rem;
}
@media screen and (max-width: 768px) {
body.single .single_meta_wrapper {
gap: 1rem;
}
}
body.single .single_co_date {
font-size: 0.875rem;
line-height: 1;
letter-spacing: 0;
font-weight: 600;
font-family: "Plus Jakarta Sans", sans-serif;
color: rgba(34, 34, 34, 0.39);
flex-shrink: 0;
}
body.single .single_co__cat_tag {
display: flex;
align-items: center;
gap: 1.5rem;
}
body.single .single_title {
position: relative;
z-index: 400;
font-size: 2.5rem;
line-height: 1.8;
border-bottom: 2px solid #dcdcdc;
padding-bottom: 4rem;
margin-top: 1.5rem;
margin-bottom: 4rem;
}
@media screen and (max-width: 768px) {
body.single .single_title {
font-size: 1.5rem;
padding-bottom: 1.5rem;
margin-bottom: 2rem;
}
}
body.single .single_title::after {
content: "";
position: absolute;
z-index: 1;
left: 0;
bottom: -2px;
display: block;
width: 7.5rem;
height: 2px;
background-color: #f6b20d;
}
@media screen and (max-width: 768px) {
body.single .single_title::after {
width: 3.75rem;
}
}
body.single .single_content_text {
margin-top: 2rem;
}
body.single .single_content_text :nth-child(n + 2) {
margin-top: 1rem;
}
body.single .single_content_text figure {
margin: 2.5rem 0 !important;
}
body.single .single_nav_wrapper {
display: flex;
justify-content: space-between;
margin-top: 4rem;
}
@media screen and (max-width: 768px) {
body.single .single_nav_wrapper {
margin-top: 2rem;
}
}
body.single .single_nav_wrapper .single_nav_item {
width: 9rem;
}
body.single .single_nav_wrapper .single_nav_item .btn {
width: 100%;
white-space: nowrap;
padding: 0;
}
@media screen and (max-width: 768px) {
body.single .single_nav_wrapper .single_nav_item .btn::after {
position: static;
transform: initial;
}
}
body.single .single_nav_wrapper .single_nav_item .btn.prev_post {
flex-direction: row-reverse;
}
body.single .single_nav_wrapper .single_nav_item .btn.prev_post::after {
transform: rotate(180deg);
}
body.single .single_nav_wrapper .single_nav_item .btn.return_list::after {
display: none;
}
@media screen and (max-width: 768px) {
body.single .single_nav_wrapper .single_nav_item__return {
display: none;
}
}
body#page__company section#overview {
padding-top: 8.125rem;
padding-bottom: 8.125rem;
}
@media screen and (max-width: 768px) {
body#page__company section#overview {
padding-top: 3.375rem;
padding-bottom: 4rem;
}
}
body#page__company section#overview .overview_map {
margin-top: 3.375rem;
}
@media screen and (max-width: 768px) {
body#page__company section#overview .overview_map {
margin-top: 2rem;
}
}
body#page__company section#overview .overview_map iframe {
height: 24.125rem;
}
body#page__company section#message {
background-color: #1e3a5f;
padding-top: 8.125rem;
padding-bottom: 8.125rem;
margin-bottom: 8.125rem;
}
@media screen and (max-width: 768px) {
body#page__company section#message {
padding-top: 1.5rem;
padding-bottom: 1.5rem;
margin-bottom: 4rem;
}
}
body#page__company section#message .message_contents_wrapper {
display: flex;
align-items: flex-start;
gap: 3.375rem;
color: #fff;
margin-top: 3.375rem;
}
@media screen and (max-width: 768px) {
body#page__company section#message .message_contents_wrapper {
flex-wrap: wrap;
}
}
body#page__company section#message .message_text_wrapper {
width: 100%;
}
body#page__company section#message .message_text_item:nth-child(n + 2) {
margin-top: 3.375rem;
}
body#page__company
section#message
.message_text_item
.message_text_item__title {
position: relative;
z-index: 400;
font-size: 2rem;
line-height: 1.5;
letter-spacing: 0;
font-weight: 700;
padding-bottom: 1.5rem;
border-bottom: 2px solid #dcdcdc;
}
@media screen and (max-width: 768px) {
body#page__company
section#message
.message_text_item
.message_text_item__title {
font-size: 1.5rem;
}
}
body#page__company
section#message
.message_text_item
.message_text_item__title::after {
content: "";
position: absolute;
z-index: 1;
left: 0;
bottom: -2px;
display: block;
width: 5.3125rem;
height: 2px;
background-color: #f6b20d;
}
@media screen and (max-width: 768px) {
body#page__company
section#message
.message_text_item
.message_text_item__title::after {
width: 3rem;
}
}
body#page__company
section#message
.message_text_item
.message_text_item__explain {
line-height: 1.8;
font-weight: 400;
margin-top: 1.5rem;
}
body#page__company
section#message
.message_text_item
.message_text_item__explain
p:nth-child(n + 2) {
margin-top: 1rem;
}
body#page__company section#message .message_image_wrapper {
width: 26.875rem;
flex-shrink: 0;
}
@media screen and (max-width: 768px) {
body#page__company section#message .message_image_wrapper {
width: 100%;
}
}
body#page__company section#message .message_image_wrapper .message_image__sign {
width: 11.375rem;
margin: 1rem 0 0 auto;
}
@media screen and (max-width: 768px) {
body#page__company
section#message
.message_image_wrapper
.message_image__sign {
width: 7.625rem;
}
}
body#page__contact .bg_white_area,
body#page__thanks .bg_white_area {
background-color: #fff;
box-shadow: 0 0.25rem 0.625rem rgba(0, 0, 0, 0.05);
padding: 4.5rem 2rem;
}
@media screen and (max-width: 768px) {
body#page__contact .bg_white_area,
body#page__thanks .bg_white_area {
padding: 1.5rem 1rem;
}
}
body#page__contact .bg_white_area > div,
body#page__thanks .bg_white_area > div {
max-width: 55.625rem;
margin-left: auto;
margin-right: auto;
}
body#page__contact .contact_title,
body#page__thanks .contact_title {
font-size: 1.5rem;
font-weight: 600;
margin-bottom: 0.625rem;
}
form {
margin-top: 2.25rem;
}
@media screen and (max-width: 768px) {
form {
margin-top: 1.5rem;
}
}
form .required::after {
content: "*";
color: #f6b20d;
}
form input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]),
form textarea {
width: 100%;
font-size: 1rem;
line-height: 2;
letter-spacing: 0.1em;
font-weight: 500;
font-family: "Noto Sans JP", sans-serif;
background-color: #f5f7fa;
border: 1px solid #cccccc;
border-radius: 0.5rem;
padding: 1.25rem;
}
form input[type="radio"],
form input[type="checkbox"] {
width: 1.0625rem;
height: 1.0625rem;
accent-color: #1e3a5f;
}
form .wpcf7-checkbox {
display: block;
padding-left: 1rem;
padding-top: 0.5rem;
}
form .wpcf7-checkbox span {
display: block;
margin: 0;
}
form .wpcf7-checkbox .wpcf7-list-item:nth-child(n + 2) {
margin-top: 1rem;
}
form .wpcf7-checkbox label {
display: flex;
align-items: center;
gap: 0.4375rem;
}
form .wpcf7-checkbox label .wpcf7-list-item-label {
font-size: 1.25rem;
line-height: 1;
letter-spacing: 0.04em;
}
@media screen and (max-width: 768px) {
form .wpcf7-checkbox label .wpcf7-list-item-label {
font-size: 1.125rem;
}
}
form .wpcf7-form-control-wrap {
display: block;
}
form .contact_form_wrapper {
width: 100%;
display: grid;
grid-template-columns: auto 1fr;
align-items: center;
gap: 1.5rem 2.25rem;
}
@media screen and (max-width: 768px) {
form .contact_form_wrapper {
grid-template-columns: 1fr;
gap: 1rem;
}
}
form .contact_form_wrapper .form_item__label {
font-size: 1rem;
font-weight: 600;
color: #646464;
padding: 1.25rem 2rem 1.25rem 0;
}
@media screen and (max-width: 768px) {
form .contact_form_wrapper .form_item__label {
padding: 0.5rem 0 0;
}
}
form .contact_form_wrapper .form_item__label#cf_detail__label {
height: 100%;
}
@media screen and (max-width: 768px) {
form .contact_form_wrapper .form_item__label#cf_detail__label {
height: auto;
}
}
form .acceptance_wrapper {
margin-top: 1.5rem;
}
form .acceptance_wrapper span {
display: block;
margin: 0;
}
form .acceptance_wrapper label {
display: flex;
justify-content: center;
align-items: center;
gap: 1rem;
}
form .acceptance_wrapper label .underline {
margin-right: 0.5rem;
}
form .submit_btn_wrapper {
position: relative;
display: flex;
justify-content: center;
align-items: center;
gap: 0.75rem;
max-width: 100%;
width: fit-content;
border-radius: 6.25rem;
margin: 2.25rem auto 0;
transition-duration: 0.4s;
z-index: 2;
overflow: hidden;
background-color: #1e3a5f;
border: 1px solid #1e3a5f;
pointer-events: auto;
}
form .submit_btn_wrapper::before {
content: "";
display: block;
position: absolute;
z-index: -1;
top: 50%;
left: 0;
right: 0;
width: 100%;
height: 0;
border-radius: 50%;
margin: auto;
padding-top: 100%;
opacity: 0;
pointer-events: none;
transform: translateY(-50%) scale(0.1);
transition: opacity 0.5s, transform 0s;
transition-delay: 0s, 0.4s;
}
form .submit_btn_wrapper .submit_btn {
height: 3.875rem;
font-size: 1.25rem;
line-height: 1;
color: #fff;
padding: 0 3.53125rem;
transition: all 0.3s ease;
background: none;
cursor: pointer;
}
form .submit_btn_wrapper:hover {
opacity: 1;
}
form .submit_btn_wrapper:hover::before {
background: #fff;
opacity: 1;
transform: translateY(-50%) scale(1.1);
transition-delay: 0s;
transition: opacity 0.8s, transform 0.6s ease;
}
form .submit_btn_wrapper:hover .submit_btn {
color: #1e3a5f;
}
form .submit_btn_wrapper .wpcf7-spinner {
position: absolute;
top: 100%;
left: 50%;
transform: translateX(-50%);
}
body:not(#page__frontpage):not(#page__our-business):not(#page__curriculum):not(
#page__cases
):not(#page__news):not(#page__contact):not(#page__thanks):not(.blog):not(
.archive
)
.page_contents_wrapper
h2,
body:not(#page__frontpage):not(#page__our-business):not(#page__curriculum):not(
#page__cases
):not(#page__news):not(#page__contact):not(#page__thanks):not(.blog):not(
.archive
)
.page_contents_wrapper
h3,
body:not(#page__frontpage):not(#page__our-business):not(#page__curriculum):not(
#page__cases
):not(#page__news):not(#page__contact):not(#page__thanks):not(.blog):not(
.archive
)
.page_contents_wrapper
h4 {
font-weight: 600;
margin: 2rem 0 0.5rem;
}
body:not(#page__frontpage):not(#page__our-business):not(#page__curriculum):not(
#page__cases
):not(#page__news):not(#page__contact):not(#page__thanks):not(.blog):not(
.archive
)
.page_contents_wrapper
h2 {
font-size: 2rem;
}
body:not(#page__frontpage):not(#page__our-business):not(#page__curriculum):not(
#page__cases
):not(#page__news):not(#page__contact):not(#page__thanks):not(.blog):not(
.archive
)
.page_contents_wrapper
h3 {
font-size: 1.5rem;
}
body:not(#page__frontpage):not(#page__our-business):not(#page__curriculum):not(
#page__cases
):not(#page__news):not(#page__contact):not(#page__thanks):not(.blog):not(
.archive
)
.page_contents_wrapper
h4 {
font-size: 1.125rem;
}
body:not(#page__frontpage):not(#page__our-business):not(#page__curriculum):not(
#page__cases
):not(#page__news):not(#page__contact):not(#page__thanks):not(.blog):not(
.archive
)
.page_contents_wrapper
a {
text-decoration: underline;
}