@charset "UTF-8";
 html {
font-size: 16px;
}
@media screen and (min-width: 1440px) {
html {
font-size: 16px;
}
}
@media screen and (max-width: 1023px) {
html {
font-size: 16px;
}
}
@media (max-width: 1400px) {
html {
font-size: 1.1428571429vw;
}
}
@media screen and (max-width: 767px) {
html {
font-size: 16px;
}
}
@media screen and (max-width: 599px) {
html {
font-size: 16px;
}
}
@media (max-width: 375px) {
html {
font-size: 4.2666666667vw;
}
}
a[href^="tel:"] {
pointer-events: none;
}
@media screen and (max-width: 767px) {
a[href^="tel:"] {
pointer-events: initial;
}
}
a {
text-decoration: none;
color: inherit;
transition: opacity 0.5s;
} @media (hover: hover) {
a:hover {
opacity: 0.7;
}
} @media (hover: none) {
a:active {
opacity: 0.7;
}
}
html {
scroll-behavior: smooth;
scroll-padding-top: 6.25rem;
}
@media screen and (max-width: 767px) {
html {
scroll-padding-top: 3.75rem;
}
}
body {
display: flex;
flex-direction: column;
min-height: 100vh;
text-rendering: optimizeSpeed;
font-family: "Noto Serif JP", serif;
line-height: 1.5;
font-weight: 200;
letter-spacing: 0.01em;
color: #FFFFFF;
background-image: url(//www.japan-inc.com/wp-content/themes/japan-associates/images/common/black-bg.webp);
background-repeat: no-repeat;
background-position: center top;
background-size: cover;
}
body.is-fixed {
position: fixed;
width: 100%;
overflow: hidden;
}
main {
flex: 1;
}
*,
*::before,
*::after {
box-sizing: border-box;
}
ul,
ol {
padding: 0;
}
body,
h1,
h2,
h3,
h4,
p,
ul,
ol,
figure,
blockquote,
dl,
dd {
margin: 0;
}
html {
scroll-behavior: smooth;
}
body {
line-height: 1.5;
min-height: 100vh;
text-rendering: optimizeSpeed;
}
ul,
ol {
list-style: none;
}
a:not([class]) {
-webkit-text-decoration-skip: ink;
text-decoration-skip-ink: auto;
}
a {
text-decoration: none;
}
img {
display: block;
width: 100%;
max-width: 100%;
}
article > * + * {
margin-top: 0;
}
input,
button,
textarea,
select {
font: inherit;
}
img:not([alt]) {
filter: blur(10px);
}
input,
button,
select,
textarea {
font: inherit;
border: none;
border-radius: 0;
outline: none;
background: transparent;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
textarea {
resize: none;
}
input[type=checkbox],
input[type=radio] {
display: none;
}
input[type=submit],
input[type=button],
label,
button,
select {
cursor: pointer;
}
select::-ms-expand {
display: none;
}
.l-header {
position: fixed;
z-index: 900;
top: 0;
right: 0;
left: 0;
}
.p-header {
height: 9.375rem;
background-color: transparent;
transition: background-color 0.3s, height 0.3s;
}
@media (max-width: 1279px) {
.p-header {
height: 5.3125rem;
}
}
.p-header.is-scroll {
background-color: rgba(0, 0, 0, 0.8);
height: 6.25rem;
}
@media (max-width: 1279px) {
.p-header.is-scroll {
height: 4.375rem;
}
}
.p-header__nav-list a {
transition: color 0.3s;
}
.p-header__nav-list a.is-current {
color: #BA9640;
}
.p-header__inner {
padding-inline: clamp(33.75px, 2.34375vw, 45px);
height: inherit;
display: flex;
justify-content: space-between;
}
@media (max-width: 1279px) {
.p-header__inner {
padding-inline: 1.25rem;
}
}
.p-header__logo {
max-width: clamp(210px, 14.5833333333vw, 280px);
width: 100%;
height: inherit;
}
@media (max-width: 1350px) {
.p-header__logo {
max-width: clamp(165px, 11.4583333333vw, 220px);
}
}
@media (max-width: 1279px) {
.p-header__logo {
max-width: 15rem;
}
}
.p-header__logo a {
height: inherit;
display: flex;
align-items: center;
}
.p-header__logo img {
width: 100%;
height: auto;
aspect-ratio: 270/35;
-o-object-fit: cover;
object-fit: cover;
margin-bottom: 0.625rem;
}
.p-header__nav {
display: block;
height: inherit;
}
@media (max-width: 1279px) {
.p-header__nav {
display: none;
}
}
.p-header__nav-list {
display: flex;
height: inherit;
}
.p-header__nav-item {
height: inherit;
}
.p-header__nav-item a {
padding: 0 clamp(13.875px, 0.9635416667vw, 18.5px);
height: inherit;
display: flex;
align-items: center;
font-size: clamp(12px, 0.8333333333vw, 16px);
font-weight: 200;
line-height: 1;
color: #FFFFFF;
}
.p-header__contact-wrap {
margin-left: clamp(15px, 1.0416666667vw, 20px);
height: inherit;
display: flex;
align-items: center;
gap: clamp(7.5px, 0.5208333333vw, 10px);
}
.p-header__contact {
height: inherit;
display: flex;
align-items: center;
width: 100%;
width: clamp(172.5px, 11.9791666667vw, 230px);
text-align: center;
}
.p-header__contact a {
background-color: #000000;
width: 100%;
display: inline-block;
border: 1px solid #FFFFFF;
padding: clamp(15px, 1.0416666667vw, 20px) clamp(7.5px, 0.5208333333vw, 10px);
font-size: clamp(12px, 0.8333333333vw, 16px);
font-weight: 200;
line-height: 1;
letter-spacing: 0.1em;
color: #FFFFFF;
}
.p-header__nav-modal-wrap {
position: relative;
display: inline-block;
transition: all 0.3s ease;
width: 100%;
width: clamp(172.5px, 11.9791666667vw, 230px);
text-align: center;
}
.p-header__nav-modal-wrap > p {
border: 1px solid #FFFFFF;
width: clamp(172.5px, 11.9791666667vw, 230px);
padding: clamp(15px, 1.0416666667vw, 20px) clamp(7.5px, 0.5208333333vw, 10px);
background-color: #000000;
height: inherit;
display: flex;
align-items: center;
justify-content: center;
font-size: clamp(12px, 0.8333333333vw, 16px);
font-weight: 200;
line-height: 1;
letter-spacing: 0.1em;
color: #FFFFFF;
transition: border-bottom 0.3s;
}
.p-header__nav-modal {
position: absolute;
border: 1px solid #FFFFFF;
border-top: none;
top: 98%;
width: clamp(172.5px, 11.9791666667vw, 230px);
opacity: 0;
visibility: hidden;
transition: opacity 0.3s ease, visibility 0.3s ease;
z-index: 10;
}
.p-header__nav-modal-item a {
display: block;
padding: 25px 0;
font-size: clamp(11.25px, 0.78125vw, 15px);
font-weight: 200;
line-height: 1.5333333333;
letter-spacing: 0.1em;
color: #FFFFFF;
}
.p-header__nav-modal-wrap:hover p {
border-bottom: 1px solid transparent;
}
.p-header__nav-modal-wrap:hover .p-header__nav-modal {
opacity: 1;
visibility: visible;
background-color: #000000;
}
.p-header__nav-modal-wrap .p-header__nav-modal-item a {
position: relative;
}
.p-header__nav-modal-wrap:hover .p-header__nav-modal-item a::before {
content: "";
position: absolute;
width: 90%;
height: 0.5px;
background-color: rgba(255, 255, 255, 0.2);
top: 0;
left: 50%;
transform: translateX(-50%);
}
.p-header__nav-item a,
.p-header__contact a,
.p-header__nav-modal-item a {
transition: color 0.3s;
}
.p-header__nav-item a:hover,
.p-header__contact a:hover,
.p-header__nav-modal-item a:hover {
color: #BA9640;
opacity: 1;
}
.p-header__hamburger {
display: none;
margin: 0;
padding: 0;
outline: none;
border: none;
position: relative;
z-index: 999;
width: 3.125rem;
height: inherit;
cursor: pointer;
transition: 0.3s;
}
@media (max-width: 1279px) {
.p-header__hamburger {
display: block;
}
}
.p-header__hamburger.is-open {
background-color: transparent;
}
.p-header__hamburger span {
position: relative;
left: 50%;
transform: translateX(-50%);
display: block;
width: 2.5rem;
height: 1px;
background-color: #fff;
transition: 0.5s;
}
.p-header__hamburger span:nth-of-type(1) {
top: -0.375rem;
}
.p-header__hamburger span:nth-of-type(2) {
top: 0.375rem;
}
.p-header__hamburger.is-open span:nth-of-type(1) {
top: 0;
transform: translateX(-50%) rotate(45deg);
}
.p-header__hamburger.is-open span:nth-of-type(2) {
top: 0rem;
transform: translateX(-50%) rotate(-45deg);
}
.p-header__drawer {
padding: 6.25rem 0.625rem;
display: none;
position: absolute;
z-index: 900;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100vh;
background-color: rgba(0, 0, 0, 0.95);
overflow-y: scroll;
scrollbar-width: none;
}
.p-header__drawer::-webkit-scrollbar {
display: none;
}
.p-header__drawer-nav {
display: grid;
gap: 0.625rem;
grid-template-columns: repeat(2, 1fr);
max-width: 31.25rem;
margin-inline: auto;
}
.p-header__drawer-item {
text-align: center;
}
.p-header__drawer-item a {
padding: 0.9375rem 0;
display: block;
font-size: 0.9375rem;
font-weight: 200;
line-height: 1;
letter-spacing: 0.1em;
color: #FFFFFF;
text-align: center;
}
.p-header__drawer-contact-wrap {
margin-top: 5rem;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
gap: 1.875rem;
}
@media screen and (max-width: 767px) {
.p-header__drawer-contact-wrap {
margin-top: 1.875rem;
flex-direction: column;
gap: 1.25rem;
}
}
.p-header__drawer-contact a {
background-color: #000000;
width: 15.625rem;
display: inline-block;
border: 1px solid #FFFFFF;
padding: 1.25rem 0.625rem;
font-size: 1rem;
font-weight: 200;
line-height: 1.5333333333;
letter-spacing: 0.1em;
color: #FFFFFF;
}
.p-footer {
overflow-x: clip;
margin-top: -0.0625rem;
padding-top: 2.8125rem;
width: 100%;
height: 100%;
background-image: url(//www.japan-inc.com/wp-content/themes/japan-associates/images/common/black-bg.webp);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
@media screen and (max-width: 767px) {
.p-footer {
padding-top: 3.875rem;
}
}
.p-footer__inner.l-inner {
max-width: 93.75rem;
}
.p-footer__wrap {
display: flex;
justify-content: space-between;
color: #FFFFFF;
padding-bottom: 3.4375rem;
}
@media screen and (max-width: 767px) {
.p-footer__wrap {
flex-direction: column;
gap: 1.25rem;
padding-bottom: 1.875rem;
}
}
.p-footer__left {
margin-top: 1.875rem;
padding-left: 2.5rem;
}
@media screen and (max-width: 767px) {
.p-footer__left {
margin: 0;
padding: 0;
text-align: center;
}
}
.p-footer__logo {
max-width: 16.875rem;
width: 100%;
margin-inline: auto;
}
.p-footer__logo img {
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
}
.p-footer__company-name {
margin-top: 1.875rem;
font-size: 0.875rem;
line-height: 3.5714285714;
letter-spacing: 0.05em;
}
.p-footer__address {
margin-top: 0.625rem;
font-size: 0.875rem;
line-height: 1.9285714286;
letter-spacing: 0.05em;
}
.p-footer__right {
padding-top: 1.125rem;
}
@media screen and (max-width: 767px) {
.p-footer__right {
padding-top: 1.375rem;
}
}
.p-footer__nav {
display: grid;
-moz-column-gap: 5.9375rem;
column-gap: 5.9375rem;
grid-template-columns: repeat(3, 1fr);
}
@media screen and (max-width: 767px) {
.p-footer__nav {
grid-template-columns: repeat(2, 1fr);
-moz-column-gap: 0.625rem;
column-gap: 0.625rem;
max-width: 18.4375rem;
margin-inline: auto;
}
}
.p-footer__nav-items {
position: relative;
}
.p-footer__nav-items::before {
content: "";
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
width: 1px;
height: 100%;
background-color: rgba(255, 255, 255, 0.2);
}
@media screen and (max-width: 767px) {
.p-footer__nav-items::before {
content: none;
}
}
.p-footer__nav-item a {
padding: 1rem 1.5rem;
display: block;
font-size: 1.125rem;
line-height: 1;
text-transform: uppercase;
}
@media screen and (max-width: 767px) {
.p-footer__nav-item a {
font-size: 1rem;
padding: 1rem 0.3125rem;
border-top: 0.5px solid rgba(255, 255, 255, 0.2);
}
}
@media screen and (max-width: 767px) {
.p-footer__nav-item.u-privacy {
max-width: 18.4375rem;
margin-inline: auto;
text-align: center;
}
}
.p-footer__copyright {
margin: 0 calc(50% - 50vw);
width: 100vw;
background-color: #000000;
padding: 1.25rem;
text-align: center;
}
@media screen and (max-width: 767px) {
.p-footer__copyright {
padding: 1.875rem 0.625rem;
}
}
.p-footer__copyright small {
display: block;
font-size: 0.75rem;
line-height: 1;
letter-spacing: 0.05em;
}
@media screen and (max-width: 767px) {
.p-footer__copyright small {
margin-top: 0.625rem;
}
}
.p-footer__nav-item a {
transition: color 0.3s;
}
.p-footer__nav-item a:hover {
color: #BA9640;
opacity: 1;
}
.p-common-contact {
padding-top: 3.75rem;
padding-bottom: 4.375rem;
width: 100%;
height: 100%;
background-image: url(//www.japan-inc.com/wp-content/themes/japan-associates/images/common/contact-bg.webp);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
position: relative;
z-index: 0;
}
@media screen and (max-width: 767px) {
.p-common-contact {
padding-top: 2.5rem;
padding-bottom: 2.8125rem;
}
}
.p-common-contact::before {
position: absolute;
content: "";
inset: 0;
width: 100%;
background-color: rgba(0, 0, 0, 0.7);
z-index: -1;
}
.p-common-contact__cards {
margin-top: 2.375rem;
display: flex;
align-items: center;
justify-content: center;
gap: 1.5625rem;
}
@media screen and (max-width: 767px) {
.p-common-contact__cards {
margin-top: 1.875rem;
gap: 0.625rem;
}
}
.p-common-contact__link.c-button-gold {
max-width: 30.3125rem;
}
@media screen and (max-width: 767px) {
.p-common-contact__link.c-button-gold {
max-width: initial;
}
}
@media screen and (max-width: 767px) {
.p-common-contact__link.c-button-gold a {
padding: 1.875rem 0.3125rem 2.5rem;
line-height: 1.5;
}
}
@media screen and (max-width: 767px) {
.p-common-contact__link.c-button-gold::after {
bottom: 1.25rem;
}
}
.p-common-contact__scout {
text-align: center;
margin-top: 1.6875rem;
}
@media screen and (max-width: 767px) {
.p-common-contact__scout {
margin-top: 1.875rem;
}
}
.p-common-contact__scout a {
font-size: 1rem;
color: #BA9640;
line-height: 1;
letter-spacing: 0.1em;
border-bottom: 1px solid #BA9640;
}
@media screen and (max-width: 767px) {
.p-common-contact__scout a {
font-size: 0.875rem;
}
}
.p-common-contact__description.c-text {
margin-top: 1.5625rem;
text-align: center;
}
.p-common-about {
padding-top: 5rem;
padding-bottom: 9.0625rem;
width: 100%;
height: 100%;
background-image: url(//www.japan-inc.com/wp-content/themes/japan-associates/images/common/black-bg.webp);
background-repeat: no-repeat;
background-position: center top;
background-size: cover;
}
@media screen and (max-width: 767px) {
.p-common-about {
padding-top: 2.125rem;
padding-bottom: 3.4375rem;
}
}
.p-common-about__list {
margin-top: 3.125rem;
display: flex;
align-items: center;
justify-content: center;
gap: 2.8125rem;
position: relative;
}
@media screen and (max-width: 767px) {
.p-common-about__list {
margin-top: 2.125rem;
gap: 0.625rem;
flex-direction: column;
}
}
.p-common-about__item {
background-color: #000000;
width: 100%;
position: relative;
box-shadow: 0.625rem 0.625rem 0.625rem rgba(0, 0, 0, 0.8);
}
@media screen and (max-width: 767px) {
.p-common-about__item {
width: 20.9375rem;
}
}
.p-common-about__item::after {
position: absolute;
content: "";
bottom: 4.0625rem;
left: 50%;
transform: translateX(-50%);
width: 3.125rem;
height: 0.8125rem;
background-image: url(//www.japan-inc.com/wp-content/themes/japan-associates/images/common/arrow-right.webp);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
@media screen and (max-width: 767px) {
.p-common-about__item::after {
bottom: 1.25rem;
width: 2.8125rem;
height: 0.6875rem;
}
}
.p-common-about__img {
width: 100%;
height: 100%;
}
.p-common-about__img img {
aspect-ratio: 1/1;
-o-object-fit: cover;
object-fit: cover;
height: auto;
width: 100%;
}
@media screen and (max-width: 767px) {
.p-common-about__img img {
aspect-ratio: 335/150;
}
}
.p-common-about__heading {
position: absolute;
top: calc(50% - 0.9375rem);
left: 50%;
transform: translate(-50%, -50%);
}
.p-top-mv {
height: 100vh;
min-height: 43.75rem;
}
@media screen and (max-width: 767px) {
.p-top-mv {
min-height: 28.125rem;
}
}
.p-top-mv__slider {
height: inherit;
min-height: inherit;
position: relative;
}
.p-top-mv__slider-track,
.p-top-mv__slider-list,
.p-top-mv__slider-item {
height: inherit;
min-height: inherit;
}
.p-top-mv__slider-item img {
aspect-ratio: 1920/1080;
-o-object-fit: cover;
object-fit: cover;
height: inherit;
min-height: inherit;
width: 100%;
}
.p-top-mv__copy {
position: absolute;
width: 100%;
top: 25rem;
top: calc(50% - 6.25rem);
left: 50%;
transform: translate(-50%, -50%);
color: #FFFFFF;
text-align: center;
}
@media screen and (max-width: 767px) {
.p-top-mv__copy {
top: 12.5rem;
}
}
.p-top-mv__sub-copy {
font-size: 1.125rem;
font-weight: 200;
line-height: 1.1666666667;
letter-spacing: 0.2em;
}
@media screen and (max-width: 767px) {
.p-top-mv__sub-copy {
font-size: 1rem;
}
}
.p-top-mv__main-copy {
margin-top: 2.5rem;
font-size: 3.75rem;
font-family: "EB Garamond", serif;
font-weight: 200;
line-height: 1.2;
letter-spacing: 0.05em;
}
@media screen and (max-width: 767px) {
.p-top-mv__main-copy {
margin-top: 0.9375rem;
font-size: 2.3125rem;
}
}
.p-top-mv__main-copy span {
margin-top: 0.3125rem;
display: block;
font-size: 1.875rem;
font-family: "EB Garamond", serif;
font-weight: 200;
line-height: 1;
letter-spacing: 0.05em;
}
@media screen and (max-width: 767px) {
.p-top-mv__main-copy span {
font-size: 1.125rem;
}
}
.p-top-mv__scroll-down {
position: absolute;
width: 100%;
top: calc(50% + 6.25rem);
left: 50%;
transform: translate(-50%, -50%);
text-align: center;
}
@media screen and (max-width: 767px) {
.p-top-mv__scroll-down {
top: 18.75rem;
}
}
.p-top-introduction {
padding-top: 9.0625rem;
padding-bottom: 11.25rem;
width: 100%;
height: 100%;
background-image: url(//www.japan-inc.com/wp-content/themes/japan-associates/images/top/introduction-bg.webp);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
@media screen and (max-width: 767px) {
.p-top-introduction {
padding-top: 2.375rem;
padding-bottom: 1.875rem;
}
}
.p-top-introduction__body {
margin-top: 2.75rem;
text-align: center;
}
@media screen and (max-width: 767px) {
.p-top-introduction__body {
margin-top: 1.625rem;
-moz-text-align-last: left;
text-align-last: left;
}
}
.p-top-introduction__text {
font-size: 0.875rem;
font-family: "Noto Sans JP", sans-serif;
font-weight: 400;
line-height: 2.45;
letter-spacing: 0.1em;
}
@media screen and (max-width: 767px) {
.p-top-introduction__text {
font-size: 0.875rem;
line-height: 2.1428571429;
}
}
.p-top-introduction__text + .p-top-introduction__text {
margin-top: 2.8125rem;
}
@media screen and (max-width: 767px) {
.p-top-introduction__text + .p-top-introduction__text {
margin-top: 1.25rem;
}
}
.p-top-performance {
padding-top: 5.75rem;
padding-bottom: 7.5rem;
width: 100%;
height: 100%;
background-image: url(//www.japan-inc.com/wp-content/themes/japan-associates/images/common/black-bg.webp);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
@media screen and (max-width: 767px) {
.p-top-performance {
padding-top: 2.125rem;
padding-bottom: 1.875rem;
}
}
.p-top-performance__list {
margin-top: 2.6875rem;
display: flex;
align-items: center;
justify-content: center;
gap: 3.125rem;
}
@media screen and (max-width: 767px) {
.p-top-performance__list {
margin-top: 1.875rem;
gap: 0.625rem;
flex-direction: column;
}
}
.p-top-performance__item {
width: 100%;
padding: 2.1875rem 1.25rem 3rem;
background-color: #414141;
box-shadow: 0 0 2.5rem rgba(0, 0, 0, 0.4);
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
}
@media screen and (max-width: 767px) {
.p-top-performance__item {
width: 20.9375rem;
padding: 30px 20px 20px;
}
}
.p-top-performance__label {
font-size: 1.25rem;
color: #FFFFFF;
line-height: 1.8;
letter-spacing: 0.06em;
}
@media screen and (max-width: 767px) {
.p-top-performance__label {
font-size: 1rem;
}
}
.p-top-performance__number {
font-size: 11.25rem;
font-family: "EB Garamond", serif;
color: #BA9640;
line-height: 1;
}
@media screen and (max-width: 767px) {
.p-top-performance__number {
font-size: 8.875rem;
}
}
.p-top-performance__number span {
display: inline-block;
padding-left: 0.625rem;
font-size: 2.5rem;
font-family: "EB Garamond", serif;
color: #BA9640;
line-height: 1;
}
@media screen and (max-width: 767px) {
.p-top-performance__number span {
font-size: 1.9375rem;
}
}
.p-top-performance__button {
margin-top: 4.0625rem;
text-align: center;
}
@media screen and (max-width: 767px) {
.p-top-performance__button {
margin-top: 1.5625rem;
}
}
.p-top-casestudy {
padding-top: 5.75rem;
padding-bottom: 7.8125rem;
width: 100%;
height: 100%;
background-color: #2C2C2C;
}
@media screen and (max-width: 767px) {
.p-top-casestudy {
padding-top: 3.9375rem;
padding-bottom: 3.75rem;
}
}
.p-top-casestudy__text {
margin-top: 1.25rem;
text-align: center;
font-size: 0.875rem;
font-weight: 400;
line-height: 1.8;
font-family: "Noto Sans JP", sans-serif;
letter-spacing: 0.1em;
}
@media screen and (max-width: 767px) {
.p-top-casestudy__text {
font-size: 0.875rem;
-moz-text-align-last: left;
text-align-last: left;
}
}
.p-top-casestudy__image {
margin-top: 3.5rem;
width: 100%;
height: 100%;
}
@media screen and (max-width: 767px) {
.p-top-casestudy__image {
margin-top: 1.875rem;
}
}
.p-top-casestudy__image img {
aspect-ratio: 1366/587;
-o-object-fit: cover;
object-fit: cover;
height: auto;
width: 100%;
}
.p-top-casestudy__button {
margin-top: 3.375rem;
text-align: center;
}
@media screen and (max-width: 767px) {
.p-top-casestudy__button {
margin-top: 1.25rem;
}
}
.p-top-column {
padding-top: 4.6875rem;
padding-bottom: 7.5rem;
width: 100%;
height: 100%;
background-color: #2C2C2C;
}
@media screen and (max-width: 767px) {
.p-top-column {
padding-top: 2.5rem;
padding-bottom: 3.75rem;
}
}
.p-top-column__list {
margin-top: 2rem;
display: flex;
justify-content: center;
gap: 3.125rem;
height: 100%;
}
@media screen and (max-width: 767px) {
.p-top-column__list {
margin-top: 0.625rem;
flex-direction: column;
gap: 0;
}
}
.p-top-column__item {
width: calc((100% - 3.125rem) / 3);
display: flex;
flex-direction: column;
align-items: stretch;
height: auto;
}
@media screen and (max-width: 767px) {
.p-top-column__item {
width: 100%;
}
}
.p-top-column__item a {
width: 100%;
display: flex;
flex-direction: column;
align-items: stretch;
height: 100%;
}
.p-top-column__item a {
padding-top: 1.5625rem;
}
@media screen and (max-width: 767px) {
.p-top-column__item:not(:last-child) a {
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
padding-bottom: 1.875rem;
}
}
.p-top-column__img {
width: 100%;
height: auto;
}
@media screen and (max-width: 767px) {
.p-top-column__img {
width: 38.8059701493%;
flex-shrink: 0;
}
}
.p-top-column__img img {
aspect-ratio: 422/300;
-o-object-fit: cover;
object-fit: cover;
height: auto;
width: 100%;
}
.p-top-column__content {
padding-top: 1.125rem;
flex: 1;
display: flex;
flex-direction: column;
align-items: stretch;
height: auto;
}
@media screen and (max-width: 767px) {
.p-top-column__content {
flex-direction: row-reverse;
padding-top: 0;
gap: 0.625rem;
margin-top: 0.625rem;
}
}
.p-top-column__heading {
font-size: 1.25rem;
font-weight: 200;
line-height: 1.5;
letter-spacing: 0.1em;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.p-top-column__text {
flex: 1;
height: 100%;
margin-top: 0.625rem;
font-size: 0.9375rem;
line-height: 1.8;
letter-spacing: 0.1em;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
}
@media screen and (max-width: 767px) {
.p-top-column__text {
margin-top: 0;
}
}
.p-top-column__button {
margin-top: 3.75rem;
text-align: center;
}
@media screen and (max-width: 767px) {
.p-top-column__button {
margin-top: 2.0625rem;
}
}
.p-top-faq {
padding-top: 5rem;
padding-bottom: 7.5rem;
width: 100%;
height: 100%;
background-image: url(//www.japan-inc.com/wp-content/themes/japan-associates/images/common/black-bg.webp);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
@media screen and (max-width: 767px) {
.p-top-faq {
padding-top: 2.25rem;
padding-bottom: 3.125rem;
}
}
.p-top-faq__en-title.c-section-title--en {
text-transform: uppercase;
}
.p-top-faq__list {
margin-top: 2.8125rem;
}
@media screen and (max-width: 767px) {
.p-top-faq__list {
margin-top: 1.5625rem;
}
}
.p-top-faq__button {
margin-top: 3.5625rem;
text-align: center;
}
@media screen and (max-width: 767px) {
.p-top-faq__button {
margin-top: 1.375rem;
}
}
.p-faq-list__item {
background-color: #000000;
}
.p-faq-list__item + .p-faq-list__item {
margin-top: 1.0625rem;
}
@media screen and (max-width: 767px) {
.p-faq-list__item + .p-faq-list__item {
margin-top: 0.5rem;
}
}
.p-faq-list__item-question {
padding: 0.8125rem 5.625rem 0.875rem 4.375rem;
position: relative;
font-size: 1rem;
line-height: 1.5;
letter-spacing: 0.1em;
text-indent: -1.5625rem;
cursor: pointer;
}
@media screen and (max-width: 767px) {
.p-faq-list__item-question {
padding: 0.625rem 3.75rem 0.625rem 2.8125rem;
font-size: 1rem;
line-height: 1.625;
text-indent: -0.9375rem;
}
}
.p-faq-list__item-question::before,
.p-faq-list__item-question::after {
content: "";
position: absolute;
top: 2.5rem;
right: 1.25rem;
width: 2.5rem;
height: 1px;
background: #FFFFFF;
transition: 0.3s;
}
@media screen and (max-width: 767px) {
.p-faq-list__item-question::before,
.p-faq-list__item-question::after {
top: 2.25rem;
width: 1.25rem;
}
}
.p-faq-list__item-question::after {
transform: rotate(90deg);
}
.p-faq-list__item-question.is-open::after {
transform: rotate(0deg);
}
.p-faq-list__item-question span {
margin-right: 1.25rem;
font-size: 2.125rem;
font-family: "EB Garamond", serif;
display: inline-block;
color: #BA9640;
}
@media screen and (max-width: 767px) {
.p-faq-list__item-question span {
font-size: 1.5rem;
margin-right: 0.625rem;
}
}
.p-faq-list__item-answer {
padding: 0rem 5.625rem 2.375rem 4.5rem;
display: none;
font-size: 0.875rem;
line-height: 1.5;
letter-spacing: 0.1em;
text-indent: -1.5625rem;
}
@media screen and (max-width: 767px) {
.p-faq-list__item-answer {
padding: 0rem 0.625rem 0.625rem 2.8125rem;
font-size: 0.875rem;
text-indent: -0.8125rem;
}
}
.p-faq-list__item-answer a,
.p-faq-list__item-link-text a {
font-size: 0.9375rem;
line-height: 1.8;
letter-spacing: 0.1em;
color: #BA9640;
border-bottom: 1px solid #BA9640;
}
.p-faq-list__item-answer span {
margin-right: 1.5625rem;
font-size: 2.125rem;
line-height: 1;
font-family: "EB Garamond", serif;
display: inline-block;
color: #FFFFFF;
}
@media screen and (max-width: 767px) {
.p-faq-list__item-answer span {
margin-right: 0.625rem;
font-size: 1.5rem;
}
}
.p-faq-list__item-link {
display: none;
padding: 0rem 5.625rem 2.375rem 1.875rem;
}
.p-faq-list__item-link-text {
background-image: linear-gradient(to right, #414141 0.3125rem, transparent 0.6875rem);
background-size: 1rem 1px;
background-repeat: repeat-x;
background-position: top;
padding-top: 0.625rem;
}
.p-top-information {
padding-top: 5.75rem;
padding-bottom: 6.0625rem;
width: 100%;
height: 100%;
background-color: #2C2C2C;
}
@media screen and (max-width: 767px) {
.p-top-information {
padding-top: 2.5rem;
padding-bottom: 2.8125rem;
}
}
.p-top-information__list {
margin-top: 2.625rem;
}
@media screen and (max-width: 767px) {
.p-top-information__list {
margin-top: 0.625rem;
}
}
.p-top-information__button {
margin-top: 3.75rem;
text-align: center;
}
@media screen and (max-width: 767px) {
.p-top-information__button {
margin-top: 0.9375rem;
}
}
.p-information-list__item a {
padding: 1.6875rem 0;
display: flex;
align-items: flex-start;
}
@media screen and (max-width: 767px) {
.p-information-list__item a {
display: block;
padding: 1.25rem 0;
}
}
.p-information-list__item:not(:last-child) a {
border-bottom: 0.5px solid rgba(255, 255, 255, 0.2);
}
.p-information-list__item-meta {
display: flex;
align-items: center;
}
.p-information-list__item-date {
font-size: 0.9375rem;
line-height: 1.8;
letter-spacing: 0.1em;
}
.p-information-list__item-category {
margin-left: 2.3125rem;
padding: 0.625rem;
min-width: 5.625rem;
width: -moz-fit-content;
width: fit-content;
font-size: 0.75rem;
line-height: 1;
color: #fff;
background-color: #BA9640;
text-align: center;
}
@media screen and (max-width: 767px) {
.p-information-list__item-category {
margin-left: 1rem;
}
}
.p-information-list__item-title {
margin-left: 0.625rem;
font-size: 0.9375rem;
line-height: 1.8;
letter-spacing: 0.1em;
}
@media screen and (max-width: 767px) {
.p-information-list__item-title {
margin-top: 0.5rem;
margin-left: 0;
}
}
.p-sub-mv {
padding-top: 15.3125rem;
padding-bottom: 12.5rem;
width: 100%;
height: 100%;
background-image: url(//www.japan-inc.com/wp-content/themes/japan-associates/images/common/contact-bg.webp);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
position: relative;
z-index: 0;
}
@media screen and (max-width: 767px) {
.p-sub-mv {
padding-top: 6.25rem;
padding-bottom: 5rem;
}
}
.p-sub-mv::before {
position: absolute;
content: "";
inset: 0;
width: 100%;
background-color: rgba(0, 0, 0, 0.7);
z-index: -1;
}
.p-sub-mv__title-wrap {
display: flex;
align-items: center;
justify-content: center;
}
.p-sub-mv__title {
font-size: 2.25rem;
font-weight: 500;
color: #FFFFFF;
line-height: 1.4444444444;
letter-spacing: 0.1em;
}
@media screen and (max-width: 767px) {
.p-sub-mv__title {
font-size: 1.5625rem;
}
}
.p-breadcrumb {
padding-top: 0.75rem;
}
.p-breadcrumb span {
font-size: 0.875rem;
font-weight: 200;
line-height: 2.5714285714;
letter-spacing: 0.1em;
text-transform: uppercase;
}
.p-breadcrumb__between {
display: inline-block;
margin-top: 0.3125rem;
width: 0.375rem;
height: 0.375rem;
border-top: solid 1px currentColor;
border-right: solid 1px currentColor;
transform: translateY(-50%) rotate(45deg);
margin-inline: 0.625rem;
}
@media screen and (max-width: 767px) {
.p-breadcrumb__between {
margin-right: 0.875rem;
}
}
.p-privacy {
padding-top: 5rem;
padding-bottom: 12.5rem;
}
@media screen and (max-width: 767px) {
.p-privacy {
padding-top: 3.125rem;
padding-bottom: 5rem;
}
}
.p-privacy__introduction {
font-size: 1rem;
font-weight: 400;
line-height: 1.4375;
}
@media screen and (max-width: 767px) {
.p-privacy__introduction {
font-size: 0.9375rem;
}
}
.p-privacy__contents {
margin-top: 2.0625rem;
}
@media screen and (max-width: 767px) {
.p-privacy__contents {
margin-top: 1.5625rem;
}
}
.p-privacy__contents + .p-privacy__contents {
margin-top: 2.125rem;
}
@media screen and (max-width: 767px) {
.p-privacy__contents + .p-privacy__contents {
margin-top: 1.25rem;
}
}
.p-privacy__contents-heading {
font-size: 1.375rem;
font-weight: 500;
line-height: 1.4090909091;
padding-left: 1.5625rem;
position: relative;
}
@media screen and (max-width: 767px) {
.p-privacy__contents-heading {
font-size: 1.125rem;
}
}
.p-privacy__contents-heading::before {
content: "";
position: absolute;
background-color: #FFFFFF;
width: 1.125rem;
height: 1.125rem;
border-radius: 50%;
left: 0;
top: 50%;
transform: translateY(-50%);
}
@media screen and (max-width: 767px) {
.p-privacy__contents-heading::before {
width: 0.9375rem;
height: 0.9375rem;
}
}
.p-privacy__contents-description {
margin-top: 0.5rem;
font-size: 1rem;
font-weight: 400;
line-height: 1.4375;
}
@media screen and (max-width: 767px) {
.p-privacy__contents-description {
font-size: 0.9375rem;
margin-top: 0.1875rem;
}
}
.p-privacy__contents-list {
margin-top: 1.5625rem;
position: relative;
}
@media screen and (max-width: 767px) {
.p-privacy__contents-list {
margin-top: 0.625rem;
}
}
.p-privacy__contents-item {
text-indent: -1em;
padding-left: 1em;
}
.p-privacy__contents-item::before {
left: 0;
top: 50%;
transform: translateY(-50%);
content: "・";
}
.p-privacy__link {
margin-top: 5rem;
text-align: center;
}
@media screen and (max-width: 767px) {
.p-privacy__link {
margin-top: 2.5rem;
}
}
.p-404 {
padding-top: 9.125rem;
padding-bottom: 12.5rem;
}
@media screen and (max-width: 767px) {
.p-404 {
padding-top: 3.125rem;
padding-bottom: 5rem;
}
}
.p-404__text {
font-size: 1.125rem;
font-weight: 400;
line-height: 2.1111111111;
text-align: center;
}
@media screen and (max-width: 767px) {
.p-404__text {
font-size: 1rem;
}
}
.p-404__link {
margin-top: 5rem;
text-align: center;
}
@media screen and (max-width: 767px) {
.p-404__link {
margin-top: 2.5rem;
}
}
.p-faq {
padding-top: 5.9375rem;
padding-bottom: 12.5rem;
}
@media screen and (max-width: 767px) {
.p-faq {
padding-top: 3.125rem;
padding-bottom: 5rem;
}
}
.p-faq__link-wrap {
display: flex;
align-items: center;
justify-content: center;
gap: 3.125rem;
}
@media screen and (max-width: 767px) {
.p-faq__link-wrap {
flex-direction: column;
gap: 1.25rem;
}
}
.p-faq__link.c-button-gold {
max-width: 27.5rem;
}
@media screen and (max-width: 767px) {
.p-faq__link.c-button-gold {
max-width: 25rem;
}
}
.p-faq__link.c-button-gold a {
padding: 1.875rem 1.5625rem 3.75rem;
font-size: 1.5rem;
}
@media screen and (max-width: 767px) {
.p-faq__link.c-button-gold a {
padding: 1.5625rem 1.25rem 4.0625rem;
font-size: 1.25rem;
}
}
.p-faq__link.c-button-gold::after {
bottom: 1.25rem;
}
@media screen and (max-width: 767px) {
.p-faq__link.c-button-gold::after {
bottom: 2.1875rem;
width: 2.8125rem;
height: 0.6875rem;
}
}
.p-faq__section {
margin-top: 5.625rem;
}
@media screen and (max-width: 767px) {
.p-faq__section {
margin-top: 3.125rem;
}
}
.p-faq__title {
font-size: 2.5rem;
font-weight: 700;
color: #BA9640;
line-height: 1.425;
}
@media screen and (max-width: 767px) {
.p-faq__title {
font-size: 1.875rem;
}
}
.p-faq__list {
margin-top: 2.6875rem;
}
@media screen and (max-width: 767px) {
.p-faq__list {
margin-top: 1.25rem;
}
}
.p-performance {
padding-top: 5rem;
padding-bottom: 15rem;
}
@media screen and (max-width: 767px) {
.p-performance {
padding-top: 2.5rem;
padding-bottom: 5rem;
}
}
.p-performance__article + .p-performance__article {
margin-top: 11rem;
}
@media screen and (max-width: 767px) {
.p-performance__article + .p-performance__article {
margin-top: 5rem;
}
}
.p-performance__introduction.c-text {
text-align: center;
font-size: 0.875rem;
font-weight: 400;
line-height: 1.8;
}
@media screen and (max-width: 767px) {
.p-performance__introduction.c-text {
text-align: left;
}
}
.p-performance__article:nth-child(2) .p-performance__introduction {
margin-top: 1.75rem;
}
.p-performance__list {
margin-top: 7.3125rem;
}
@media screen and (max-width: 767px) {
.p-performance__list {
margin-top: 2.5rem;
}
}
.p-performance__item + .p-performance__item {
margin-top: 5.9375rem;
}
@media screen and (max-width: 767px) {
.p-performance__item + .p-performance__item {
margin-top: 2.5rem;
}
}
.p-performance__item-heading {
font-size: 1.625rem;
font-weight: 700;
line-height: 1.4230769231;
padding-bottom: 1.25rem;
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
text-indent: -1em;
padding-left: 1em;
}
@media screen and (max-width: 767px) {
.p-performance__item-heading {
font-size: 1.25rem;
padding-bottom: 0.625rem;
}
}
.p-performance__item-contents {
margin-top: 3.75rem;
padding-left: 2.375rem;
display: grid;
grid-template-columns: 25rem 1fr;
grid-template-rows: 12.5rem 1fr;
-moz-column-gap: 5.625rem;
column-gap: 5.625rem;
row-gap: 1.875rem;
}
@media screen and (max-width: 767px) {
.p-performance__item-contents {
margin-top: 1.875rem;
padding-left: 0;
grid-template-columns: 12.5rem 1fr;
grid-template-rows: 6.25rem 1fr;
-moz-column-gap: 1.25rem;
column-gap: 1.25rem;
row-gap: 1.25rem;
}
}
.p-performance__item:nth-child(3) .p-performance__item-contents {
grid-template-rows: 15.625rem 1fr;
}
.p-performance__item-graph-wrap {
grid-row: 1/3;
width: 100%;
height: auto;
aspect-ratio: 1/1;
position: relative;
}
.p-performance__item-circle-graph {
width: 100%;
height: 100%;
border-radius: 50%;
background: conic-gradient(#BA9640 0%, #414141 0%);
transition: background 0.5s ease-out;
}
.p-performance__item-text {
grid-column: 2/3;
}
@media screen and (max-width: 767px) {
.p-performance__item-text {
grid-column: 1/3;
}
}
.p-performance__number-wrap {
display: flex;
align-items: center;
gap: 1.875rem;
}
@media screen and (max-width: 767px) {
.p-performance__number-wrap {
flex-direction: column;
gap: 0.3125rem;
align-items: start;
}
}
.p-performance__number {
font-size: 12.9375rem;
font-family: "EB Garamond", serif;
color: #BA9640;
line-height: 1.4347826087;
line-height: 0.9;
}
@media screen and (max-width: 767px) {
.p-performance__number {
font-size: 5rem;
line-height: 1;
}
}
.p-performance__number-label {
display: block;
padding-left: 0.625rem;
font-size: 2.5rem;
font-family: "EB Garamond", serif;
color: #FFFFFF;
line-height: 1;
}
@media screen and (max-width: 767px) {
.p-performance__number-label {
font-size: 1.5625rem;
}
}
.p-performance__number span {
display: block;
padding-left: 0.625rem;
font-size: 2.5rem;
font-family: "EB Garamond", serif;
color: #FFFFFF;
line-height: 1;
}
@media screen and (max-width: 767px) {
.p-performance__number span {
font-size: 1.5625rem;
}
}
.p-performance__number span.u-gold {
display: inline-block;
color: #BA9640;
}
.p-performance__image {
margin-top: 3.5rem;
width: 100%;
height: 100%;
}
@media screen and (max-width: 767px) {
.p-performance__image {
margin-top: 1.875rem;
}
}
.p-performance__image img {
aspect-ratio: 1366/587;
-o-object-fit: cover;
object-fit: cover;
height: auto;
width: 100%;
}
.p-post-list {
padding-top: 5rem;
padding-bottom: 6.5625rem;
}
@media screen and (max-width: 767px) {
.p-post-list {
padding-top: 3.125rem;
padding-bottom: 5rem;
}
}
.p-post-list__wrap {
display: flex;
gap: 4.8125rem;
}
@media screen and (max-width: 767px) {
.p-post-list__wrap {
flex-direction: column;
}
}
.p-post-list__container {
flex-shrink: 0;
width: 75.63758%;
}
@media screen and (max-width: 767px) {
.p-post-list__container {
width: 100%;
}
}
.p-post-list__items {
display: grid;
-moz-column-gap: 0.625rem;
column-gap: 0.625rem;
row-gap: 1.25rem;
grid-template-columns: repeat(3, 1fr);
}
@media screen and (max-width: 767px) {
.p-post-list__items {
grid-template-columns: repeat(2, 1fr);
row-gap: 3.125rem;
}
}
.p-post-list__img {
width: 100%;
height: 100%;
}
.p-post-list__img img {
aspect-ratio: 329/332;
-o-object-fit: cover;
object-fit: cover;
height: auto;
width: 100%;
}
.p-post-list__title {
margin-top: 0.625rem;
font-weight: 400;
font-size: 1.125rem;
line-height: 1.2;
}
@media screen and (max-width: 767px) {
.p-post-list__title {
font-size: 1rem;
}
}
.p-pagenavi {
margin-top: 3.75rem;
font-size: 1rem;
line-height: 1;
}
@media screen and (max-width: 767px) {
.p-pagenavi {
margin-top: 3.125rem;
font-size: 0.875rem;
}
}
.p-pagenavi a,
.p-pagenavi span {
margin: 0 0.625rem;
padding: 0.25rem;
font-size: 1rem;
line-height: 1;
transition: 0.3s;
width: 2.5rem;
height: 2.5rem;
display: flex;
align-items: center;
justify-content: center;
}
@media screen and (max-width: 767px) {
.p-pagenavi a,
.p-pagenavi span {
font-size: 0.875rem;
margin: 0 0.3125rem;
width: 1.875rem;
height: 1.875rem;
}
}
.page-numbers.current {
background-color: #FFFFFF;
border-radius: 50%;
color: #000000;
}
.p-pagenavi .nav-links,
.p-pagenavi .wp-pagenavi {
display: flex;
align-items: center;
justify-content: center;
}
.p-single {
padding-top: 5rem;
padding-bottom: 6.5625rem;
}
@media screen and (max-width: 767px) {
.p-single {
padding-top: 3.125rem;
padding-bottom: 5rem;
}
}
.p-single__title {
font-size: 2.5rem;
font-weight: 700;
color: #BA9640;
}
@media screen and (max-width: 767px) {
.p-single__title {
font-size: 1.5625rem;
}
}
.p-single__img {
margin-top: 3.125rem;
width: 100%;
height: 100%;
}
.p-single__img img {
aspect-ratio: 1030/592;
-o-object-fit: cover;
object-fit: cover;
height: auto;
width: 100%;
}
.p-single__content {
margin-top: 6.25rem;
}
.p-single__link-wrap {
margin-top: 5rem;
display: flex;
align-items: center;
justify-content: space-between;
}
.p-single__nav-prev,
.p-single__nav-archive,
.p-single__nav-next {
width: 14.625rem;
}
@media screen and (max-width: 767px) {
.p-single__nav-prev,
.p-single__nav-archive,
.p-single__nav-next {
width: 6.25rem;
}
}
.p-single__nav-prev .c-button,
.p-single__nav-archive .c-button,
.p-single__nav-next .c-button {
min-width: 14.625rem;
padding: 1.875rem 3.125rem;
}
@media screen and (max-width: 767px) {
.p-single__nav-prev .c-button,
.p-single__nav-archive .c-button,
.p-single__nav-next .c-button {
min-width: 6.25rem;
padding: 0.625rem;
}
}
.p-single__nav-prev .c-button {
text-align: right;
}
.p-single__nav-prev .c-button::after {
transform: translateY(-50%) rotateY(180deg);
left: 1.25rem;
right: 0;
}
@media screen and (max-width: 767px) {
.p-single__nav-prev .c-button::after {
left: 0.625rem;
width: 2.1875rem;
}
}
@media screen and (max-width: 767px) {
.p-single__nav-next .c-button::after {
right: 0.625rem;
width: 2.1875rem;
bottom: initial;
}
}
.p-single__nav-archive .c-button {
text-align: center;
}
.p-single__nav-archive .c-button::after {
content: none;
} .p-content {
font-size: 1rem;
font-family: "Noto Sans JP", sans-serif;
font-weight: 200;
line-height: 2.375;
letter-spacing: 0.1em;
}
@media screen and (max-width: 767px) {
.p-content {
font-size: 0.9375rem;
}
}
.p-content h2 {
font-size: 1.375rem;
color: #BA9640;
font-weight: 500;
font-family: "Noto Serif JP", serif;
margin-top: 2.1875rem;
}
@media screen and (max-width: 767px) {
.p-content h2 {
font-size: 1.25rem;
margin-top: 1.5rem;
}
}
.p-content h3 {
font-size: 1.25rem;
color: #BA9640;
font-weight: 500;
font-family: "Noto Serif JP", serif;
}
@media screen and (max-width: 767px) {
.p-content h3 {
font-size: 1.125rem;
}
}
.p-content h4 {
font-size: 1.125rem;
color: #BA9640;
font-family: "Noto Serif JP", serif;
font-weight: 500;
}
@media screen and (max-width: 767px) {
.p-content h4 {
font-size: 1rem;
}
}
.p-content h5 {
font-size: 1.0625rem;
font-weight: 500;
font-family: "Noto Serif JP", serif;
}
@media screen and (max-width: 767px) {
.p-content h5 {
font-size: 1rem;
}
}
.p-content figure:nth-child(n+2):not(.wp-block-table) {
margin-top: 2.625rem;
}
@media screen and (max-width: 767px) {
.p-content figure:nth-child(n+2):not(.wp-block-table) {
margin-top: 1.875rem;
}
}
.wp-block-file,
.p-content p:nth-child(n+2),
.p-content h3:nth-child(n+2),
.p-content h4:nth-child(n+2),
.p-content h5:nth-child(n+2),
.p-content h2 + ul:nth-of-type(n + 2),
.p-content h2 + ol:nth-of-type(n + 2),
.p-content ol > li > ol:nth-of-type(n + 2),
.p-content figure {
margin: initial;
margin-top: 1.375rem;
max-width: 100%;
}
.p-content img {
width: auto;
}
.p-content figure.aligncenter,
.p-content img.aligncenter {
margin-right: auto;
margin-left: auto;
}
.p-content figure.alignright,
.p-content img.alignright {
margin-left: auto;
}
.p-content > ol {
counter-reset: number 0;
}
.p-content > ol > li {
text-indent: -1rem;
padding-left: 1.5rem;
}
.p-content > ol > li:nth-child(n+10) {
text-indent: -1.5rem;
}
.p-content > ol > li::before {
counter-increment: number 1;
content: counter(number) ". ";
}
.p-content > ol > li > ol {
counter-reset: number 0;
}
.p-content > ol > li > ol > li {
text-indent: -1rem;
padding-left: 1.5rem;
}
.p-content > ol > li > ol > li::before {
counter-increment: number 1;
content: counter(number, lower-alpha) ". ";
}
.p-content > ol > li > ol > li > ol {
counter-reset: number 0;
}
.p-content > ol > li > ol > li > ol > li {
padding-left: 1.375rem;
}
.p-content > ol > li > ol > li > ol > li:nth-child(1) {
text-indent: -0.75rem;
}
.p-content > ol > li > ol > li > ol > li:nth-child(2) {
text-indent: -1rem;
}
.p-content > ol > li > ol > li > ol > li:nth-child(n+3) {
text-indent: -1.25rem;
}
.p-content > ol > li > ol > li > ol > li::before {
counter-increment: number 1;
content: counter(number, lower-roman) ". ";
}
.p-content ul > li {
text-indent: -1em;
padding-left: 1em;
}
.p-content ul > li::before {
content: "・";
}
.p-content ul > li ol {
counter-reset: number 0;
}
.p-content ul > li ol > li {
text-indent: -2em;
padding-left: 2em;
}
.p-content ul > li ol > li::before {
counter-increment: number 1;
content: "(" counter(number) ") ";
}
.p-content table {
width: 100%;
table-layout: fixed;
border-collapse: collapse;
}
.p-content tr {
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.p-content th,
.p-content td {
padding: 0.5rem 1rem;
border: none;
font-size: 0.875rem;
font-weight: 200;
line-height: 1.5;
letter-spacing: 0.1em;
}
.p-content td:nth-child(1) {
vertical-align: baseline;
}
.p-content td {
text-align: left;
}
.p-content .wp-block-table thead {
border-bottom: none;
}
.p-content figure.aligncenter,
.p-content img.aligncenter {
margin-right: auto;
margin-left: auto;
float: none;
}
.p-content figure.alignright,
.p-content img.alignright {
margin-left: auto;
float: none;
}
.p-content a {
word-wrap: break-word;
overflow-wrap: break-word;
text-decoration: underline;
}
.p-content .wp-block-group {
padding: 1.5rem;
background-color: #f7f8f8;
border-radius: 1rem;
font-size: 1rem;
font-weight: 300;
line-height: 2;
}
@media screen and (max-width: 767px) {
.p-content .wp-block-group {
padding: 1.5rem 1.875rem;
}
}
.p-content cite {
font-style: normal;
}
.wp-block-file:not(.wp-element-button) a {
display: flex;
align-content: flex-start;
text-decoration: underline;
}
.wp-block-file:not(.wp-element-button) a::before {
margin-top: 0.5rem;
margin-right: 0.25rem;
flex-shrink: 0;
transform: translateY(-0.5rem);
display: inline-block;
width: 1.5rem;
height: auto;
aspect-ratio: 1/1;
background: url(//www.japan-inc.com/wp-content/themes/japan-associates/images/common/icon_pdf.svg) no-repeat center/contain;
content: "";
}
@media screen and (max-width: 767px) {
.wp-block-file:not(.wp-element-button) a::before {
margin-top: 1rem;
margin-right: 0.5rem;
width: 2rem;
}
}
.p-company {
padding-top: 5rem;
padding-bottom: 2.5rem;
}
@media screen and (max-width: 767px) {
.p-company {
padding-top: 3.125rem;
padding-bottom: 5rem;
}
}
.p-company__section {
padding-top: 5rem;
padding-bottom: 5rem;
}
@media screen and (max-width: 767px) {
.p-company__section {
padding-top: 1.875rem;
padding-bottom: 1.875rem;
}
}
.p-company__section:nth-child(2) {
padding-top: 0;
}
.p-company__sub-title {
margin-top: 3.75rem;
font-size: 2rem;
font-weight: 200;
text-align: center;
}
@media screen and (max-width: 767px) {
.p-company__sub-title {
margin-top: 2.5rem;
font-size: 1.25rem;
}
}
.p-company__introduction.c-text {
margin-top: 4.0625rem;
text-align: center;
font-size: 0.875rem;
line-height: 1.8;
}
@media screen and (max-width: 767px) {
.p-company__introduction.c-text {
text-align: left;
}
}
.p-company__name.c-text {
margin-top: 2.5rem;
text-align: center;
}
@media screen and (max-width: 767px) {
.p-company__name.c-text {
margin-top: 1.25rem;
}
}
.p-company__head {
padding-top: 6.25rem;
padding-bottom: 9.375rem;
background-image: url(//www.japan-inc.com/wp-content/themes/japan-associates/images/top/introduction-bg.webp);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
position: relative;
z-index: 0;
}
@media screen and (max-width: 767px) {
.p-company__head {
padding-top: 3.125rem;
padding-bottom: 3.125rem;
}
}
.p-company__head::before {
position: absolute;
content: "";
inset: 0;
width: 100%;
background-color: rgba(0, 0, 0, 0.5);
z-index: -1;
}
.p-company__list {
margin-top: 3.75rem;
display: flex;
align-items: center;
justify-content: center;
gap: 5.625rem;
}
@media screen and (max-width: 767px) {
.p-company__list {
margin-top: 2.5rem;
gap: 0.625rem;
}
}
.p-company__item {
flex-shrink: 0;
width: 15.25rem;
height: auto;
background-color: #000000;
position: relative;
}
@media screen and (max-width: 767px) {
.p-company__item {
width: 33%;
max-width: 15.25rem;
}
}
.p-company__item::after {
position: absolute;
content: "";
bottom: 2.5rem;
left: 50%;
transform: translateX(-50%);
width: 3.125rem;
height: 0.8125rem;
background-image: url(//www.japan-inc.com/wp-content/themes/japan-associates/images/common/arrow-right.webp);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
@media screen and (max-width: 767px) {
.p-company__item::after {
bottom: 0.625rem;
width: 2.8125rem;
height: 0.6875rem;
}
}
.p-company__item a {
display: flex;
align-items: center;
justify-content: center;
padding: 0.625rem 0.625rem 1.5625rem;
width: 100%;
height: auto;
aspect-ratio: 244/239;
}
@media screen and (max-width: 767px) {
.p-company__item a {
padding: 0.625rem 1.25rem;
}
}
.p-company__heading.c-section-heading {
font-size: 1.5rem;
color: #BA9640;
}
@media screen and (max-width: 767px) {
.p-company__heading.c-section-heading {
font-size: 0.8125rem;
line-height: 1.2;
}
}
.p-company__heading .c-section-heading--en {
padding-bottom: 0.9375rem;
}
@media screen and (max-width: 767px) {
.p-company__heading .c-section-heading--en {
padding-bottom: 0.3125rem;
}
}
.p-vision,
.p-value {
padding-top: 4.375rem;
padding-bottom: 4.375rem;
background-color: #2C2C2C;
}
@media screen and (max-width: 767px) {
.p-vision,
.p-value {
padding-top: 3.125rem;
padding-bottom: 3.125rem;
}
}
.p-mission {
padding-top: 4.375rem;
padding-bottom: 4.375rem;
}
@media screen and (max-width: 767px) {
.p-mission {
padding-top: 3.125rem;
padding-bottom: 3.125rem;
}
}
.c-company-heading {
font-size: 2.5rem;
color: #BA9640;
}
@media screen and (max-width: 767px) {
.c-company-heading {
font-size: 1.5625rem;
}
}
.c-company-lead {
margin-top: 3.125rem;
padding-bottom: 0.9375rem;
font-size: 1.625rem;
line-height: 1.0277777778;
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
@media screen and (max-width: 767px) {
.c-company-lead {
margin-top: 1.25rem;
padding-bottom: 0.625rem;
font-size: 1.125rem;
}
}
.p-vision__text.c-text,
.p-mission__text.c-text {
margin-top: 1.875rem;
font-size: 0.875rem;
font-weight: 400;
line-height: 1.8;
}
@media screen and (max-width: 767px) {
.p-vision__text.c-text,
.p-mission__text.c-text {
margin-top: 1.25rem;
}
}
.p-mission__text.c-text span {
font-size: 1.25rem;
}
@media screen and (max-width: 767px) {
.p-mission__text.c-text span {
font-size: 1.125rem;
}
}
.p-value__items {
margin-top: 2.5rem;
}
@media screen and (max-width: 767px) {
.p-value__items {
margin-top: 1.875rem;
}
}
.p-value__item + .p-value__item {
margin-top: 1.875rem;
}
@media screen and (max-width: 767px) {
.p-value__item + .p-value__item {
margin-top: 1.25rem;
}
}
.p-value__item-title {
font-size: 1.5rem;
line-height: 1.3333333333;
}
@media screen and (max-width: 767px) {
.p-value__item-title {
font-size: 1.25rem;
}
}
.p-value__item-text.c-text {
margin-top: 1.25rem;
font-size: 0.875rem;
font-weight: 400;
line-height: 1.8;
}
.p-company__overview-list {
margin-top: 1.25rem;
}
@media screen and (max-width: 767px) {
.p-company__overview-list {
margin-top: 1.25rem;
}
}
.p-company__overview-items {
display: flex;
padding-top: 0.625rem;
padding-bottom: 0.6875rem;
background-image: linear-gradient(to right, white 0px, white 18.75rem, rgba(255, 255, 255, 0.2) 18.75rem, rgba(255, 255, 255, 0.2) 100%);
background-repeat: no-repeat;
background-size: 100% 1px;
background-position: bottom;
}
@media screen and (max-width: 767px) {
.p-company__overview-items {
padding-top: 0.9375rem;
padding-bottom: 0.9375rem;
background-image: linear-gradient(to right, white 0px, white 6.25rem, rgba(255, 255, 255, 0.2) 6.25rem, rgba(255, 255, 255, 0.2) 100%);
}
}
.p-company__overview-heading.c-text {
flex-shrink: 0;
width: 18.75rem;
text-align: center;
line-height: 2.6875;
}
@media screen and (max-width: 767px) {
.p-company__overview-heading.c-text {
width: 6.25rem;
line-height: 1.8;
}
}
.p-company__overview-text.c-text {
padding-inline: 1.25rem;
line-height: 2.6875;
}
@media screen and (max-width: 767px) {
.p-company__overview-text.c-text {
padding-inline: 0.625rem;
line-height: 1.8;
font-size: 0.875rem;
}
}
.p-company__overview-text .u-member {
position: relative;
display: inline-block;
margin-left: 1.875rem;
font-family: "EB Garamond", serif;
}
.p-company__overview-text .u-member::after {
position: absolute;
content: "";
top: 50%;
transform: translateY(-50%);
right: -3.75rem;
width: 3.125rem;
height: 0.8125rem;
background-image: url(//www.japan-inc.com/wp-content/themes/japan-associates/images/common/arrow-right.webp);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
.p-company__access {
margin-top: 3.125rem;
display: flex;
gap: 3.125rem;
}
@media screen and (max-width: 767px) {
.p-company__access {
flex-direction: column;
gap: 1.875rem;
}
}
.p-company__overview-map {
width: 50%;
}
@media screen and (max-width: 767px) {
.p-company__overview-map {
width: 100%;
}
}
.p-company__overview-map iframe {
aspect-ratio: 558/458;
-o-object-fit: cover;
object-fit: cover;
height: auto;
width: 100%;
border: none;
}
.p-company__access-item-heading {
font-size: 1.5rem;
font-weight: 500;
color: #BA9640;
line-height: 1.6666666667;
letter-spacing: 0.1em;
}
@media screen and (max-width: 767px) {
.p-company__access-item-heading {
font-size: 1.125rem;
}
}
.p-company__access-item-list {
margin-top: 1.25rem;
}
@media screen and (max-width: 767px) {
.p-company__access-item-list {
margin-top: 0.625rem;
}
}
.p-company__access-item-list-item {
font-size: 1rem;
font-family: "Noto Sans JP", sans-serif;
line-height: 2.75;
letter-spacing: 0.1em;
padding-left: 1.5625rem;
position: relative;
}
@media screen and (max-width: 767px) {
.p-company__access-item-list-item {
font-size: 0.875rem;
line-height: 2;
}
}
.p-company__access-item-list-item::before {
position: absolute;
content: "";
width: 0.625rem;
height: 0.625rem;
top: 1.25rem;
left: 0;
border-radius: 50%;
background-color: #BA9640;
}
@media screen and (max-width: 767px) {
.p-company__access-item-list-item::before {
top: 0.625rem;
}
}
.p-service-introduction {
padding-top: 5rem;
padding-bottom: 6.875rem;
}
@media screen and (max-width: 767px) {
.p-service-introduction {
padding-top: 3.125rem;
padding-bottom: 3.125rem;
}
}
.p-service-introduction__title {
font-size: 1.875rem;
color: #BA9640;
font-weight: 500;
line-height: 1.6666666667;
letter-spacing: 0.06em;
padding: 1.25rem 0;
border-top: 1px solid rgba(255, 255, 255, 0.2);
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
text-align: center;
}
@media screen and (max-width: 767px) {
.p-service-introduction__title {
font-size: 1.375rem;
padding: 0.625rem 0;
}
}
.p-service-introduction__sub-title {
margin-top: 2.8125rem;
font-size: 1.5rem;
font-weight: 500;
color: #BA9640;
line-height: 2.0833333333;
letter-spacing: 0.06em;
}
@media screen and (max-width: 767px) {
.p-service-introduction__sub-title {
font-size: 1.125rem;
margin-top: 2.5rem;
}
}
.p-service-introduction__text {
margin-top: 2.1875rem;
font-size: 0.875rem;
font-weight: 400;
line-height: 1.8;
font-family: "Noto Sans JP", sans-serif;
line-height: 2.4;
letter-spacing: 0.1em;
}
@media screen and (max-width: 767px) {
.p-service-introduction__text {
font-size: 0.875rem;
line-height: 1.8;
margin-top: 2.5rem;
}
}
.p-service-section {
padding-top: 5.9375rem;
padding-bottom: 7.1875rem;
}
@media screen and (max-width: 767px) {
.p-service-section {
padding-top: 3.125rem;
padding-bottom: 3.125rem;
}
}
.p-reason {
background-color: #2C2C2C;
}
.p-reason .p-service-section__inner.l-inner {
max-width: 110.9375rem;
}
@media screen and (max-width: 767px) {
.p-reason .p-service-section__inner.l-inner {
max-width: 37.5rem;
}
}
.p-reason__items {
margin-top: 4.375rem;
}
@media screen and (max-width: 767px) {
.p-reason__items {
margin-top: 2.5rem;
}
}
.p-reason__item {
display: flex;
}
@media screen and (max-width: 767px) {
.p-reason__item {
flex-direction: column-reverse;
}
}
.p-reason__item + .p-reason__item {
margin-top: 3.75rem;
}
@media screen and (max-width: 767px) {
.p-reason__item + .p-reason__item {
margin-top: 1.875rem;
}
}
.p-reason__item:nth-child(2n) {
flex-direction: row-reverse;
}
@media screen and (max-width: 767px) {
.p-reason__item:nth-child(2n) {
flex-direction: column-reverse;
}
}
.p-reason__item-wrap {
flex-shrink: 0;
width: 50%;
padding-left: 11.5625rem;
}
@media (max-width: 1440px) {
.p-reason__item-wrap {
padding-left: 0;
}
}
@media screen and (max-width: 767px) {
.p-reason__item-wrap {
width: 100%;
margin-top: 0.625rem;
}
}
.p-reason__item:nth-child(2n) .p-reason__item-wrap {
padding-left: 3.4375rem;
padding-top: 4.0625rem;
}
@media (max-width: 1440px) {
.p-reason__item:nth-child(2n) .p-reason__item-wrap {
padding-left: 1.875rem;
padding-top: 0;
}
}
@media screen and (max-width: 767px) {
.p-reason__item:nth-child(2n) .p-reason__item-wrap {
padding-left: 0;
}
}
.p-reason__item:nth-child(3) .p-reason__item-wrap {
padding-top: 4.0625rem;
}
@media (max-width: 1440px) {
.p-reason__item:nth-child(3) .p-reason__item-wrap {
padding-left: 0;
padding-top: 0;
}
}
.p-reason__item-heading {
font-size: 1.5rem;
font-weight: 500;
color: #BA9640;
line-height: 1.6666666667;
letter-spacing: 0.1em;
}
@media screen and (max-width: 767px) {
.p-reason__item-heading {
font-size: 1.125rem;
}
}
.p-reason__item-list {
margin-top: 2.1875rem;
}
@media screen and (max-width: 767px) {
.p-reason__item-list {
margin-top: 0.625rem;
}
}
.p-reason__item-list-item {
font-size: 1rem;
font-family: "Noto Sans JP", sans-serif;
line-height: 2.75;
letter-spacing: 0.1em;
padding-left: 1.5625rem;
position: relative;
}
@media screen and (max-width: 767px) {
.p-reason__item-list-item {
font-size: 0.875rem;
line-height: 2;
}
}
.p-reason__item-list-item::before {
position: absolute;
content: "";
width: 0.625rem;
height: 0.625rem;
top: 1.25rem;
left: 0;
border-radius: 50%;
background-color: #BA9640;
}
@media screen and (max-width: 767px) {
.p-reason__item-list-item::before {
top: 0.625rem;
}
}
.p-reason__item-text {
margin-top: 0.9375rem;
font-size: 0.875rem;
font-family: "Noto Sans JP", sans-serif;
line-height: 3.1428571429;
letter-spacing: 0.1em;
}
@media screen and (max-width: 767px) {
.p-reason__item-text {
margin-top: 0.3125rem;
font-size: 0.8125rem;
}
}
.p-top-reason__image {
flex-shrink: 0;
width: 50%;
height: 100%;
}
@media screen and (max-width: 767px) {
.p-top-reason__image {
width: 100%;
}
}
.p-top-reason__image img {
aspect-ratio: 864/350;
-o-object-fit: cover;
object-fit: cover;
height: auto;
width: 100%;
}
.p-business__items {
margin-top: 3.125rem;
display: grid;
grid-template-columns: repeat(2, 1fr);
}
@media screen and (max-width: 767px) {
.p-business__items {
grid-template-columns: repeat(1, 1fr);
margin-top: 2.5rem;
}
}
.p-business__item {
background-color: #2C2C2C;
padding: 3.625rem 4.0625rem;
position: relative;
}
@media screen and (max-width: 767px) {
.p-business__item {
padding: 2.5rem 1.25rem;
}
}
.p-business__item:nth-child(2),
.p-business__item:nth-child(3) {
background-color: #000000;
}
@media screen and (max-width: 767px) {
.p-business__item:nth-child(3) {
background-color: #2C2C2C;
}
}
@media screen and (max-width: 767px) {
.p-business__item:nth-child(4) {
background-color: #000000;
}
}
.p-business__tag {
position: absolute;
top: 0;
left: 0;
background-color: #BA9640;
padding: 0.5rem 0.625rem;
font-size: 1.25rem;
font-family: "EB Garamond", serif;
color: #000000;
line-height: 1;
letter-spacing: 0.05em;
}
@media screen and (max-width: 767px) {
.p-business__tag {
font-size: 1.125rem;
}
}
.p-business__heading {
font-size: 1.375rem;
color: #BA9640;
font-weight: 500;
line-height: 2.2727272727;
letter-spacing: 0.1em;
}
@media screen and (max-width: 767px) {
.p-business__heading {
font-size: 1.25rem;
}
}
.p-business__text {
margin-top: 1.25rem;
font-size: 0.875rem;
font-weight: 400;
line-height: 1.5;
font-family: "Noto Sans JP", sans-serif;
letter-spacing: 0.1em;
}
@media screen and (max-width: 767px) {
.p-business__text {
margin-top: 0.9375rem;
font-size: 0.875rem;
line-height: 2;
}
}
.p-contract {
background-color: #2C2C2C;
}
.p-contract__type-tree {
margin-top: 4.125rem;
}
@media screen and (max-width: 767px) {
.p-contract__type-tree {
margin-top: 3.125rem;
}
}
.p-contract__type-branches {
margin-top: 5.625rem;
display: flex;
justify-content: space-between;
}
@media screen and (max-width: 767px) {
.p-contract__type-branches {
margin-top: 3.125rem;
}
}
.p-contract__type-text {
background-color: black;
width: 34.375rem;
padding: 1.5rem 0.625rem 2.5rem;
text-align: center;
}
@media screen and (max-width: 767px) {
.p-contract__type-text {
width: 10rem;
padding: 0.5rem;
}
}
.p-contract__type-main .p-contract__type-text {
margin-inline: auto;
padding: 1.5rem;
}
@media screen and (max-width: 767px) {
.p-contract__type-main .p-contract__type-text {
width: 15.625rem;
}
}
.p-contract__type-name {
font-size: 1.375rem;
line-height: 2.2727272727;
color: #BA9640;
letter-spacing: 0.1em;
}
@media screen and (max-width: 767px) {
.p-contract__type-name {
font-size: 1.125rem;
line-height: 2;
}
}
.p-contract__type-description {
margin-top: 0.625rem;
font-size: 0.9375rem;
line-height: 1.8;
letter-spacing: 0.1em;
}
@media screen and (max-width: 767px) {
.p-contract__type-description {
font-size: 0.8125rem;
}
}
.p-contract__type-main {
position: relative;
}
.p-contract__type-main::after {
position: absolute;
content: "";
width: 1px;
height: 2.8125rem;
background-color: rgba(255, 255, 255, 0.4);
bottom: -2.8125rem;
left: 50%;
transform: translateX(-50%);
}
@media screen and (max-width: 767px) {
.p-contract__type-main::after {
height: 1.5625rem;
bottom: -1.5625rem;
}
}
.p-contract__type-branches {
position: relative;
}
.p-contract__type-branches::before {
position: absolute;
content: "";
top: -2.8125rem;
left: 50%;
transform: translateX(-50%);
width: 60%;
height: 2.8125rem;
border: 1px solid rgba(255, 255, 255, 0.4);
border-bottom: none;
}
@media screen and (max-width: 767px) {
.p-contract__type-branches::before {
height: 1.5625rem;
top: -1.5625rem;
}
}
.p-contract__note {
margin-top: 1rem;
font-size: 0.75rem;
line-height: 1.9166666667;
letter-spacing: 0.1em;
}
@media screen and (max-width: 767px) {
.p-contract__note {
margin-top: 0.9375rem;
font-size: 10px;
}
}
.p-contract__article {
margin-top: 4.25rem;
}
.p-contract__article-heading {
font-size: 1.25rem;
font-weight: 500;
color: #BA9640;
line-height: 2.5;
letter-spacing: 0.1em;
display: flex;
align-items: center;
gap: 1.25rem;
}
@media screen and (max-width: 767px) {
.p-contract__article-heading {
font-size: 1.125rem;
}
}
.p-contract__article-heading::after {
background-color: rgba(255, 255, 255, 0.2);
content: "";
flex-grow: 1;
height: 1px;
}
.p-contract__article-image {
width: 100%;
height: 100%;
}
.p-contract__article-image img {
aspect-ratio: 1362/631;
-o-object-fit: cover;
object-fit: cover;
height: auto;
width: 100%;
}
.p-contract__article.p-industry {
margin-top: 1.875rem;
}
.p-contract__article.p-area {
margin-top: 3.75rem;
}
.p-contract__article-items {
margin-top: 1.25rem;
display: grid;
gap: 0.625rem;
grid-template-columns: repeat(5, 1fr);
}
@media screen and (max-width: 767px) {
.p-contract__article-items {
grid-template-columns: repeat(3, 1fr);
}
}
.p-contract__article-item {
width: 100%;
height: auto;
aspect-ratio: 1/1;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
position: relative;
}
.p-contract__article-item-text {
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
font-size: 1.25rem;
line-height: 2.5;
letter-spacing: 0.1em;
position: relative;
z-index: 1;
}
@media screen and (max-width: 767px) {
.p-contract__article-item-text {
font-size: 1rem;
}
}
.p-contract__article-item::after {
position: absolute;
inset: 0;
background-color: rgba(0, 0, 0, 0.4);
content: "";
width: 100%;
height: 100%;
}
.p-industry .p-contract__article-item:nth-child(1) {
background-image: url(//www.japan-inc.com/wp-content/themes/japan-associates/images/service/industry-img01.webp);
}
.p-industry .p-contract__article-item:nth-child(2) {
background-image: url(//www.japan-inc.com/wp-content/themes/japan-associates/images/service/industry-img02.webp);
}
.p-industry .p-contract__article-item:nth-child(3) {
background-image: url(//www.japan-inc.com/wp-content/themes/japan-associates/images/service/industry-img03.webp);
}
.p-industry .p-contract__article-item:nth-child(4) {
background-image: url(//www.japan-inc.com/wp-content/themes/japan-associates/images/service/industry-img04.webp);
}
.p-industry .p-contract__article-item:nth-child(5) {
background-image: url(//www.japan-inc.com/wp-content/themes/japan-associates/images/service/industry-img05.webp);
}
.p-area .p-contract__article-item:nth-child(1) {
background-image: url(//www.japan-inc.com/wp-content/themes/japan-associates/images/service/area-img01.webp);
}
.p-area .p-contract__article-item:nth-child(2) {
background-image: url(//www.japan-inc.com/wp-content/themes/japan-associates/images/service/area-img02.webp);
}
.p-area .p-contract__article-item:nth-child(3) {
background-image: url(//www.japan-inc.com/wp-content/themes/japan-associates/images/service/area-img03.webp);
}
.p-contract__article.p-search {
margin-top: 3.3125rem;
}
.p-contract__article-search {
margin-top: 1.25rem;
}
.p-search__step {
background-color: #414141;
padding: 1.875rem 3.125rem;
display: flex;
gap: 2.8125rem;
box-shadow: 0.625rem 0.625rem 0.625rem rgba(0, 0, 0, 0.4);
position: relative;
}
@media screen and (max-width: 767px) {
.p-search__step {
padding: 1.25rem;
flex-direction: column;
gap: 0.9375rem;
}
}
.p-search__step:not(:last-child)::after {
position: absolute;
content: "";
bottom: -2.0625rem;
left: 4.5rem;
width: 3rem;
height: 2.0625rem;
background-image: url(//www.japan-inc.com/wp-content/themes/japan-associates/images/service/step-arrow.svg);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
@media screen and (max-width: 767px) {
.p-search__step:not(:last-child)::after {
left: 50%;
transform: translateX(-50%);
}
}
.p-search__step + .p-search__step {
margin-top: 2.9375rem;
}
@media screen and (max-width: 767px) {
.p-search__step + .p-search__step {
margin-top: 2.5rem;
}
}
.p-search__step-number {
display: flex;
align-items: center;
flex-direction: column;
font-size: 5.625rem;
font-family: "EB Garamond", serif;
color: #BA9640;
line-height: 1;
letter-spacing: 0.05em;
}
@media screen and (max-width: 767px) {
.p-search__step-number {
font-size: 3.125rem;
}
}
.p-search__step-number span {
display: block;
font-size: 2.1875rem;
}
@media screen and (max-width: 767px) {
.p-search__step-number span {
font-size: 1.5625rem;
}
}
.p-search__step-title {
font-size: 1.25rem;
color: #BA9640;
line-height: 2.5;
letter-spacing: 0.1em;
}
@media screen and (max-width: 767px) {
.p-search__step-title {
font-size: 1.125rem;
text-align: center;
}
}
.p-search__step-description {
margin-top: 0.3125rem;
}
@media screen and (max-width: 767px) {
.p-search__step-description {
margin-top: 0.3125rem;
}
}
.p-search__step-description-item {
font-size: 1rem;
font-family: "Noto Sans JP", sans-serif;
line-height: 1.875;
letter-spacing: 0.1em;
padding-left: 1.5625rem;
position: relative;
}
@media screen and (max-width: 767px) {
.p-search__step-description-item {
font-size: 0.9375rem;
line-height: 2;
text-indent: 0;
padding-left: 1.5625rem;
}
}
.p-search__step-description-item::before {
position: absolute;
content: "";
width: 0.625rem;
height: 0.625rem;
top: 0.625rem;
left: 0;
border-radius: 50%;
background-color: #BA9640;
}
.p-contract__process-note {
margin-top: 1.6875rem;
text-align: center;
font-size: 1.75rem;
color: #BA9640;
line-height: 1.7857142857;
letter-spacing: 0.1em;
}
@media screen and (max-width: 767px) {
.p-contract__process-note {
font-size: 1.25rem;
}
}
.p-contract__article.p-sourcing {
margin-top: 3.3125rem;
}
.p-sourcing__items {
margin-top: 1.875rem;
max-width: 71.875rem;
margin-inline: auto;
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 3.125rem;
}
@media screen and (max-width: 767px) {
.p-sourcing__items {
grid-template-columns: repeat(1, 1fr);
gap: 1.25rem;
}
}
.p-sourcing-image {
width: 100%;
height: auto;
}
.p-sourcing-image img {
aspect-ratio: 1/1;
-o-object-fit: cover;
object-fit: cover;
height: auto;
width: 100%;
}
.p-sourcing__text {
margin-top: 1.25rem;
font-size: 0.875rem;
font-weight: 200;
font-family: "Noto Sans JP", sans-serif;
line-height: 1.5;
letter-spacing: 0.1em;
}
@media screen and (max-width: 767px) {
.p-sourcing__text {
font-size: 0.9375rem;
}
}
.p-contract__article.p-select {
margin-top: 3.3125rem;
}
.p-select__image {
margin-top: 1.875rem;
width: 100%;
height: 100%;
}
.p-select__image img {
aspect-ratio: 1366/600;
-o-object-fit: cover;
object-fit: cover;
height: auto;
width: 100%;
}
.p-select__text {
margin-top: 0.9375rem;
font-size: 0.875rem;
font-weight: 200;
font-family: "Noto Sans JP", sans-serif;
line-height: 1.5;
letter-spacing: 0.1em;
}
@media screen and (max-width: 767px) {
.p-select__text {
font-size: 0.9375rem;
}
}
.p-contact {
padding-top: 4.0625rem;
padding-bottom: 11.875rem;
}
@media screen and (max-width: 767px) {
.p-contact {
padding-top: 3.125rem;
padding-bottom: 3.125rem;
}
}
.p-contact__title {
font-size: 2.5rem;
color: #BA9640;
font-weight: 200;
line-height: 1.425;
}
@media screen and (max-width: 767px) {
.p-contact__title {
font-size: 1.25rem;
}
}
.p-contact__introduction {
margin-top: 3.4375rem;
font-size: 1rem;
font-family: "Noto Sans JP", sans-serif;
line-height: 1.9;
}
@media screen and (max-width: 767px) {
.p-contact__introduction {
margin-top: 1.875rem;
font-size: 1rem;
}
}
.p-contact__attention {
max-width: 68.75rem;
margin-inline: auto;
margin-top: 3.125rem;
border: 1px solid rgba(255, 255, 255, 0.4);
}
@media screen and (max-width: 767px) {
.p-contact__attention {
margin-top: 1.875rem;
}
}
.p-contact__attention-heading {
font-size: 1.5625rem;
text-align: center;
position: relative;
cursor: pointer;
padding: 1.25rem 1.875rem;
}
@media screen and (max-width: 767px) {
.p-contact__attention-heading {
font-size: 1.25rem;
padding: 0.9375rem;
}
}
.p-contact__attention-heading::before,
.p-contact__attention-heading::after {
content: "";
position: absolute;
top: 2.5rem;
right: 1.25rem;
width: 1.875rem;
height: 0.0625rem;
background: #FFFFFF;
transition: 0.3s;
}
@media screen and (max-width: 767px) {
.p-contact__attention-heading::before,
.p-contact__attention-heading::after {
top: 1.875rem;
width: 1.25rem;
}
}
.p-contact__attention-heading::after {
transform: rotate(90deg);
}
.p-contact__attention-heading[aria-expanded=true]::after {
transform: rotate(0deg);
}
.p-contact__attention-list {
margin-top: 1.875rem;
padding: 1.25rem 1.875rem;
}
@media screen and (max-width: 767px) {
.p-contact__attention-list {
margin-top: 1.25rem;
padding: 0.625rem;
}
}
.p-contact__attention-item {
font-size: 1.25rem;
line-height: 1.9;
text-indent: -1em;
padding-left: 1em;
}
@media screen and (max-width: 767px) {
.p-contact__attention-item {
font-size: 1rem;
}
}
.p-contact__attention-item::before {
content: "・";
left: 0;
top: 50%;
transform: translateY(-50%);
}
.p-form {
max-width: 75rem;
margin-inline: auto;
margin-top: 3.4375rem;
}
@media screen and (max-width: 767px) {
.p-form {
margin-top: 1.25rem;
}
}
.p-form__wrap {
display: flex;
border-bottom: 1px solid rgba(255, 255, 255, 0.4);
}
@media screen and (max-width: 767px) {
.p-form__wrap {
flex-direction: column;
}
}
.p-form__label {
font-size: 1rem;
line-height: 2;
width: 20.5%;
flex-shrink: 0;
padding: 1.625rem 0.9375rem 1.625rem 0.3125rem;
}
@media screen and (max-width: 767px) {
.p-form__label {
width: 100%;
padding-bottom: 0rem;
}
}
.p-form__label p {
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
@media screen and (max-width: 767px) {
.p-form__label p {
justify-content: start;
gap: 1.25rem;
}
}
.p-form__label span:not(.u-career),
.u-required {
margin-top: 0.3125rem;
margin-left: 0.3125rem;
padding: 0.3125rem 0.5rem;
height: 1.25rem;
display: inline-flex;
align-items: center;
justify-content: center;
font-size: 0.75rem;
line-height: 1;
background-color: #808080;
}
.p-form__label .u-comment {
background-color: transparent;
}
.p-form__label .u-career {
display: inline-block;
margin-top: 0.625rem;
font-size: max(0.75rem, 10px);
}
.p-form__input,
.p-form__textarea,
.p-form-radio__input,
.p-form-select p {
margin: 1rem 0;
text-align: left;
padding: 0.75rem 0.9375rem;
background-color: #F4F4F4;
color: #000000;
font-size: 1rem;
}
@media screen and (max-width: 767px) {
.p-form__input,
.p-form__textarea,
.p-form-radio__input,
.p-form-select p {
padding: 0.625rem;
}
}
.p-form-input input,
.p-form-radio__input {
width: 100%;
}
.p-form-input input:focus {
border: 1px solid #F4F4F4;
box-shadow: none;
outline: none;
background-color: #F4F4F4;
}
.p-form-input:has([name=company]),
.p-form-input:has([name=your-name]),
.p-form-input:has([name=your-name-furigana]),
.p-form-input:has([name=tel]) {
width: 25.625rem;
}
@media screen and (max-width: 767px) {
.p-form-input:has([name=company]),
.p-form-input:has([name=your-name]),
.p-form-input:has([name=your-name-furigana]),
.p-form-input:has([name=tel]) {
width: 15.625rem;
}
}
@media screen and (max-width: 767px) {
.p-form-input:has([name=tel]) {
width: 12.5rem;
}
}
.p-form-input:has([name=department]) {
width: 18.75rem;
}
.p-form-input:has([name=your-email]),
.p-form-input:has([name=email-confirm]) {
width: 37.5rem;
}
@media screen and (max-width: 767px) {
.p-form-input:has([name=your-email]),
.p-form-input:has([name=email-confirm]) {
width: 20rem;
}
}
.p-form-radio__input {
width: 37.5rem;
}
.p-form-textarea {
width: 100%;
min-height: 7rem;
}
.p-form__group .p-form-textarea {
margin-top: 0.9375rem;
margin-bottom: 1.6875rem;
padding-right: 3.125rem;
width: 93.5%;
}
.p-form__group .p-form-textarea textarea {
width: 100%;
min-height: 5rem;
field-sizing: content;
}
@media screen and (max-width: 767px) {
.p-form__group .p-form-textarea textarea {
font-size: 0.9375rem;
}
}
.p-form-textarea textarea:focus {
border: 1px solid #F4F4F4;
box-shadow: none;
outline: none;
}
.p-form__label-note {
font-size: 0.8125rem;
}
.p-form__checkbox {
padding-top: 2.1875rem;
padding-left: 0.75rem;
display: flex;
flex-wrap: wrap;
-moz-column-gap: 2.5rem;
column-gap: 2.5rem;
row-gap: 1.25rem;
}
@media screen and (max-width: 767px) {
.p-form__checkbox {
padding-top: 1rem;
margin-bottom: 1rem;
}
}
.p-form-checkbox .wpcf7-checkbox {
display: flex;
flex-wrap: wrap;
-moz-column-gap: 2.5rem;
column-gap: 2.5rem;
row-gap: 1.25rem;
}
@media screen and (max-width: 767px) {
.p-form-checkbox .wpcf7-checkbox {
flex-direction: column;
gap: 0.625rem;
}
}
@media screen and (max-width: 767px) {
.p-form-checkbox label:not(:first-of-type) {
margin-left: 1.625rem;
}
}
.p-form-checkbox input + span {
cursor: pointer;
display: inline-block;
padding: 0 0 0.125rem 1.53125rem;
position: relative;
font-size: 1rem;
line-height: 1;
}
.p-form-checkbox input + span::before {
content: "";
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
border: 1px solid #CDD6DD;
display: block;
width: 1.25rem;
height: 1.25rem;
border-radius: 50%;
}
.p-form-checkbox input + span::after {
content: "";
padding: 0.125rem;
width: 0.75rem;
height: 0.75rem;
position: absolute;
top: 50%;
left: 0.25rem;
transform: translateY(-50%);
border: 1px solid transparent;
border-radius: 50%;
background: #FFFFFF;
opacity: 0;
transition: 0.3s;
}
.p-form-checkbox input:checked + span::after {
opacity: 1;
}
.p-form-radio p {
display: flex;
flex-wrap: wrap;
-moz-column-gap: 4.8125rem;
column-gap: 4.8125rem;
row-gap: 0.4375rem;
}
.p-form-radio label {
display: block;
}
@media screen and (max-width: 767px) {
.p-form-radio label {
display: inline-block;
}
}
@media screen and (max-width: 767px) {
.p-form-radio label:not(:first-of-type) {
margin-left: 1.625rem;
}
}
.p-form-radio input + span {
padding: 0 0 0 1.5625rem;
position: relative;
display: block;
font-size: 1rem;
line-height: 1;
cursor: pointer;
}
@media screen and (max-width: 767px) {
.p-form-radio input + span {
display: inline-block;
}
}
.p-form-radio input + span::before {
content: "";
width: 1.25rem;
height: 1.25rem;
display: block;
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
border: 1px solid #CDD6DD;
border-radius: 50%;
}
.p-form-radio input + span::after {
content: "";
padding: 0.125rem;
width: 0.75rem;
height: 0.75rem;
position: absolute;
top: 50%;
left: 0.25rem;
transform: translateY(-50%);
border: 1px solid transparent;
border-radius: 50%;
background: #FFFFFF;
opacity: 0;
transition: 0.3s;
}
.p-form-radio input:checked + span::after {
opacity: 1;
}
.p-form-radio__label.u-radio-input {
display: flex;
align-items: center;
}
.p-form-radio__text-label {
font-size: 1rem;
line-height: 2;
letter-spacing: 0.1em;
display: flex;
align-items: center;
padding: 1.0625rem 1.4375rem;
justify-content: space-between;
}
.p-form-select {
max-width: 37.5rem;
width: 100%;
position: relative;
}
.p-form-select::after {
position: absolute;
right: 0.625rem;
top: 2.5rem;
content: "";
width: 0.6875rem;
height: 0.375rem;
background-color: #818181;
-webkit-clip-path: polygon(50% 100%, 0 0, 100% 0);
clip-path: polygon(50% 100%, 0 0, 100% 0);
pointer-events: none;
}
@media screen and (max-width: 767px) {
.p-form-select::after {
right: 1rem;
}
}
.p-form-select select {
width: 100%;
color: #C3C3C3;
cursor: pointer;
}
.p-form-select select::-ms-expand {
display: none;
}
.p-form-select select.select-active {
color: #000000;
}
.p-form__privacy {
margin-top: 1.25rem;
border-bottom: 1px solid rgba(255, 255, 255, 0.4);
padding-bottom: 1.875rem;
text-align: center;
}
.p-form__checkbox-text.c-text {
font-family: "Noto Serif JP", serif;
}
@media screen and (max-width: 767px) {
.p-form__checkbox-text.c-text {
font-size: 0.8125rem;
}
}
.p-form__checkbox-text.c-text a {
text-decoration: underline;
text-decoration-color: #FFFFFF;
text-underline-offset: 0px;
text-decoration-thickness: 1px;
}
.p-form__privacy label {
margin-top: 1.25rem;
display: block;
}
.p-form__privacy input + span {
position: relative;
padding-left: 1.875rem;
}
@media screen and (max-width: 767px) {
.p-form__privacy input + span {
font-size: 0.875rem;
}
}
.p-form__privacy input + span::before {
content: "";
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
display: block;
width: 1.25rem;
height: 1.25rem;
background-color: #FFFFFF;
}
.p-form__privacy input + span::after {
content: "";
margin-top: -0.125rem;
position: absolute;
top: 50%;
left: 0.1875rem;
transform: translateY(-50%) rotate(-45deg);
display: block;
width: 0.8125rem;
height: 0.4375rem;
border-bottom: 2px solid #000000;
border-left: 2px solid #000000;
transition: 0.3s;
opacity: 0;
}
.p-form__privacy input:checked + span::after {
opacity: 1;
}
.p-form__submit-message {
margin-top: 2.5rem;
text-align: center;
}
.p-form__submit {
margin-top: 1.875rem;
margin-inline: auto;
position: relative;
width: -moz-fit-content;
width: fit-content;
transition: opacity 0.3s;
}
.p-form__submit::after {
position: absolute;
content: "";
top: 50%;
transform: translateY(-50%);
right: 1.25rem;
width: 3.125rem;
height: auto;
aspect-ratio: 107/27;
background-image: url(//www.japan-inc.com/wp-content/themes/japan-associates/images/common/arrow-right.webp);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
@media screen and (max-width: 767px) {
.p-form__submit::after {
bottom: 1.25rem;
width: 2.1875rem;
}
}
.p-form-submit:hover {
opacity: 0.7;
}
.wpcf7-spinner {
display: none;
}
.p-contact__form-confirm .p-form__input,
.p-contact__form-confirm .p-form__textarea,
.p-contact__form-confirm .p-form-radio__input,
.p-contact__form-confirm .p-form-select p {
background-color: transparent;
color: #FFFFFF;
}
.p-contact__form-confirm .p-form-select::after {
content: none;
}
.p-contact__form-confirm .p-form__group {
padding: 0.75rem 0.9375rem;
}
.p-contact__form-confirm .p-form__textarea.p-form-textarea {
margin: 0;
padding: 0;
}
.p-changejob .p-form__textarea.p-form-textarea,
.p-radio-grid {
margin-top: 0.9375rem;
margin-bottom: 1.6875rem;
}
.wpcf7 form.invalid .wpcf7-response-output {
border-color: #BA9640;
}
.wpcf7 form .wpcf7-response-output {
padding: 1.875rem;
background-color: #000000;
text-align: center;
font-size: 1.25rem;
color: #BA9640;
line-height: 1;
margin: 3.75rem 0 0;
}
.p-radio-grid {
display: grid;
gap: 1rem;
}
.p-radio-grid__row-1 {
display: grid;
grid-template-columns: auto 1fr;
align-items: center;
gap: 1rem;
}
@media screen and (max-width: 767px) {
.p-radio-grid__row-1 {
display: block;
}
}
.p-radio-grid__row-2 {
display: flex;
gap: 1rem;
flex-wrap: wrap;
}
.p-radio-grid__row-2 p {
-moz-column-gap: 3.75rem;
column-gap: 3.75rem;
}
@media screen and (max-width: 767px) {
.p-radio-grid__row-2 p {
-moz-column-gap: 0.625rem;
column-gap: 0.625rem;
}
}
.p-radio-grid__keyword p {
display: flex;
flex-wrap: nowrap;
-moz-column-gap: 1.125rem;
column-gap: 1.125rem;
padding: 0;
}
@media screen and (max-width: 767px) {
.p-radio-grid__keyword p {
-moz-column-gap: 0.3125rem;
column-gap: 0.3125rem;
}
}
.p-form-radio__text-label {
flex-shrink: 0;
padding: 0;
}
@media screen and (max-width: 767px) {
.p-form-radio__text-label {
font-size: 0.75rem;
}
}
.p-radio-grid__keyword .p-form-radio__input {
margin: 0;
}
@media screen and (max-width: 767px) {
.p-radio-grid__keyword .p-form-radio__input {
width: 100%;
}
}
.p-contact-thanks {
padding-top: 4.0625rem;
padding-bottom: 18.75rem;
}
@media screen and (max-width: 767px) {
.p-contact-thanks {
padding-top: 3.125rem;
padding-bottom: 3.125rem;
}
}
.p-contact-thanks__text {
text-align: center;
}
.p-contact-thanks__link {
margin-top: 9.375rem;
text-align: center;
}
.p-member {
padding-top: 4.0625rem;
padding-bottom: 11.875rem;
}
@media screen and (max-width: 767px) {
.p-member {
padding-top: 3.125rem;
padding-bottom: 3.125rem;
}
}
.p-member__items {
margin-top: 4.0625rem;
display: grid;
-moz-column-gap: 1.875rem;
column-gap: 1.875rem;
row-gap: 2.5rem;
grid-template-columns: repeat(3, 1fr);
}
@media screen and (max-width: 767px) {
.p-member__items {
grid-template-columns: repeat(2, 1fr);
-moz-column-gap: 0.625rem;
column-gap: 0.625rem;
row-gap: 0.9375rem;
}
}
.p-member__item {
position: relative;
} .p-member__image {
width: 100%;
height: 100%;
}
.p-member__image img {
aspect-ratio: 431/594;
-o-object-fit: cover;
object-fit: cover;
height: auto;
width: 100%;
}
.p-member__wrap {
position: absolute;
bottom: 0.9375rem;
left: 0.9375rem;
color: #BA9640;
font-size: 1.25rem;
font-weight: 500;
}
@media screen and (max-width: 767px) {
.p-member__wrap {
font-size: 1rem;
}
}
.p-member__item-name-ja {
margin-top: 1.875rem;
font-weight: 500;
}
@media screen and (max-width: 767px) {
.p-member__item-name-ja {
margin-top: 0.9375rem;
}
}
.p-consultant {
padding-top: 6.25rem;
padding-bottom: 10.625rem;
}
@media screen and (max-width: 767px) {
.p-consultant {
padding-top: 3.125rem;
padding-bottom: 5rem;
}
}
.p-consultant__head {
position: relative;
} .p-consultant__image {
width: 100%;
height: 100%;
}
.p-consultant__image img {
aspect-ratio: 1366/594;
-o-object-fit: cover;
object-fit: cover;
height: auto;
width: 100%;
}
.p-consultant__wrap {
position: absolute;
top: 6.25rem;
left: 6.25rem;
color: #BA9640;
font-weight: 500;
}
@media screen and (max-width: 767px) {
.p-consultant__wrap {
top: 1.25rem;
left: 1.25rem;
}
}
.p-consultant__item-role {
font-size: 1.25rem;
}
@media screen and (max-width: 767px) {
.p-consultant__item-role {
font-size: 1rem;
}
}
.p-consultant__item-name-ja {
margin-top: 1.25rem;
font-size: 2.5rem;
font-weight: 500;
}
@media screen and (max-width: 767px) {
.p-consultant__item-name-ja {
margin-top: 0.625rem;
font-size: 1.25rem;
}
}
.p-consultant__item-name-en {
margin-top: 1.25rem;
font-size: 2.5rem;
}
@media screen and (max-width: 767px) {
.p-consultant__item-name-en {
margin-top: 0.625rem;
font-size: 1.25rem;
}
}
.p-consultant__body {
margin-top: 3.125rem;
display: flex;
align-items: flex-start;
gap: 1.875rem;
}
@media screen and (max-width: 767px) {
.p-consultant__body {
flex-direction: column-reverse;
gap: 1.25rem;
}
}
.p-consultant__career {
flex-shrink: 0;
width: 36.383601757%;
background-color: #000000;
padding: 1.25rem 1.875rem;
}
@media screen and (max-width: 767px) {
.p-consultant__career {
width: 100%;
padding: 1.25rem 0.625rem;
}
}
.p-consultant__career-title {
font-size: 1.625rem;
color: #BA9640;
line-height: 1.4230769231;
}
@media screen and (max-width: 767px) {
.p-consultant__career-title {
font-size: 1.25rem;
}
}
.p-consultant__career-description.c-text {
margin-top: 0.625rem;
font-weight: 200;
font-size: 0.875rem;
line-height: 1.5;
}
.p-consultant__content {
background-color: #000000;
padding: 1.25rem 1.875rem;
line-height: 1.5;
}
@media screen and (max-width: 767px) {
.p-consultant__content {
padding: 1.25rem 0.625rem;
}
}
.wp-block-heading br {
display: block;
}
.p-consultant__content .wp-block-heading {
font-size: 1.5rem;
line-height: 1;
font-family: "Noto Serif JP", serif;
font-weight: 500;
}
@media screen and (max-width: 767px) {
.p-consultant__content .wp-block-heading {
font-size: 1.25rem;
}
}
.p-consultant__content .wp-block-heading:first-child {
margin-top: 0;
}
.p-consultant__content .wp-block-heading::first-line {
font-size: 2.5rem;
line-height: 1.5;
}
@media screen and (max-width: 767px) {
.p-consultant__content .wp-block-heading::first-line {
font-size: 1.875rem;
}
}
.wp-block-buttons {
margin-top: 1.875rem;
justify-content: center;
}
.wp-block-button .wp-block-button__link {
min-width: 26.25rem;
padding: 1.875rem;
display: inline-block;
font-size: 0.9375rem;
line-height: 1;
letter-spacing: 0.1em;
text-transform: uppercase;
background-color: #BA9640;
font-size: 1.125rem;
letter-spacing: 0.1em;
color: #FFFFFF;
transition: 0.3s;
position: relative;
text-decoration: none;
border-radius: 0;
}
@media screen and (max-width: 767px) {
.wp-block-button .wp-block-button__link {
min-width: 18.75rem;
font-size: 0.875rem;
padding: 1.375rem;
}
}
.wp-block-button .wp-block-button__link::after {
position: absolute;
content: "";
top: 50%;
transform: translateY(-50%);
right: 1.25rem;
width: 3.125rem;
height: auto;
aspect-ratio: 107/27;
background-image: url(//www.japan-inc.com/wp-content/themes/japan-associates/images/common/arrow-right.webp);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
@media screen and (max-width: 767px) {
.wp-block-button .wp-block-button__link::after {
bottom: 1.25rem;
width: 2.1875rem;
}
}
.p-casestudy {
padding-top: 6.25rem;
padding-bottom: 10.625rem;
}
@media screen and (max-width: 767px) {
.p-casestudy {
padding-top: 3.125rem;
padding-bottom: 5rem;
}
}
.p-casestudy__introduction.c-text {
text-align: center;
font-size: 0.875rem;
font-weight: 400;
line-height: 1.8;
}
@media screen and (max-width: 767px) {
.p-casestudy__introduction.c-text {
text-align: left;
}
}
.p-casestudy__filter {
border: 1px solid rgba(255, 255, 255, 0.4);
padding: 3.125rem;
background-color: #2C2C2C;
margin-bottom: 1.875rem;
margin-top: 3.125rem;
}
@media screen and (max-width: 767px) {
.p-casestudy__filter {
padding: 1.25rem;
margin-top: 1.875rem;
}
}
.p-casestudy__filter-heading {
font-size: 2rem;
font-weight: 500;
color: #BA9640;
line-height: 1.4375;
}
@media screen and (max-width: 767px) {
.p-casestudy__filter-heading {
font-size: 1.25rem;
}
}
.p-casestudy__filter-group {
margin-top: 2.5rem;
display: flex;
gap: 2.1875rem;
}
@media screen and (max-width: 767px) {
.p-casestudy__filter-group {
margin-top: 1.875rem;
gap: 1.25rem;
}
}
.p-casestudy__filter-label {
flex-shrink: 0;
font-size: 1rem;
}
.p-casestudy__filter-buttons {
display: flex;
flex-wrap: wrap;
gap: 1.25rem;
}
@media screen and (max-width: 767px) {
.p-casestudy__filter-buttons {
gap: 0.625rem;
}
}
.p-casestudy__filter-button a {
display: inline-block;
padding: 0.3125rem 2.125rem;
border: 1px solid #FFFFFF;
font-size: 1.125rem;
line-height: 1;
text-align: center;
}
@media screen and (max-width: 767px) {
.p-casestudy__filter-button a {
font-size: 0.875rem;
padding: 0.3125rem 1.25rem;
}
}
.p-casestudy__filter-button a.is-active {
background-color: #BA9640;
color: #FFFFFF;
}
.p-casestudy__items {
margin-top: 4.1875rem;
display: grid;
grid-template-columns: repeat(3, 1fr);
-moz-column-gap: 1.875rem;
column-gap: 1.875rem;
row-gap: 1.25rem;
}
@media screen and (max-width: 767px) {
.p-casestudy__items {
grid-template-columns: repeat(2, 1fr);
-moz-column-gap: 1.25rem;
column-gap: 1.25rem;
row-gap: 0.625rem;
}
}
.p-casestudy__item {
background-color: #2C2C2C;
text-align: center;
}
.p-casestudy__item a {
padding: 2.5rem 0.625rem;
display: block;
font-feature-settings: "palt";
}
@media screen and (max-width: 767px) {
.p-casestudy__item a {
padding: 1.25rem 0.625rem 1.875rem;
}
}
.p-casestudy__item-title {
font-size: 1.75rem;
color: #BA9640;
font-weight: 200;
line-height: 1.4375;
}
@media screen and (max-width: 767px) {
.p-casestudy__item-title {
font-size: 1.375rem;
}
}
.p-casestudy__item-en-title {
margin-top: 0.625rem;
display: block;
font-size: 1rem;
color: #BA9640;
font-weight: 200;
line-height: 1.4375;
text-transform: uppercase;
}
@media screen and (max-width: 767px) {
.p-casestudy__item-en-title {
font-size: 0.875rem;
}
}
.p-casestudy__meta {
margin-top: 0.625rem;
display: flex;
align-items: center;
justify-content: center;
gap: 0.625rem;
}
@media screen and (max-width: 767px) {
.p-casestudy__meta {
flex-direction: column;
}
}
.p-casestudy__tax {
width: 7.625rem;
padding: 0.3125rem;
border: 1px solid #FFFFFF;
font-size: 1.125rem;
line-height: 1;
}
@media screen and (max-width: 767px) {
.p-casestudy__tax {
width: 6.25rem;
font-size: 0.875rem;
}
}
.p-casestudy__link {
margin-top: 3.4375rem;
padding: 0.625rem 1.5rem;
font-size: 1.125rem;
width: -moz-fit-content;
width: fit-content;
margin-inline: auto;
position: relative;
}
@media screen and (max-width: 767px) {
.p-casestudy__link {
margin-top: 1.25rem;
font-size: 0.875rem;
padding: 0.3125rem 0.9375rem;
}
}
.p-casestudy__link::after {
position: absolute;
content: "";
bottom: 0;
left: 50%;
transform: translateX(-50%);
width: 100%;
height: auto;
aspect-ratio: 158/13;
background-image: url(//www.japan-inc.com/wp-content/themes/japan-associates/images/common/arrow-right-long.svg);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
.p-casestudy-detail {
padding-top: 6.25rem;
padding-bottom: 10.625rem;
}
@media screen and (max-width: 767px) {
.p-casestudy-detail {
padding-top: 3.125rem;
padding-bottom: 5rem;
}
}
.p-industry_card {
background-color: #000000;
padding: 5rem;
}
@media screen and (max-width: 767px) {
.p-industry_card {
padding: 1.875rem 0.625rem;
}
}
.p-industry_card:not(:first-child) {
margin-top: 2.5rem;
}
@media screen and (max-width: 767px) {
.p-industry_card:not(:first-child) {
margin-top: 1.875rem;
}
}
.p-industry__header {
display: flex;
align-items: center;
justify-content: space-between;
}
@media screen and (max-width: 767px) {
.p-industry__header {
flex-direction: column;
}
}
.p-industry__heading-wrap {
display: flex;
align-items: center;
justify-content: space-between;
flex-grow: 1;
}
@media screen and (max-width: 767px) {
.p-industry__heading-wrap {
flex-direction: column;
justify-content: center;
gap: 1.875rem;
}
}
.p-industry__heading {
flex-shrink: 0;
font-size: 1.875rem;
line-height: 1;
font-weight: 500;
}
@media screen and (max-width: 767px) {
.p-industry__heading {
font-size: 1.5rem;
}
}
.p-industry__tag-wrap {
display: flex;
align-items: center;
justify-content: center;
gap: 1.6875rem;
}
.p-industry__tag {
width: 8.125rem;
padding: 0.3125rem;
border: 1px solid #FFFFFF;
font-size: 1.125rem;
line-height: 1;
text-align: center;
}
@media screen and (max-width: 767px) {
.p-industry__tag {
width: 6.25rem;
font-size: 0.875rem;
}
}
.p-industry__contents {
margin-top: 4.375rem;
display: flex;
gap: 4.625rem;
padding-bottom: 3.125rem;
border-bottom: 1px solid rgba(255, 255, 255, 0.4);
}
@media screen and (max-width: 767px) {
.p-industry__contents {
margin-top: 3.125rem;
flex-direction: column;
gap: 1.875rem;
}
}
.p-industry__description {
font-size: 1.625rem;
font-weight: 500;
line-height: 1.4230769231;
}
@media screen and (max-width: 767px) {
.p-industry__description {
font-size: 1.25rem;
}
}
.p-industry__list {
margin-top: 2.5rem;
}
@media screen and (max-width: 767px) {
.p-industry__list {
margin-top: 1.875rem;
}
}
.p-industry__item {
display: flex;
border-bottom: 1px solid rgba(255, 255, 255, 0.4);
}
@media screen and (max-width: 767px) {
.p-industry__item {
flex-direction: column;
}
}
.p-industry__term {
flex-shrink: 0;
width: 8.25rem;
padding-top: 0.625rem;
padding-bottom: 0.625rem;
background-color: rgba(255, 255, 255, 0.2);
text-align: center;
}
@media screen and (max-width: 767px) {
.p-industry__term {
margin-top: 0.625rem;
width: initial;
padding: 0.625rem;
}
}
.p-industry__desc {
padding: 0.625rem 1.125rem;
}
@media screen and (max-width: 767px) {
.p-industry__desc {
text-align: center;
}
}
.p-industry__text-img {
flex-shrink: 0;
width: 31.4787701318%;
}
@media screen and (max-width: 767px) {
.p-industry__text-img {
width: 100%;
}
}
.p-industry__text-img img {
aspect-ratio: 431/475;
-o-object-fit: cover;
object-fit: cover;
height: auto;
width: 100%;
}
@media screen and (max-width: 767px) {
.p-industry__text-img img {
aspect-ratio: 3/2;
}
}
.p-industry__free {
margin-top: 1.875rem;
}
@media screen and (max-width: 767px) {
.p-industry__free {
margin-top: 1.25rem;
}
}
.p-industry__free .wp-block-heading:not(:first-child) {
margin-top: 3.125rem;
}
@media screen and (max-width: 767px) {
.p-industry__free .wp-block-heading:not(:first-child) {
margin-top: 1.875rem;
}
}
.p-industry__free .wp-block-heading {
font-size: 1.5rem;
font-weight: 500;
line-height: 1.4230769231;
padding-bottom: 0.9375rem;
border-bottom: 1px solid rgba(255, 255, 255, 0.4);
}
@media screen and (max-width: 767px) {
.p-industry__free .wp-block-heading {
font-size: 1.25rem;
}
}
.p-industry__free p {
margin-top: 1.25rem;
font-family: "Noto Sans JP", sans-serif;
}
@media screen and (max-width: 767px) {
.p-industry__free p {
margin-top: 0.625rem;
}
}
.p-industry__toggle {
width: 18.75rem;
height: 2.5rem;
position: relative;
cursor: pointer;
margin-left: auto;
transition: opacity 0.3s;
cursor: pointer;
}
@media screen and (max-width: 767px) {
.p-industry__toggle {
width: 12.5rem;
height: 2.5rem;
}
}
.p-industry__toggle:hover {
opacity: 0.7;
}
.p-industry__toggle-text {
color: #FFFFFF;
font-size: 1.125rem;
font-family: "EB Garamond", serif;
display: inline-block;
position: absolute;
right: 5rem;
top: 50%;
transform: translateY(-50%);
pointer-events: none;
opacity: 1;
transition: opacity 0.3s ease-in-out;
}
.p-industry__toggle-text.is-fading {
opacity: 0;
}
@media screen and (max-width: 767px) {
.p-industry__toggle-text {
font-size: 1.5625rem;
right: 5rem;
}
}
.p-industry__toggle-text::after {
position: absolute;
content: "";
top: 50%;
transform: translateY(-50%);
right: -3.125rem;
width: 2.5rem;
height: auto;
aspect-ratio: 50/13;
background-image: url(//www.japan-inc.com/wp-content/themes/japan-associates/images/common/arrow-right.webp);
background-repeat: no-repeat;
background-position: center;
background-size: contain;
} .p-industry__free-toggle {
overflow: hidden;
max-height: 0;
transition: max-height 0.5s ease;
}
.p-industry__free-toggle.is-open {
max-height: 3000px;
}
.p-scout {
padding-top: 5rem;
overflow-x: clip;
}
@media screen and (max-width: 767px) {
.p-scout {
padding-top: 3.125rem;
}
}
.p-scout__head {
text-align: center;
padding-bottom: 5rem;
}
@media screen and (max-width: 767px) {
.p-scout__head {
padding-bottom: 3.125rem;
}
}
.p-scout__title {
font-size: 2.5rem;
font-weight: 200;
line-height: 1.5;
color: #BA9640;
}
@media screen and (max-width: 767px) {
.p-scout__title {
font-size: 1.25rem;
}
}
.p-scout__title-note {
margin-top: 1.625rem;
font-size: 0.75rem;
line-height: 2.6666666667;
}
@media screen and (max-width: 767px) {
.p-scout__title-note {
font-size: 10px;
line-height: 1.8;
}
}
.p-scout__description {
margin-top: 5.9375rem;
font-size: 1rem;
line-height: 2;
}
@media screen and (max-width: 767px) {
.p-scout__description {
margin-top: 3.75rem;
font-size: 0.875rem;
}
}
.p-scout__contents {
background-color: #000000;
padding-top: 6.25rem;
padding-bottom: 9.375rem;
overflow-x: clip;
}
@media screen and (max-width: 767px) {
.p-scout__contents {
padding-top: 3.125rem;
padding-bottom: 3.125rem;
}
}
.p-scout__contents-inner {
display: flex;
align-items: center;
}
@media screen and (max-width: 767px) {
.p-scout__contents-inner {
flex-direction: column;
}
}
.p-scout__img {
flex-shrink: 0;
margin-left: calc(50% - 50vw);
margin-right: auto;
width: 48.3854166667vw;
height: 100%;
}
@media screen and (max-width: 767px) {
.p-scout__img {
margin: 0 calc(50% - 50vw);
width: 100vw;
}
}
.p-scout__img img {
aspect-ratio: 929/683;
-o-object-fit: cover;
object-fit: cover;
height: auto;
width: 100%;
opacity: 0.5;
}
.p-scout__contents-text-wrap {
margin-left: -11.25rem;
}
@media screen and (max-width: 767px) {
.p-scout__contents-text-wrap {
margin-top: -1.875rem;
margin-left: 0;
}
}
.p-scout__contents-heading {
font-size: 2.375rem;
font-weight: 200;
line-height: 1.5;
}
@media (max-width: 767px) {
.p-scout__contents-heading {
font-size: 1.4375rem;
text-align: center;
}
}
@media (min-width: 768px) and (max-width: 1440px) {
.p-scout__contents-heading {
font-size: 1.875rem;
}
}
.p-scout__contents-text {
margin-top: 2.9375rem;
font-size: 1rem;
font-family: "Noto Sans JP", sans-serif;
line-height: 2;
}
@media (max-width: 767px) {
.p-scout__contents-text {
margin-top: 1.875rem;
font-size: 0.8125rem;
}
}
@media (min-width: 768px) and (max-width: 1440px) {
.p-scout__contents-text {
font-size: 0.9375rem;
margin-top: 2.1875rem;
}
}
.p-recruit {
padding-top: 4.0625rem;
}
@media screen and (max-width: 767px) {
.p-recruit {
padding-top: 3.125rem;
}
}
.p-recruit-introduction {
text-align: center;
padding-bottom: 5rem;
}
@media screen and (max-width: 767px) {
.p-recruit-introduction {
padding-bottom: 3.125rem;
text-align: left;
}
}
.p-recruit-introduction__en-title.c-section-title--en {
text-transform: none;
}
.p-recruit-introduction__heading {
margin-top: 4.375rem;
font-size: 2rem;
font-weight: 500;
line-height: 1.3333333333;
}
@media screen and (max-width: 767px) {
.p-recruit-introduction__heading {
margin-top: 1.875rem;
font-size: 1.5625rem;
text-align: center;
}
}
.p-recruit-introduction__description + .p-recruit-introduction__description {
margin-top: 1.875rem;
}
@media screen and (max-width: 767px) {
.p-recruit-introduction__description + .p-recruit-introduction__description {
margin-top: 1.25rem;
}
}
.p-recruit-introduction__description.c-text {
margin-top: 3.125rem;
font-size: 0.875rem;
font-weight: 400;
line-height: 1.8;
}
@media screen and (max-width: 767px) {
.p-recruit-introduction__description.c-text {
margin-top: 1.875rem;
}
}
.p-recruit-introduction__name {
margin-top: 1.25rem;
}
@media screen and (max-width: 767px) {
.p-recruit-introduction__name {
text-align: right;
}
}
.p-feature {
background-color: #2C2C2C;
padding-top: 3.125rem;
padding-bottom: 3.125rem;
}
@media screen and (max-width: 767px) {
.p-feature {
padding-top: 2.5rem;
padding-bottom: 2.5rem;
}
}
.p-feature__items {
margin-top: 3.125rem;
}
@media screen and (max-width: 767px) {
.p-feature__items {
margin-top: 1.875rem;
}
}
.p-feature__item + .p-feature__item {
margin-top: 3.125rem;
}
@media screen and (max-width: 767px) {
.p-feature__item + .p-feature__item {
margin-top: 2.5rem;
}
}
.p-features__item-title {
font-size: 1.875rem;
font-weight: 500;
line-height: 1.4230769231;
border-bottom: 1px solid rgba(255, 255, 255, 0.4);
padding-bottom: 1.25rem;
}
@media (max-width: 1399px) {
.p-features__item-title {
font-size: 1.25rem;
padding-bottom: 0.625rem;
}
}
.p-features__list {
margin-top: 4.375rem;
display: grid;
gap: 2.5rem;
grid-template-columns: repeat(3, 1fr);
}
@media screen and (max-width: 767px) {
.p-features__list {
margin-top: 1.875rem;
grid-template-columns: repeat(1, 1fr);
gap: 2.5rem;
}
}
.p-features__list-item-img {
width: 100%;
height: auto;
aspect-ratio: 4/3;
display: flex;
align-items: center;
justify-content: center;
}
@media screen and (max-width: 767px) {
.p-features__list-item-img {
width: 39%;
margin-inline: auto;
}
}
.p-features__list-item-img img {
aspect-ratio: 220/192;
-o-object-fit: cover;
object-fit: cover;
height: auto;
width: 13.75rem;
}
.p-features__list-item-img.u-img02 img {
aspect-ratio: 228/108;
width: 14.25rem;
}
.p-features__list-item-img.u-img03 img {
aspect-ratio: 1/1;
width: 11.9375rem;
}
.p-features__list-item-img.u-img04 img {
aspect-ratio: 109/192;
width: 6.8125rem;
}
.p-features__list-item-img.u-img05 img {
aspect-ratio: 206/192;
width: 12.875rem;
}
.p-features__list-item-img.u-img06 img {
aspect-ratio: 1/1;
width: 12.125rem;
}
.p-features__list-item-img.u-img07 img {
aspect-ratio: 188/192;
width: 11.75rem;
}
.p-features__list-item-title {
margin-top: 1.875rem;
font-size: 1.5rem;
font-weight: 500;
line-height: 1.4583333333;
}
@media screen and (max-width: 767px) {
.p-features__list-item-title {
margin-top: 0.625rem;
font-size: 1.125rem;
text-align: center;
}
}
.p-features__list-item:first-child .p-features__list-item-title {
letter-spacing: -0.02em;
}
.p-features__list-item-text {
margin-top: 1.25rem;
font-size: 1rem;
font-family: "Noto Sans JP", sans-serif;
font-weight: 200;
line-height: 1.5;
}
@media screen and (max-width: 767px) {
.p-features__list-item-text {
margin-top: 0.625rem;
font-size: 0.8125rem;
max-width: 25rem;
margin-inline: auto;
}
}
.p-features__list-item-note {
margin-top: 0.625rem;
font-size: 1rem;
font-family: "Noto Sans JP", sans-serif;
line-height: 1.5;
}
@media screen and (max-width: 767px) {
.p-features__list-item-note {
font-size: 0.875rem;
max-width: 25rem;
margin-inline: auto;
}
}
.p-feature__message {
margin-top: 3.125rem;
text-align: center;
font-size: 1.75rem;
color: #BA9640;
line-height: 1.7857142857;
letter-spacing: 0.1em;
}
@media screen and (max-width: 767px) {
.p-feature__message {
font-size: 1.25rem;
}
}
.p-job-description {
padding-top: 3.125rem;
padding-bottom: 3.125rem;
}
@media screen and (max-width: 767px) {
.p-job-description {
padding-top: 3.125rem;
padding-bottom: 3.125rem;
}
}
.p-job-description-wrap {
background-color: #000000;
margin-top: 8.125rem;
border-radius: 1.25rem;
padding: 3.4375rem 3.75rem;
}
@media screen and (max-width: 767px) {
.p-job-description-wrap {
margin-top: 3.125rem;
padding: 1.5625rem 1.25rem;
}
}
.p-job-description__heading {
font-size: 1.875rem;
font-weight: 200;
line-height: 1.4666666667;
position: relative;
padding-left: 1.25rem;
}
@media screen and (max-width: 767px) {
.p-job-description__heading {
font-size: 1.25rem;
}
}
.p-job-description__heading::before {
position: absolute;
top: 0;
left: 0;
width: 0.375rem;
height: 100%;
background-color: #FFFFFF;
content: "";
}
.p-job-description__info {
display: flex;
gap: 3.75rem;
margin-top: 2.5rem;
}
@media screen and (max-width: 767px) {
.p-job-description__info {
flex-direction: column;
gap: 1.25rem;
margin-top: 1.875rem;
}
}
.p-job-description__image {
flex-shrink: 0;
width: 40.8491947291%;
height: auto;
}
@media screen and (max-width: 767px) {
.p-job-description__image {
width: 100%;
}
}
.p-job-description__image img {
aspect-ratio: 558/371;
-o-object-fit: cover;
object-fit: cover;
height: auto;
width: 100%;
border-radius: 1.25rem;
}
.p-job-description__summary-title {
font-size: 1.25rem;
line-height: 1.45;
}
@media screen and (max-width: 767px) {
.p-job-description__summary-title {
font-size: 1.0625rem;
}
}
.p-job-description__summary-list {
margin-top: 0.625rem;
}
.p-job-description__summary-item + .p-job-description__summary-item {
margin-top: 0.625rem;
}
@media screen and (max-width: 767px) {
.p-job-description__summary-item + .p-job-description__summary-item {
margin-top: 0.3125rem;
}
}
.p-job-description__summary-item {
font-size: 1.25rem;
line-height: 1.45;
text-indent: -1em;
padding-left: 1em;
}
@media screen and (max-width: 767px) {
.p-job-description__summary-item {
font-size: 1.0625rem;
}
}
.p-job-description__summary-item::before {
content: "・";
}
.p-job-description__contents {
margin-top: 6.25rem;
}
@media screen and (max-width: 767px) {
.p-job-description__contents {
margin-top: 3.125rem;
}
}
.p-job-description__contents-list {
margin-top: 3.125rem;
}
@media screen and (max-width: 767px) {
.p-job-description__contents-list {
margin-top: 1.25rem;
}
}
.p-job-description__contents-items {
display: flex;
padding-top: 0.625rem;
padding-bottom: 0.6875rem;
background-image: linear-gradient(to right, white 0px, white 18.75rem, rgba(255, 255, 255, 0.2) 18.75rem, rgba(255, 255, 255, 0.2) 100%);
background-repeat: no-repeat;
background-size: 100% 1px;
background-position: bottom;
}
@media screen and (max-width: 767px) {
.p-job-description__contents-items {
padding-top: 0.9375rem;
padding-bottom: 0.9375rem;
background-image: linear-gradient(to right, white 0px, white 7.5rem, rgba(255, 255, 255, 0.2) 7.5rem, rgba(255, 255, 255, 0.2) 100%);
}
}
.p-job-description__contents-heading.c-text {
flex-shrink: 0;
width: 18.75rem;
text-align: center;
line-height: 1.8;
}
@media screen and (max-width: 767px) {
.p-job-description__contents-heading.c-text {
width: 7.5rem;
}
}
.p-job-description__contents-text.c-text {
padding-inline: 1.25rem;
font-size: 0.875rem;
line-height: 1.8;
font-weight: 400;
}
@media screen and (max-width: 767px) {
.p-job-description__contents-text.c-text {
padding-inline: 0.625rem;
}
}
.p-job-description__button {
margin-top: 8.125rem;
text-align: center;
}
@media screen and (max-width: 767px) {
.p-job-description__button {
margin-top: 3.125rem;
}
}
.p-job-description__button .c-button {
min-width: 18.75rem;
}
.p-job-description__summary-list > ol {
counter-reset: number 0;
}
.p-job-description__summary-list > ol > li {
text-indent: -1rem;
padding-left: 1.5rem;
}
.p-job-description__summary-list > ol > li:nth-child(n+10) {
text-indent: -1.5rem;
}
.p-job-description__summary-list > ol > li::before {
counter-increment: number 1;
content: counter(number) ". ";
}
.p-job-description__summary-list > ol > li > ol {
counter-reset: number 0;
}
.p-job-description__summary-list > ol > li > ol > li {
text-indent: -1rem;
padding-left: 1.5rem;
}
.p-job-description__summary-list ul > li {
text-indent: -1em;
padding-left: 1em;
}
.p-job-description__summary-list ul > li::before {
content: "・";
}
.p-job-description__summary-list p + p {
margin-top: 1.25rem;
}
.p-entry .p-contact__introduction {
margin-top: 0;
}
.p-entry .p-form-input:has([name=your-email]),
.p-entry .p-form-input:has([name=email-confirm]) {
width: 30.9375rem;
}
@media screen and (max-width: 767px) {
.p-entry .p-form-input:has([name=your-email]),
.p-entry .p-form-input:has([name=email-confirm]) {
width: 18.75rem;
}
}
.p-entry .p-form-postal {
margin-left: 3.125rem;
width: 12.625rem;
}
@media screen and (max-width: 767px) {
.p-entry .p-form-postal {
margin-left: 0;
width: 9.375rem;
}
}
.p-entry .p-form-input:has([name=address]) {
width: 40.6875rem;
}
@media screen and (max-width: 767px) {
.p-entry .p-form-input:has([name=address]) {
width: 100%;
}
}
.p-entry .p-form__textarea {
width: 100%;
}
.p-entry .p-form__textarea textarea {
min-height: 5.5rem;
width: 100%;
field-sizing: content;
}
.p-changejob .p-form-textarea {
width: 100%;
}
.p-changejob .p-form-textarea textarea {
width: 100%;
min-height: 7rem;
}
.p-confirm__wrap {
display: flex;
border-bottom: 1px solid rgba(255, 255, 255, 0.4);
}
@media screen and (max-width: 767px) {
.p-confirm__wrap {
flex-direction: column;
}
}
.p-confirm__label {
font-size: 1rem;
line-height: 2;
width: 20.5%;
flex-shrink: 0;
padding: 1.625rem 0.9375rem 1.625rem 0.3125rem;
}
@media screen and (max-width: 767px) {
.p-confirm__label {
width: 100%;
padding-bottom: 0rem;
}
}
.p-confirm__label p {
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
@media screen and (max-width: 767px) {
.p-confirm__label p {
justify-content: start;
gap: 1.25rem;
}
}
.p-confirm__text {
margin: 1rem 0;
text-align: left;
padding: 0.75rem 0.9375rem;
font-size: 1rem;
}
@media screen and (max-width: 767px) {
.p-confirm__text {
padding: 0.625rem;
}
}
.p-confirm__text.u-postal {
width: 12.5rem;
}
.p-loader {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #000;
z-index: 9999;
display: flex;
align-items: center;
justify-content: center;
opacity: 1;
visibility: visible;
transition: opacity 0.8s ease, visibility 0.8s;
}
.p-loader.is-hide {
opacity: 0;
visibility: hidden;
pointer-events: none;
}
.p-loader.is-hide .p-loader__logo {
display: none;
}
.p-loader__logo {
width: 25rem;
opacity: 0;
transform: scale(0.95);
animation: logoFadeIn 1s ease-out forwards;
animation-delay: 0.4s;
}
@keyframes logoFadeIn {
to {
opacity: 1;
transform: scale(1);
}
}
.c-section-title {
font-size: 1.25rem;
color: #BA9640;
font-weight: 200;
line-height: 2.5;
letter-spacing: 0.1em;
text-align: center;
}
@media screen and (max-width: 767px) {
.c-section-title {
font-size: 1rem;
line-height: 1;
}
}
.c-section-title--en {
text-transform: capitalize;
display: block;
font-size: 5rem;
font-family: "EB Garamond", serif;
font-weight: 200;
line-height: 1;
color: #BA9640;
letter-spacing: 0.05em;
}
@media screen and (max-width: 767px) {
.c-section-title--en {
font-size: 3.125rem;
padding-bottom: 0.3125rem;
}
}
.c-section-heading {
font-size: 0.875rem;
color: #FFFFFF;
font-weight: 200;
line-height: 1.5;
letter-spacing: 0.1em;
text-align: center;
}
@media screen and (max-width: 767px) {
.c-section-heading {
font-size: 0.6875rem;
}
}
.c-section-heading--en {
text-transform: capitalize;
display: block;
font-size: 2.125rem;
font-weight: 200;
font-family: "EB Garamond", serif;
line-height: 1;
color: #BA9640;
letter-spacing: 0.1em;
padding-bottom: 0.3125rem;
}
@media screen and (max-width: 767px) {
.c-section-heading--en {
font-size: 1.6875rem;
}
}
.c-button {
min-width: 26.25rem;
padding: 1.875rem;
display: inline-block;
font-size: 0.9375rem;
line-height: 1;
letter-spacing: 0.1em;
text-transform: uppercase;
border: 1px solid #FFFFFF;
font-size: 1.125rem;
letter-spacing: 0.1em;
color: #FFFFFF;
transition: 0.3s;
position: relative;
}
@media screen and (max-width: 767px) {
.c-button {
min-width: 20.625rem;
font-size: 0.875rem;
padding: 1.375rem;
}
}
.c-button::after {
position: absolute;
content: "";
top: 50%;
transform: translateY(-50%);
right: 1.25rem;
width: 3.125rem;
height: auto;
aspect-ratio: 107/27;
background-image: url(//www.japan-inc.com/wp-content/themes/japan-associates/images/common/arrow-right.webp);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
@media screen and (max-width: 767px) {
.c-button::after {
bottom: 1.25rem;
width: 2.1875rem;
}
}
.c-scroll-down {
padding-bottom: 2.5rem;
position: relative;
font-size: 0.9375rem;
color: #FFFFFF;
font-family: "EB Garamond", serif;
text-transform: capitalize;
letter-spacing: 0.1em;
}
.c-scroll-down::after {
content: "";
position: absolute;
bottom: 0;
left: 50%;
width: 1px;
height: 2.5rem;
background: #FFFFFF;
animation: scroll-down 2s infinite;
}
@keyframes scroll-down {
0% {
transform: scale(1, 0);
transform-origin: 0 0;
}
50% {
transform: scale(1, 1);
transform-origin: 0 0;
}
50.1% {
transform: scale(1, 1);
transform-origin: 0 100%;
}
100% {
transform: scale(1, 0);
transform-origin: 0 100%;
}
}
.c-button-gold {
width: 100%;
text-align: center;
position: relative;
}
.c-button-gold a {
display: block;
padding: 3.125rem 3.125rem 5.625rem;
background-color: #000000;
font-size: 1.625rem;
color: #BA9640;
line-height: 1;
letter-spacing: 0.1em;
}
@media screen and (max-width: 767px) {
.c-button-gold a {
padding: 1.5625rem 1.25rem 4.0625rem;
font-size: 1.25rem;
}
}
.c-button-gold a span {
margin-top: 0.625rem;
display: block;
font-size: 1rem;
color: #BA9640;
letter-spacing: 0.1em;
}
@media screen and (max-width: 767px) {
.c-button-gold a span {
font-size: 0.875rem;
}
}
.c-button-gold::after {
position: absolute;
content: "";
bottom: 2.5rem;
left: 50%;
transform: translateX(-50%);
width: 3.125rem;
height: 0.8125rem;
background-image: url(//www.japan-inc.com/wp-content/themes/japan-associates/images/common/arrow-right.webp);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
@media screen and (max-width: 767px) {
.c-button-gold::after {
bottom: 2.1875rem;
width: 2.8125rem;
height: 0.6875rem;
}
}
.c-text {
font-size: 1rem;
font-weight: 400;
font-family: "Noto Sans JP", sans-serif;
line-height: 2.375;
}
@media screen and (max-width: 767px) {
.c-text {
font-size: 0.875rem;
line-height: 1.8;
}
}
.c-sidebar {
flex-shrink: 0;
width: 19.71014%;
}
@media screen and (max-width: 767px) {
.c-sidebar {
width: 100%;
}
}
.c-sidebar-category + .c-sidebar-category {
margin-top: 1.875rem;
}
.c-sidebar__title {
font-size: 1.5rem;
font-weight: 700;
line-height: 1.5;
text-transform: capitalize;
padding-bottom: 0.9375rem;
border-bottom: 0.1875rem solid #FFFFFF;
}
@media screen and (max-width: 767px) {
.c-sidebar__title {
font-size: 1.25rem;
padding-bottom: 0.625rem;
border-bottom: 0.125rem solid #FFFFFF;
}
}
.c-sidebar__list-item a {
display: block;
padding-top: 1.0625rem;
padding-bottom: 1.0625rem;
border-bottom: 0.1875rem solid #FFFFFF;
}
@media screen and (max-width: 767px) {
.c-sidebar__list-item a {
padding-top: 0.625rem;
padding-bottom: 0.625rem;
border-bottom: 0.125rem solid #FFFFFF;
}
}
.detail__day {
font-size: 0.75rem;
font-weight: 400;
line-height: 1.25;
}
.detail__summary {
margin-top: 1rem;
font-size: 0.875rem;
font-weight: 400;
line-height: 1.25;
}
@media screen and (max-width: 767px) {
.detail__summary {
margin-top: 0.625rem;
font-size: 0.8125rem;
}
}
.c-sub-side-bar__accordion {
padding-bottom: 2.1875rem;
border-bottom: 0.1875rem solid #FFFFFF;
}
@media screen and (max-width: 767px) {
.c-sub-side-bar__accordion {
padding-bottom: 1.25rem;
border-bottom: 0.125rem solid #FFFFFF;
}
}
.c-sub-side-bar__button {
margin-top: 0.9375rem;
width: 100%;
text-align: left;
background-color: #FFFFFF;
padding: 0.9375rem 0.625rem;
border-radius: 0.375rem;
font-size: 0.75rem;
font-family: "Noto Serif JP", serif;
font-weight: 500;
line-height: 1.25;
position: relative;
color: #000000;
}
@media screen and (max-width: 767px) {
.c-sub-side-bar__button {
padding: 0.625rem 0.5rem;
}
}
.c-sub-side-bar__button::after {
position: absolute;
right: 0.625rem;
top: 50%;
transform: translateY(-50%);
content: "";
width: 0.75rem;
height: 0.75rem;
background-color: #000000;
-webkit-clip-path: polygon(50% 100%, 0 0, 100% 0);
clip-path: polygon(50% 100%, 0 0, 100% 0);
pointer-events: none;
}
@media screen and (max-width: 767px) {
.c-sub-side-bar__button::after {
width: 0.625rem;
height: 0.625rem;
}
}
.c-sub-side-bar__button[aria-expanded=true] {
border-radius: 0.375rem 0.375rem 0 0;
}
.c-sub-side-bar__accordion-list {
background-color: #FFFFFF;
color: #000000;
border-radius: 0 0 0.375rem 0.375rem;
padding: 0.625rem 0.625rem;
}
.c-sub-side-bar__accordion-item a {
display: block;
width: 100%;
text-align: left;
font-size: 0.75rem;
font-family: "Noto Serif JP", serif;
font-weight: 500;
line-height: 1.25;
}
.c-sub-side-bar__accordion-item.current,
.c-sub-side-bar__accordion-item:has(.current) {
width: 100%;
text-align: left;
font-size: 0.75rem;
font-family: "Noto Serif JP", serif;
font-weight: 700;
line-height: 1.25;
color: #BA9640;
margin: 0.625rem 0;
}
.c-sub-side-bar__accordion-item + .c-sub-side-bar__accordion-item {
margin-top: 0.625rem;
}
#toc_container {
width: 100% !important;
padding: 1.25rem 3.125rem;
border-radius: 0.375rem;
}
@media screen and (max-width: 767px) {
#toc_container {
padding: 0.625rem 1.875rem;
}
}
.p-content ul > li::before {
content: none;
}
#toc_container.toc_black p.toc_title {
font-size: 1.875rem;
color: #BA9640;
}
@media screen and (max-width: 767px) {
#toc_container.toc_black p.toc_title {
font-size: 1.25rem;
}
}
#toc_container a {
font-size: 1.5rem;
}
@media screen and (max-width: 767px) {
#toc_container a {
font-size: 1rem;
}
}
span.toc_number {
margin-right: 0.625rem;
} body:not(.category-column) #toc_container {
display: none !important;
}
.u-pc {
display: block;
}
@media screen and (max-width: 767px) {
.u-pc {
display: none;
}
}
.u-sp {
display: none;
}
@media screen and (max-width: 767px) {
.u-sp {
display: block;
}
}
.u-note {
display: none;
}
@media (max-width: 1440px) {
.u-note {
display: block;
}
}
.l-inner {
margin-inline: auto;
width: 100%;
padding-inline: 1.5625rem;
max-width: 87.5rem;
}
.l-inner.join {
max-width: 740px;
text-align: left;
}
.l-inner .p-recruit-introduction__name {
text-align: right;
}
@media screen and (max-width: 1440px) {
.l-inner {
max-width: 78.125rem;
padding-inline: 1.5625rem;
}
}
@media screen and (max-width: 767px) {
.l-inner {
max-width: 40rem;
padding-inline: 1.25rem;
}
}