@charset "UTF-8";

*, ::before, ::after {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
html, body, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, div, span, img, a, table, tr, th, td {
margin: 0;
padding: 0;
border: 0;
vertical-align: baseline;
}
header, footer, nav, section, article, main, aside, figure, figcaption {
display: block;
}
ol, ul {
list-style: none;
list-style-type: none;
}
a {
color: inherit;
text-decoration: none;
}
button {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
padding: 0;
border: none;
background-color: transparent;
}
:root {
--font-jp: "Noto Sans JP", sans-serif;
--font-en: "Josefin Sans", sans-serif;
--color-main: #333;
--color-sub: #F8F8F8;
--color-light: #fff;
--bg-color1: #2991C6;
--bg-color2: #F8F8F8;
--bg-color-menu: #333;
--bg-color-js-control: #FFF;
--size-header-height: 100px;
--size-inner-width-pc: 1080px;
--page-side-position-top: 150px;
--page-top-margin: 348px;
--smb-balloon--background-color: #880000;
}
@media screen and (max-width: 767px) {
:root {
--size-header-height: 84px;
--page-top-margin: 292px;
}
}
*, ::before, ::after {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
html {
font-size: 100%;
}
body {
font-family: var(--font-jp);
line-height: 1;
}
body.is-fixed {
overflow: hidden;
}
img {
width: 100%;
height: auto;
vertical-align: top; display: block;
}
a, button, [role=tab] {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
a[href^="tel:"] {
pointer-events: none;
cursor: default;
}
@media screen and (max-width: 767px) {
a[href^="tel:"] {
pointer-events: auto;
cursor: pointer;
}
a[href^="tel:"]:hover {
opacity: 0.7;
}
}
address {
font-style: normal;
} .sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border-width: 0;
}
.l-inner {
width: 100%;
max-width: calc(var(--size-inner-width-pc) + 120px);
padding: 0 60px;
margin: 0 auto;
}
@media screen and (max-width: 767px) {
.l-inner {
padding: 0 20px;
}
}
.l-inner-contact {
max-width: 920px;
}
.l-header {
width: 100%;
height: var(--size-header-height);
position: fixed;
top: 0;
left: 0;
z-index: 900;
}
.l-loading {
position: fixed;
top: 0;
left: 0;
z-index: 999;
width: 100%;
height: 100lvh;
}
.l-breadcrumb {
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
height: var(--size-header-height);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: fixed;
top: 0;
right: 26.125rem;
z-index: 910;
}
@media screen and (max-width: 1023px) {
.l-breadcrumb {
display: none;
}
}
.l-breadcrumb.is-open {
opacity: 0;
visibility: hidden;
}
.c-btn {
display: block;
width: 100%;
padding: 1rem 0.3125rem;
background: var(--bg-color1);
border-radius: 0.375rem;
color: var(--color-light);
text-align: center;
font-size: 1rem;
font-weight: 700;
line-height: 1.36;
letter-spacing: 0.1em;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.c-btn:hover {
opacity: 0.7;
}
.c-btn-circle {
display: block;
width: 100%;
height: 100%;
border-radius: 50%;
background: var(--color-main);
position: relative;
}
.c-btn-circle.--blue-gradient {
background: linear-gradient(169deg, #2991C6 0%, #3A5CA5 100%);
}
.c-btn-circle.--dark {
background: var(--color-main);
}
.c-btn-circle.--light {
background: var(--color-light);
}
.c-btn-circle.--glass {
background: linear-gradient(135deg, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.25));
-webkit-backdrop-filter: blur(0.5rem);
backdrop-filter: blur(0.5rem);
-webkit-box-shadow: -0.0625rem -0.0625rem 0 0 rgba(255, 255, 255, 0.9);
box-shadow: -0.0625rem -0.0625rem 0 0 rgba(255, 255, 255, 0.9);
cursor: pointer;
position: relative;
}
.c-btn-circle.--glass::before, .c-btn-circle.--glass::after {
content: "";
display: block;
width: 100%;
height: 100%;
border-radius: 50%;
position: absolute;
top: 0;
left: 0;
}
.c-btn-circle.--glass::before {
-webkit-box-shadow: 0.0625rem 0.0625rem 0 0 rgba(255, 255, 255, 0.7);
box-shadow: 0.0625rem 0.0625rem 0 0 rgba(255, 255, 255, 0.7);
}
.c-btn-circle.--glass::after {
-webkit-box-shadow: inset -0.125rem -0.25rem 0.5rem rgba(41, 145, 198, 0.3);
box-shadow: inset -0.125rem -0.25rem 0.5rem rgba(41, 145, 198, 0.3);
}
.btn-arrow {
position: absolute;
top: 50%;
left: 50%;
translate: -50% -50%;
display: block;
width: 0.5625rem;
}
.btn-arrow img {
width: 100%;
height: auto;
display: block;
}
.c-breadcrumb {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.c-breadcrumb__item:not(:first-child) {
-webkit-padding-start: 1.125rem;
padding-inline-start: 1.125rem;
-webkit-padding-start: clamp(0.5rem, -2rem + 3.90625vw, 1.125rem);
padding-inline-start: clamp(0.5rem, -2rem + 3.90625vw, 1.125rem);
}
.c-breadcrumb__item:not(:last-child) {
-webkit-padding-end: clamp(0.875rem, -1.625rem + 3.90625vw, 1.5rem);
padding-inline-end: clamp(0.875rem, -1.625rem + 3.90625vw, 1.5rem);
position: relative;
}
.c-breadcrumb__item:not(:last-child)::after {
content: "";
display: block;
width: 0.4375rem;
height: 0.5625rem;
background: url(//advance-jp.co.jp/wp-content/themes/advance-japan/assets/img/common/icon_breadcrumb-arrow.svg) no-repeat center center/100%;
position: absolute;
right: 0;
top: 50%;
translate: 0 -50%;
}
.c-breadcrumb__item:last-child {
max-width: clamp(11.875rem, -40.625rem + 82.03125vw, 25rem);
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.c-breadcrumb__item,
.c-breadcrumb__item a {
color: var(--color-main);
font-size: 0.875rem;
font-weight: 700;
line-height: 1;
}
.c-breadcrumb__item a {
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.c-breadcrumb__item a:hover {
opacity: 0.7;
}
.c-pagination {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-column-gap: 1.25rem;
-moz-column-gap: 1.25rem;
column-gap: 1.25rem;
}
.c-pagination li {
width: 3.125rem;
height: 3.125rem;
border-radius: 0.625rem;
background: var(--color-main);
overflow: hidden;
position: relative;
}
.c-pagination li::before {
content: "";
display: block;
width: 100%;
height: 100%;
background: linear-gradient(169deg, #2991C6 0%, #3A5CA5 100%);
position: absolute;
top: 0;
left: 0;
z-index: 1;
opacity: 0;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.c-pagination li:hover::before, .c-pagination li.active::before {
opacity: 1;
}
.c-pagination li a {
display: block;
width: 100%;
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
text-decoration: none;
color: var(--color-light);
font-family: var(--font-en);
font-size: 1.25rem;
font-weight: 500;
letter-spacing: 0.1em;
text-align: center;
position: relative;
z-index: 10;
}
.c-pagination li.active a {
pointer-events: none;
}
.cm-arrow {
display: block;
width: 0.5rem;
height: 1.125rem;
background: url(//advance-jp.co.jp/wp-content/themes/advance-japan/assets/img/common/icon-arrow01.svg) no-repeat center center/100%;
}
.prev .cm-arrow {
rotate: 180deg;
}
.p-loading {
width: 100%;
height: 100%;
background-color: var(--color-light);
-webkit-transition: all 0.7s ease-in-out;
transition: all 0.7s ease-in-out;
}
@media screen and (max-width: 767px) {
.p-loading {
width: 200%;
translate: -25% 0;
}
}
.is-loaded .p-loading {
opacity: 0;
visibility: hidden;
}
.p-header {
width: 100%;
height: 100%;
padding-inline: 1.875rem 1.5625rem;
background: transparent;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-transition: background-color 0.3s ease-in-out;
transition: background-color 0.3s ease-in-out;
}
@media screen and (max-width: 767px) {
.p-header {
padding-inline: 1.25rem 1.125rem;
}
}
.p-header__logo {
width: 100%;
max-width: 14.0625rem;
}
@media screen and (max-width: 767px) {
.p-header__logo {
max-width: 11.875rem;
}
}
.p-header__logo1 {
opacity: 1;
visibility: visible;
height: auto;
-webkit-transition: opacity 0.3s ease-in-out;
transition: opacity 0.3s ease-in-out;
}
.is-open .p-header__logo1 {
opacity: 0;
visibility: hidden;
height: 0;
}
.p-header__logo2 {
opacity: 0;
visibility: hidden;
height: 0;
}
.is-open .p-header__logo2 {
opacity: 1;
visibility: visible;
height: auto;
}
.p-header__btn-area {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-column-gap: 1.75rem;
-moz-column-gap: 1.75rem;
column-gap: 1.75rem;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.p-header__btn-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-column-gap: 1.25rem;
-moz-column-gap: 1.25rem;
column-gap: 1.25rem;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media screen and (max-width: 767px) {
.p-header__btn-list {
display: none;
}
}
.p-header__btn {
height: 40px;
}
.p-header-btn__link {
display: grid;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 100%;
color: #FFF;
font-family: var(--font-en);
font-size: 0.75rem;
font-weight: 700;
letter-spacing: 0.1em;
padding-inline: 3.375rem 1rem;
border-radius: 0.4375rem;
position: relative;
-webkit-transition: opacity 0.3s ease-in-out;
transition: opacity 0.3s ease-in-out;
}
.p-header-btn__link:hover {
opacity: 0.7;
}
.p-header-btn__link.--recruit {
background: var(--Linear, linear-gradient(169deg, #1A8F55 0%, #149099 100%));
}
.p-header-btn__link.--contact {
background: var(--Linear, linear-gradient(91deg, #33A2DC -1.35%, #1B5776 99.69%));
}
.p-header-btn__icon {
display: grid;
place-content: center;
width: 2.5rem;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.p-header-btn__icon::before {
content: "";
display: block;
width: 100%;
height: 100%;
border-radius: 0.4375rem;
background-color: var(--color-light);
opacity: 0.2;
position: absolute;
top: 0;
left: 0;
}
.p-header__hamburger {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
width: 2.5rem;
height: 2.5rem;
cursor: pointer;
}
@media (hover: hover) {
.p-header__hamburger {
-webkit-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
.p-header__hamburger:hover {
opacity: 0.7;
}
}
@media (hover: none) {
.p-header__hamburger:active {
opacity: 0.7;
}
}
.p-header__hamburger .hamburger__icon {
display: inline-block;
width: 100%;
height: 2rem;
position: relative;
top: 0.25rem;
}
.p-header__hamburger .hamburger__bar {
display: inline-block;
width: 1.875rem;
position: absolute;
left: 50%;
translate: -50% 0;
}
.p-header__hamburger .hamburger__bar:nth-child(1), .p-header__hamburger .hamburger__bar:nth-child(2) {
height: 1px;
background-color: #1D1D1D;
border-radius: 2px;
-webkit-transition: -webkit-transform 0.3s ease 0s;
transition: -webkit-transform 0.3s ease 0s;
transition: transform 0.3s ease 0s;
transition: transform 0.3s ease 0s, -webkit-transform 0.3s ease 0s;
}
.p-header__hamburger .hamburger__bar:nth-child(1) {
top: 0;
}
.p-header__hamburger .hamburger__bar:nth-child(2) {
top: 0.625rem;
}
.is-open .p-header__hamburger .hamburger__bar:nth-child(1) {
top: 3px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
background-color: var(--color-light);
}
.is-open .p-header__hamburger .hamburger__bar:nth-child(2) {
top: 3px;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
background-color: var(--color-light);
}
.p-header__hamburger .hamburger__text {
display: inline-block;
position: absolute;
left: 50%;
translate: -50% 0;
bottom: 0;
}
.p-header__hamburger .hamburger__text::before {
content: "MENU";
display: inline-block;
font-family: var(--font-en);
font-size: 0.625rem;
color: #000;
font-weight: 600;
letter-spacing: 0.1em;
-webkit-transform-origin: left center;
transform-origin: left center;
}
.is-open .p-header__hamburger .hamburger__text::before {
content: "CLOSE";
color: var(--color-light);
}
.p-nav {
position: fixed;
top: 0;
left: 0;
z-index: 700;
width: 100%;
height: 0;
-webkit-padding-before: var(--size-header-height);
padding-block-start: var(--size-header-height);
background-color: #333;
background-image: url(//advance-jp.co.jp/wp-content/themes/advance-japan/assets/img/common/bg_mark_dark.svg);
background-repeat: no-repeat;
background-position: 101% 101%;
background-size: 34.3125rem 29rem;
opacity: 0;
visibility: hidden;
-webkit-transition: opacity 0.3s ease-in-out;
transition: opacity 0.3s ease-in-out;
}
@media screen and (max-width: 767px) {
.p-nav {
background-position: 3.75rem 70%;
background-size: 29.375rem 24.8125rem;
-webkit-padding-after: 5rem;
padding-block-end: 5rem;
}
}
.p-nav.is-open {
opacity: 1;
visibility: visible;
height: auto;
height: 100lvh;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
}
.p-nav__content {
height: -webkit-fit-content;
height: -moz-fit-content;
height: fit-content;
-webkit-padding-before: 4rem;
padding-block-start: 4rem;
display: grid;
grid-template-columns: 23.15% 27.78% 1fr;
-webkit-column-gap: 4.537%;
-moz-column-gap: 4.537%;
column-gap: 4.537%;
position: relative;
z-index: 1;
}
@media screen and (max-width: 767px) {
.p-nav__content {
grid-template-columns: 1fr;
row-gap: 2.5rem;
max-width: 27.5rem;
margin-inline: auto;
}
}
.p-nav__content::after {
content: "";
display: block;
width: 100%;
height: var(--size-header-height);
background-color: #333;
position: fixed;
top: 0;
left: 0;
z-index: 10;
}
.p-nav__column {
width: 100%;
}
.p-nav__link {
display: block;
width: 100%;
max-width: 18.75rem;
color: var(--color-light);
font-size: 1.5rem;
font-weight: 700;
letter-spacing: 0.1em;
-webkit-padding-after: 2rem;
padding-block-end: 2rem;
--color-light: #fff;
border-bottom: solid 1px var(--color-light);
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
@media screen and (max-width: 767px) {
.p-nav__link {
max-width: 100%;
font-size: 1.25rem;
-webkit-padding-after: 1.5rem;
padding-block-end: 1.5rem;
}
}
.p-nav__link:not(:first-of-type) {
-webkit-margin-before: 2.375rem;
margin-block-start: 2.375rem;
}
.p-nav__link:hover {
opacity: 0.7;
}
.p-nav-sub__list {
-webkit-margin-before: 1.875rem;
margin-block-start: 1.875rem;
}
@media screen and (max-width: 767px) {
.p-nav-sub__list {
-webkit-margin-before: 1.25rem;
margin-block-start: 1.25rem;
}
}
.p-nav-sub__item:not(:first-child) {
-webkit-margin-before: 1rem;
margin-block-start: 1rem;
}
.p-nav-sub__link {
color: var(--color-light);
font-size: 1.125rem;
font-weight: 700;
line-height: 2;
letter-spacing: 0.05em;
text-transform: uppercase;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.p-nav-sub__link:hover {
opacity: 0.7;
}
@media screen and (max-width: 767px) {
.p-nav-sub__link {
font-size: 1rem;
}
}
.p-nav__link-title {
display: inline-block;
-webkit-padding-end: 2.25rem;
padding-inline-end: 2.25rem;
position: relative;
}
@media screen and (max-width: 767px) {
.p-nav__link-title {
-webkit-padding-end: 1.5rem;
padding-inline-end: 1.5rem;
}
}
.p-nav__link-title::after {
content: "";
display: block;
width: 0.375rem;
height: 0.75rem;
background: url(//advance-jp.co.jp/wp-content/themes/advance-japan/assets/img/common/icon_menu-arrow.svg) no-repeat center center/contain;
position: absolute;
right: 0;
top: 50%;
translate: 0 -50%;
}
.p-nav__banner {
-webkit-margin-before: 3.125rem;
margin-block-start: 3.125rem;
display: grid;
grid-template-columns: 1fr;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-radius: 0.3125rem;
width: 100%;
aspect-ratio: 432/117;
background: url(//advance-jp.co.jp/wp-content/themes/advance-japan/assets/img/common/nav_banner.webp) no-repeat center center/100%;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.p-nav__banner:hover {
opacity: 0.7;
}
.p-nav__banner-text {
color: var(--color-light);
text-align: center;
font-size: 1.25rem;
line-height: 1.3;
}
@media screen and (max-width: 767px) {
.p-nav__banner-text {
font-size: 1rem;
}
}
.p-nav__banner-text span {
display: block;
font-family: var(--font-en);
font-size: 0.75rem;
letter-spacing: 0.2em;
text-transform: uppercase;
}
@media screen and (max-width: 767px) {
.p-nav__banner-text span {
font-size: 0.625rem;
}
}
.p-nav__footer {
position: absolute;
bottom: 4.25rem;
}
@media screen and (max-width: 767px) {
.p-nav__footer {
position: static;
padding-block: 2.1875rem;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
margin-inline: auto;
}
}
.p-nav__sns {
display: none;
}
@media screen and (max-width: 767px) {
.p-nav__sns {
display: block;
}
}
.p-nav-sns__text {
display: block;
color: var(--color-light);
text-align: center;
font-family: var(--font-en);
font-size: 0.75rem;
font-weight: 600;
letter-spacing: 0.1em;
text-transform: uppercase;
}
.p-nav-sns__list {
-webkit-margin-before: 1.3125rem;
margin-block-start: 1.3125rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-column-gap: 1.4375rem;
-moz-column-gap: 1.4375rem;
column-gap: 1.4375rem;
}
.p-nav-sns__item.--tiktok {
width: 1.125rem;
}
.p-nav-sns__item.--youtube {
width: 1.3125rem;
}
.p-nav-sns__item.--instagram {
width: 1.0625rem;
}
.p-nav-sns__link {
-webkit-transition: opacity 0.3s ease-in-out;
transition: opacity 0.3s ease-in-out;
}
.p-nav-sns__link:hover {
opacity: 0.7;
}
.p-nav-privacy {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-column-gap: 1.875rem;
-moz-column-gap: 1.875rem;
column-gap: 1.875rem;
}
@media screen and (max-width: 767px) {
.p-nav-privacy {
-webkit-margin-before: 2.375rem;
margin-block-start: 2.375rem;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
row-gap: 0.875rem;
}
}
.p-nav__privacy-link {
color: var(--color-light);
font-size: 0.875rem;
font-weight: 500;
letter-spacing: 0.05em;
text-decoration-line: underline;
text-underline-position: from-font;
-webkit-transition: opacity 0.3s ease-in-out;
transition: opacity 0.3s ease-in-out;
}
.p-nav__privacy-link:hover {
opacity: 0.7;
}
.p-copyright {
position: fixed;
right: 1.5rem;
top: 44.5%;
translate: 0 -50%;
z-index: 800;
-webkit-writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
}
@media screen and (max-width: 767px) {
.p-copyright {
display: none;
}
}
.p-copyright__text {
color: var(--color-main);
text-align: center;
font-family: var(--font-en);
font-size: 0.75rem;
font-weight: 600;
letter-spacing: 0.1em;
-webkit-transition: color 0.3s ease-in-out;
transition: color 0.3s ease-in-out;
}
.is-open .p-copyright__text {
color: var(--color-light);
}
.p-sns {
width: 1.5rem;
-webkit-margin-start: 1.875rem;
margin-inline-start: 1.875rem;
position: fixed;
bottom: 11.2%;
z-index: 800;
}
@media screen and (max-width: 767px) {
.p-sns {
display: none;
}
}
.p-sns__text {
display: inline-block;
color: #B9B9B9;
font-family: var(--font-en);
font-size: 0.75rem;
font-weight: 600;
line-height: 1.6;
letter-spacing: 0.1em;
text-transform: uppercase;
-webkit-writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
white-space: nowrap;
margin-inline: auto;
}
.is-open .p-sns__text {
color: var(--color-light);
}
.p-sns__list {
-webkit-margin-before: 1.6875rem;
margin-block-start: 1.6875rem;
}
.p-sns__item {
margin-inline: auto;
}
.p-sns__item:not(:first-child) {
-webkit-margin-before: 1.25rem;
margin-block-start: 1.25rem;
}
.p-sns__item.--tiktok {
width: 1.125rem;
}
.p-sns__item.--youtube {
width: 1.3125rem;
}
.p-sns__item.--instagram {
width: 1.0625rem;
}
.p-sns__link {
height: -webkit-fit-content;
height: -moz-fit-content;
height: fit-content;
-webkit-transition: opacity 0.3s ease-in-out;
transition: opacity 0.3s ease-in-out;
}
.p-sns__link:hover {
opacity: 0.7;
}
.p-sns__link img {
width: 100%;
display: block;
-webkit-transition: opacity 0.3s ease-in-out;
transition: opacity 0.3s ease-in-out;
}
.p-sns__link img:nth-of-type(1) {
height: auto;
opacity: 1;
visibility: visible;
}
.p-sns__link img:nth-of-type(2) {
height: 0;
opacity: 0;
visibility: hidden;
}
.is-open .p-sns__link img:nth-of-type(1) {
height: 0;
opacity: 0;
visibility: hidden;
}
.is-open .p-sns__link img:nth-of-type(2) {
height: auto;
opacity: 1;
visibility: visible;
}
.p-footer {
background: var(--color-main);
-webkit-padding-before: 3.9375rem;
padding-block-start: 3.9375rem;
-webkit-padding-after: 3.75rem;
padding-block-end: 3.75rem;
}
@media screen and (max-width: 767px) {
.p-footer {
-webkit-padding-before: 2.875rem;
padding-block-start: 2.875rem;
-webkit-padding-after: 2.875rem;
padding-block-end: 2.875rem;
}
}
@media screen and (max-width: 599px) {
.p-footer {
-webkit-padding-before: 1.625rem;
padding-block-start: 1.625rem;
-webkit-padding-after: 2.25rem;
padding-block-end: 2.25rem;
}
}
.p-footer__content {
display: grid;
grid-template-columns: 16.25rem 1fr;
}
@media screen and (max-width: 1023px) {
.p-footer__content {
grid-template-columns: 14.375rem 1fr;
}
}
@media screen and (max-width: 767px) {
.p-footer__content {
grid-template-columns: 1fr;
}
}
.p-footer__logo {
width: 14.0625rem;
max-width: 100%;
}
@media screen and (max-width: 1023px) {
.p-footer__logo {
width: 11.25rem;
}
}
@media screen and (max-width: 767px) {
.p-footer__logo {
margin-inline: auto;
}
}
@media screen and (max-width: 599px) {
.p-footer__logo {
width: 9.375rem;
}
}
.p-footer__logo img {
width: 100%;
height: auto;
display: block;
}
.p-footer__info {
-webkit-margin-before: 3.625rem;
margin-block-start: 3.625rem;
color: var(--color-light);
font-size: 1rem;
font-weight: 500;
line-height: 1.5;
letter-spacing: 0.1em;
}
@media screen and (max-width: 1023px) {
.p-footer__info {
font-size: 0.875rem;
}
}
@media screen and (max-width: 767px) {
.p-footer__info {
text-align: center;
-webkit-margin-before: 1.875rem;
margin-block-start: 1.875rem;
}
.p-footer__info span {
display: none;
}
}
@media screen and (max-width: 599px) {
.p-footer__info {
-webkit-margin-before: 0;
margin-block-start: 0;
font-size: 0.75rem;
line-height: 2;
}
}
.p-footer__address {
-webkit-margin-before: 0.625rem;
margin-block-start: 0.625rem;
}
.p-footer__privacy {
-webkit-margin-before: 2rem;
margin-block-start: 2rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-column-gap: 1.875rem;
-moz-column-gap: 1.875rem;
column-gap: 1.875rem;
white-space: nowrap;
}
@media screen and (max-width: 767px) {
.p-footer__privacy {
display: none;
}
}
.p-footer__privacy-link {
color: var(--color-light);
font-size: 0.875rem;
font-weight: 500;
line-height: 1.36;
letter-spacing: 0.05em;
text-decoration: underline;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
@media screen and (max-width: 1023px) {
.p-footer__privacy-link {
font-size: 0.8125rem;
}
}
.p-footer__privacy-link:hover {
opacity: 0.7;
}
.p-footer__nav {
display: grid;
grid-template-columns: repeat(4, auto);
-webkit-margin-start: auto;
margin-inline-start: auto;
-webkit-column-gap: 50px;
-moz-column-gap: 50px;
column-gap: 50px;
}
@media screen and (max-width: 1023px) {
.p-footer__nav {
-webkit-column-gap: clamp(1.25rem, -4.375rem + 11.71875vw, 3.125rem);
-moz-column-gap: clamp(1.25rem, -4.375rem + 11.71875vw, 3.125rem);
column-gap: clamp(1.25rem, -4.375rem + 11.71875vw, 3.125rem);
}
}
@media screen and (max-width: 767px) {
.p-footer__nav {
display: none;
}
}
.p-footer-nav__link {
display: block;
color: var(--color-light);
font-size: clamp(0.875rem, 0.3125rem + 1.171875vw, 1.25rem);
font-weight: 700;
line-height: 1.36;
letter-spacing: 0.05em;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.p-footer-nav__link:hover {
opacity: 0.7;
}
.p-footer-nav__link:not(:first-of-type) {
-webkit-margin-before: 1.4375rem;
margin-block-start: 1.4375rem;
}
.p-footer-nav__link .--eternal-icon {
position: relative;
}
.p-footer-nav__link .--eternal-icon::after {
content: "";
display: block;
width: clamp(0.5rem, 0.3125rem + 0.390625vw, 0.625rem);
height: clamp(0.5rem, 0.3125rem + 0.390625vw, 0.625rem);
background: url(//advance-jp.co.jp/wp-content/themes/advance-japan/assets/img/common/icon_etenal-link.svg) no-repeat center center/100%;
position: absolute;
right: -0.4375rem;
top: -0.1875rem;
}
.p-footer-nav-sub__list {
-webkit-margin-before: 2rem;
margin-block-start: 2rem;
}
.p-footer-nav-sub__item:not(:first-of-type) {
-webkit-margin-before: 1.3125rem;
margin-block-start: 1.3125rem;
}
.p-footer-nav-sub__link {
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
color: var(--color-light);
font-size: 16px;
font-size: clamp(0.75rem, 0.375rem + 0.78125vw, 1rem);
font-weight: 500;
line-height: 1.36;
letter-spacing: 0.05em;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.p-footer-nav-sub__link:hover {
opacity: 0.7;
}
.p-top-fv {
--ftl: 0;
width: 100%;
background-color: var(--color-sub);
padding: calc(var(--size-header-height) + 0.3125rem) 5rem 3.5rem;
overflow: hidden;
position: relative;
}
@media screen and (max-width: 767px) {
.p-top-fv {
padding: calc(var(--size-header-height) + 0.5rem) 1.25rem 3.625rem;
}
}
.p-top-fv__img-area {
width: 100%;
aspect-ratio: 1120/592;
display: grid;
grid-template-columns: 34.65% 4.7% 0.982% 27.768% 2.0536% 13.482% 16.339%;
grid-template-rows: 4.2% 34.291% 1.52% 16.554% 26.689% 8.2% 8.446%;
}
@media screen and (max-width: 1279px) {
.p-top-fv__img-area {
height: 37rem;
grid-template-rows: 1.5625rem 12.6875rem 0.5625rem 6.125rem 9.875rem 3.0625rem 3.125rem;
}
}
@media screen and (max-width: 767px) {
.p-top-fv__img-area {
height: 33.0625rem;
grid-template-rows: 1.375rem 11.25rem 0.5625rem 5.5rem 8.8125rem 2.6875rem 2.875rem;
}
}
.p-top-fv__img {
width: 100%;
overflow: hidden;
}
.p-top-fv__img img {
width: 100%;
height: auto;
display: block;
}
@media screen and (max-width: 1279px) {
.p-top-fv__img img {
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center center;
object-position: center center;
height: 100%;
width: 100%;
}
}
.p-top-fv__img.--fv-img1 {
grid-column: 1/4;
grid-row: 1/6;
}
.p-top-fv__img.--fv-img2 {
grid-column: 2/6;
grid-row: 3/7;
}
.p-top-fv__img.--fv-img3 {
grid-column: 5/8;
grid-row: 4/8;
}
.p-top-fv__img.--fv-img4 {
grid-column: 3/7;
grid-row: 2/5;
}
.p-top-fv__text {
color: var(--color-light);
font-family: var(--font-en);
font-size: 14.6875vw;
line-height: 0.97;
letter-spacing: 0.05em;
text-transform: uppercase;
position: absolute;
top: 51.2%;
left: 50%;
translate: -50% -50%;
}
@media screen and (max-width: 767px) {
.p-top-fv__text {
font-size: 15.7333333333vw;
top: 52.6%;
}
}
.p-top-fv__text span:nth-of-type(1) {
font-weight: 600;
}
.p-top-fv__text span:nth-of-type(2) {
display: inline-block;
font-weight: 500;
-webkit-margin-start: 0.6%;
margin-inline-start: 0.6%;
}
.p-top-fv__img {
-webkit-transition: translate 0.5s ease-out;
transition: translate 0.5s ease-out;
}
.p-top-fv__img.--fv-img1 {
translate: calc(var(--ftl) * -44.8125rem) calc(var(--ftl) * -20rem);
}
@media screen and (max-width: 1023px) {
.p-top-fv__img.--fv-img1 {
translate: calc(var(--ftl) * -35.85rem) calc(var(--ftl) * -16rem);
}
}
@media screen and (max-width: 767px) {
.p-top-fv__img.--fv-img1 {
translate: calc(var(--ftl) * -17.925rem) calc(var(--ftl) * -8rem);
}
}
.p-top-fv__img.--fv-img2 {
translate: calc(var(--ftl) * -5.1rem) calc(var(--ftl) * -45rem);
}
@media screen and (max-width: 1023px) {
.p-top-fv__img.--fv-img2 {
translate: calc(var(--ftl) * -4.08rem) calc(var(--ftl) * -36rem);
}
}
@media screen and (max-width: 767px) {
.p-top-fv__img.--fv-img2 {
translate: calc(var(--ftl) * -2.04rem) calc(var(--ftl) * -24rem);
}
}
.p-top-fv__img.--fv-img3 {
translate: calc(var(--ftl) * 32rem) calc(var(--ftl) * -51rem);
}
@media screen and (max-width: 1023px) {
.p-top-fv__img.--fv-img3 {
translate: calc(var(--ftl) * 25.6rem) calc(var(--ftl) * -40.8rem);
}
}
@media screen and (max-width: 767px) {
.p-top-fv__img.--fv-img3 {
translate: calc(var(--ftl) * 12.8rem) calc(var(--ftl) * -20.4rem);
}
}
.p-top-fv__img.--fv-img4 {
translate: calc(var(--ftl) * 11rem) calc(var(--ftl) * -51rem);
}
@media screen and (max-width: 1023px) {
.p-top-fv__img.--fv-img4 {
translate: calc(var(--ftl) * 8.8rem) calc(var(--ftl) * -40.8rem);
}
}
@media screen and (max-width: 767px) {
.p-top-fv__img.--fv-img4 {
translate: calc(var(--ftl) * 4.4rem) calc(var(--ftl) * -20.4rem);
}
}
.p-top-topic {
-webkit-margin-before: 1.3125rem;
margin-block-start: 1.3125rem;
}
.p-top-topic__link {
width: 100%;
height: 3.5rem;
display: grid;
grid-template-columns: 6.5625rem 5.5rem 1fr 3.5rem;
-webkit-column-gap: 1.25rem;
-moz-column-gap: 1.25rem;
column-gap: 1.25rem;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-radius: 4.375rem;
background-color: var(--color-sub);
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
@media screen and (max-width: 767px) {
.p-top-topic__link {
height: auto;
grid-template-columns: 5rem 1fr;
padding: 1.0625rem 1.25rem 1.625rem;
border-radius: 0.625rem;
}
}
.p-top-topic__link:hover {
opacity: 0.7;
}
.p-top-topic__heading {
padding-inline: 1.6875rem 0.3125rem;
width: 100%;
background: var(--Linear, linear-gradient(169deg, #2991C6 0%, #3A5CA5 100%));
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
position: relative;
}
@media screen and (max-width: 767px) {
.p-top-topic__heading {
padding: 0;
}
}
.p-top-topic__heading::after {
content: "";
display: block;
width: 0.125rem;
height: 1.875rem;
background-color: #D9D9D9;
position: absolute;
top: 50%;
right: 0;
translate: 0 -50%;
}
.p-top-topic__heading span {
font-size: 0.875rem;
font-weight: 700;
letter-spacing: 0.1em;
}
.p-top-topic__date {
color: #969696;
font-size: 0.875rem;
font-weight: 700;
letter-spacing: 0.1em;
}
.p-top-topic__title {
color: var(--color-main);
font-size: 0.875rem;
font-weight: 700;
line-height: 1.2;
letter-spacing: 0.1em;
}
@media screen and (max-width: 767px) {
.p-top-topic__title {
grid-column: 1/3;
-webkit-margin-before: 1.25rem;
margin-block-start: 1.25rem;
}
}
.p-top-topic__btn {
width: 3.5rem;
height: 3.5rem;
padding: 0.3125rem;
}
@media screen and (max-width: 767px) {
.p-top-topic__btn {
display: none;
}
}
.p-top-about {
-webkit-padding-before: 3.5rem;
padding-block-start: 3.5rem;
overflow: hidden;
}
@media screen and (max-width: 767px) {
.p-top-about {
-webkit-padding-before: 2.625rem;
padding-block-start: 2.625rem;
}
}
.p-top-about__content {
position: relative;
}
.p-top-about__content::before {
content: "";
display: block;
width: 39.8125rem;
height: 34.375rem;
background: url(//advance-jp.co.jp/wp-content/themes/advance-japan/assets/img/common/bg_mark.svg) no-repeat center center/100%;
position: absolute;
bottom: -2.1875rem;
right: -9.625rem;
}
@media screen and (max-width: 767px) {
.p-top-about__content::before {
width: 28.75rem;
height: 24.8125rem;
bottom: -0.625rem;
right: -5rem;
}
}
@media screen and (max-width: 599px) {
.p-top-about__content::before {
bottom: -0.625rem;
left: 0.625rem;
}
}
.p-top-about__heading {
display: inline-block;
color: var(--color-main);
font-family: var(--font-en);
font-size: 0.875rem;
font-weight: 500;
line-height: 2;
letter-spacing: 0.2em;
-webkit-padding-end: 1.875rem;
padding-inline-end: 1.875rem;
position: relative;
}
@media screen and (max-width: 767px) {
.p-top-about__heading {
font-size: 0.75rem;
-webkit-padding-end: 1.25rem;
padding-inline-end: 1.25rem;
}
}
.p-top-about__heading::after {
content: "";
display: block;
height: 0.0625rem;
width: 3.125rem;
background-color: #000;
position: absolute;
left: 100%;
top: 50%;
translate: 0 -50%;
}
.p-top-about__lead {
-webkit-margin-before: 0.625rem;
margin-block-start: 0.625rem;
color: var(--color-main);
font-size: 2.125rem;
font-weight: 700;
line-height: 1.5;
letter-spacing: 0.1em;
}
@media screen and (max-width: 767px) {
.p-top-about__lead {
font-size: 1.5rem;
}
}
.p-top-about__text-area {
-webkit-margin-before: 1.875rem;
margin-block-start: 1.875rem;
}
@media screen and (max-width: 767px) {
.p-top-about__text-area {
-webkit-margin-before: 1.5rem;
margin-block-start: 1.5rem;
}
}
.p-top-about__text {
-webkit-margin-before: 1.25rem;
margin-block-start: 1.25rem;
color: var(--color-main);
font-size: 1rem;
font-weight: 500;
line-height: 2;
letter-spacing: 0.05em;
}
.p-top-about__text.--strong {
font-size: 1.5rem;
font-weight: 700;
}
@media screen and (max-width: 767px) {
.p-top-about__text.--strong {
line-height: 1.5;
}
}
.p-top-about__links {
-webkit-margin-before: 4.5rem;
margin-block-start: 4.5rem;
background-color: var(--color-sub);
padding-block: 2rem 6.25rem;
}
@media screen and (max-width: 767px) {
.p-top-about__links {
-webkit-margin-before: 5.5625rem;
margin-block-start: 5.5625rem;
padding-block: 1.75rem 5.625rem;
}
}
.p-top-about-links__title-area {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-column-gap: 1.25rem;
-moz-column-gap: 1.25rem;
column-gap: 1.25rem;
}
.p-top-about-links__title {
color: #1E1E1E;
font-size: 1.125rem;
font-weight: 700;
line-height: 2;
letter-spacing: 0.15em;
}
@media screen and (max-width: 767px) {
.p-top-about-links__title {
font-size: 0.875rem;
}
}
.p-top-about-links__subtitle {
color: #8F8F8F;
font-family: var(--font-en);
font-size: 0.875rem;
font-weight: 500;
line-height: 1.3;
letter-spacing: 0.2em;
text-transform: uppercase;
}
.p-top-about-links__list {
-webkit-margin-before: 0.625rem;
margin-block-start: 0.625rem;
display: grid;
grid-template-columns: repeat(3, 1fr);
-webkit-column-gap: 1.375rem;
-moz-column-gap: 1.375rem;
column-gap: 1.375rem;
}
@media screen and (max-width: 1023px) {
.p-top-about-links__list {
grid-template-columns: 1fr;
row-gap: 0.625rem;
max-width: 40rem;
margin-inline: auto;
}
}
.p-top-about__link {
display: grid;
grid-template-columns: 6.875rem 1fr;
-webkit-column-gap: 1.25rem;
-moz-column-gap: 1.25rem;
column-gap: 1.25rem;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
height: 7.25rem;
background-color: var(--color-light);
border-radius: 0.28125rem;
padding: 0.6875rem;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
@media screen and (max-width: 767px) {
.p-top-about__link {
grid-template-columns: 4.6875rem 1fr;
height: 5.375rem;
}
}
.p-top-about__link:hover {
opacity: 0.7;
}
.p-top-about-link__img {
width: 100%;
border-radius: 0.25rem;
overflow: hidden;
}
.p-top-about-link__img img {
width: 100%;
height: auto;
display: block;
}
.p-top-about-link__subtitle {
display: block;
color: #8F8F8F;
font-family: var(--font-en);
font-size: 0.75rem;
font-weight: 700;
line-height: 1.7;
letter-spacing: 0.2em;
text-transform: uppercase;
}
.p-top-about-link__title {
display: block;
color: var(--color-main);
font-size: 1rem;
font-weight: 700;
line-height: 1.2;
letter-spacing: 0.05em;
}
.p-top-business {
-webkit-margin-before: -3.75rem;
margin-block-start: -3.75rem;
border-radius: 3.125rem 3.125rem 0 0;
padding-block: 7rem 5.5rem;
background: var(--bg-color1);
position: relative;
z-index: 0;
}
@media screen and (max-width: 767px) {
.p-top-business {
-webkit-margin-before: -3.75rem;
margin-block-start: -3.75rem;
border-radius: 1.25rem 1.25rem 0 0;
padding-block: 5.375rem 3.4375rem;
}
}
.p-top-business__content {
display: grid;
grid-template-columns: 50% 46.3%;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: start;
position: relative;
}
@media screen and (max-width: 767px) {
.p-top-business__content {
grid-template-columns: 1fr;
row-gap: 2.8125rem;
}
}
.p-top-business__content::before {
content: "";
display: block;
width: 58.4375rem;
height: 50.4375rem;
background: url(//advance-jp.co.jp/wp-content/themes/advance-japan/assets/img/common/bg_mark_gray.svg) no-repeat center center/100%;
position: absolute;
opacity: 0.08;
top: 22.1875rem;
left: -9.6875rem;
z-index: -1;
}
@media screen and (max-width: 1023px) {
.p-top-business__content::before {
width: 40.9375rem;
height: 35.3125rem;
top: 34.6875rem;
left: -6.875rem;
}
}
@media screen and (max-width: 767px) {
.p-top-business__content::before {
content: none;
}
}
.p-top-business__summary {
-webkit-margin-before: 9.75rem;
margin-block-start: 9.75rem;
position: sticky;
top: 7.5rem;
}
@media screen and (max-width: 767px) {
.p-top-business__summary {
position: static;
-webkit-margin-before: 0;
margin-block-start: 0;
}
}
.p-top-business__heading {
color: var(--color-light);
font-family: var(--font-en);
font-size: 3.125rem;
font-weight: 700;
line-height: 1.3;
letter-spacing: 0.2em;
text-transform: uppercase;
}
@media screen and (max-width: 767px) {
.p-top-business__heading {
font-size: 1.875rem;
}
}
.p-top-business__subheading {
display: inline-block;
-webkit-margin-before: 1.4375rem;
margin-block-start: 1.4375rem;
color: var(--color-light);
font-size: 0.875rem;
font-weight: 700;
line-height: 2;
letter-spacing: 0.15em;
}
@media screen and (max-width: 767px) {
.p-top-business__subheading {
-webkit-margin-before: 0.625rem;
margin-block-start: 0.625rem;
}
}
.p-top-business__text {
-webkit-margin-before: 1.8125rem;
margin-block-start: 1.8125rem;
color: var(--color-light);
font-size: 0.875rem;
font-weight: 500;
line-height: 1.7;
letter-spacing: 0.05em;
}
@media screen and (max-width: 767px) {
.p-top-business__text {
-webkit-margin-before: 0.75rem;
margin-block-start: 0.75rem;
}
}
.p-top-business__more {
-webkit-margin-before: 1.625rem;
margin-block-start: 1.625rem;
}
@media screen and (max-width: 767px) {
.p-top-business__more {
-webkit-margin-before: 1.875rem;
margin-block-start: 1.875rem;
}
}
.p-top-business__more-link {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-column-gap: 1.25rem;
-moz-column-gap: 1.25rem;
column-gap: 1.25rem;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
}
.p-top-business__more-text {
color: #D7D7D7;
font-size: 0.75rem;
font-family: var(--font-en);
font-weight: 700;
line-height: 1.3;
letter-spacing: 0.2em;
text-transform: uppercase;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.p-top-business__more-text span {
-webkit-margin-before: 0.1875rem;
margin-block-start: 0.1875rem;
display: block;
color: var(--color-light);
font-size: 0.875rem;
letter-spacing: 0.2em;
}
.p-top-business__more-link:hover .p-top-business__more-text {
opacity: 0.7;
}
.p-top-business__more-btn {
width: 3.375rem;
height: 3.375rem;
position: relative;
}
.p-top-business__more-btn::after {
content: "";
display: block;
width: 100%;
height: 100%;
border-radius: 50%;
position: absolute;
top: 1px;
left: 0;
pointer-events: none;
background: linear-gradient(135deg, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0));
opacity: 0;
-webkit-transition: opacity 0.3s ease-in-out;
transition: opacity 0.3s ease-in-out;
}
.p-top-business__more-link:hover .p-top-business__more-btn::after {
opacity: 1;
}
.p-top-business__list {
-webkit-margin-before: 0.25rem;
margin-block-start: 0.25rem;
display: grid;
grid-template-columns: repeat(2, 1fr);
-webkit-column-gap: 1.25rem;
-moz-column-gap: 1.25rem;
column-gap: 1.25rem;
row-gap: 2.375rem;
}
@media screen and (max-width: 767px) {
.p-top-business__list {
max-width: 40rem;
margin-inline: auto;
-webkit-column-gap: 0.9375rem;
-moz-column-gap: 0.9375rem;
column-gap: 0.9375rem;
row-gap: 1.6875rem;
}
}
.p-top-business__item:first-of-type {
grid-column: 1/3;
}
.p-top-business__item:first-of-type .p-top-business__name {
-webkit-margin-before: 2.0625rem;
margin-block-start: 2.0625rem;
font-size: 1.25rem;
line-height: 1;
letter-spacing: 0.1em;
-webkit-padding-after: 0rem;
padding-block-end: 0rem;
}
@media screen and (max-width: 767px) {
.p-top-business__item:first-of-type .p-top-business__name {
-webkit-margin-before: 1.8125rem;
margin-block-start: 1.8125rem;
}
}
.p-top-business__item:first-of-type .p-top-business__name .--en {
font-size: 0.875rem;
line-height: 2;
letter-spacing: 0.1em;
}
.p-top-business__item:first-of-type .p-top-business__desc {
-webkit-margin-before: 0.375rem;
margin-block-start: 0.375rem;
}
.p-top-business__link {
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.p-top-business__link:hover {
opacity: 0.8;
}
.p-top-business__img {
display: block;
width: 100%;
border-radius: 0.3125rem;
overflow: hidden;
}
.p-top-business__img img {
width: 100%;
height: auto;
display: block;
}
.p-top-business__name {
-webkit-margin-before: 1.25rem;
margin-block-start: 1.25rem;
color: var(--color-light);
font-size: 1rem;
font-weight: 700;
line-height: 1;
letter-spacing: 0.05em;
-webkit-padding-after: 0.25rem;
padding-block-end: 0.25rem;
}
.p-top-business__name .--en {
font-family: var(--font-en);
font-size: 0.75rem;
font-weight: 700;
line-height: 2.4;
letter-spacing: 0.2em;
text-transform: uppercase;
}
@media screen and (max-width: 767px) {
.p-top-business__name {
-webkit-margin-before: 1rem;
margin-block-start: 1rem;
font-size: 0.875rem;
line-height: 1.5;
}
.p-top-business__name .--en {
font-size: 0.625rem;
}
}
.p-top-business__desc {
color: var(--color-light);
font-size: 0.9375rem;
font-weight: 700;
line-height: 2;
letter-spacing: 0.05em;
text-transform: uppercase;
}
.p-top-slide {
-webkit-margin-before: 2rem;
margin-block-start: 2rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
overflow: hidden;
}
@media screen and (max-width: 767px) {
.p-top-slide {
-webkit-margin-before: 1.125rem;
margin-block-start: 1.125rem;
}
}
.p-top-slide__imgs {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-column-gap: clamp(0.9375rem, -0.2279005525rem + 4.9723756906vw, 3.75rem);
-moz-column-gap: clamp(0.9375rem, -0.2279005525rem + 4.9723756906vw, 3.75rem);
column-gap: clamp(0.9375rem, -0.2279005525rem + 4.9723756906vw, 3.75rem);
-webkit-padding-end: clamp(0.9375rem, -0.2279005525rem + 4.9723756906vw, 3.75rem);
padding-inline-end: clamp(0.9375rem, -0.2279005525rem + 4.9723756906vw, 3.75rem);
-webkit-animation: flow 60s linear infinite;
animation: flow 60s linear infinite;
}
.p-top-slide__imgs img {
height: auto;
max-width: 100%;
display: block;
}
.p-top-slide__imgs img:nth-of-type(1) {
width: clamp(4.3125rem, 0.6091160221rem + 15.8011049724vw, 13.25rem);
}
.p-top-slide__imgs img:nth-of-type(2) {
width: clamp(5.6875rem, 0.7669198895rem + 20.9944751381vw, 17.5625rem);
}
.p-top-slide__imgs img:nth-of-type(3) {
width: clamp(3.4375rem, 0.4333563536rem + 12.817679558vw, 10.6875rem);
}
.p-top-slide__imgs img:nth-of-type(4) {
width: clamp(4.625rem, 0.6108425414rem + 17.1270718232vw, 14.3125rem);
}
.p-top-slide__imgs img:nth-of-type(5) {
width: clamp(5.375rem, 0.6875rem + 20vw, 16.6875rem);
}
.p-top-slide__imgs img:nth-of-type(6) {
width: clamp(2.4375rem, 0.3397790055rem + 8.9502762431vw, 7.5rem);
}
.p-top-slide__imgs img:nth-of-type(7) {
width: clamp(4.375rem, 0.5421270718rem + 16.3535911602vw, 13.625rem);
}
.p-top-slide__imgs img:nth-of-type(8) {
width: clamp(4.3125rem, 0.6091160221rem + 15.8011049724vw, 13.25rem);
}
.p-top-slide__imgs img:nth-of-type(9) {
width: clamp(5.6875rem, 0.7669198895rem + 20.9944751381vw, 17.5625rem);
}
.p-top-slide__imgs img:nth-of-type(10) {
width: clamp(3.4375rem, 0.4333563536rem + 12.817679558vw, 10.6875rem);
}
.p-top-slide__imgs img:nth-of-type(11) {
width: clamp(4.625rem, 0.6108425414rem + 17.1270718232vw, 14.3125rem);
}
.p-top-slide__imgs img:nth-of-type(12) {
width: clamp(5.375rem, 0.6875rem + 20vw, 16.6875rem);
}
.p-top-slide__imgs img:nth-of-type(13) {
width: clamp(2.4375rem, 0.3397790055rem + 8.9502762431vw, 7.5rem);
}
.p-top-slide__imgs img:nth-of-type(14) {
width: clamp(4.375rem, 0.5421270718rem + 16.3535911602vw, 13.625rem);
}
@-webkit-keyframes flow {
0% {
translate: 0 0;
}
100% {
translate: -100% 0;
}
}
@keyframes flow {
0% {
translate: 0 0;
}
100% {
translate: -100% 0;
}
}
.p-top-news {
-webkit-margin-before: 6.625rem;
margin-block-start: 6.625rem;
-webkit-padding-after: 6.375rem;
padding-block-end: 6.375rem;
}
@media screen and (max-width: 767px) {
.p-top-news {
-webkit-margin-before: 4.875rem;
margin-block-start: 4.875rem;
-webkit-padding-after: 3.375rem;
padding-block-end: 3.375rem;
}
}
.p-top-news__content {
display: grid;
grid-template-columns: 20.3125rem 1fr;
-webkit-column-gap: 6.389%;
-moz-column-gap: 6.389%;
column-gap: 6.389%;
}
@media screen and (max-width: 1023px) {
.p-top-news__content {
grid-template-columns: 1fr;
row-gap: 3.625rem;
}
}
@media screen and (max-width: 767px) {
.p-top-news__content {
row-gap: 3.125rem;
}
}
@media screen and (max-width: 1023px) {
.p-top-news__heading-area {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-column-gap: 0.8125rem;
-moz-column-gap: 0.8125rem;
column-gap: 0.8125rem;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
}
@media screen and (max-width: 767px) {
.p-top-news__heading-area {
-webkit-column-gap: 0.5rem;
-moz-column-gap: 0.5rem;
column-gap: 0.5rem;
}
}
.p-top-news__heading {
color: var(--color-main);
font-family: var(--font-en);
font-size: 3.125rem;
font-weight: 700;
line-height: 1.2;
letter-spacing: 0.2em;
text-transform: uppercase;
}
@media screen and (max-width: 767px) {
.p-top-news__heading {
font-size: 2.125rem;
}
}
.p-top-news__subheading {
color: #8F8F8F;
font-size: 1rem;
font-weight: 700;
line-height: 2;
letter-spacing: 0.15em;
}
.p-top-news__text {
-webkit-margin-before: 1.5rem;
margin-block-start: 1.5rem;
color: var(--color-main);
font-size: 0.875rem;
font-weight: 500;
line-height: 2;
letter-spacing: 0.05em;
}
@media screen and (max-width: 767px) {
.p-top-news__text {
-webkit-margin-before: 0.75rem;
margin-block-start: 0.75rem;
}
}
.p-top-news__more {
-webkit-margin-before: 3.25rem;
margin-block-start: 3.25rem;
}
@media screen and (max-width: 767px) {
.p-top-news__more {
-webkit-margin-before: 1.25rem;
margin-block-start: 1.25rem;
}
}
.p-top-news__more-link {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-column-gap: 1.25rem;
-moz-column-gap: 1.25rem;
column-gap: 1.25rem;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.p-top-news__more-link:hover {
opacity: 0.7;
}
.p-top-news__more-text {
color: #D7D7D7;
font-size: 0.75rem;
font-family: var(--font-en);
font-weight: 700;
line-height: 1.3;
letter-spacing: 0.2em;
text-transform: uppercase;
}
.p-top-news__more-text span {
-webkit-margin-before: 0.1875rem;
margin-block-start: 0.1875rem;
display: block;
color: var(--color-main);
font-size: 0.875rem;
letter-spacing: 0.2em;
}
.p-top-news__more-btn {
width: 3.5rem;
height: 3.5rem;
}
@media screen and (max-width: 1023px) {
.p-top-news__posts {
max-width: 45rem;
margin-inline: auto;
}
}
.p-top-news__post:not(:first-of-type) {
-webkit-margin-before: 1.75rem;
margin-block-start: 1.75rem;
}
@media screen and (max-width: 767px) {
.p-top-news__post:not(:first-of-type) {
-webkit-margin-before: 1rem;
margin-block-start: 1rem;
}
}
.p-top-news__post-link {
display: grid;
grid-template-columns: 24.781% 1fr;
-webkit-column-gap: 5.249%;
-moz-column-gap: 5.249%;
column-gap: 5.249%;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.p-top-news__post-link:hover {
opacity: 0.7;
}
@media screen and (max-width: 767px) {
.p-top-news__post-link {
grid-template-columns: 8.125rem 1fr;
}
}
.p-top-news__img {
width: 100%;
aspect-ratio: 170/150;
border-radius: 0.625rem;
overflow: hidden;
}
@media screen and (max-width: 767px) {
.p-top-news__img {
aspect-ratio: 130/91;
}
}
.p-top-news__img img {
display: block;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center center;
object-position: center center;
}
.p-top-news__info {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-column-gap: 1.25rem;
-moz-column-gap: 1.25rem;
column-gap: 1.25rem;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media screen and (max-width: 767px) {
.p-top-news__info {
-webkit-column-gap: 1.5rem;
-moz-column-gap: 1.5rem;
column-gap: 1.5rem;
}
}
.p-top-news__date {
color: #8F8F8F;
font-family: var(--font-en);
font-size: 1rem;
font-weight: 600;
line-height: 2;
letter-spacing: 0.1em;
}
@media screen and (max-width: 767px) {
.p-top-news__date {
font-size: 0.875rem;
}
}
.p-top-news__cat {
display: block;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
background: var(--Linear, linear-gradient(169deg, #2991C6 0%, #3A5CA5 100%));
border-radius: 4px;
padding-inline: 0.75rem;
color: var(--color-light);
text-align: center;
font-size: 0.875rem;
font-weight: 700;
line-height: 2;
letter-spacing: 0.1em;
}
@media screen and (max-width: 767px) {
.p-top-news__cat {
padding: 0.125rem 0.5em;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
min-width: 5rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
font-size: 0.625rem;
}
}
.p-top-news__title {
-webkit-margin-before: 0.625rem;
margin-block-start: 0.625rem;
color: var(--color-main);
font-size: 1rem;
font-weight: 700;
line-height: 2;
letter-spacing: 0.05em;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
@media screen and (max-width: 767px) {
.p-top-news__title {
font-size: 0.875rem;
}
}
.p-top-recruit {
background: url(//advance-jp.co.jp/wp-content/themes/advance-japan/assets/img/top/bg_top_recruit-pc.webp) no-repeat center top/cover;
padding-block: 6.6875rem 10.625rem;
}
@media screen and (max-width: 599px) {
.p-top-recruit {
background: url(//advance-jp.co.jp/wp-content/themes/advance-japan/assets/img/top/bg_top_recruit-sp.webp) no-repeat center top/cover;
padding-block: 4.4375rem 17rem;
}
}
.p-top-recruit__content {
display: grid;
grid-template-columns: 52% 48%;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
@media screen and (max-width: 1023px) {
.p-top-recruit__content {
grid-template-columns: 1fr;
}
}
.p-top-recruit__heading {
color: var(--color-light);
font-family: var(--font-en);
font-size: 0.75rem;
font-weight: 700;
line-height: 1.3;
letter-spacing: 0.2em;
text-transform: uppercase;
}
.p-top-recruit__lead {
display: inline-block;
-webkit-margin-before: 1.25rem;
margin-block-start: 1.25rem;
color: var(--color-light);
font-size: 2.5rem;
font-weight: 700;
line-height: 1.5;
letter-spacing: 0.05em;
}
@media screen and (max-width: 599px) {
.p-top-recruit__lead {
font-size: 1.75rem;
}
}
.p-top-recruit__text {
-webkit-margin-before: 1.875rem;
margin-block-start: 1.875rem;
color: var(--color-light);
font-size: 0.9375rem;
font-weight: 700;
line-height: 2;
letter-spacing: 0.05em;
}
@media screen and (max-width: 599px) {
.p-top-recruit__text {
font-size: 0.875rem;
}
}
.p-top-recruit__more {
-webkit-margin-before: 2.625rem;
margin-block-start: 2.625rem;
}
@media screen and (max-width: 767px) {
.p-top-recruit__more {
-webkit-margin-before: 1.25rem;
margin-block-start: 1.25rem;
}
}
.p-top-recruit__more-link {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-column-gap: 1.625rem;
-moz-column-gap: 1.625rem;
column-gap: 1.625rem;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.p-top-recruit__more-link:hover {
opacity: 0.7;
}
.p-top-recruit__more-text {
color: #D7D7D7;
font-size: 0.75rem;
font-family: var(--font-en);
font-weight: 700;
line-height: 1.3;
letter-spacing: 0.2em;
text-transform: uppercase;
}
.p-top-recruit__more-text span {
-webkit-margin-before: 0.1875rem;
margin-block-start: 0.1875rem;
display: block;
color: var(--color-light);
font-size: 0.875rem;
letter-spacing: 0.2em;
}
.p-top-recruit__more-btn {
width: 3.5rem;
height: 3.5rem;
}
.p-top-recruit__list {
display: none;
width: 100%;
max-width: 31.8125rem;
-webkit-margin-start: auto;
margin-inline-start: auto;
}
@media screen and (max-width: 1023px) {
.p-top-recruit__list {
max-width: 40rem;
-webkit-margin-before: 1.875rem;
margin-block-start: 1.875rem;
margin-inline: auto;
}
}
.p-top-recruit__item {
display: grid;
grid-template-columns: 25% 1fr;
-webkit-column-gap: 3.929%;
-moz-column-gap: 3.929%;
column-gap: 3.929%;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background-color: var(--color-light);
padding: 0.625rem;
border-radius: 0.25rem;
}
@media screen and (max-width: 1023px) {
.p-top-recruit__item {
grid-template-columns: 8.4375rem 1fr;
}
}
.p-top-recruit__item:not(:first-of-type) {
-webkit-margin-before: 0.9375rem;
margin-block-start: 0.9375rem;
}
@media screen and (max-width: 767px) {
.p-top-recruit__item:not(:first-of-type) {
-webkit-margin-before: 1.125rem;
margin-block-start: 1.125rem;
}
}
.p-top-recruit__img {
width: 100%;
aspect-ratio: 123/89;
border-radius: 0.25rem;
overflow: hidden;
}
.p-top-recruit__img img {
width: 100%;
height: auto;
-o-object-fit: cover;
object-fit: cover;
display: block;
}
.p-top-recruit__info {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-column-gap: 0.875rem;
-moz-column-gap: 0.875rem;
column-gap: 0.875rem;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.p-top-recruit__cat {
display: grid;
place-content: center;
border-radius: 4.644px;
background: var(--Linear, linear-gradient(169deg, #2991C6 0%, #3A5CA5 100%));
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
height: 25px;
padding-inline: 0.9375rem;
color: #FFF;
font-size: 0.875rem;
font-weight: 700;
letter-spacing: 0.05em;
}
@media screen and (max-width: 599px) {
.p-top-recruit__cat {
font-size: 0.75rem;
}
}
.p-top-recruit__work {
color: var(--color-main);
font-size: 1rem;
font-weight: 700;
letter-spacing: 0.05em;
}
@media screen and (max-width: 599px) {
.p-top-recruit__work {
font-size: 0.875rem;
}
}
.p-top-recruit__desc {
-webkit-margin-before: 0.5625rem;
margin-block-start: 0.5625rem;
color: var(--color-main);
font-size: 0.8125rem;
font-weight: 700;
line-height: 2;
letter-spacing: 0.05em;
}
@media screen and (max-width: 599px) {
.p-top-recruit__desc {
font-size: 0.6875rem;
}
}
.p-top-contact {
background: var(--color-main);
}
.p-top-contact__content {
padding-block: 2.6875rem 3.125rem;
background-color: #EDE9E5;
border-radius: 0.625rem;
position: relative;
top: -5rem;
-webkit-margin-after: -5rem;
margin-block-end: -5rem;
}
@media screen and (max-width: 767px) {
.p-top-contact__content {
padding-block: 2.5rem 0;
}
}
@media screen and (max-width: 599px) {
.p-top-contact__content {
top: -14rem;
-webkit-margin-after: -14rem;
margin-block-end: -14rem;
}
}
.p-top-content__text-area {
display: grid;
grid-template-columns: max(35.417%, 16.25rem) 1fr;
-webkit-column-gap: 4.63%;
-moz-column-gap: 4.63%;
column-gap: 4.63%;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding-inline: 3.75rem;
}
@media screen and (max-width: 1023px) {
.p-top-content__text-area {
padding-inline: 2.5rem;
}
}
@media screen and (max-width: 767px) {
.p-top-content__text-area {
grid-template-columns: 1fr;
padding-inline: 1.875rem;
}
}
.p-top-contact__heading {
color: var(--color-main);
font-family: var(--font-en);
font-size: 2rem;
font-weight: 700;
line-height: 1.3;
letter-spacing: 0.2em;
text-transform: uppercase;
}
@media screen and (max-width: 767px) {
.p-top-contact__heading {
font-size: 1.75rem;
}
}
.p-top-contact__text {
-webkit-margin-before: 0.625rem;
margin-block-start: 0.625rem;
color: var(--color-main);
font-size: 1rem;
font-weight: 500;
line-height: 2;
letter-spacing: 0.05em;
}
@media screen and (max-width: 767px) {
.p-top-contact__list {
-webkit-margin-before: 1.25rem;
margin-block-start: 1.25rem;
}
}
.p-top-contact__item {
color: var(--color-main);
font-size: 1rem;
font-weight: 500;
line-height: 2;
letter-spacing: 0.05em;
-webkit-padding-start: 1.875rem;
padding-inline-start: 1.875rem;
position: relative;
}
.p-top-contact__item::before {
content: "";
display: block;
width: 1.25rem;
height: 1.25rem;
background: url(//advance-jp.co.jp/wp-content/themes/advance-japan/assets/img/common/icon_check.svg) no-repeat center center/100%;
position: absolute;
left: 0;
top: 50%;
translate: 0 -50%;
}
.p-top-contact__item:not(:first-of-type) {
-webkit-margin-before: 0.9375rem;
margin-block-start: 0.9375rem;
}
.p-top-contact__btn-area {
-webkit-margin-before: 1.875rem;
margin-block-start: 1.875rem;
}
.p-top-contact__btn {
display: block;
margin-inline: auto;
border-radius: 10px;
background: var(--Linear, linear-gradient(169deg, #2991C6 0%, #3A5CA5 100%));
width: 32.5rem;
max-width: 100%;
color: var(--color-light);
font-size: 1rem;
font-weight: 700;
line-height: 2;
letter-spacing: 0.05em;
text-align: center;
padding: 1.5rem 1.875rem;
position: relative;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.p-top-contact__btn::after {
content: "";
display: block;
width: 0.4375rem;
height: 0.75rem;
background: url(//advance-jp.co.jp/wp-content/themes/advance-japan/assets/img/common/icon-arrow01.svg) no-repeat center center/100%;
position: absolute;
right: 5%;
top: 50%;
translate: 0 -50%;
}
.p-top-contact__btn:hover {
opacity: 0.7;
}
@media screen and (max-width: 767px) {
.p-top-contact__btn {
width: 100%;
}
}
.p-page {
-webkit-padding-before: var(--page-top-margin);
padding-block-start: var(--page-top-margin);
position: relative;
}
.p-page__bg-mark {
width: 100%;
height: 100lvh;
overflow: hidden;
position: absolute;
top: 0;
left: 0;
pointer-events: none;
}
.p-page__bg-mark::before {
content: "";
display: block;
width: 34.3125rem;
height: 29rem;
background: url(//advance-jp.co.jp/wp-content/themes/advance-japan/assets/img/common/bg_mark_gray.svg) no-repeat center center/100%;
position: absolute;
top: 3.5625rem;
right: -1.875rem;
}
@media screen and (max-width: 767px) {
.p-page__bg-mark::before {
width: 28.75rem;
height: 24.8125rem;
bottom: -0.625rem;
right: -5rem;
}
}
@media screen and (max-width: 599px) {
.p-page__bg-mark::before {
width: 23.3125rem;
height: 19.6875rem;
top: 5.375rem;
left: 7.1875rem;
}
}
.p-page__side {
width: 100%;
position: absolute;
left: 0;
top: var(--page-top-margin);
z-index: 100;
pointer-events: none;
-webkit-padding-after: 6.25rem;
padding-block-end: 6.25rem;
}
.p-page__side.is-fixed {
position: fixed;
top: var(--page-side-position-top);
left: 0;
}
@media screen and (max-width: 767px) {
.p-page__side {
display: none;
}
}
.p-page-side__content {
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
pointer-events: auto;
}
.p-page__title {
color: var(--color-main);
font-family: var(--font-en);
font-size: 2.25rem;
font-weight: 700;
letter-spacing: 0.1em;
text-transform: uppercase;
}
.p-page__title:has(br) {
line-height: 1.5;
}
.p-page-side__content:has(.p-page-nav__item.is-active.--bg-blue) .p-page__title {
color: var(--color-light);
}
.p-page__nav {
-webkit-margin-before: 2.0625rem;
margin-block-start: 2.0625rem;
}
.p-page-nav__item {
-webkit-padding-start: 2rem;
padding-inline-start: 2rem;
position: relative;
}
.p-page-nav__item::before {
content: "";
width: 12px;
height: 12px;
border-radius: 50%;
background: linear-gradient(169deg, #2991C6 0%, #3A5CA5 100%);
position: absolute;
left: 0;
top: 50%;
translate: 0 -50%;
opacity: 0;
}
.p-page-nav__item.is-active::before {
opacity: 1;
}
.p-page-nav__item:not(:first-of-type) {
-webkit-margin-before: 1.75rem;
margin-block-start: 1.75rem;
}
.p-page-nav__link {
color: #8A8A8A;
text-align: center;
font-family: var(--font-en);
font-size: 1rem;
font-weight: 600;
letter-spacing: 0.1em;
text-transform: uppercase;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.p-page-nav__link:hover {
color: #2991C6;
}
.p-page__nav:has(.is-active.--bg-blue) .p-page-nav__link:hover {
color: var(--color-light);
}
.is-active .p-page-nav__link {
color: #2991C6;
pointer-events: none;
}
.is-active.--bg-blue .p-page-nav__link {
color: var(--color-light);
}
.p-page-sec {
-webkit-padding-after: 6.25rem;
padding-block-end: 6.25rem;
position: relative;
}
@media screen and (max-width: 767px) {
.p-page-sec {
-webkit-padding-after: 4.875rem;
padding-block-end: 4.875rem;
}
}
.p-page-sec:not(:first-of-type) {
-webkit-padding-before: 6.25rem;
padding-block-start: 6.25rem;
}
@media screen and (max-width: 767px) {
.p-page-sec:not(:first-of-type) {
-webkit-padding-before: 4.875rem;
padding-block-start: 4.875rem;
}
}
@media screen and (max-width: 767px) {
.p-page-sec:last-of-type {
-webkit-padding-after: 3.125rem;
padding-block-end: 3.125rem;
}
}
.p-page-sec.--bg-blue {
background-color: #2991C6;
}
.p-page:has(.p-page__side) .p-page__main .p-page-sec__content {
-webkit-padding-start: clamp(17.75rem, 13.4375rem + 8.984375vw, 20.625rem);
padding-inline-start: clamp(17.75rem, 13.4375rem + 8.984375vw, 20.625rem);
}
@media screen and (max-width: 767px) {
.p-page:has(.p-page__side) .p-page__main .p-page-sec__content {
-webkit-padding-start: 0;
padding-inline-start: 0;
}
}
.p-page-sec__heading {
color: #8A8A8A;
font-family: var(--font-en);
font-size: 1rem;
font-weight: 600;
letter-spacing: 0.5em;
text-transform: uppercase;
}
.p-page-sec.--bg-blue .p-page-sec__heading {
color: var(--color-light);
}
.p-page-sec__title {
-webkit-margin-before: 2.8125rem;
margin-block-start: 2.8125rem;
color: var(--color-main);
font-size: 3.25rem;
font-weight: 900;
line-height: 1.365;
letter-spacing: 0.199em;
}
@media screen and (max-width: 1023px) {
.p-page-sec__title {
font-size: 2rem;
}
}
@media screen and (max-width: 767px) {
.p-page-sec__title {
-webkit-margin-before: 2.1875rem;
margin-block-start: 2.1875rem;
}
}
.p-page-sec__title.--underline {
-webkit-padding-after: 2.5rem;
padding-block-end: 2.5rem;
border-bottom: 0.0625rem solid rgb(255, 255, 255);
}
@media screen and (max-width: 767px) {
.p-page-sec__title.--underline {
-webkit-padding-after: 0;
padding-block-end: 0;
border-bottom: none;
}
}
.p-page-sec.--bg-blue .p-page-sec__title {
color: var(--color-light);
}
.p-page-sec__desc {
-webkit-margin-before: 1.9375rem;
margin-block-start: 1.9375rem;
color: var(--color-main);
font-size: 1rem;
font-weight: 500;
line-height: 2;
letter-spacing: 0.05em;
}
@media screen and (max-width: 767px) {
.p-page-sec__desc {
font-size: 0.875rem;
}
}
.p-page-sec__desc.--pc-center {
text-align: center;
}
@media screen and (max-width: 767px) {
.p-page-sec__desc.--pc-center {
text-align: left;
}
}
.p-page-sec.--bg-blue .p-page-sec__desc {
color: var(--color-light);
}
.p-page-sec__more {
-webkit-margin-before: 3.25rem;
margin-block-start: 3.25rem;
}
@media screen and (max-width: 767px) {
.p-page-sec__more {
-webkit-margin-before: 2rem;
margin-block-start: 2rem;
}
}
.p-page-sec__more-link {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-column-gap: 1.25rem;
-moz-column-gap: 1.25rem;
column-gap: 1.25rem;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
}
.p-page-sec__more-text {
color: #D7D7D7;
font-size: 0.75rem;
font-family: var(--font-en);
font-weight: 700;
line-height: 1.3;
letter-spacing: 0.2em;
text-transform: uppercase;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.p-page-sec__more-text span {
-webkit-margin-before: 0.1875rem;
margin-block-start: 0.1875rem;
display: block;
color: var(--color-main);
font-size: 0.875rem;
letter-spacing: 0.2em;
}
.p-page-sec.--bg-blue .p-page-sec__more-text span {
color: var(--color-light);
}
.p-page-sec__more-link:hover .p-page-sec__more-text {
opacity: 0.7;
}
.p-page-sec__more-btn {
width: 3.5rem;
height: 3.5rem;
}
.p-page-sec__more-btn:not(:has(.--glass)) {
-webkit-transition: opacity 0.3s ease-in-out;
transition: opacity 0.3s ease-in-out;
}
.p-page-sec__more-link:hover .p-page-sec__more-btn:not(:has(.--glass)) {
opacity: 0.7;
}
.p-page-sec__more-btn:has(.--glass) {
position: relative;
}
.p-page-sec__more-btn:has(.--glass)::after {
content: "";
display: block;
width: 100%;
height: 100%;
border-radius: 50%;
position: absolute;
top: 1px;
left: 0;
pointer-events: none;
background: linear-gradient(135deg, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0));
opacity: 0;
-webkit-transition: opacity 0.3s ease-in-out;
transition: opacity 0.3s ease-in-out;
}
.p-page-sec__more-link:hover .p-page-sec__more-btn:has(.--glass)::after {
opacity: 1;
}
.p-page-sec__checklist {
-webkit-margin-before: 4rem;
margin-block-start: 4rem;
}
@media screen and (max-width: 767px) {
.p-page-sec__checklist {
-webkit-margin-before: 3rem;
margin-block-start: 3rem;
}
}
.p-page-sec__checklist .p-page-sec__item {
color: var(--color-main);
font-size: 1.25rem;
font-weight: 700;
line-height: 1.5;
letter-spacing: 0.05em;
-webkit-padding-start: 2.8125rem;
padding-inline-start: 2.8125rem;
position: relative;
}
@media screen and (max-width: 767px) {
.p-page-sec__checklist .p-page-sec__item {
font-size: 0.875rem;
-webkit-padding-start: 1.75rem;
padding-inline-start: 1.75rem;
}
}
.p-page-sec__checklist .p-page-sec__item::before {
content: "";
display: block;
width: 1.5625rem;
height: 1.5625rem;
background: url(//advance-jp.co.jp/wp-content/themes/advance-japan/assets/img/common/icon_check.svg) no-repeat center center/100%;
position: absolute;
left: 0;
top: 0.1em;
}
@media screen and (max-width: 767px) {
.p-page-sec__checklist .p-page-sec__item::before {
width: 1.125rem;
height: 1.125rem;
}
}
.p-page-sec__checklist .p-page-sec__item:not(:first-of-type) {
-webkit-margin-before: 1.875rem;
margin-block-start: 1.875rem;
}
@media screen and (max-width: 767px) {
.p-page-sec__checklist .p-page-sec__item:not(:first-of-type) {
-webkit-margin-before: 1.5625rem;
margin-block-start: 1.5625rem;
}
}
.--bg-blue .p-page-sec__checklist .p-page-sec__item {
color: var(--color-light);
}
.--bg-blue .p-page-sec__checklist .p-page-sec__item::before {
background: url(//advance-jp.co.jp/wp-content/themes/advance-japan/assets/img/common/icon_check-white.svg) no-repeat center center/100%;
}
.p-page-sec__dl {
display: grid;
grid-template-columns: 6.875rem 1fr;
border-top: 1px solid #DDD;
}
@media screen and (max-width: 767px) {
.p-page-sec__dl {
-webkit-margin-before: 2.8125rem;
margin-block-start: 2.8125rem;
grid-template-columns: 1fr;
}
}
.p-page-sec__dt,
.p-page-sec__dd {
color: #222;
font-size: 1rem;
line-height: 1.75;
border-bottom: 1px solid #DDD;
padding-block: 1.375rem;
}
@media screen and (max-width: 767px) {
.p-page-sec__dt,
.p-page-sec__dd {
padding-block: 1.1875rem;
}
}
.p-page-sec__dt:first-of-type,
.p-page-sec__dd:first-of-type {
padding-block: 2.25rem;
}
@media screen and (max-width: 767px) {
.p-page-sec__dt:first-of-type,
.p-page-sec__dd:first-of-type {
padding-block: 1.1875rem;
}
}
.p-page-sec__dt {
font-weight: 500;
-webkit-padding-start: 1.5rem;
padding-inline-start: 1.5rem;
}
.p-page-sec__dd {
font-weight: 400;
-webkit-padding-start: 2.125rem;
padding-inline-start: 2.125rem;
}
@media screen and (max-width: 767px) {
.p-page-sec__dd {
-webkit-padding-start: 1.5rem;
padding-inline-start: 1.5rem;
}
}
.p-page-sec__dd li {
line-height: 2;
}
@media screen and (max-width: 767px) {
.p-page-sec__dd li {
line-height: 1.75;
}
}
.p-page__related {
background-color: var(--bg-color2);
padding-block: 4.0625rem;
}
@media screen and (max-width: 767px) {
.p-page__related {
padding-block: 2.625rem 3.125rem;
}
}
.p-page-related__title-area {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-column-gap: 1.875rem;
-moz-column-gap: 1.875rem;
column-gap: 1.875rem;
}
@media screen and (max-width: 767px) {
.p-page-related__title-area {
-webkit-column-gap: 1.125rem;
-moz-column-gap: 1.125rem;
column-gap: 1.125rem;
}
}
.p-page-related__title-jp {
color: var(--color-main);
font-size: 1.5rem;
font-weight: 700;
line-height: 2;
letter-spacing: 0.1em;
opacity: 0.6;
}
@media screen and (max-width: 767px) {
.p-page-related__title-jp {
font-size: 1.125rem;
}
}
.p-page-related__title-en {
color: #8F8F8F;
font-family: var(--font-en);
font-size: 0.875rem;
font-weight: 700;
line-height: 2;
letter-spacing: 0.1em;
text-transform: uppercase;
opacity: 0.6;
}
@media screen and (max-width: 767px) {
.p-page-related__title-en {
font-size: 0.75rem;
}
}
.p-page-related__links {
-webkit-margin-before: 1.25rem;
margin-block-start: 1.25rem;
display: grid;
grid-template-columns: repeat(3, 1fr);
-webkit-column-gap: 0.8125rem;
-moz-column-gap: 0.8125rem;
column-gap: 0.8125rem;
row-gap: 0.8125rem;
}
@media screen and (max-width: 767px) {
.p-page-related__links {
-webkit-margin-before: 0.625rem;
margin-block-start: 0.625rem;
max-width: 21.875rem;
grid-template-columns: 1fr;
margin-inline: auto;
}
}
.p-page-related__item {
border-radius: 0.5625rem;
overflow: hidden;
}
.p-page-related__link {
display: grid;
grid-template-columns: 1fr;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-radius: 0.3125rem;
width: 100%;
aspect-ratio: 350/125;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
@media screen and (max-width: 767px) {
.p-page-related__link {
aspect-ratio: 335/126;
}
}
.p-page-related__link:hover {
opacity: 0.7;
}
.p-page-related__item:nth-of-type(1) .p-page-related__link {
background-image: url(//advance-jp.co.jp/wp-content/themes/advance-japan/assets/img/common/img_page_related01.webp);
}
.p-page-related__item:nth-of-type(2) .p-page-related__link {
background-image: url(//advance-jp.co.jp/wp-content/themes/advance-japan/assets/img/common/img_page_related02.webp);
}
.p-page-related__item:nth-of-type(3) .p-page-related__link {
background-image: url(//advance-jp.co.jp/wp-content/themes/advance-japan/assets/img/common/img_page_related03.webp);
}
.p-page__related.--business-under .p-page-related__item.--sales .p-page-related__link {
background-image: url(//advance-jp.co.jp/wp-content/themes/advance-japan/assets/img/business/img_page_related_sales.webp);
}
.p-page__related.--business-under .p-page-related__item.--dispatch .p-page-related__link {
background-image: url(//advance-jp.co.jp/wp-content/themes/advance-japan/assets/img/business/img_page_related_dispatch.webp);
}
.p-page__related.--business-under .p-page-related__item.--event .p-page-related__link {
background-image: url(//advance-jp.co.jp/wp-content/themes/advance-japan/assets/img/business/img_page_related_event.webp);
}
.p-page__related.--business-under .p-page-related__item.--agency .p-page-related__link {
background-image: url(//advance-jp.co.jp/wp-content/themes/advance-japan/assets/img/business/img_page_related_agency.webp);
}
.p-page__related.--business-under .p-page-related__item.--advertising .p-page-related__link {
background-image: url(//advance-jp.co.jp/wp-content/themes/advance-japan/assets/img/business/img_page_related_advertising.webp);
}
.p-page__related.--business-under .p-page-related__item.--recruit .p-page-related__link {
background-image: url(//advance-jp.co.jp/wp-content/themes/advance-japan/assets/img/business/img_page_related_recruit.webp);
}
.p-page-related__text {
color: var(--color-light);
text-align: center;
font-size: 1.25rem;
line-height: 1.3;
}
@media screen and (max-width: 767px) {
.p-page-related__text {
font-size: 1.125rem;
}
}
.p-page-related__text span {
display: block;
font-family: var(--font-en);
font-size: 0.75rem;
letter-spacing: 0.2em;
text-transform: uppercase;
}
@media screen and (max-width: 767px) {
.p-page-related__text span {
font-size: 0.7875rem;
}
}
.p-page-about__sec3 .p-page-sec__title {
font-size: 2.1875rem;
}
@media screen and (max-width: 1023px) {
.p-page-about__sec3 .p-page-sec__title {
font-size: 1.75rem;
}
}
.p-page-about-sec3__grid {
display: grid;
grid-template-columns: 1fr 35.6%;
-webkit-column-gap: 5.067%;
-moz-column-gap: 5.067%;
column-gap: 5.067%;
}
@media screen and (max-width: 1023px) {
.p-page-about-sec3__grid {
grid-template-columns: 1fr;
}
}
@media screen and (max-width: 767px) {
.p-page-about-sec3__grid {
grid-template-columns: 1fr 35.6%;
}
}
@media screen and (max-width: 599px) {
.p-page-about-sec3__grid {
grid-template-columns: 1fr;
}
}
.p-page-about-sec3__grid .--grid1 {
grid-row: 1/2;
grid-column: 1/2;
}
.p-page-about-sec3__grid .--grid2 {
grid-row: 1/3;
grid-column: 2/3;
}
@media screen and (max-width: 1023px) {
.p-page-about-sec3__grid .--grid2 {
grid-row: 2/3;
grid-column: 1/2;
}
}
@media screen and (max-width: 767px) {
.p-page-about-sec3__grid .--grid2 {
grid-row: 1/3;
grid-column: 2/3;
}
}
@media screen and (max-width: 599px) {
.p-page-about-sec3__grid .--grid2 {
grid-row: 2/3;
grid-column: 1/2;
}
}
.p-page-about-sec3__grid .--grid3 {
grid-row: 2/3;
grid-column: 1/2;
}
@media screen and (max-width: 1023px) {
.p-page-about-sec3__grid .--grid3 {
grid-row: 3/4;
grid-column: 1/2;
}
}
@media screen and (max-width: 767px) {
.p-page-about-sec3__grid .--grid3 {
grid-row: 2/3;
grid-column: 1/2;
}
}
@media screen and (max-width: 599px) {
.p-page-about-sec3__grid .--grid3 {
grid-row: 3/4;
grid-column: 1/2;
}
}
.p-page-about-sec3__img {
width: 100%;
max-width: 20.9375rem;
aspect-ratio: 267/272;
-webkit-margin-before: 2.8125rem;
margin-block-start: 2.8125rem;
border-radius: 0.625rem;
overflow: hidden;
}
@media screen and (max-width: 599px) {
.p-page-about-sec3__img {
-webkit-margin-before: 2.125rem;
margin-block-start: 2.125rem;
-webkit-margin-after: -0.875rem;
margin-block-end: -0.875rem;
margin-inline: auto;
}
}
.p-page-about-sec3__img img {
width: 100%;
height: auto;
display: block;
}
.p-page-about-sec3__sign-area {
-webkit-margin-before: 1.25rem;
margin-block-start: 1.25rem;
max-width: -webkit-fit-content;
max-width: -moz-fit-content;
max-width: fit-content;
-webkit-margin-start: auto;
margin-inline-start: auto;
}
.p-page-about-sign__post {
color: var(--color-main);
font-size: 1rem;
font-weight: 500;
line-height: 2;
letter-spacing: 0.05em;
}
@media screen and (max-width: 767px) {
.p-page-about-sign__post {
font-size: 0.875rem;
}
}
.p-page-about-sign__img {
width: 100%;
max-width: 13.625rem;
}
@media screen and (max-width: 767px) {
.p-page-about-sign__img {
max-width: 8.125rem;
}
}
.p-page-about-sign__img img {
width: 100%;
height: auto;
display: block;
}
.p-page-about-sec3__sns {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-margin-before: 1.25rem;
margin-block-start: 1.25rem;
max-width: -webkit-fit-content;
max-width: -moz-fit-content;
max-width: fit-content;
-webkit-margin-start: auto;
margin-inline-start: auto;
gap: 0.625rem;
}
.p-page-about-sns__instagram img {
width: 3.75rem;
}
.p-page-about-sns__youtube img {
width: 3.75rem;
}
.p-page-philosophy-sec3__list {
-webkit-margin-before: 5.4375rem;
margin-block-start: 5.4375rem;
display: grid;
grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr));
-webkit-column-gap: 0.9375rem;
-moz-column-gap: 0.9375rem;
column-gap: 0.9375rem;
row-gap: 0.8125rem;
counter-reset: count 0;
}
@media screen and (max-width: 767px) {
.p-page-philosophy-sec3__list {
-webkit-margin-before: 3rem;
margin-block-start: 3rem;
}
}
@media screen and (max-width: 599px) {
.p-page-philosophy-sec3__list {
grid-template-columns: 1fr;
row-gap: 1.125rem;
max-width: 20.9375rem;
margin-inline: auto;
}
}
.p-page-philosophy-sec3__item {
width: 100%;
border-radius: 10px;
background: #F8F8F8;
padding: 1.875rem;
counter-increment: count 1;
}
@media screen and (max-width: 767px) {
.p-page-philosophy-sec3__item {
padding: 1.25rem;
}
}
.p-page-philosophy-value__no::before {
content: "0" counter(count, decimal);
display: block;
color: #8A8A8A;
font-family: var(--font-en);
font-size: 0.75rem;
font-weight: 700;
line-height: 1;
letter-spacing: 0.2em;
}
.p-page-philosophy-value__title {
display: block;
-webkit-margin-before: 0.375rem;
margin-block-start: 0.375rem;
color: var(--color-main);
font-size: 1.125rem;
font-weight: 700;
letter-spacing: 0.2em;
}
.p-page-philosophy-value__desc {
-webkit-margin-before: 0.875rem;
margin-block-start: 0.875rem;
color: #858585;
font-size: 0.875rem;
font-weight: 500;
line-height: 1.5;
letter-spacing: 0.05em;
}
.p-page-company-sec1__address:not(:first-of-type) {
-webkit-margin-before: 1.875rem;
margin-block-start: 1.875rem;
}
.p-page-company-sec1__link {
color: #333;
font-size: 1rem;
font-weight: 400;
line-height: 1.75;
text-decoration-line: underline;
text-decoration-style: solid;
-webkit-text-decoration-skip-ink: none;
text-decoration-skip-ink: none;
text-decoration-thickness: auto;
text-underline-offset: auto;
text-underline-position: from-font;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.p-page-company-sec1__link:hover {
opacity: 0.7;
}
.p-page-company-sec1__link.--eternal-icon {
-webkit-padding-end: 1rem;
padding-inline-end: 1rem;
position: relative;
}
.p-page-company-sec1__link.--eternal-icon::after {
content: "";
display: block;
width: 0.6875rem;
height: 0.6875rem;
background: url(//advance-jp.co.jp/wp-content/themes/advance-japan/assets/img/common/icon_etenal-link-dark.svg) no-repeat center center/100%;
position: absolute;
right: 0rem;
top: 50%;
translate: 0 -50%;
}
.p-page-company-sec1__certification {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: distribute;
justify-content: space-around;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.p-page-company-sec1__certification-link {
display: block;
width: 100%;
max-width: 12.5rem;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.p-page-company-sec1__certification-link:hover {
opacity: 0.7;
}
.p-page-company-sec1__certification-img {
width: 100%;
max-width: 12.5rem;
}
.p-page-company-sec1__certification-img img {
width: 100%;
height: auto;
}
.p-page-company__sec2 {
overflow: hidden;
}
@media screen and (max-width: 767px) {
.p-page-company-sec2__heading {
font-size: 0.875rem;
}
}
.p-page-company-sec2__title {
font-size: 2.375rem;
}
@media screen and (max-width: 767px) {
.p-page-company-sec2__title {
font-size: 2rem;
}
}
.p-page-company__logo {
width: 100%;
position: relative;
}
.p-page-company-logo__text {
width: 62.4%;
}
@media screen and (max-width: 1023px) {
.p-page-company-logo__text {
width: 100%;
}
}
@media screen and (max-width: 767px) {
.p-page-company-logo__text {
-webkit-margin-before: 2.75rem;
margin-block-start: 2.75rem;
font-size: 1rem;
}
}
.p-page-company-logo__img {
width: 22.5rem;
aspect-ratio: 360/311;
position: absolute;
left: 68.4%;
top: 50%;
translate: 0 -50%;
}
@media screen and (max-width: 1023px) {
.p-page-company-logo__img {
opacity: 0.1;
left: 29%;
top: 65%;
}
}
@media screen and (max-width: 767px) {
.p-page-company-logo__img {
left: 29%;
top: 65%;
}
}
.p-page-company-logo__img img {
width: 100%;
height: auto;
display: block;
}
.p-page-company-sec2__box {
-webkit-margin-before: 9.75rem;
margin-block-start: 9.75rem;
background: #69AED0;
padding: 1.875rem 1.875rem 1.25rem;
border-radius: 0.625rem;
}
@media screen and (max-width: 1023px) {
.p-page-company-sec2__box {
-webkit-margin-before: 5rem;
margin-block-start: 5rem;
}
}
@media screen and (max-width: 599px) {
.p-page-company-sec2__box {
-webkit-margin-before: 2.5rem;
margin-block-start: 2.5rem;
padding: 1.875rem 1.875rem 1.75rem;
}
}
.p-page-company-sec2-box__title-area {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-column-gap: 1.25rem;
-moz-column-gap: 1.25rem;
column-gap: 1.25rem;
}
.p-page-company-sec2-box__title-jp {
color: var(--color-light);
font-size: 1rem;
font-weight: 700;
line-height: 1;
letter-spacing: 0.1em;
}
.p-page-company-sec2-box__title-en {
color: var(--color-light);
font-family: var(--font-en);
font-size: 0.875rem;
font-weight: 700;
line-height: 1;
letter-spacing: 0.1em;
text-transform: uppercase;
-webkit-margin-before: 0.375rem;
margin-block-start: 0.375rem;
}
.p-page-company-sec2-box__desc {
-webkit-margin-before: 0.75rem;
margin-block-start: 0.75rem;
color: var(--color-light);
font-size: 0.9375rem;
font-weight: 500;
line-height: 2;
letter-spacing: 0.05em;
}
.p-page-company-sec3__title-area {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
-webkit-column-gap: 1.25rem;
-moz-column-gap: 1.25rem;
column-gap: 1.25rem;
}
.p-page-company-sec3__title {
font-size: 1.75rem;
-webkit-margin-before: 0;
margin-block-start: 0;
line-height: 1;
}
@media screen and (max-width: 767px) {
.p-page-company-sec3__title {
font-size: 1.5rem;
}
}
@media screen and (max-width: 767px) {
.p-page-company-sec3__heading {
font-size: 0.875rem;
}
}
.p-page-company__history {
-webkit-margin-before: 3.75rem;
margin-block-start: 3.75rem;
display: grid;
grid-template-columns: 11.4375rem 1fr;
}
@media screen and (max-width: 1023px) {
.p-page-company__history {
grid-template-columns: 1fr;
-webkit-padding-start: 2rem;
padding-inline-start: 2rem;
position: relative;
}
.p-page-company__history::before {
content: "";
display: block;
width: 0.125rem;
height: 100%;
background-color: #D9D9D9;
position: absolute;
left: 0.3125rem;
top: 1.1875rem;
}
.p-page-company__history dd {
-webkit-padding-after: 2.5rem;
padding-block-end: 2.5rem;
}
}
@media screen and (max-width: 767px) {
.p-page-company__history {
-webkit-margin-before: 2.375rem;
margin-block-start: 2.375rem;
max-width: 37.5rem;
margin-inline: auto;
}
}
.p-page-company__history-year {
color: #D8D8D8;
font-family: var(--font-en);
font-size: 3.25rem;
font-weight: 500;
line-height: 1;
}
@media screen and (max-width: 1023px) {
.p-page-company__history-year {
-webkit-padding-after: 0.625rem;
padding-block-end: 0.625rem;
position: relative;
}
.p-page-company__history-year::before {
content: "";
display: block;
width: 0.625rem;
height: 0.625rem;
border-radius: 50%;
background-color: var(--bg-color1);
position: absolute;
left: -2.25rem;
top: 1.125rem;
translate: 50% -50%;
}
}
@media screen and (max-width: 767px) {
.p-page-company__history-year {
font-size: 2.625rem;
}
}
.p-page-company__history-year > .--unit {
font-family: var(--font-jp);
font-size: 1.75rem;
font-weight: 700;
-webkit-padding-start: 0.5rem;
padding-inline-start: 0.5rem;
}
@media screen and (max-width: 767px) {
.p-page-company__history-year > .--unit {
font-size: 1.25rem;
}
}
.p-page-company__history-item {
display: grid;
grid-template-columns: 7rem 1fr;
}
@media screen and (max-width: 1023px) {
.p-page-company__history-item:not(:first-of-type) {
-webkit-margin-before: 0.75rem;
margin-block-start: 0.75rem;
}
}
@media screen and (max-width: 767px) {
.p-page-company__history-item {
grid-template-columns: 3.75rem 1fr;
}
}
.p-page-company__history-month {
height: 100%;
color: #797878;
font-family: var(--font-en);
font-size: 3.0625rem;
font-weight: 500;
line-height: 1;
letter-spacing: 0.05em;
-webkit-padding-after: 3.75rem;
padding-block-end: 3.75rem;
position: relative;
}
@media screen and (max-width: 1023px) {
.p-page-company__history-month {
-webkit-padding-after: 0;
padding-block-end: 0;
}
}
@media screen and (max-width: 767px) {
.p-page-company__history-month {
font-size: 1.75rem;
}
}
.p-page-company__history-month::before {
content: "";
display: block;
width: 0.125rem;
height: 100%;
background-color: #D9D9D9;
position: absolute;
right: 0;
top: 0;
}
@media screen and (max-width: 1023px) {
.p-page-company__history-month::before {
content: none;
}
}
.p-page-company__history-month::after {
content: "";
display: block;
width: 0.625rem;
height: 0.625rem;
border-radius: 50%;
background-color: var(--bg-color1);
position: absolute;
right: 0.0625rem;
top: 1.5rem;
translate: 50% -50%;
}
@media screen and (max-width: 1023px) {
.p-page-company__history-month::after {
content: none;
}
}
.p-page-company__history-month.--first::before {
height: calc(100% - 1.5rem);
top: 1.5rem;
}
.p-page-company__history-month > .--unit {
font-family: var(--font-jp);
font-size: 1.75rem;
font-weight: 700;
line-height: 1;
}
@media screen and (max-width: 767px) {
.p-page-company__history-month > .--unit {
font-size: 1rem;
}
}
.p-page-company__history-events {
-webkit-margin-start: 2.375rem;
margin-inline-start: 2.375rem;
-webkit-margin-before: calc(1.5rem - 0.5em);
margin-block-start: calc(1.5rem - 0.5em);
}
@media screen and (max-width: 1023px) {
.p-page-company__history-events {
-webkit-margin-start: 0;
margin-inline-start: 0;
}
}
@media screen and (max-width: 767px) {
.p-page-company__history-events {
-webkit-margin-before: 0;
margin-block-start: 0;
-webkit-margin-before: calc(0.875rem - 0.5em);
margin-block-start: calc(0.875rem - 0.5em);
}
}
.p-page-company__history-event {
display: block;
color: var(--color-main);
font-size: 1rem;
font-weight: 700;
letter-spacing: 0.05em;
line-height: 1.32;
}
@media screen and (max-width: 767px) {
.p-page-company__history-event {
font-size: 0.875rem;
line-height: 1;
}
}
.p-page-company__history-event:not(:first-of-type) {
-webkit-margin-before: 2rem;
margin-block-start: 2rem;
}
@media screen and (max-width: 1023px) {
.p-page-company__history-event:not(:first-of-type) {
-webkit-margin-before: 1.5rem;
margin-block-start: 1.5rem;
}
}
.p-page-company__history-event:last-of-type {
-webkit-margin-after: 2rem;
margin-block-end: 2rem;
}
@media screen and (max-width: 1023px) {
.p-page-company__history-event:last-of-type {
-webkit-margin-after: 1.5rem;
margin-block-end: 1.5rem;
}
}
.p-page-business__list {
-webkit-margin-before: 3.75rem;
margin-block-start: 3.75rem;
}
@media screen and (max-width: 767px) {
.p-page-business__list {
-webkit-margin-before: 5.1875rem;
margin-block-start: 5.1875rem;
}
}
.p-page-business__item {
display: grid;
grid-template-columns: 53.333% 1fr;
-webkit-column-gap: 6.667%;
-moz-column-gap: 6.667%;
column-gap: 6.667%;
padding-block: 3.75rem;
border-bottom: 0.0625rem solid #DDDDDD;
}
.p-page-business__item:first-of-type {
border-top: 0.0625rem solid #DDDDDD;
}
@media screen and (max-width: 1023px) {
.p-page-business__item {
grid-template-columns: 1fr;
row-gap: 0.25rem;
}
}
@media screen and (max-width: 767px) {
.p-page-business__item {
padding-block: 1.875rem;
}
}
@media screen and (max-width: 1023px) {
.p-page-business__summary {
grid-row: 2/3;
-webkit-margin-before: 1.875rem;
margin-block-start: 1.875rem;
}
}
.p-page-business__heading {
color: #565656;
font-family: var(--font-en);
font-size: 0.75rem;
font-weight: 700;
line-height: 1;
letter-spacing: 0.2em;
text-transform: uppercase;
}
.p-page-business__title {
color: var(--color-main);
font-size: 1.75rem;
font-weight: 700;
line-height: 2;
letter-spacing: 0.1em;
}
@media screen and (max-width: 767px) {
.p-page-business__title {
font-size: 1.375rem;
}
}
.p-page-business__desc {
-webkit-margin-before: 0.625rem;
margin-block-start: 0.625rem;
color: #565656;
font-size: 0.875rem;
font-weight: 600;
line-height: 2;
letter-spacing: 0.05em;
}
@media screen and (max-width: 767px) {
.p-page-business__desc {
-webkit-margin-before: 1.25rem;
margin-block-start: 1.25rem;
font-weight: 500;
}
}
.p-page-business__more {
-webkit-margin-before: 2rem;
margin-block-start: 2rem;
}
.p-page-business__img {
display: block;
border-radius: 0.375rem;
overflow: hidden;
aspect-ratio: 600/670;
}
.p-page-business__img img {
width: 100%;
height: auto;
display: block;
}
@media screen and (max-width: 1023px) {
.p-page-business__img {
grid-row: 1/2;
aspect-ratio: 670/320;
}
}
.page-business-under__heading {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-column-gap: 2.5rem;
-moz-column-gap: 2.5rem;
column-gap: 2.5rem;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
}
@media screen and (max-width: 767px) {
.page-business-under__heading {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: start;
row-gap: 0.5625rem;
}
}
.p-page-business-under__heading-js {
color: var(--color-main);
font-size: 1rem;
font-weight: 700;
letter-spacing: 0.1em;
}
.p-page-business-under__heading-en {
color: #A6A6A6;
font-family: var(--font-en);
font-size: 1rem;
font-weight: 600;
letter-spacing: 0.5em;
text-transform: uppercase;
}
@media screen and (max-width: 767px) {
.p-page-business-under__heading-en {
font-size: 0.625rem;
}
}
.page-business-under__title {
-webkit-margin-before: 2.8125rem;
margin-block-start: 2.8125rem;
color: var(--color-main);
font-size: 2.875rem;
font-weight: 900;
line-height: 1.36;
letter-spacing: 0.1em;
}
@media screen and (max-width: 767px) {
.page-business-under__title {
-webkit-margin-before: 2.25rem;
margin-block-start: 2.25rem;
font-size: 1.375rem;
letter-spacing: 0.08em;
}
}
.p-page-business-under__lead-area {
-webkit-margin-before: 3rem;
margin-block-start: 3rem;
display: grid;
grid-template-columns: 55.556% 1fr;
-webkit-column-gap: 5.556%;
-moz-column-gap: 5.556%;
column-gap: 5.556%;
}
@media screen and (max-width: 767px) {
.p-page-business-under__lead-area {
-webkit-margin-before: 1.75rem;
margin-block-start: 1.75rem;
grid-template-columns: 1fr;
}
}
.p-page-business-under__lead-text {
color: var(--color-main);
font-size: 1rem;
font-weight: 500;
line-height: 2;
letter-spacing: 0.05em;
}
@media screen and (max-width: 767px) {
.p-page-business-under__lead-text {
font-size: 0.875rem;
}
}
.p-page-business-under__lead-img {
display: block;
border-radius: 0.625rem;
aspect-ratio: 842/576;
overflow: hidden;
}
@media screen and (max-width: 767px) {
.p-page-business-under__lead-img {
-webkit-margin-before: 1.875rem;
margin-block-start: 1.875rem;
aspect-ratio: 670/500;
max-width: 31.25rem;
margin-inline: auto;
}
}
.p-page-business-under__lead-img img {
width: 100%;
height: auto;
display: block;
}
.page-business-under__sec {
-webkit-padding-after: 6.25rem;
padding-block-end: 6.25rem;
position: relative;
}
@media screen and (max-width: 767px) {
.page-business-under__sec {
-webkit-padding-after: 5.375rem;
padding-block-end: 5.375rem;
}
}
.p-page-business-under__sec-heading-en {
color: var(--color-main);
font-family: var(--font-en);
font-size: 1rem;
font-weight: 600;
letter-spacing: 0.5em;
text-transform: uppercase;
}
@media screen and (max-width: 767px) {
.p-page-business-under__sec-heading-en {
font-size: 0.625rem;
}
}
.p-page-business-under__sec-heading-js {
display: inline-block;
-webkit-margin-before: 0.625rem;
margin-block-start: 0.625rem;
color: var(--color-main);
font-size: 1.75rem;
font-weight: 900;
line-height: 1.36;
letter-spacing: 0.1em;
}
@media screen and (max-width: 767px) {
.p-page-business-under__sec-heading-js {
-webkit-margin-before: 0.75rem;
margin-block-start: 0.75rem;
font-size: 1.375rem;
}
}
.page-business-under__sec2-list {
-webkit-margin-before: 2.625rem;
margin-block-start: 2.625rem;
}
@media screen and (max-width: 767px) {
.page-business-under__sec2-list {
-webkit-margin-before: 2rem;
margin-block-start: 2rem;
}
}
.page-business-under__sec2-item {
display: grid;
grid-template-columns: 25.926% 1fr;
-webkit-column-gap: 4.63%;
-moz-column-gap: 4.63%;
column-gap: 4.63%;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.page-business-under__sec2-item:not(:first-of-type) {
-webkit-margin-before: 2.5rem;
margin-block-start: 2.5rem;
}
@media screen and (max-width: 767px) {
.page-business-under__sec2-item:not(:first-of-type) {
-webkit-margin-before: 3.125rem;
margin-block-start: 3.125rem;
}
}
@media screen and (max-width: 767px) {
.page-business-under__sec2-item {
grid-template-columns: 1fr;
}
}
.page-business-under__sec2-img {
display: block;
border-radius: 0.625rem;
overflow: hidden;
}
@media screen and (max-width: 767px) {
.page-business-under__sec2-img {
border-radius: 0.25rem;
width: 100%;
aspect-ratio: 670/340;
}
}
.page-business-under__sec2-img img {
width: 100%;
height: auto;
display: block;
}
.page-business-under__sec2-title {
color: var(--color-main);
font-size: 1.5rem;
font-weight: 700;
line-height: 2;
letter-spacing: 0.05em;
}
@media screen and (max-width: 767px) {
.page-business-under__sec2-title {
-webkit-margin-before: 1.625rem;
margin-block-start: 1.625rem;
font-size: 1.25rem;
}
}
.page-business-under__sec2-desc {
-webkit-margin-before: 0.625rem;
margin-block-start: 0.625rem;
color: var(--color-main);
font-size: 1rem;
font-weight: 500;
line-height: 2;
letter-spacing: 0.05em;
}
@media screen and (max-width: 767px) {
.page-business-under__sec2-desc {
-webkit-margin-before: 0.25rem;
margin-block-start: 0.25rem;
}
}
.page-business-advertisement__media {
-webkit-margin-before: 1.875rem;
margin-block-start: 1.875rem;
}
.page-business-advertisement__media-list {
-webkit-margin-before: 0.625rem;
margin-block-start: 0.625rem;
}
.page-business-advertisement__media-item {
padding-block: 1.25rem;
border-bottom: 0.0625rem solid #DDD;
}
@media screen and (max-width: 767px) {
.page-business-advertisement__media-item {
border-bottom: none;
padding-block: 0.625rem;
}
}
.page-business-advertisement__media-title {
color: var(--color-main);
font-size: 1.5rem;
font-weight: 700;
line-height: 2;
letter-spacing: 0.05em;
text-transform: uppercase;
}
@media screen and (max-width: 767px) {
.page-business-advertisement__media-title {
font-size: 1.25rem;
-webkit-padding-after: 0.875rem;
padding-block-end: 0.875rem;
border-bottom: 0.0625rem solid #DDD;
}
}
.page-business-advertisement__media-imgs {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 1.25rem;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
@media screen and (max-width: 767px) {
.page-business-advertisement__media-imgs {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-margin-before: 0.625rem;
margin-block-start: 0.625rem;
}
}
.page-business-advertisement__media-imgs img {
max-width: 100%;
height: auto;
display: block;
}
.page-business-advertisement__media-imgs.--imgs1 img:nth-of-type(1) {
width: 17.125rem;
}
.page-business-advertisement__media-imgs.--imgs1 img:nth-of-type(2) {
width: 17.125rem;
}
.page-business-advertisement__media-imgs.--imgs2 img:nth-of-type(1) {
width: 17.125rem;
}
.page-business-advertisement__media-imgs.--imgs2 img:nth-of-type(2) {
width: 12.5rem;
}
.page-business-advertisement__media-imgs.--imgs2 img:nth-of-type(3) {
width: 8.4375rem;
}
.page-business-advertisement__media-imgs.--imgs2 img:nth-of-type(4) {
width: 12.5625rem;
}
.page-business-advertisement__media-imgs.--imgs2 img:nth-of-type(5) {
width: 8.4375rem;
}
.page-business-advertisement__media-imgs.--imgs3 img:nth-of-type(1) {
width: 11rem;
}
.page-business-advertisement__media-imgs.--imgs3 img:nth-of-type(2) {
width: 8.625rem;
}
.page-business-agency__shop {
-webkit-margin-before: 1.875rem;
margin-block-start: 1.875rem;
}
.page-business-agency__shop-list {
-webkit-margin-before: 3.125rem;
margin-block-start: 3.125rem;
}
.page-business-agency__shop-item {
width: 100%;
display: grid;
grid-template-columns: 27.8125rem 1fr;
-webkit-column-gap: 3.7%;
-moz-column-gap: 3.7%;
column-gap: 3.7%;
}
@media screen and (max-width: 1023px) {
.page-business-agency__shop-item {
grid-template-columns: 1fr;
row-gap: 2.5rem;
}
}
.page-business-agency__shop-item:not(:first-of-type) {
-webkit-margin-before: 4.5rem;
margin-block-start: 4.5rem;
}
.page-business-agency__shop-title {
color: var(--color-main);
font-size: 1.25rem;
font-weight: 700;
line-height: 1.36;
letter-spacing: 0.1em;
-webkit-padding-start: 1.875rem;
padding-inline-start: 1.875rem;
position: relative;
}
.page-business-agency__shop-title::before {
content: "";
display: block;
width: 1.25rem;
height: 1.25rem;
border-radius: 50%;
background: var(--bg-color1);
position: absolute;
left: 0;
top: 50%;
translate: 0 -50%;
}
.page-business-agency__shop-dl {
-webkit-margin-before: 1.5rem;
margin-block-start: 1.5rem;
display: grid;
grid-template-columns: 7.5625rem 1fr;
}
@media screen and (max-width: 767px) {
.page-business-agency__shop-dl {
grid-template-columns: 5.875rem 1fr;
}
}
.page-business-agency__shop-dl-title,
.page-business-agency__shop-dl-desc {
color: #000;
font-size: 1rem;
font-weight: 500;
line-height: 2;
letter-spacing: 0.05em;
text-transform: uppercase;
padding-block: 0.625rem;
border-top: 0.0625rem solid #DDD;
}
@media screen and (max-width: 767px) {
.page-business-agency__shop-dl-title,
.page-business-agency__shop-dl-desc {
font-size: 0.875rem;
}
}
.page-business-agency__shop-dl-title:last-of-type,
.page-business-agency__shop-dl-desc:last-of-type {
border-bottom: 0.0625rem solid #DDD;
}
.page-business-agency__shop-dl-title {
-webkit-padding-start: 0.625rem;
padding-inline-start: 0.625rem;
}
.page-business-agency__shop-btn {
-webkit-margin-before: 1.5rem;
margin-block-start: 1.5rem;
}
.page-business-agency__shop-map-area {
width: 100%;
}
.page-business-agency__shop-map-area iframe {
width: 100%;
height: auto;
aspect-ratio: 595/364;
display: block;
}
@media screen and (max-width: 767px) {
.p-page-sec.p-page-news__sec {
-webkit-padding-after: 5.625rem;
padding-block-end: 5.625rem;
}
}
.p-news__posts {
display: grid;
grid-template-columns: repeat(2, 1fr);
-webkit-column-gap: 5.333%;
-moz-column-gap: 5.333%;
column-gap: 5.333%;
row-gap: 3.375rem;
}
@media screen and (max-width: 1023px) {
.p-news__posts {
grid-template-columns: 1fr;
}
}
@media screen and (max-width: 767px) {
.p-news__posts {
-webkit-margin-before: 2.1875rem;
margin-block-start: 2.1875rem;
grid-template-columns: repeat(2, 1fr);
row-gap: 2.5rem;
}
}
@media screen and (max-width: 599px) {
.p-news__posts {
grid-template-columns: 1fr;
}
}
.p-news-post__link {
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.p-news-post__link:hover {
opacity: 0.7;
}
.p-news-post__img {
border-radius: 0.625rem;
overflow: hidden;
aspect-ratio: 355/259;
}
@media screen and (max-width: 767px) {
.p-news-post__img {
border-radius: 0.3125rem;
aspect-ratio: 335/240;
}
}
.p-news-post__img img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.p-news-post__info {
-webkit-margin-before: 1.25rem;
margin-block-start: 1.25rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
@media screen and (max-width: 767px) {
.p-news-post__info {
-webkit-margin-before: 1.4375rem;
margin-block-start: 1.4375rem;
}
}
.p-news-post__cat {
border-radius: 50px;
background: var(--color-main);
padding: 0.375rem 0.875rem;
color: var(--color-light);
font-size: 0.75rem;
font-weight: 700;
line-height: 1.5;
}
@media screen and (max-width: 767px) {
.p-news-post__cat {
font-size: 0.70775rem;
}
}
.p-news-post__date {
color: #666;
font-family: var(--font-en);
font-size: 1rem;
font-weight: 500;
line-height: 1.5;
letter-spacing: 0.1em;
}
@media screen and (max-width: 767px) {
.p-news-post__date {
font-size: 0.9375rem;
}
}
.p-news-post__title {
-webkit-margin-before: 0.75rem;
margin-block-start: 0.75rem;
color: var(--color-main);
font-size: 0.9375rem;
font-weight: 700;
line-height: 1.5;
letter-spacing: 0.05em;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}
@media screen and (max-width: 767px) {
.p-news-post__title {
-webkit-margin-before: 0.5625rem;
margin-block-start: 0.5625rem;
font-size: 0.875rem;
}
}
.p-news__pagination {
-webkit-margin-before: 4.375rem;
margin-block-start: 4.375rem;
}
@media screen and (max-width: 767px) {
.p-news__pagination {
-webkit-margin-before: 3.125rem;
margin-block-start: 3.125rem;
}
}
.p-news-detail__header {
display: grid;
grid-template-areas: "info" "title" "thumbnail";
}
@media screen and (max-width: 767px) {
.p-news-detail__header {
grid-template-areas: "thumbnail" "info" "title";
}
}
.p-news-detail__info {
grid-area: info;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-column-gap: 1.875rem;
-moz-column-gap: 1.875rem;
column-gap: 1.875rem;
}
@media screen and (max-width: 767px) {
.p-news-detail__info {
-webkit-margin-before: 1.625rem;
margin-block-start: 1.625rem;
}
}
.p-news-detail__title {
-webkit-margin-before: 1.25rem;
margin-block-start: 1.25rem;
color: var(--color-main);
font-size: 2.375rem;
font-weight: 900;
line-height: 1.36;
letter-spacing: 0.1em;
}
@media screen and (max-width: 767px) {
.p-news-detail__title {
font-size: 1.5rem;
}
}
.p-news-detail__thumbnail {
grid-area: thumbnail;
-webkit-margin-before: 2.875rem;
margin-block-start: 2.875rem;
width: 100%;
aspect-ratio: 1080/531;
border-radius: 0.625rem;
overflow: hidden;
}
@media screen and (max-width: 767px) {
.p-news-detail__thumbnail {
-webkit-margin-before: 0;
margin-block-start: 0;
position: relative;
overflow: visible;
aspect-ratio: 335/230;
}
}
.p-news-detail__thumbnail img {
display: block;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
@media screen and (max-width: 767px) {
.p-news-detail__thumbnail img {
width: 100lvw;
aspect-ratio: 375/230;
position: absolute;
top: 0;
left: calc(50% - 50lvw);
}
}
.p-news-detail__content {
-webkit-margin-before: 3.75rem;
margin-block-start: 3.75rem;
max-width: 50rem;
margin-inline: auto;
}
@media screen and (max-width: 767px) {
.p-news-detail__content {
-webkit-margin-before: 1.625rem;
margin-block-start: 1.625rem;
}
}
.p-news-detail__content.single__WYSIWYG h1, .p-news-detail__content.single__WYSIWYG h2, .p-news-detail__content.single__WYSIWYG h3, .p-news-detail__content.single__WYSIWYG h4, .p-news-detail__content.single__WYSIWYG h5, .p-news-detail__content.single__WYSIWYG h6, .p-news-detail__content.single__WYSIWYG p, .p-news-detail__content.single__WYSIWYG ul, .p-news-detail__content.single__WYSIWYG ol {
-webkit-margin-after: 1.25rem;
margin-block-end: 1.25rem;
line-height: 1.2;
}
.p-news-detail__content.single__WYSIWYG h1 {
color: var(--color-main);
font-weight: 700;
-webkit-padding-after: 8px;
padding-block-end: 8px;
border-bottom: 2px solid var(--color-main);
font-size: 1.5rem;
}
.p-news-detail__content.single__WYSIWYG h2 {
color: var(--color-main);
font-size: 1.375rem;
font-weight: 700;
line-height: 1.5;
letter-spacing: 0.05em;
-webkit-padding-after: 1.0625rem;
padding-block-end: 1.0625rem;
border-bottom: 3px solid #DDD;
}
@media screen and (max-width: 767px) {
.p-news-detail__content.single__WYSIWYG h2 {
font-size: 1.125rem;
}
}
.p-news-detail__content.single__WYSIWYG h3 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
min-height: 3.375rem;
border-radius: 0 0.375rem 0.375rem 0;
background: #F0F7FB;
color: #2991C6;
font-size: 1.125rem;
font-weight: 700;
line-height: 1.36;
letter-spacing: 0.1em;
padding-inline: 1.125rem;
position: relative;
}
@media screen and (max-width: 767px) {
.p-news-detail__content.single__WYSIWYG h3 {
font-size: 1rem;
}
}
.p-news-detail__content.single__WYSIWYG h3::before {
content: "";
display: block;
width: 5px;
height: 100%;
background: #2991C6;
position: absolute;
top: 0;
left: 0;
}
.p-news-detail__content.single__WYSIWYG h4 {
position: relative;
-webkit-padding-after: 8px;
padding-block-end: 8px;
border-bottom: 1px solid #ccc;
font-weight: 700;
font-size: 1.25rem;
}
.p-news-detail__content.single__WYSIWYG h4::before {
content: "";
display: block;
width: 11.11vw;
height: 2px;
background-color: var(--color-main);
position: absolute;
bottom: -1px;
left: 0;
}
@media screen and (max-width: 1023px) {
.p-news-detail__content.single__WYSIWYG h4::before {
width: 160px;
}
}
@media screen and (max-width: 599px) {
.p-news-detail__content.single__WYSIWYG h4::before {
width: 120px;
}
}
.p-news-detail__content.single__WYSIWYG h5 {
color: var(--color-main);
font-weight: 700;
font-size: 1.125rem;
}
.p-news-detail__content.single__WYSIWYG h6 {
color: #000;
font-weight: 700;
font-size: 1rem;
}
.p-news-detail__content.single__WYSIWYG p {
color: var(--color-main);
font-size: 1rem;
font-weight: 400;
line-height: 2;
letter-spacing: 0.05em;
}
@media screen and (max-width: 767px) {
.p-news-detail__content.single__WYSIWYG p {
font-size: 0.875rem;
}
}
.p-news-detail__content.single__WYSIWYG p:has(+ p) {
-webkit-margin-after: 2.5rem;
margin-block-end: 2.5rem;
}
@media screen and (max-width: 767px) {
.p-news-detail__content.single__WYSIWYG p:has(+ p) {
-webkit-margin-after: 1.625rem;
margin-block-end: 1.625rem;
}
}
.p-news-detail__content.single__WYSIWYG p.text-center,
.p-news-detail__content.single__WYSIWYG p.has-text-align-center {
text-align: center;
}
.p-news-detail__content.single__WYSIWYG p.text-right,
.p-news-detail__content.single__WYSIWYG p.has-text-align-right {
text-align: right;
}
.p-news-detail__content.single__WYSIWYG .featured-image-wrapper {
width: 45.83vw;
-webkit-margin-after: 3.33vw;
margin-block-end: 3.33vw;
}
@media screen and (max-width: 1023px) {
.p-news-detail__content.single__WYSIWYG .featured-image-wrapper {
width: 660px;
max-width: 100%;
-webkit-margin-after: 48px;
margin-block-end: 48px;
}
}
@media screen and (max-width: 767px) {
.p-news-detail__content.single__WYSIWYG .featured-image-wrapper {
-webkit-margin-after: 24px;
margin-block-end: 24px;
}
}
.p-news-detail__content.single__WYSIWYG img.featured-image {
width: 100%;
height: auto;
-o-object-fit: cover;
object-fit: cover;
display: block;
}
.p-news-detail__content.single__WYSIWYG figure {
display: block;
overflow: hidden;
margin-top: 2rem !important;
margin-bottom: 2rem !important;
}
.p-news-detail__content.single__WYSIWYG figure.size-small {
width: 35%;
}
.p-news-detail__content.single__WYSIWYG figure.size-medium {
width: 55%;
}
.p-news-detail__content.single__WYSIWYG figure.size-large {
width: 100%;
}
.p-news-detail__content.single__WYSIWYG figure.alignleft {
float: left;
}
.p-news-detail__content.single__WYSIWYG figure.alignright {
float: right;
}
.p-news-detail__content.single__WYSIWYG figure.aligncenter {
margin: auto;
}
.p-news-detail__content.single__WYSIWYG figure figcaption {
text-align: center;
margin-top: 2rem;
}
.p-news-detail__content.single__WYSIWYG p img {
display: block;
overflow: hidden;
}
.p-news-detail__content.single__WYSIWYG p img.size-small {
width: 35%;
}
.p-news-detail__content.single__WYSIWYG p img.size-medium {
width: 55%;
}
.p-news-detail__content.single__WYSIWYG p img.size-large {
width: 100%;
}
.p-news-detail__content.single__WYSIWYG p img.alignleft {
float: left;
}
.p-news-detail__content.single__WYSIWYG p img.alignright {
float: right;
}
.p-news-detail__content.single__WYSIWYG a {
color: var(--color-main);
text-decoration: underline;
text-underline-offset: 0.2em;
}
.p-news-detail__content.single__WYSIWYG a:hover {
opacity: 0.8;
}
.p-news-detail__content.single__WYSIWYG ul li {
color: var(--color-main);
font-size: 1rem;
font-weight: 500;
line-height: 2;
letter-spacing: 0.05em;
position: relative;
-webkit-padding-start: 1.625rem;
padding-inline-start: 1.625rem;
}
@media screen and (max-width: 767px) {
.p-news-detail__content.single__WYSIWYG ul li {
font-size: 0.875rem;
}
}
.p-news-detail__content.single__WYSIWYG ul li::after {
position: absolute;
content: "";
left: 0;
top: 50%;
translate: 0 -50%;
background: var(--bg-color1);
display: block;
width: 1rem;
height: 1rem;
border-radius: 50%;
}
.p-news-detail__content.single__WYSIWYG ul.is-style-checkmark-list li::after {
background: url(//advance-jp.co.jp/wp-content/themes/advance-japan/assets/img/common/icon_check-blue.svg) no-repeat center center/100%;
border-radius: 0;
}
.p-news-detail__content.single__WYSIWYG ol {
-webkit-padding-start: 0;
padding-inline-start: 0;
list-style-type: decimal-leading-zero;
counter-reset: section;
}
.p-news-detail__content.single__WYSIWYG ol li {
position: relative;
display: inline-block;
width: 100%;
margin-bottom: 0.5rem;
}
.p-news-detail__content.single__WYSIWYG ol > li {
position: relative;
counter-increment: section;
margin-bottom: 1em;
font-size: 1rem;
}
.p-news-detail__content.single__WYSIWYG ol > li:before {
content: counter(section) ". ";
}
.p-news-detail__content.single__WYSIWYG ol > li > ol {
counter-reset: subsection;
list-style-type: none;
margin-top: 0.5rem;
margin-left: 2rem;
}
.p-news-detail__content.single__WYSIWYG ol > li > ol > li {
position: relative;
counter-increment: subsection;
font-weight: normal;
font-size: 1rem;
}
.p-news-detail__content.single__WYSIWYG ol > li > ol > li:before {
content: counter(section) "." counter(subsection) " ";
}
.p-news-detail__content.single__WYSIWYG .is-style-p-text-box {
display: block;
width: 100%;
padding: 1.875rem;
border-radius: 10px;
background: #F8F8F8;
}
@media screen and (max-width: 767px) {
.p-news-detail__content.single__WYSIWYG .is-style-p-text-box {
padding: 1.25rem;
}
}
.p-news-detail__content.single__WYSIWYG .is-style-p-list-title {
font-size: 1.5rem;
font-weight: 900;
line-height: 1.36;
letter-spacing: 0.1em;
-webkit-padding-start: 1.8125rem;
padding-inline-start: 1.8125rem;
position: relative;
}
@media screen and (max-width: 767px) {
.p-news-detail__content.single__WYSIWYG .is-style-p-list-title {
font-size: 1.125rem;
-webkit-padding-start: 1.5rem;
padding-inline-start: 1.5rem;
}
}
.p-news-detail__content.single__WYSIWYG .is-style-p-list-title::before {
content: "";
display: block;
width: 1.1875rem;
height: 1.1875rem;
border-radius: 50%;
background: linear-gradient(169deg, #2991C6 0%, #3A5CA5 100%);
position: absolute;
left: 0;
top: 50%;
translate: 0 -50%;
}
@media screen and (max-width: 767px) {
.p-news-detail__content.single__WYSIWYG .is-style-p-list-title::before {
width: 0.875rem;
height: 0.875rem;
}
}
.p-news-detail__footer {
-webkit-margin-before: 4.125rem;
margin-block-start: 4.125rem;
max-width: 50rem;
margin-inline: auto;
}
.p-news-detail__author {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-column-gap: 1.9375rem;
-moz-column-gap: 1.9375rem;
column-gap: 1.9375rem;
}
.p-news-detail--author__summary {
-webkit-margin-before: 1rem;
margin-block-start: 1rem;
}
.p-news-detail--author__img {
width: 3.125rem;
height: 3.125rem;
border-radius: 50%;
overflow: hidden;
margin-inline: auto;
}
.p-news-detail--author__img img {
display: block;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center center;
object-position: center center;
}
.p-news-detail--author__name {
display: block;
width: 100%;
-webkit-margin-before: 0.125rem;
margin-block-start: 0.125rem;
color: #000;
text-align: center;
font-size: 0.875rem;
font-weight: 400;
line-height: 2;
letter-spacing: 0.05em;
}
.p-news-detail--author__profile {
display: block;
width: 100%;
padding: 1.25rem 1.875rem 1.875rem;
border-radius: 10px;
background: #F8F8F8;
color: var(--color-main);
font-size: 1rem;
font-weight: 400;
line-height: 2;
letter-spacing: 0.05em;
position: relative;
}
@media screen and (max-width: 767px) {
.p-news-detail--author__profile {
padding: 0.75rem 1.25rem 1.25rem;
font-size: 0.875rem;
}
}
.p-news-detail--author__profile::before {
content: "";
display: inline-block;
width: 0;
height: 0;
border-style: solid;
border-width: 12.5px 14px 12.5px 0px;
border-color: transparent #F8F8F8 transparent transparent;
position: absolute;
right: calc(100% - 1px);
top: 1.875rem;
}
.p-news-detail__btn {
-webkit-margin-before: 5.375rem;
margin-block-start: 5.375rem;
margin-inline: auto;
width: 100%;
max-width: 17.6875rem;
}
@media screen and (max-width: 767px) {
.p-news-detail__btn {
-webkit-margin-before: 4.8125rem;
margin-block-start: 4.8125rem;
}
}
.p-page-privacy__list {
-webkit-margin-before: 3.3125rem;
margin-block-start: 3.3125rem;
}
@media screen and (max-width: 767px) {
.p-page-privacy__list {
-webkit-margin-before: 1.875rem;
margin-block-start: 1.875rem;
}
}
.p-page-privacy__item:not(:first-of-type) {
-webkit-margin-before: 5.625rem;
margin-block-start: 5.625rem;
}
@media screen and (max-width: 767px) {
.p-page-privacy__item:not(:first-of-type) {
-webkit-margin-before: 3.75rem;
margin-block-start: 3.75rem;
}
}
.p-page-privacy-item__title {
color: var(--color-main);
font-size: 1.75rem;
font-weight: 900;
line-height: 1.36;
letter-spacing: 0.1em;
}
@media screen and (max-width: 767px) {
.p-page-privacy-item__title {
font-size: 1.375rem;
}
}
.p-page-privacy-item__desc {
-webkit-margin-before: 1.25rem;
margin-block-start: 1.25rem;
color: var(--color-main);
font-size: 1rem;
font-weight: 500;
line-height: 2;
letter-spacing: 0.05em;
}
@media screen and (max-width: 767px) {
.p-page-privacy-item__desc {
font-size: 0.875rem;
}
}
.p-page-privacy-detail__list {
-webkit-margin-before: 1.875rem;
margin-block-start: 1.875rem;
color: var(--color-main);
font-size: 1rem;
font-weight: 500;
line-height: 2;
letter-spacing: 0.05em;
}
@media screen and (max-width: 767px) {
.p-page-privacy-detail__list {
font-size: 0.875rem;
}
}
.p-page-sec__title.--contact-title {
-webkit-margin-start: 4.125rem;
margin-inline-start: 4.125rem;
}
@media screen and (max-width: 767px) {
.p-page-sec__title.--contact-title {
-webkit-margin-start: 0;
margin-inline-start: 0;
}
}
.p-page-contact__form {
-webkit-margin-before: 3.25rem;
margin-block-start: 3.25rem;
max-width: 41.875rem;
margin-inline: auto;
}
@media screen and (max-width: 767px) {
.p-page-contact__form {
-webkit-margin-before: 2.25rem;
margin-block-start: 2.25rem;
}
}
.form {
display: block;
}
.form .form-content__dl {
margin: 0;
width: 100%;
}
.form .form-content__dl:not(:first-of-type) {
-webkit-margin-before: 1.875rem;
margin-block-start: 1.875rem;
}
.form .form-content__dd {
-webkit-margin-before: 1rem;
margin-block-start: 1rem;
}
.form .form-content__dd.flex {
display: grid;
grid-template-columns: repeat(2, 1fr);
-webkit-column-gap: 1.25rem;
-moz-column-gap: 1.25rem;
column-gap: 1.25rem;
}
.form .form-content__title {
color: #1E1E1E;
font-size: 1.125rem;
font-weight: 700;
line-height: 1.36;
letter-spacing: 0.1em;
}
.form .from-content__text {
margin-inline: 0;
margin-block: 0 1.2em;
color: #333;
font-size: 0.875rem;
}
.form-content input[type=text],
.form-content input[type=email],
.form-content input[type=tel],
.form-content textarea {
width: 100%;
border-radius: 5px;
background: #F8F8F8;
border: none;
padding: 0.75rem 1.25rem;
font-size: 1rem;
line-height: 1.625;
}
.form-content input[type=text]::-webkit-input-placeholder, .form-content input[type=email]::-webkit-input-placeholder, .form-content input[type=tel]::-webkit-input-placeholder, .form-content textarea::-webkit-input-placeholder {
color: #9D9D9D;
font-size: 1rem;
font-weight: 500;
line-height: 1.625;
}
.form-content input[type=text]::-moz-placeholder, .form-content input[type=email]::-moz-placeholder, .form-content input[type=tel]::-moz-placeholder, .form-content textarea::-moz-placeholder {
color: #9D9D9D;
font-size: 1rem;
font-weight: 500;
line-height: 1.625;
}
.form-content input[type=text]:-ms-input-placeholder, .form-content input[type=email]:-ms-input-placeholder, .form-content input[type=tel]:-ms-input-placeholder, .form-content textarea:-ms-input-placeholder {
color: #9D9D9D;
font-size: 1rem;
font-weight: 500;
line-height: 1.625;
}
.form-content input[type=text]::-ms-input-placeholder, .form-content input[type=email]::-ms-input-placeholder, .form-content input[type=tel]::-ms-input-placeholder, .form-content textarea::-ms-input-placeholder {
color: #9D9D9D;
font-size: 1rem;
font-weight: 500;
line-height: 1.625;
}
.form-content input[type=text]::placeholder,
.form-content input[type=email]::placeholder,
.form-content input[type=tel]::placeholder,
.form-content textarea::placeholder {
color: #9D9D9D;
font-size: 1rem;
font-weight: 500;
line-height: 1.625;
}
.form-content textarea {
padding: 1.0625rem 1.25rem;
resize: vertical;
min-height: 20rem;
}
@media screen and (max-width: 767px) {
.form-content textarea {
min-height: 11.5rem;
}
}
.form .form-content .list-cont {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 1rem 2.5rem;
}
.form .form-content .list-cont li {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 3px;
}
.form .form-content .list-cont li input {
margin-right: 0 !important;
}
.form .form-content .list-radio input[type=radio] {
clip: rect(0 0 0 0);
-webkit-clip-path: inset(50%);
clip-path: inset(50%);
height: 1px;
overflow: hidden;
position: absolute;
white-space: nowrap;
width: 1px;
}
.form .form-content .list-radio input[type=radio] + span {
cursor: pointer;
display: inline-block;
color: #1E1E1E;
font-size: 1rem;
font-weight: 500;
line-height: 1.625;
letter-spacing: 0.05em;
-webkit-padding-start: 1.625rem;
padding-inline-start: 1.625rem;
position: relative;
}
.form .form-content .list-radio input[type=radio] + span::before {
content: "";
background: #A9D5EE;
border-radius: 50%;
display: block;
width: 1rem;
height: 1rem;
position: absolute;
left: 0;
top: 50%;
translate: 0 -50%;
}
.form .form-content .list-radio input[type=radio] + span::after {
content: "";
background: var(--bg-color1);
border-radius: 50%;
display: block;
width: 10px;
height: 10px;
position: absolute;
left: 0.1875rem;
top: 50%;
translate: 0 -50%;
opacity: 0;
-webkit-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
}
.form .form-content .list-radio input[type=radio]:checked + span::before {
border-color: var(--color-main);
}
.form .form-content .list-radio input[type=radio]:checked + span::after {
opacity: 1;
}
.form .form-content .list-radio input[type=radio]:disabled + span {
opacity: 0.5;
}
.form .form-content .list-radio input[type=radio]:disabled + span::before {
background-color: #eee;
}
.form .form-content .list-radio input[type=radio]:disabled + span::after {
content: none;
}
.form .form-content .list-checkbox input[type=checkbox],
.form .form-content__end .form-content__pp input[type=checkbox] {
clip: rect(0 0 0 0);
-webkit-clip-path: inset(50%);
clip-path: inset(50%);
height: 1px;
overflow: hidden;
position: absolute;
white-space: nowrap;
width: 1px;
}
.form .form-content .list-checkbox input[type=checkbox] + span,
.form .form-content__end .form-content__pp input[type=checkbox] + span {
cursor: pointer;
display: inline-block;
margin: 0 0.2em 0;
-webkit-padding-start: 2.25rem;
padding-inline-start: 2.25rem;
position: relative;
}
.form .form-content .list-checkbox input[type=checkbox] + span::before,
.form .form-content__end .form-content__pp input[type=checkbox] + span::before {
background: var(--color-light);
border: 1px solid var(--color-main);
border-radius: 5px;
content: "";
display: block;
width: 1.5rem;
height: 1.5rem;
position: absolute;
left: 0;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.form .form-content .list-checkbox input[type=checkbox] + span::after,
.form .form-content__end .form-content__pp input[type=checkbox] + span::after {
border-bottom: 3px solid var(--color-light);
border-left: 3px solid var(--color-light);
content: "";
display: block;
width: 0.9375rem;
height: 0.5625rem;
opacity: 0;
position: absolute;
left: 0.25rem;
top: 0.4375rem;
rotate: -45deg;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.form .form-content .list-checkbox input[type=checkbox]:checked + span::before,
.form .form-content__end .form-content__pp input[type=checkbox]:checked + span::before {
background-color: var(--color-main);
}
.form .form-content .list-checkbox input[type=checkbox]:checked + span::after,
.form .form-content__end .form-content__pp input[type=checkbox]:checked + span::after {
opacity: 1;
}
.form .form-content .list-checkbox input[type=checkbox]:disabled + span,
.form .form-content__end .form-content__pp input[type=checkbox]:disabled + span {
opacity: 0.5;
}
.form .form-content .list-checkbox input[type=checkbox]:disabled + span::before,
.form .form-content__end .form-content__pp input[type=checkbox]:disabled + span::before {
background-color: #eee;
}
.form .form-content .list-checkbox input[type=checkbox]:disabled + span::after,
.form .form-content__end .form-content__pp input[type=checkbox]:disabled + span::after {
content: none;
}
.form .form-content .selectable {
width: 50%;
-webkit-appearance: auto;
-moz-appearance: auto;
appearance: auto;
}
.form .form-content .error {
color: #ff0000;
font-size: 1.2rem;
font-weight: normal;
}
.form .form-content .ipt-error {
background: #f9e6db;
}
.form-content__end {
-webkit-margin-before: 1.875rem;
margin-block-start: 1.875rem;
}
.form-content__pp {
text-align: center;
font-weight: 500;
}
.form-content__pp span {
color: var(--color-main);
font-size: 1rem;
font-weight: 500;
line-height: 1.625;
}
.form-content__pp span a {
color: var(--color-main);
font-size: 1rem;
font-weight: 500;
line-height: 1.625;
text-decoration: underline;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.form-content__pp span a:hover {
opacity: 0.7;
}
.form-content__pp-text {
margin-block: 0;
margin-bottom: 1.5em;
font-size: 1rem;
}
.form-content__pp-text a {
text-decoration: underline;
text-underline-offset: 3px;
}
.form-content__pp-text a:hover {
text-decoration: none;
color: var(--color-main);
}
.contact-group-btn {
-webkit-margin-before: 1.875rem;
margin-block-start: 1.875rem;
}
.form-content-btn-submit {
width: 100%;
max-width: 10.25rem;
margin-inline: auto;
}
.form-content-btn-submit input[type=submit] {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 14px 10px;
border-radius: 6px;
background: linear-gradient(169deg, #2991C6 0%, #3A5CA5 100%);
border: none;
cursor: pointer;
color: var(--white-100, #FFF);
font-size: 1rem;
font-weight: 700;
line-height: 1.4375;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.form-content-btn-submit input[type=submit]:hover {
opacity: 0.7;
}
.form-content-btn-submit input[type=submit]:disabled {
cursor: not-allowed;
opacity: 0.5;
background: linear-gradient(169deg, #8f8f8f 0%, #8f8f8f 100%);
}
.p-page-contact-thanks__content {
-webkit-margin-before: -8.75rem;
margin-block-start: -8.75rem;
-webkit-padding-after: 3.375rem;
padding-block-end: 3.375rem;
}
@media screen and (max-width: 767px) {
.p-page-contact-thanks__content {
-webkit-margin-before: 0;
margin-block-start: 0;
-webkit-padding-after: 6.875rem;
padding-block-end: 6.875rem;
}
}
.p-page-contact-thanks__heading-area {
display: grid;
grid-template-columns: 1fr;
grid-template-areas: "title" "heading";
}
@media screen and (max-width: 767px) {
.p-page-contact-thanks__heading-area {
grid-template-areas: "heading" "title";
}
}
.p-page-contact-thanks__heading {
-webkit-margin-before: 2.25rem;
margin-block-start: 2.25rem;
grid-area: heading;
color: var(--color-main);
text-align: center;
font-family: var(--font-en);
font-size: 4.875rem;
font-weight: 600;
letter-spacing: 0.1em;
text-transform: uppercase;
}
@media screen and (max-width: 767px) {
.p-page-contact-thanks__heading {
-webkit-margin-before: 0;
margin-block-start: 0;
color: #8A8A8A;
text-align: left;
font-size: 1rem;
letter-spacing: 0.5em;
text-transform: uppercase;
}
}
.p-page-contact-thanks__title {
grid-area: title;
color: var(--color-main);
text-align: center;
font-size: 1.125rem;
font-weight: 700;
letter-spacing: 0.15em;
}
@media screen and (max-width: 767px) {
.p-page-contact-thanks__title {
-webkit-margin-before: 2.375rem;
margin-block-start: 2.375rem;
text-align: left;
font-size: 2rem;
font-weight: 900;
letter-spacing: 0.2em;
}
}
.p-page-contact-thanks__btn {
-webkit-margin-before: 2.75rem;
margin-block-start: 2.75rem;
width: 100%;
max-width: 15.75rem;
margin-inline: auto;
}
.p-page-404__content {
-webkit-margin-before: -8.75rem;
margin-block-start: -8.75rem;
-webkit-padding-after: 3.375rem;
padding-block-end: 3.375rem;
}
@media screen and (max-width: 767px) {
.p-page-404__content {
-webkit-margin-before: 0;
margin-block-start: 0;
-webkit-padding-after: 6.875rem;
padding-block-end: 6.875rem;
}
}
.p-page-404__heading-area {
display: grid;
grid-template-columns: 1fr;
grid-template-areas: "title" "heading";
}
@media screen and (max-width: 767px) {
.p-page-404__heading-area {
grid-template-areas: "heading" "title";
}
}
.p-page-404__heading {
-webkit-margin-before: 2.25rem;
margin-block-start: 2.25rem;
grid-area: heading;
color: var(--color-main);
text-align: center;
font-family: var(--font-en);
font-size: 4.875rem;
font-weight: 600;
letter-spacing: 0.1em;
text-transform: uppercase;
}
@media screen and (max-width: 767px) {
.p-page-404__heading {
-webkit-margin-before: 0;
margin-block-start: 0;
color: #8A8A8A;
text-align: left;
font-size: 1rem;
letter-spacing: 0.5em;
text-transform: uppercase;
}
}
.p-page-404__heading span {
font-size: 5.5rem;
}
@media screen and (max-width: 767px) {
.p-page-404__heading span {
font-size: 1rem;
}
}
.p-page-404__title {
grid-area: title;
color: var(--color-main);
text-align: center;
font-size: 1.125rem;
font-weight: 700;
letter-spacing: 0.15em;
}
@media screen and (max-width: 767px) {
.p-page-404__title {
-webkit-margin-before: 1.125rem;
margin-block-start: 1.125rem;
text-align: left;
font-size: 1.5625rem;
font-weight: 900;
line-height: 1.36;
letter-spacing: 0.2em;
}
}
.p-page-404__btn {
-webkit-margin-before: 2.75rem;
margin-block-start: 2.75rem;
width: 100%;
max-width: 15.75rem;
margin-inline: auto;
}
.u-none-md {
display: unset;
}
@media screen and (max-width: 767px) {
.u-none-md {
display: none;
}
}
.u-only-md {
display: none;
}
@media screen and (max-width: 767px) {
.u-only-md {
display: unset;
}
}
.u-none-sm {
display: unset;
}
@media screen and (max-width: 599px) {
.u-none-sm {
display: none;
}
}
.u-only-sm {
display: none;
}
@media screen and (max-width: 599px) {
.u-only-sm {
display: unset;
}
}
.u-ib {
display: inline-block;
}
.smb-balloon {
--smb-balloon--background-color: var(--bg-color2);
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-column-gap: 1.9375rem;
-moz-column-gap: 1.9375rem;
column-gap: 1.9375rem;
-webkit-margin-after: 1.25rem;
margin-block-end: 1.25rem;
}
.smb-balloon.smb-balloon--reverse {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.smb-balloon__person {
-webkit-margin-before: 1rem;
margin-block-start: 1rem;
margin-inline: 0;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
row-gap: 0.125rem;
}
.smb-balloon--reverse .smb-balloon__person {
margin-inline: 0;
}
.smb-balloon__name {
display: block;
width: 100%;
-webkit-margin-before: 0.125rem;
margin-block-start: 0.125rem;
color: #000;
text-align: center;
font-size: 0.875rem;
font-weight: 400;
line-height: 2;
letter-spacing: 0.05em;
}
.smb-balloon--reverse .smb-balloon__person .smb-balloon__name {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0;
}
.smb-balloon__body, .smb-balloon--reverse .smb-balloon__body {
display: block;
width: 100%;
padding: 1.25rem 1.875rem 1.875rem;
border-radius: 10px;
background: #F8F8F8;
color: var(--color-main);
font-size: 1rem;
font-weight: 400;
line-height: 2;
letter-spacing: 0.05em;
position: relative;
}
@media screen and (max-width: 767px) {
.smb-balloon__body, .smb-balloon--reverse .smb-balloon__body {
padding: 0.75rem 1.25rem 1.25rem;
font-size: 0.875rem;
}
}
.smb-balloon__body::before, .smb-balloon--reverse .smb-balloon__body::before {
content: "";
display: inline-block;
width: 0;
height: 0;
border-style: solid;
border-width: 12.5px 14px 12.5px 0px;
border-color: transparent #F8F8F8 transparent transparent;
position: absolute;
right: calc(100% - 1px);
left: auto;
top: 1.875rem;
}
.smb-balloon__body::after, .smb-balloon--reverse .smb-balloon__body::after {
content: "";
display: inline-block;
width: 0;
height: 0;
border-style: solid;
border-width: 12.5px 14px 12.5px 0px;
border-color: transparent #F8F8F8 transparent transparent;
position: absolute;
right: calc(100% - 1px);
left: auto;
top: 1.875rem;
}
.smb-balloon--reverse .smb-balloon__body::before {
left: calc(100% - 1px);
right: auto;
border-width: 12.5px 0px 12.5px 14px;
border-color: transparent transparent transparent #F8F8F8;
}
.smb-balloon--reverse .smb-balloon__body::after {
left: calc(100% - 1px);
right: auto;
border-width: 12.5px 0px 12.5px 14px;
border-color: transparent transparent transparent #F8F8F8;
}