@charset "UTF-8";

body {
font-family: "Noto Sans JP", sans-serif;
font-weight: 400;
color: #000000;
line-height: 1.8;
letter-spacing: 0;
}
.accordion_area {
border-top: 1px solid #cfcfcf;
}
.accordion_area .acc_item {
border-bottom: 1px solid #cfcfcf;
transition: all 0.5s ease;
}
.accordion_area .acc_item .accordion_title {
position: relative;
z-index: 400;
font-size: 1.5rem;
font-weight: 400;
color: #024e9b;
padding: 2.25rem 4.6875rem;
cursor: pointer;
transition: all 0.5s ease;
}
@media screen and (max-width: 768px) {
.accordion_area .acc_item .accordion_title {
padding: 2rem 3.25rem;
}
}
.accordion_area .acc_item .accordion_title__number {
position: absolute;
left: 0;
top: 2.25rem;
}
@media screen and (max-width: 768px) {
.accordion_area .acc_item .accordion_title__number {
top: 2rem;
}
}
.accordion_area .acc_item .accordion_title::before,
.accordion_area .acc_item .accordion_title::after {
content: "";
position: absolute;
top: 48%;
right: 0;
width: 1.25rem;
height: 1px;
background-color: #000000;
transition: all 0.5s ease;
}
.accordion_area .acc_item .accordion_title::before {
transform: rotate(0deg);
}
.accordion_area .acc_item .accordion_title::after {
transform: rotate(90deg);
}
.accordion_area .acc_item .accordion_title.open::before {
transform: rotate(180deg);
}
.accordion_area .acc_item .accordion_title.open::after {
transform: rotate(0deg);
}
.accordion_area .acc_item .accordion_box {
max-height: 0;
overflow: hidden;
transition: max-height 0.5s ease;
}
.accordion_area .acc_item .accordion_box__inner {
display: grid;
grid-template-columns: 18.375rem auto;
}
@media screen and (max-width: 768px) {
.accordion_area .acc_item .accordion_box__inner {
grid-template-columns: 7.875rem auto;
}
}
.accordion_area .acc_item .accordion_box__inner dt,
.accordion_area .acc_item .accordion_box__inner dd {
padding: 2rem 0;
border-bottom: 1px solid #cfcfcf;
}
.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: 1rem;
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: 3rem;
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: #fff;
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%;
min-height: 100vh;
background-color: #000000;
overflow-x: auto;
max-width: 37.5rem;
right: -100%;
}
}
.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: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;
}
}
.modal_overlay {
position: fixed;
z-index: 9999;
inset: 0;
display: flex;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
opacity: 0;
transition: background-color 0.3s, opacity 0.3s;
}
.modal_overlay.active {
opacity: 1;
}
.modal_overlay .modal_content {
position: relative;
padding: 3rem 1.5rem;
transition: opacity 0.3s, transform 0.3s;
}
.modal_overlay .modal_content .cross_btn {
position: absolute;
top: 0;
right: 0;
font-size: 2rem;
color: #fff;
transition: opacity 0.3s, transform 0.3s;
cursor: pointer;
}
.modal_overlay .modal_content .cross_btn:hover {
transform: scale(1.1);
}
.modal_overlay .content_inner > iframe {
max-width: 100%;
width: 51rem;
height: auto;
max-height: 100%;
aspect-ratio: 16/9;
margin-left: auto;
margin-right: auto;
}
.swiper-slide {
aspect-ratio: 16/9;
transition: all 0.5s ease;
}
.reverseSwiper {
margin-top: 1.25rem;
}
.swiper-wrapper {
transition-timing-function: linear !important;
} * {
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,
picture {
display: block;
max-width: 100%;
width: 100%;
}
table {
width: 100%;
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 screen and (max-width: 375px) {
html {
font-size: 4.2666666667vw;
}
} @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_1180 {
max-width: calc(1180px + 1.875rem);
margin: 0 auto;
padding: 0 0.9375rem;
}
.innerbox_1120 {
max-width: calc(1120px + 1.875rem);
margin: 0 auto;
padding: 0 0.9375rem;
}
.innerbox_980 {
max-width: calc(980px + 1.875rem);
margin: 0 auto;
padding: 0 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: 1em;
}
ol > li > ul {
list-style: lower-alpha;
padding-left: 1em;
}
ol > li > ul > li > ul {
list-style: lower-roman;
padding-left: 1em;
}
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: 7.1875rem;
padding-bottom: 7.1875rem;
}
@media screen and (max-width: 768px) {
.page_contents_wrapper {
padding-top: 5rem;
padding-bottom: 5rem;
}
}
.archive_contents_wrapper {
padding-top: 5.3125rem;
padding-bottom: 7.1875rem;
}
@media screen and (max-width: 768px) {
.archive_contents_wrapper {
padding-top: 5rem;
padding-bottom: 5rem;
}
}
.single_contents_wrapper {
padding-top: 6.5rem;
padding-bottom: 6.5rem;
}
@media screen and (max-width: 768px) {
.single_contents_wrapper {
padding-top: 5rem;
padding-bottom: 5rem;
}
}
.page_title {
padding-top: 7.1875rem;
padding-bottom: 5.8125rem;
}
@media screen and (max-width: 768px) {
.page_title {
padding-top: 5rem;
padding-bottom: 4rem;
}
}
.page_title_inner span {
display: block;
line-height: 1;
}
.page_title__en {
font-size: 4rem;
font-weight: 800;
font-family: "Lato", sans-serif;
text-transform: uppercase;
}
@media screen and (max-width: 768px) {
.page_title__en {
font-size: 3rem;
}
}
.page_title__ja {
font-size: 1.125rem;
font-weight: 700;
margin-top: 1rem;
}
@media screen and (max-width: 768px) {
.page_title__ja {
font-size: 1rem;
margin-top: 0.5rem;
}
}
section#breadcrumb {
padding: 1rem 0;
border-bottom: 1px solid #bababa;
}
section#breadcrumb .breadcrumb_inner {
display: flex;
flex-wrap: nowrap;
justify-content: right;
align-items: center;
}
section#breadcrumb .breadcrumb_inner .breadcrumb_item {
font-size: 0.875rem;
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 a {
text-decoration: underline;
}
section#breadcrumb .breadcrumb_inner .breadcrumb_item:nth-child(n + 2) {
margin-left: 0.75rem;
}
section#breadcrumb .breadcrumb_inner .breadcrumb_item:nth-child(n + 2)::before {
content: "・";
font-size: inherit;
line-height: inherit;
color: #000000;
margin-right: 0.75rem;
}
section#breadcrumb .breadcrumb_inner .breadcrumb_item:nth-last-child(1) {
white-space: nowrap;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
max-height: 1.8em;
}
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;
}
.single_nav_wrapper {
display: flex;
justify-content: space-between;
margin-top: 7.1875rem;
}
@media screen and (max-width: 768px) {
.single_nav_wrapper {
margin-top: 4rem;
}
}
.single_nav_wrapper .single_nav_item__center a {
width: 14.6875rem;
height: 3.25rem;
padding: 0;
}
@media screen and (max-width: 768px) {
.single_nav_wrapper .single_nav_item__center a {
width: 12.75rem;
}
}
.single_nav_wrapper .single_nav_item__prev,
.single_nav_wrapper .single_nav_item__next {
width: 3.25rem;
height: 3.25rem;
}
.single_nav_wrapper .single_nav_item__prev a,
.single_nav_wrapper .single_nav_item__next a {
display: block;
width: 100%;
height: 100%;
}
.single_nav_wrapper .single_nav_item__prev a img,
.single_nav_wrapper .single_nav_item__next a img {
width: 100%;
height: 100%;
padding: 1rem;
object-fit: contain;
border: 1px solid #000000;
border-radius: 50%;
}
.single_nav_wrapper .single_nav_item__prev a img {
transform: rotate(180deg);
} body {
background-color: #f2f2f2;
}
main {
padding-top: 5rem;
}
@media screen and (max-width: 768px) {
main {
padding-top: 3.5rem;
}
} #header {
position: fixed;
z-index: 999;
top: 0;
left: 0;
right: 0;
width: 100%;
height: 5rem;
background-color: #000000;
}
@media screen and (max-width: 768px) {
#header {
height: 3.5rem;
}
}
#header .header_inner {
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
height: 100%;
padding: 0 0.9375rem;
}
#header .header_logo {
display: block;
}
#header .header_logo .logo {
width: 3.75rem;
}
@media screen and (max-width: 768px) {
#header .header_logo .logo {
width: 2.875rem;
}
}
#header .header_right {
line-height: 2;
letter-spacing: 0.05em;
color: #fff;
}
#header .hamburger_menu_list {
display: flex;
align-items: center;
gap: 1.5rem;
}
@media screen and (max-width: 768px) {
#header .hamburger_menu_list {
flex-direction: column;
justify-content: center;
height: 100%;
}
}
#header .hamburger_menu_list .menu-item a {
display: block;
}
@media screen and (max-width: 768px) {
#header .hamburger_menu_list .menu-item__contact {
margin-top: 1rem;
}
}
#header .hamburger_menu_list .menu-item__contact a {
padding: 0.3125rem 2rem;
border: 1px solid #fff;
border-radius: 6.25rem;
}
@media screen and (max-width: 768px) {
#header .menu-headermenu-container {
height: 100%;
}
} #footer {
color: #fff;
background-image: url(//vaience.co.jp/wp-content/themes/vaience_co_jp__2025/assets/img/common/footer_bg.webp);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
#footer_contact {
padding-top: 12.625rem;
padding-bottom: 10.375rem;
border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}
@media screen and (max-width: 768px) {
#footer_contact {
padding-top: 5rem;
padding-bottom: 5rem;
}
}
#footer_contact .contact_contents_wrapper {
display: flex;
justify-content: space-between;
align-items: flex-end;
gap: 2.5rem 2rem;
}
@media screen and (max-width: 768px) {
#footer_contact .contact_contents_wrapper {
flex-wrap: wrap;
}
}
#footer_contact .contact_explain {
margin-top: 2rem;
}
@media screen and (max-width: 768px) {
#footer_contact .contact_explain {
width: 100%;
margin-top: 2.5rem;
}
}
#footer_contact .contact_btn_wrapper {
flex-shrink: 0;
}
@media screen and (max-width: 768px) {
#footer_contact .contact_btn_wrapper {
width: 100%;
}
}
#footer_contact .contact_btn_wrapper .btn_arrow {
justify-content: space-between;
width: 24.25rem;
height: 5.1875rem;
font-size: 1.125rem;
padding-left: 2.375rem;
padding-right: 2.375rem;
border: 1px solid #fff;
border-radius: 6.25rem;
}
@media screen and (max-width: 768px) {
#footer_contact .contact_btn_wrapper .btn_arrow {
font-size: 1rem;
padding-left: 2.125rem;
padding-right: 2.125rem;
}
}
#footer_contact .contact_btn_wrapper .btn_arrow .arrow {
width: 2.125rem;
height: 2.125rem;
border: none;
padding: 0;
}
#footer_contact .contact_btn_wrapper .btn_arrow:hover .arrow {
transform: translateX(0.75rem);
}
#footer_nav {
padding-top: 4.5625rem;
padding-bottom: 0.5rem;
}
@media screen and (max-width: 768px) {
#footer_nav {
padding-top: 3.3125rem;
}
}
#footer_nav .nav_inner {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
@media screen and (max-width: 768px) {
#footer_nav .nav_inner {
flex-direction: column;
align-items: center;
}
}
#footer_nav .nav_title {
font-size: 1rem;
letter-spacing: 0.05em;
line-height: 2;
font-weight: 700;
}
#footer_nav .nav_title .logo {
width: 6.6875rem;
}
@media screen and (max-width: 768px) {
#footer_nav .nav_title .logo {
margin: 0 auto;
}
}
#footer_nav .nav_title .name {
display: block;
margin-top: 2.625rem;
}
@media screen and (max-width: 768px) {
#footer_nav .nav_title .name {
margin-top: 1.5rem;
}
}
#footer_nav .nav_right {
padding-top: 4.5625rem;
}
@media screen and (max-width: 768px) {
#footer_nav .nav_right {
padding-top: 2.25rem;
}
}
#footer_nav .nav_sns_list {
display: flex;
justify-content: right;
gap: 1.375rem;
}
#footer_nav .nav_sns_list_item {
display: block;
}
#footer_nav .nav_sns_list_item img {
width: auto;
height: 2rem;
object-fit: contain;
}
#footer_nav .footer_menu_list {
display: flex;
flex-wrap: wrap;
gap: 0.5rem 2rem;
max-width: 31.25rem;
margin-top: 2.625rem;
}
@media screen and (max-width: 768px) {
#footer_nav .footer_menu_list {
flex-direction: column;
align-items: center;
margin-top: 4rem;
}
}
#footer_nav .footer_menu_list .menu-item a {
display: block;
line-height: 2;
letter-spacing: 0.05em;
}
#footer_nav .nav_bottom {
width: 100%;
padding-top: 4.3125rem;
}
@media screen and (max-width: 768px) {
#footer_nav .nav_bottom {
padding-top: 4rem;
}
}
#footer_nav .copyright {
font-size: 0.875rem;
letter-spacing: 0.04em;
line-height: 2;
font-family: "Lato", sans-serif;
text-align: center;
} section#recruit {
color: #fff;
background-image: url(//vaience.co.jp/wp-content/themes/vaience_co_jp__2025/assets/img/common/recruit_bg.webp);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
padding-top: 7.1875rem;
padding-bottom: 7.1875rem;
}
@media screen and (max-width: 768px) {
section#recruit {
padding-top: 5rem;
padding-bottom: 5rem;
}
}
section#recruit .recruit_contents_wrapper {
display: flex;
justify-content: space-between;
align-items: center;
gap: 2.5rem 2rem;
margin-top: 2.125rem;
}
@media screen and (max-width: 768px) {
section#recruit .recruit_contents_wrapper {
flex-wrap: wrap;
margin-top: 2.5rem;
}
}
section#recruit .recruit_explain {
width: 100%;
}
section#recruit .recruit_btn_wrapper {
flex-shrink: 0;
}
@media screen and (max-width: 768px) {
section#recruit .recruit_btn_wrapper {
width: 100%;
}
}
@media screen and (max-width: 768px) {
section#recruit .recruit_btn_wrapper .btn {
margin-left: auto;
}
}
.section_title span {
display: block;
line-height: 1;
}
.section_title__en {
font-size: 4rem;
font-weight: 800;
font-family: "Lato", sans-serif;
}
@media screen and (max-width: 768px) {
.section_title__en {
font-size: 3rem;
}
}
.section_title__ja {
font-size: 1.125rem;
font-weight: 700;
margin-top: 1rem;
}
@media screen and (max-width: 768px) {
.section_title__ja {
font-size: 1rem;
margin-top: 0.5rem;
}
}
.section_explain {
margin-top: 2.25rem;
}
#page_subtitle {
padding: 7.1875rem 0.9375rem;
}
@media screen and (max-width: 768px) {
#page_subtitle {
padding: 5rem 0.9375rem;
}
}
#page_subtitle > h2 {
font-size: 3.5rem;
letter-spacing: 0.05em;
font-weight: 900;
text-align: center;
}
@media screen and (max-width: 768px) {
#page_subtitle > h2 {
font-size: 2rem;
}
}
#page_subtitle > p {
font-size: 1rem;
text-align: center;
margin-top: 1.5rem;
}
.target_blank {
display: inline-flex;
align-items: center;
gap: 0.1875rem;
white-space: nowrap;
}
.target_blank::after {
content: "";
display: block;
width: 0.9375rem;
height: 0.9375rem;
background-image: url(//vaience.co.jp/wp-content/themes/vaience_co_jp__2025/assets/img/common/icon_link.webp);
background-position: center;
background-repeat: no-repeat;
background-size: contain;
}
.btn {
display: flex;
justify-content: center;
align-items: center;
max-width: 100%;
}
.btn:hover {
opacity: 1;
}
.btn_maincolor {
width: fit-content;
height: 3.625rem;
color: #fff;
background-color: #000000;
border: 1px solid #000000;
border-radius: 2rem;
padding: 0 4.375rem;
}
.btn_maincolor:hover {
color: #000000;
background-color: #fff;
}
.btn_arrow {
gap: 0.875rem;
width: fit-content;
font-size: 0.875rem;
font-weight: 700;
line-height: 1;
}
.btn_arrow .arrow {
width: 3.25rem;
height: 3.25rem;
object-fit: contain;
padding: 1rem;
border: 1px solid #000000;
border-radius: 50%;
transition: all 0.3s ease;
}
.btn_arrow:hover .arrow {
padding-inline: 1.5rem 0.5rem;
}
.btn_arrow__white {
color: #fff;
}
.btn_arrow__white .arrow {
border-color: #fff;
}
.btn.target_blank {
gap: 0.75rem;
min-width: 18.75rem;
width: fit-content;
min-height: 4.5rem;
font-size: 1rem;
line-height: 1;
font-weight: 700;
color: #fff;
background-color: #000000;
border: 1px solid #000000;
border-radius: 6.25rem;
padding: 0.25rem 1rem;
}
.btn.target_blank::after {
width: 1.1875rem;
height: 1.1875rem;
}
.btn.target_blank:hover {
color: #000000;
background-color: #fff;
}
.btn.target_blank:hover::after {
background-image: url(//vaience.co.jp/wp-content/themes/vaience_co_jp__2025/assets/img/common/icon_link_black.webp);
}
section.contact .section_title {
text-align: center;
margin-bottom: 3.875rem;
}
@media screen and (max-width: 768px) {
section.contact .section_title {
margin-bottom: 2.5rem;
}
}
section.contact .contact_form_wrapper {
background-color: #fff;
padding: 3.4375rem;
box-shadow: 0 0.25rem 1.875rem rgba(2, 78, 155, 0.1);
border-radius: 0.5rem;
}
@media screen and (max-width: 768px) {
section.contact .contact_form_wrapper {
padding: 3.4375rem 1rem;
}
}
section.contact
input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]),
section.contact textarea,
section.contact select {
width: 100%;
min-height: 3.625rem;
font-size: 1rem;
line-height: 1.8;
font-weight: 400;
font-family: "Noto Sans JP", sans-serif;
background-color: #ebebeb;
box-shadow: 0.125rem 0.25rem 0.25rem rgba(0, 0, 0, 0.04) inset;
padding: 0.5rem 1rem;
}
section.contact input[type="radio"],
section.contact input[type="checkbox"] {
accent-color: #000000;
}
section.contact input[type="radio"] {
width: 1.6875rem;
height: 1.6875rem;
}
section.contact input[type="checkbox"] {
width: 0.75rem;
height: 0.75rem;
}
section.contact input[type="submit"] {
display: flex;
justify-content: center;
align-items: center;
width: 19.6875rem;
height: 3.625rem;
font-size: 1rem;
line-height: 1.8;
font-weight: 600;
font-family: "Noto Sans JP", sans-serif;
color: #fff;
background-color: #000000;
border: 1px solid #000000;
border-radius: 6.25rem;
cursor: pointer;
transition: all 0.3s ease;
}
section.contact input[type="submit"]:hover {
color: #000000;
background-color: #fff;
}
section.contact input[type="submit"]:disabled {
pointer-events: none;
opacity: 0.6;
}
section.contact .contact_form__explain {
font-size: 1rem;
text-align: center;
margin-bottom: 2.5rem;
}
section.contact .contact_form__explain .small {
font-size: 0.875rem;
}
section.contact .contact_form .form_item {
display: flex;
align-items: flex-start;
gap: 1rem 6.25rem;
margin-top: 2rem;
}
@media screen and (max-width: 768px) {
section.contact .contact_form .form_item {
flex-wrap: wrap;
}
}
section.contact .contact_form .form_item__label {
display: flex;
align-items: center;
gap: 0.625rem;
flex-shrink: 0;
min-width: 13.125rem;
font-weight: 600;
white-space: nowrap;
padding: 0.90625rem 0;
}
@media screen and (max-width: 768px) {
section.contact .contact_form .form_item__label {
width: 100%;
padding: 0;
}
}
section.contact .contact_form .form_item__label .required {
display: inline-block;
font-size: 0.875rem;
color: #ff0000;
}
section.contact .contact_form .form_item__input {
width: 100%;
}
section.contact .contact_form .form_item__radio span {
display: block;
margin: 0;
}
section.contact .contact_form .form_item__radio .wpcf7-list-item {
margin-top: 1rem;
}
section.contact .contact_form .form_item__radio .wpcf7-list-item > label {
display: flex;
align-items: center;
gap: 1.25rem;
}
section.contact .acceptance_wrapper {
margin-top: 2rem;
}
section.contact .acceptance_wrapper span {
display: block;
margin: 0;
}
section.contact .acceptance_wrapper .wpcf7-list-item > label {
display: flex;
justify-content: center;
align-items: center;
gap: 1rem;
}
section.contact .acceptance_wrapper .target_blank {
color: #024e9b;
border-bottom: 1px solid #024e9b;
margin-right: 0.5rem;
}
section.contact .acceptance_wrapper .target_blank::after {
background-image: url(//vaience.co.jp/wp-content/themes/vaience_co_jp__2025/assets/img/common/icon_link_blue.webp);
}
section.contact .submit_wrapper {
display: flex;
flex-direction: column;
align-items: center;
margin-top: 2rem;
}
section#confirm_contact .contact_form .form_item__label {
padding: 0;
} section#top_fv {
display: flex;
align-items: flex-end;
aspect-ratio: 1440/697;
background-image: url(//vaience.co.jp/wp-content/themes/vaience_co_jp__2025/assets/img/top/fv_bg.webp);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
padding: 1.875rem 2.5rem;
}
@media screen and (max-width: 768px) {
section#top_fv {
aspect-ratio: 390/460;
padding: 1.875rem 0.625rem;
}
}
section#top_fv .fv_title img {
width: 38.5rem;
}
@media screen and (max-width: 768px) {
section#top_fv .fv_title img {
width: 19.15625rem;
}
}
section#top_news {
padding-top: 7.1875rem;
padding-bottom: 2.25rem;
}
@media screen and (max-width: 768px) {
section#top_news {
padding-top: 3.5rem;
padding-bottom: 1.75rem;
}
}
section#top_news .news_inner {
display: flex;
align-items: flex-start;
gap: 2.5rem 8.125rem;
}
@media screen and (max-width: 768px) {
section#top_news .news_inner {
flex-wrap: wrap;
}
}
section#top_news .section_title {
flex-shrink: 0;
}
@media screen and (max-width: 768px) {
section#top_news .section_title {
width: 100%;
}
}
section#top_news .news_contents_wrapper {
width: 100%;
}
section#top_news .news_btn_wrapper {
margin-top: 1.25rem;
}
section#top_news .news_btn_wrapper .btn {
margin-left: auto;
}
section#top_about {
padding-top: 2.25rem;
padding-bottom: 4.5rem;
}
@media screen and (max-width: 768px) {
section#top_about {
padding-top: 1.75rem;
padding-bottom: 4.9375rem;
}
}
section#top_about .about_btn_wrapper {
margin-top: 3rem;
}
@media screen and (max-width: 768px) {
section#top_about .about_btn_wrapper {
margin-top: 2.5rem;
}
}
section#top_about .about_btn_wrapper .btn {
margin-left: auto;
}
section#top_about .about_slider_wrapper {
margin-top: 2.25rem;
}
section#top_about .about_links_wrapper {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 1rem 1.25rem;
margin-top: 2.25rem;
} section#company_overview .overview__title {
font-size: 2.25rem;
letter-spacing: 0.1em;
font-weight: 600;
text-align: center;
}
@media screen and (max-width: 768px) {
section#company_overview .overview__title {
font-size: 1.5rem;
}
}
section#company_overview .overview__details {
display: grid;
grid-template-columns: 30% 70%;
border-top: 1px solid #bababa;
margin-top: 1.5rem;
}
@media screen and (max-width: 768px) {
section#company_overview .overview__details {
grid-template-columns: 1fr;
}
}
section#company_overview .overview__details dt,
section#company_overview .overview__details dd {
font-size: 1rem;
line-height: 1.2;
border-bottom: 1px solid #bababa;
}
section#company_overview .overview__details dt {
font-weight: 700;
padding: 2.125rem 6.25rem;
}
@media screen and (max-width: 768px) {
section#company_overview .overview__details dt {
padding: 1.5rem 1rem 0.5rem;
border-bottom: none;
}
}
section#company_overview .overview__details dd {
font-weight: 500;
padding: 2.125rem 0;
}
@media screen and (max-width: 768px) {
section#company_overview .overview__details dd {
padding: 0.5rem 1rem 1.5rem;
}
} section#service {
color: #fff;
background-color: #000000;
padding-top: 7.1875rem;
padding-bottom: 7.1875rem;
}
@media screen and (max-width: 768px) {
section#service {
padding-top: 5rem;
padding-bottom: 5rem;
}
}
section#service_explain {
display: flex;
gap: 2rem 4rem;
margin-top: 2.5rem;
}
@media screen and (max-width: 768px) {
section#service_explain {
flex-wrap: wrap;
}
}
section#service_explain .explain_item {
display: flex;
flex-direction: column;
justify-content: space-between;
min-height: 38.4375rem;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
padding: 2rem;
border: 1px solid rgba(255, 255, 255, 0.5);
box-shadow: 0 0.25rem 1rem rgba(255, 255, 255, 0.25);
border-radius: 0.5rem;
flex: 1;
}
@media screen and (max-width: 768px) {
section#service_explain .explain_item {
width: 100%;
min-height: 34.6875rem;
padding: 1.5rem;
}
}
section#service_explain .explain_item__inner {
flex-grow: 1;
}
section#service_explain .explain_item__title {
font-size: 2.5rem;
line-height: 1;
font-weight: 800;
font-family: "Lato", sans-serif;
padding-bottom: 2rem;
border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}
@media screen and (max-width: 768px) {
section#service_explain .explain_item__title {
font-size: 2rem;
padding-bottom: 1.5rem;
}
}
section#service_explain .explain_item__text {
margin-top: 2rem;
}
@media screen and (max-width: 768px) {
section#service_explain .explain_item__text {
margin-top: 1.5rem;
}
}
section#service_explain .explain_item__btn_wrapper {
margin-top: 2rem;
}
section#service_explain .explain_item__btn_wrapper .btn {
margin-left: auto;
}
section#service_explain .explain_item__btn_wrapper .btn .arrow {
transform: rotate(-45deg);
}
section#service_explain .explain_item__number {
font-size: 6.25rem;
line-height: 1;
font-weight: 600;
font-family: "Lato", sans-serif;
opacity: 0.2;
}
section#service_explain .explain_item__nosymbol {
background-image: url(//vaience.co.jp/wp-content/themes/vaience_co_jp__2025/assets/img/service/service_logo__vaience.webp);
}
section#service_explain .explain_item__business {
background-image: url(//vaience.co.jp/wp-content/themes/vaience_co_jp__2025/assets/img/service/service_logo__business.webp);
}
section#service_achievement {
margin-top: 7.1875rem;
}
@media screen and (max-width: 768px) {
section#service_achievement {
margin-top: 5rem;
}
}
section#service_achievement .achievement_child:nth-child(n + 2) {
padding-top: 4rem;
margin-top: 4rem;
border-top: 1px solid rgba(255, 255, 255, 0.5);
}
section#service_achievement .achievement_child__title {
font-size: 2rem;
letter-spacing: 0.1em;
font-weight: 600;
text-align: center;
}
@media screen and (max-width: 768px) {
section#service_achievement .achievement_child__title {
font-size: 1.5rem;
}
}
section#service_achievement .achievement_item_wrapper {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 2rem 4.5rem;
margin-top: 1.5rem;
}
@media screen and (max-width: 768px) {
section#service_achievement .achievement_item_wrapper {
flex-direction: column;
align-items: center;
}
}
section#service_achievement .achievement_item span {
display: block;
}
section#service_achievement .achievement_item__number {
font-size: 3.28125rem;
font-family: "Poppins", sans-serif;
text-align: center;
}
@media screen and (max-width: 768px) {
section#service_achievement .achievement_item__number {
font-size: 3.5rem;
}
}
section#service_achievement .achievement_item__label {
font-size: 1rem;
text-align: center;
margin-top: 0.625rem;
}
section#service_achievement .achievement_item__blue .achievement_item__number {
background: linear-gradient(
99.09deg,
#0599ec 7.54%,
#00a9fe 39.69%,
#0284f8 71.41%,
#0281f8 94.25%
);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
section#service_achievement .achievement_item__gold .achievement_item__number {
background: linear-gradient(
99.09deg,
#d4af37 7.54%,
#c1902f 39.69%,
#a6761f 71.41%,
#6e4c10 94.25%
);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
section#service_offerings {
padding-top: 7.1875rem;
}
@media screen and (max-width: 768px) {
section#service_offerings {
padding-top: 5rem;
}
}
section#service_offerings .offerings_title {
width: 0;
height: 0;
opacity: 0;
visibility: hidden;
overflow: hidden;
}
section#service_offerings .service_offerings_inner {
display: flex;
flex-wrap: wrap;
gap: 2.5rem;
}
section#service_offerings .offerings_item {
width: calc((100% - 5rem) / 3);
background: linear-gradient(
123.86deg,
rgba(2, 78, 155, 0.7) 7.19%,
rgba(2, 109, 203, 0.5) 49.78%,
rgba(2, 130, 248, 0.3) 92.37%
);
padding: 2rem;
border-radius: 0.5rem;
}
@media screen and (max-width: 768px) {
section#service_offerings .offerings_item {
width: 100%;
}
}
section#service_offerings .offerings_item__icon {
width: 5.8125rem;
height: 5.8125rem;
object-fit: contain;
margin-left: auto;
margin-right: auto;
}
section#service_offerings .offerings_item__title {
font-size: 1.5rem;
line-height: 1.2;
font-weight: 600;
text-align: center;
margin-top: 1.5rem;
}
section#service_offerings .offerings_item__text {
font-size: 1rem;
margin-top: 1.5rem;
}
section#service_contact {
padding-top: 7.1875rem;
padding-bottom: 7.1875rem;
}
@media screen and (max-width: 768px) {
section#service_contact {
padding-top: 5rem;
padding-bottom: 5rem;
}
} section#recruit_contact {
padding-top: 7.1875rem;
padding-bottom: 7.1875rem;
}
@media screen and (max-width: 768px) {
section#recruit_contact {
padding-top: 5rem;
padding-bottom: 5rem;
}
} .post_co {
display: flex;
align-items: center;
gap: 0.875rem 1rem;
padding: 1.5rem 0;
}
@media screen and (max-width: 768px) {
.post_co {
flex-wrap: wrap;
padding: 1.3125rem 0;
}
}
.post_co:nth-child(n + 2) {
border-top: 1px solid #cfcfcf;
}
.post_co__date {
font-size: 1.125rem;
line-height: 1;
font-weight: 500;
font-family: "Lato", sans-serif;
flex-shrink: 0;
}
.post_co__categories {
padding-right: 1.125rem;
flex-shrink: 0;
}
@media screen and (max-width: 768px) {
.post_co__categories {
padding-right: 0;
}
}
.post_co__title {
font-size: 1.125rem;
line-height: 1.2;
font-weight: 500;
}
@media screen and (max-width: 768px) {
.post_co__title {
width: 100%;
}
}
.categories_wrapper {
display: flex;
flex-wrap: wrap;
gap: 0.5rem;
}
.cat_item {
display: inline-block;
min-width: 7.25rem;
font-size: 0.875rem;
line-height: 1;
font-weight: 700;
font-family: "Zen Kaku Gothic New", sans-serif;
text-align: center;
white-space: nowrap;
color: #fff;
background: linear-gradient(
99.09deg,
#0599ec 7.54%,
#00a9fe 39.69%,
#0284f8 71.41%,
#0281f8 94.25%
);
padding: 0.375rem 1rem;
border-radius: 6.25rem;
}
.pagination {
display: flex;
justify-content: center;
align-items: center;
gap: 2rem;
margin-top: 5.6875rem;
}
.pagination .page-numbers {
display: inline-flex;
justify-content: center;
align-items: center;
font-size: 1rem;
line-height: 1;
font-weight: 700;
font-family: "Lato", sans-serif;
text-align: center;
}
.pagination .page-numbers.current {
width: 3.25rem;
height: 3.25rem;
color: #fff;
background-color: #000000;
border-radius: 50%;
}
.pagination .page-numbers.prev,
.pagination .page-numbers.next {
border: 1px solid #000000;
border-radius: 50%;
}
.pagination .page-numbers.prev img,
.pagination .page-numbers.next img {
width: 3.25rem;
height: 3.25rem;
padding: 1rem;
object-fit: contain;
}
.pagination .page-numbers.prev {
transform: rotate(180deg);
}
.archive_list.category_list {
display: flex;
flex-wrap: wrap;
gap: 1.5rem;
margin-bottom: 4.5rem;
}
@media screen and (max-width: 768px) {
.archive_list.category_list {
gap: 1rem;
margin-bottom: 4rem;
}
}
.archive_list.category_list .cat_item {
position: relative;
z-index: 400;
font-size: 1rem;
font-family: "Noto Sans JP", sans-serif;
padding: 0.78125rem 3rem;
}
@media screen and (max-width: 768px) {
.archive_list.category_list .cat_item {
padding: 0.78125rem 2rem;
}
}
.archive_list.category_list .cat_item.current {
color: #00aff4;
background: #fff;
pointer-events: none;
} body.single .single_title {
font-size: 2rem;
line-height: 1.2;
font-weight: 600;
}
@media screen and (max-width: 768px) {
body.single .single_title {
font-size: 1.5rem;
}
}
body.single .single_meta_wrapper {
display: flex;
justify-content: space-between;
align-items: center;
margin-top: 1.75rem;
}
body.single .single_co_date {
font-size: 1.125rem;
line-height: 1;
font-weight: 500;
font-family: "Lato", sans-serif;
}
body.single .single_co_image {
max-height: 90vh;
object-fit: contain;
margin-top: 3rem;
}
@media screen and (max-width: 768px) {
body.single .single_co_image {
margin-top: 2.5rem;
}
}
body.single .single_content_text {
margin-top: 3rem;
}
@media screen and (max-width: 768px) {
body.single .single_content_text {
margin-top: 2.5rem;
}
}
body.single .single_content_text h2,
body.single .single_content_text h3,
body.single .single_content_text h4,
body.single .single_content_text h5,
body.single .single_content_text h6 {
margin: 2rem 0 1rem;
}
body.single .single_content_text p {
margin: 1rem 0;
} section#complete_contact {
text-align: center;
}
section#complete_contact .complete_title {
font-size: 2rem;
letter-spacing: 0.05em;
font-weight: 900;
}
@media screen and (max-width: 768px) {
section#complete_contact .complete_title {
font-size: 1.5rem;
}
}
section#complete_contact .complete_explain {
font-size: 1rem;
margin-top: 1.5rem;
}
section#complete_contact .complete_btn_wrapper {
margin-top: 2rem;
}
section#complete_contact .complete_btn_wrapper .btn {
margin-left: auto;
margin-right: auto;
}