@charset "UTF-8";

:root {
--main-tit-color: #00417f;
--main-txt-color: #00070d;
--r-black: #070203;
--bg-light-color: #f7f9fb;
--corp-color: #00417f;
--sub-blue: #003974;
--basevw: calc(100vw / 1280 * 1);
--baseft: 12px;
--ja: "Noto Sans JP", "sans-serif";
--en: Helvetica Neue, "Open Sans", "sans-serif";
--en-serif: Crimson Text, serif;
--border-color: rgba(0, 9, 15, .1);
--border-color2: rgba(0, 9, 15, .2);
}
@media (max-width: 1024px) {
:root {
--basevw: calc(100vw / 1024 * 1);
--baseft: calc(100vw / 1024 * 12);
}
}
@media (max-width: 768px) {
:root {
--basevw: calc(100vw / 768 * 1);
--baseft: calc(100vw / 768 * 12);
}
}
@media (max-width: 575px) {
:root {
--basevw: 1px;
--baseft: calc(100vw / 575 * 12);
}
}
@media (max-width: 375px) {
:root {
--baseft: calc(100vw / 375 * 12);
}
}
.page-template-default #splash, .people-template-default #splash, .second-page #splash {
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: #FFF;
z-index: 999999;
}
.splashbg.is-hidden {
display: none;
}
.splashbg {
display: block;
content: "";
position: fixed;
z-index: 9999999;
width: 100%;
height: 100vh;
top: 0;
left: 0;
transform: scaleY(0);
background-color: var(--corp-color);
-webkit-animation-name: PageAnime;
animation-name: PageAnime;
-webkit-animation-duration: 1.5s;
animation-duration: 1.5s;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
@-webkit-keyframes PageAnime {
0% {
transform-origin: bottom;
transform: scaleY(0);
}
50% {
transform-origin: bottom;
transform: scaleY(1);
}
51% {
transform-origin: top;
}
100% {
transform-origin: top;
transform: scaleY(0);
}
}
@keyframes PageAnime {
0% {
transform-origin: bottom;
transform: scaleY(0);
}
50% {
transform-origin: bottom;
transform: scaleY(1);
}
51% {
transform-origin: top;
}
100% {
transform-origin: top;
transform: scaleY(0);
}
}
@-webkit-keyframes PageAnimeAppear {
0% {
transform: translateY(0);
}
100% {
transform: translateY(100%);
}
}
@keyframes PageAnimeAppear {
0% {
transform: translateY(0);
}
100% {
transform: translateY(100%);
}
}
html {
font-size: 62.5% !important;
height: 100%;
}
html.safari {
overflow-x: auto;
}
body {
font-size: var(--baseft, 1.2rem);
font-family: "Noto Sans JP", "sans-serif";
line-height: 2.5;
-webkit-text-size-adjust: 100%;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
font-feature-settings: "palt";
letter-spacing: 0.1em;
color: var(--main-txt-color);
font-weight: 400;
position: relative;
font-display: swap;
}
main {
background: #fff;
position: relative;
}
.svg_icons {
display: none;
}
a:link, a:visited {
color: var(--main-txt-color);
outline: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
*:focus {
outline: none;
}
a.txt-link {
text-decoration: underline;
}
.en {
font-family: Helvetica Neue, "Open Sans", "sans-serif";
letter-spacing: 0.08em;
font-display: swap;
}
.go {
font-family: "Noto Sans JP", "sans-serif" !important;
font-display: swap;
}
.en-serif {
font-family: Crimson Text, serif;
font-weight: 400;
font-style: normal;
letter-spacing: 0;
font-display: swap;
}
.ja-serif {
font-family: Crimson Text, "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", serif !important;
font-weight: 400;
font-style: normal;
letter-spacing: 0.04em;
font-display: swap;
}
* + .btn_viewmore, * + .btn_viewmore_white {
margin-top: calc(var(--basevw, 0.078vw) * 30);
}
.btn_viewmore, .btn_viewmore_white {
background: var(--main-tit-color);
width: calc(var(--basevw, 0.078vw) * 192);
height: calc(var(--basevw, 0.078vw) * 48);
line-height: calc(var(--basevw, 0.078vw) * 48);
display: block;
position: relative;
padding: 0 calc(var(--basevw, 0.078vw) * 20);
color: #fff;
overflow: hidden;
border-radius: 2px;
}
.btn_viewmore_white.btn_white {
background: #fff;
color: var(--main-tit-color);
}
.btn_viewmore::before {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
content: "";
background-color: #00274d;
transform-origin: right;
transform: translateX(-100%);
opacity: 0;
transition: opacity 0.5s ease, transform 0.5s ease;
border-radius: 2px;
}
.btn_viewmore_white::before {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
content: "";
background-color: #e7f0f8;
transform-origin: right;
transform: translateX(-100%);
opacity: 0;
transition: opacity 0.5s ease, transform 0.5s ease;
border-radius: 2px;
}
.btn_viewmore:hover::before, .btn_viewmore_white:hover::before, a:hover .btn_viewmore::before, a:hover .btn_viewmore_white::before {
transform-origin: left;
opacity: 1;
transform: translateX(0);
}
.btn_viewmore span, .btn_viewmore_white span {
color: #fff;
font-size: calc(var(--baseft, 1.2rem) * 1.08);
font-family: Helvetica Neue, "Open Sans", "sans-serif";
letter-spacing: 0.08em;
position: relative;
z-index: 2;
font-display: swap;
}
.btn_viewmore_white.btn_white span {
color: var(--main-tit-color) !important;
}
.btn_viewmore .link_text__icon, .btn_viewmore_white .link_text__icon {
position: absolute;
right: calc(var(--basevw, 0.078vw) * 20);
top: 50%;
transform: translateY(-50%);
fill: #fff;
width: 9.52px;
transition: 0.5s;
}
.btn_viewmore_white.btn_white .link_text__icon {
fill: var(--main-tit-color);
}
.btn_viewmore:hover span {
color: #fff;
}
.btn_viewmore_white.btn_white:hover span {
color: var(--main-tit-color);
}
.btn_viewmore:hover .link_text__icon, a:hover .btn_viewmore .link_text__icon, .btn_viewmore_white:hover .link_text__icon, a:hover .btn_viewmore_white .link_text__icon {
right: calc(var(--basevw, 0.078vw) * 16);
}
.txt_viewmore {
display: flex;
justify-content: center;
align-items: center;
}
.txt_viewmore span {
font-size: calc(var(--baseft, 1.2rem) * 1.08);
font-family: Helvetica Neue, "Open Sans", "sans-serif";
letter-spacing: 0.08em;
font-display: swap;
}
.txt_viewmore .link_text__icon {
width: 9.52px;
height: 5.17px;
padding: 0;
transition: 0.5s;
transform: translateX(0);
margin-left: calc(var(--basevw, 0.078vw) * 10);
}
.txt_viewmore:hover .link_text__icon {
transform: translateX(6px);
}
.btn_icon_viewmore {
width: calc(var(--basevw, 0.078vw) * 384);
height: calc(var(--basevw, 0.078vw) * 80);
border: 1px solid rgba(0, 9, 15, 0.2);
background-color: transparent;
color: var(--main-txt-color);
padding: calc(var(--basevw, 0.078vw) * 20) 0;
line-height: calc(var(--basevw, 0.078vw) * 80);
display: flex;
align-items: center;
position: relative;
overflow: hidden;
transition: all 1s ease;
border-radius: 2px;
}
.btn_icon_viewmore::before {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
content: "";
background-color: #fff;
transform-origin: right;
transform: translateX(-100%);
opacity: 0;
transition: opacity 0.5s ease, transform 0.5s ease;
border-radius: 2px;
}
.btn_icon_viewmore:hover::before {
transform: translateX(0);
opacity: 1;
}
.btn_icon_viewmore .icon {
width: calc(var(--basevw, 0.078vw) * 138);
text-align: center;
border-right: 1px solid rgba(0, 9, 15, 0.2);
position: relative;
}
.btn_icon_viewmore .icon img {
max-width: calc(var(--basevw, 0.078vw) * 88);
height: auto;
}
.btn_icon_viewmore .txt {
width: calc(100% - var(--basevw, 0.078vw) * 138);
text-align: center;
position: relative;
}
.btn_icon_viewmore .txt span {
margin-right: 1rem;
font-size: calc(var(--baseft, 1.2rem) * 1.08);
font-family: Helvetica Neue, "Open Sans", "sans-serif";
font-display: swap;
}
.btn_icon_viewmore .txt span + .link_text__icon {
fill: var(--main-txt-color);
width: calc(var(--basevw, 0.078vw) * 12);
height: calc(var(--basevw, 0.078vw) * 10);
transition: 1s ease;
}
.btn_icon_viewmore:hover .txt span + .link_text__icon {
transform: translateX(10px);
}
.index-tit_box {
font-family: Crimson Text, serif;
font-display: swap;
}
.index-tit_box .index-tit_h2, .index-tit_h2 {
font-family: Crimson Text, serif;
font-size: calc(var(--baseft) * 5.83);
color: var(--main-tit-color);
line-height: 1.2;
letter-spacing: 0;
font-display: swap;
}
.index-tit_box h3.index-tit_h2, h3.index-tit_h2 {
font-size: calc(var(--baseft) * 4.66666666);
line-height: 1.07;
}
h3.index-tit_h2.f60 {
font-size: calc(var(--baseft) * 5);
line-height: 1;
}
.index-tit_box h4.index-tit_h2, h4.index-tit_h2 {
font-size: calc(var(--baseft) * 4.166666666);
margin-bottom: 0;
}
.index-tit_box h4.index-tit_h2.f40, h4.index-tit_h2.f40 {
font-size: calc(var(--baseft) * 3.3333333333);
}
.index-tit_box h4.index-tit_h2.f28, h4.index-tit_h2.f28 {
font-size: calc(var(--baseft) * 2.33);
}
.index-tit_h2 + p {
margin-top: calc(var(--basevw, 0.078vw) * 20);
letter-spacing: 0.04em;
}
.index-tit_h2 + h5 {
margin-top: calc(var(--basevw, 0.078vw) * 30);
letter-spacing: 0.1em;
font-family: "Noto Sans JP", "sans-serif";
}
.index-tit_h2 + h6 {
margin-top: calc(var(--basevw, 0.078vw) * 10);
letter-spacing: 0.1em;
font-family: "Noto Sans JP", "sans-serif";
font-size: calc(var(--baseft) * 1);
font-display: swap;
}
.index-tit_box p {
font-size: calc(var(--baseft) * 1);
opacity: 0.5;
line-height: calc(var(--basevw, 0.078vw) * 20);
}
.index-tit_box h4, .index-txt_box h4 {
font-size: calc(var(--baseft) * 1.6666666667);
letter-spacing: 0;
color: var(--main-txt-color);
margin-bottom: calc(var(--basevw, 0.078vw) * 15);
line-height: 1;
}
.index-tit_box h4.en, .index-txt_box h4.en {
margin-bottom: calc(var(--basevw, 0.078vw) * 10);
font-size: calc(var(--baseft) * 1);
font-weight: 400;
letter-spacing: 0.08em;
}
.index-txt_box h5, .index-tit_box h5 {
font-size: calc(var(--baseft) * 1.3333333333);
line-height: 1.75;
}
.index-txt_box h5 + p {
margin-top: calc(var(--basevw, 0.078vw) * 15);
letter-spacing: 0.08em;
text-align: justify;
}
.index-tit_box h4.index-tit_h2 span.ja, .single-page-section h4.index-tit_h2 span.ja {
font-family: "Noto Sans JP", "sans-serif";
font-display: swap;
font-size: calc(var(--baseft) * 1.166666);
letter-spacing: 0.1em;
vertical-align: baseline;
margin-left: calc(var(--basevw, 0.078vw) * 20);
}
.section {
padding: 0 6.25%;
}
.section_full {
padding: 0;
}
.logo-txt {
fill: var(--r-black);
}
.logo-icon {
fill: var(--main-tit-color);
}
.commonlogo_w {
fill: #fff;
}
figure img {
width: 100%;
}
.glay-section {
background: var(--bg-light-color);
}
.blue-section {
background: var(--corp-color);
}
.blue-section2 {
background: #0B679E;
}
.blue-section *, .blue-section2 * {
color: #fff !important;
}
.img-fadein img {
opacity: 0;
transition: opacity 3s;
}
.img-fadein img.lazyloaded {
opacity: 1;
}
ul.dot li {
position: relative;
font-size: calc(var(--baseft) * 1);
padding-left: 1em;
text-indent: -1em;
letter-spacing: 0.1em;
margin-bottom: 1em;
line-height: 2;
}
ul.dot > li:last-child {
margin-bottom: 0;
}
ul.dot li:before {
content: "";
background: var(--corp-color);
width: 5px;
height: 5px;
border-radius: 50%;
margin: auto 6px auto 0;
display: inline-block;
}
ul.dash li {
position: relative;
padding-left: 1em;
text-indent: -1em;
}
ul.dash li:before {
content: "- ";
}
p.cap {
font-size: 0.8333333em;
}
@media (min-width: 1800px) {
.section_full {
padding: 0;
margin-left: auto;
margin-right: auto;
}
}
@media (max-width: 1024px) {
.index-tit_h2 {
font-size: 5.4vw;
}
}
@media (max-width: 768px) {
body {
letter-spacing: 0.08em;
line-height: 2.16;
}
.index-tit_box .index-tit_h2, .index-tit_h2 {
font-size: 11.733vw;
}
body:not(.home) .index-tit_h2, h3.index-tit_h2 {
font-size: calc(var(--baseft, 1.2rem) * 3);
line-height: 1.1;
}
body:not(.home) .index-tit_box h4.index-tit_h2 {
font-size: calc(var(--baseft, 1.2rem) * 3);
line-height: 1;
}
body:not(.home) .index-tit_box h4.index-tit_h2.f40, body.single-page .index-tit_box h4.index-tit_h2.f40, body.single-page h4.index-tit_h2.f40, body.single-page #work_index_section .index-tit_box h4.index-tit_h2 {
font-size: 3em;
}
body.company:not(.home) .index-tit_box h4.index-tit_h2, body.single-people:not(.home) .index-tit_box h4.index-tit_h2 {
font-size: 2.333em;
}
body.single-page #work_index_section .index-tit_box h4.index-tit_h2 + h6, body.single-page .index-tit_box h4.index-tit_h2.f40 + h6 {
font-size: calc(var(--baseft, 1.2rem) * 0.916);
}
.index-tit_box p {
font-size: calc(var(--baseft, 1.2rem) * 0.916);
line-height: 1.45;
}
.index-tit_h2 + p {
margin-top: calc(var(--basevw, 0.13vw) * 12);
}
.index-tit_box h4, .index-txt_box h4 {
font-size: calc(var(--baseft, 1.2rem) * 1.3333);
margin-bottom: calc(var(--basevw, 0.13vw) * 8);
}
.index-txt_box h5, .index-tit_box h5 {
font-size: calc(var(--baseft, 1.2rem) * 1.3333);
line-height: 1.75;
}
.single-page .index-tit_box h4.en, .single-page .index-txt_box h4.en {
font-size: calc(var(--baseft, 1.2rem) * 0.916);
letter-spacing: 0.1em;
}
.index-tit_h2 + h5 {
margin-top: calc(var(--basevw, 0.13vw) * 15);
}
.index-tit_h2 + h6 {
margin-top: calc(var(--basevw, 0.13vw) * 8);
font-size: calc(var(--baseft, 1.2rem) * 0.916);
line-height: 1.1;
}
body:not(.home) .index-tit_box h4.index-tit_h2.f40 + h6 {
font-size: calc(var(--baseft, 1.2rem) * 0.916);
line-height: 1.1;
}
.section {
padding: 0 5.33%;
}
.index-txt_box h5 + p {
margin-top: calc(var(--basevw, 0.13vw) * 16);
text-align: left;
}
* + .btn_viewmore {
margin-top: calc(var(--basevw, 0.13vw) * 25);
}
ul.dot li {
margin-bottom: 0.5em;
}
}
.page-section {
position: relative;
}
.page-header + .page-section, .page-header .single-page-tit, .post-type-archive-works .page-header + #archive-nav, .post-type-archive-experts .page-header + #archive-nav, .news .page-header + #archive-nav, .category .page-header + #archive-nav {
opacity: 0;
transform: translateY(10px);
transition: 1.5s 0.5s cubic-bezier(0.19, 1, 0.22, 1);
}
.post-type-archive-works main, .post-type-archive-experts main, .news main, .category main {
opacity: 0;
transform: translateY(10px);
transition: 1.5s 0.75s cubic-bezier(0.19, 1, 0.22, 1);
}
.appear .page-header + .page-section, .appear .page-header + #archive-nav {
opacity: 1;
transform: translateY(0);
transition: none;
}
.appear.post-type-archive-works main, .appear.post-type-archive-experts main, .appear.news main, .appear.category main {
opacity: 1;
transform: translateY(0);
transition: none;
}
.page-section .section .section-inner {
padding: 0 5%;
}
.page-template-default main, .second-page main {
padding-top: 90px;
}
.page-header .page-tit {
height: calc(var(--basevw, 0.078vw) * 340);
position: relative;
display: flex;
justify-content: flex-start;
align-items: center;
opacity: 0;
}
.page-header .page-tit h1 {
display: flex;
justify-content: flex-start;
align-items: baseline;
}
.page-header .page-tit h1 span.en-serif {
font-size: calc(var(--baseft) * 7.5);
color: var(--main-tit-color);
letter-spacing: 0;
line-height: calc(var(--basevw, 0.078vw) * 100);
margin-right: calc(var(--basevw, 0.078vw) * 30);
}
.appear .page-header .page-tit {
-webkit-animation: fade-in-up 1.5s cubic-bezier(0.19, 1, 0.22, 1) forwards;
animation: fade-in-up 1.5s cubic-bezier(0.19, 1, 0.22, 1) forwards;
}
.appear.page-template-page-crosstalk .page-header .page-tit {
-webkit-animation: fade-in-up 1.5s 0.5s cubic-bezier(0.19, 1, 0.22, 1) forwards;
animation: fade-in-up 1.5s 0.5s cubic-bezier(0.19, 1, 0.22, 1) forwards;
}
.page-header .page-tit h1 span.ja {
font-size: calc(var(--baseft) * 1.16);
color: rgba(0, 7, 13, 0.7);
line-height: calc(var(--basevw, 0.078vw) * 100);
padding-bottom: 0.1em;
position: relative;
top: -0.25em;
opacity: 0;
}
.appear .page-header .page-tit h1 span.ja {
-webkit-animation: fade-in-up 0.5s cubic-bezier(0.19, 1, 0.22, 1) forwards;
animation: fade-in-up 0.5s cubic-bezier(0.19, 1, 0.22, 1) forwards;
}
.appear .page-header .single-page-tit {
-webkit-animation: fade-in-up 0.5s cubic-bezier(0.19, 1, 0.22, 1) forwards;
animation: fade-in-up 0.5s cubic-bezier(0.19, 1, 0.22, 1) forwards;
}
.page-header .breadcrumb {
position: absolute;
right: 5%;
bottom: calc(var(--basevw, 0.078vw) * 24);
display: flex;
justify-content: flex-end;
align-items: center;
}
.page-header .breadcrumb li {
font-size: calc(var(--baseft) * 0.91);
line-height: calc(var(--basevw, 0.078vw) * 20);
font-family: Helvetica Neue, "Open Sans", "sans-serif";
font-display: swap;
letter-spacing: 0.08em;
}
.page-header .breadcrumb li a {
text-decoration: underline;
padding: 0 calc(var(--basevw, 0.078vw) * 10) 0 0;
}
.breadcrumb li + li::before {
background: #00090f;
height: 1px;
width: 19px;
content: "";
opacity: 0.2;
margin-right: calc(var(--basevw, 0.078vw) * 10);
}
.page-header .page-kv {
height: calc(var(--basevw) * 530);
width: 100%;
overflow: hidden;
}
.page-header .page-kv img {
width: 100%;
opacity: 0;
}
.appear .page-header .page-kv img {
-webkit-animation: imagein 1.5s cubic-bezier(0.19, 1, 0.22, 1) forwards;
animation: imagein 1.5s cubic-bezier(0.19, 1, 0.22, 1) forwards;
}
.single-experts .page-header .page-kv img {
opacity: 1;
}
.appear.single-experts .page-kv.single-page-kv.experts-kv img {
-webkit-animation: none;
animation: none;
opacity: 1;
}
.sub-page .page-header, .page-id-3 .page-header, .page-id-34 .page-header, .error404 .page-header {
border-bottom: 1px solid var(--border-color);
}
.is-flex-tablet.page_bn_title-block.has-button {
justify-content: space-between;
align-items: center;
margin-bottom: calc(var(--basevw, 0.078vw) * 80);
}
.is-flex-tablet.page_bn_title-block .btn_viewmore {
margin-top: 0;
}
@media (max-width: 1024px) {
.page-template-default main, .second-page main {
padding-top: 0;
}
.page-template-default, .second-page {
padding-top: 61px;
}
}
@media (max-width: 768px) {
.page-template-default main, .second-page main {
padding-top: 0;
}
.page-section {
overflow: hidden;
}
.page-section .section .section-inner {
padding: 0;
}
.page-template-default {
padding-top: 61px;
}
.page-header .page-tit {
flex-flow: column;
justify-content: center;
align-items: flex-start;
height: calc(var(--basevw, 0.13vw) * 158);
}
.page-header .page-tit h1 span.en-serif {
font-size: 8.5vw;
margin-right: calc(var(--basevw, 0.13vw) * 10);
line-height: 1;
}
.page-header .page-tit h1 span.ja {
font-size: calc(var(--baseft) * 0.83);
line-height: 1;
top: -0.1em;
}
.page-header .page-tit .breadcrumb {
position: relative;
right: auto;
bottom: auto;
display: flex;
justify-content: flex-start;
align-items: center;
margin-top: calc(var(--basevw, 0.13vw) * 20);
line-height: 1;
}
.page-header .page-tit .breadcrumb li {
font-size: calc(var(--baseft) * 0.83);
}
.breadcrumb li + li::before {
width: calc(var(--basevw, 0.13vw) * 10);
}
.page-header .page-kv {
position: relative;
height: calc(var(--basevw, 0.13vw) * 200);
width: 100%;
z-index: 3;
}
.page-header .page-kv img {
width: 100%;
}
.is-flex-tablet.page_bn_title-block.has-button {
margin-bottom: calc(var(--basevw, 0.13vw) * 40);
}
}
#load {
position: fixed;
width: 100%;
height: 100%;
left: 0;
bottom: 0;
background: #f7f9fb;
z-index: 2000;
}
.loading_element {
position: absolute;
width: 87.5%;
margin: 0 auto;
left: 6.25%;
bottom: 8rem;
display: flex;
justify-content: flex-start;
align-items: flex-end;
}
.loading_element .loading_logo .global_navigation__logo_pc {
width: 178px;
height: 80px;
margin-right: 3.2rem;
display: block;
}
@-webkit-keyframes loading {
0% {
width: 0;
}
100% {
width: 100%;
}
}
@keyframes loading {
0% {
width: 0;
}
100% {
width: 100%;
}
}
@-webkit-keyframes percentage {
1% {
content: "1%";
}
2% {
content: "2%";
}
3% {
content: "3%";
}
4% {
content: "4%";
}
5% {
content: "5%";
}
6% {
content: "6%";
}
7% {
content: "7%";
}
8% {
content: "8%";
}
9% {
content: "9%";
}
10% {
content: "10%";
}
11% {
content: "11%";
}
12% {
content: "12%";
}
13% {
content: "13%";
}
14% {
content: "14%";
}
15% {
content: "15%";
}
16% {
content: "16%";
}
17% {
content: "17%";
}
18% {
content: "18%";
}
19% {
content: "19%";
}
20% {
content: "20%";
}
21% {
content: "21%";
}
22% {
content: "22%";
}
23% {
content: "23%";
}
24% {
content: "24%";
}
25% {
content: "25%";
}
26% {
content: "26%";
}
27% {
content: "27%";
}
28% {
content: "28%";
}
29% {
content: "29%";
}
30% {
content: "30%";
}
31% {
content: "31%";
}
32% {
content: "32%";
}
33% {
content: "33%";
}
34% {
content: "34%";
}
35% {
content: "35%";
}
36% {
content: "36%";
}
37% {
content: "37%";
}
38% {
content: "38%";
}
39% {
content: "39%";
}
40% {
content: "40%";
}
41% {
content: "41%";
}
42% {
content: "42%";
}
43% {
content: "43%";
}
44% {
content: "44%";
}
45% {
content: "45%";
}
46% {
content: "46%";
}
47% {
content: "47%";
}
48% {
content: "48%";
}
49% {
content: "49%";
}
50% {
content: "50%";
}
51% {
content: "51%";
}
52% {
content: "52%";
}
53% {
content: "53%";
}
54% {
content: "54%";
}
55% {
content: "55%";
}
56% {
content: "56%";
}
57% {
content: "57%";
}
58% {
content: "58%";
}
59% {
content: "59%";
}
60% {
content: "60%";
}
61% {
content: "61%";
}
62% {
content: "62%";
}
63% {
content: "63%";
}
64% {
content: "64%";
}
65% {
content: "65%";
}
66% {
content: "66%";
}
67% {
content: "67%";
}
68% {
content: "68%";
}
69% {
content: "69%";
}
70% {
content: "70%";
}
71% {
content: "71%";
}
72% {
content: "72%";
}
73% {
content: "73%";
}
74% {
content: "74%";
}
75% {
content: "75%";
}
76% {
content: "76%";
}
77% {
content: "77%";
}
78% {
content: "78%";
}
79% {
content: "79%";
}
80% {
content: "80%";
}
81% {
content: "81%";
}
82% {
content: "82%";
}
83% {
content: "83%";
}
84% {
content: "84%";
}
85% {
content: "85%";
}
86% {
content: "86%";
}
87% {
content: "87%";
}
88% {
content: "88%";
}
89% {
content: "89%";
}
90% {
content: "90%";
}
91% {
content: "91%";
}
92% {
content: "92%";
}
93% {
content: "93%";
}
94% {
content: "94%";
}
95% {
content: "95%";
}
96% {
content: "96%";
}
97% {
content: "97%";
}
98% {
content: "98%";
}
99% {
content: "99%";
}
100% {
content: "100%";
}
}
@keyframes percentage {
1% {
content: "1%";
}
2% {
content: "2%";
}
3% {
content: "3%";
}
4% {
content: "4%";
}
5% {
content: "5%";
}
6% {
content: "6%";
}
7% {
content: "7%";
}
8% {
content: "8%";
}
9% {
content: "9%";
}
10% {
content: "10%";
}
11% {
content: "11%";
}
12% {
content: "12%";
}
13% {
content: "13%";
}
14% {
content: "14%";
}
15% {
content: "15%";
}
16% {
content: "16%";
}
17% {
content: "17%";
}
18% {
content: "18%";
}
19% {
content: "19%";
}
20% {
content: "20%";
}
21% {
content: "21%";
}
22% {
content: "22%";
}
23% {
content: "23%";
}
24% {
content: "24%";
}
25% {
content: "25%";
}
26% {
content: "26%";
}
27% {
content: "27%";
}
28% {
content: "28%";
}
29% {
content: "29%";
}
30% {
content: "30%";
}
31% {
content: "31%";
}
32% {
content: "32%";
}
33% {
content: "33%";
}
34% {
content: "34%";
}
35% {
content: "35%";
}
36% {
content: "36%";
}
37% {
content: "37%";
}
38% {
content: "38%";
}
39% {
content: "39%";
}
40% {
content: "40%";
}
41% {
content: "41%";
}
42% {
content: "42%";
}
43% {
content: "43%";
}
44% {
content: "44%";
}
45% {
content: "45%";
}
46% {
content: "46%";
}
47% {
content: "47%";
}
48% {
content: "48%";
}
49% {
content: "49%";
}
50% {
content: "50%";
}
51% {
content: "51%";
}
52% {
content: "52%";
}
53% {
content: "53%";
}
54% {
content: "54%";
}
55% {
content: "55%";
}
56% {
content: "56%";
}
57% {
content: "57%";
}
58% {
content: "58%";
}
59% {
content: "59%";
}
60% {
content: "60%";
}
61% {
content: "61%";
}
62% {
content: "62%";
}
63% {
content: "63%";
}
64% {
content: "64%";
}
65% {
content: "65%";
}
66% {
content: "66%";
}
67% {
content: "67%";
}
68% {
content: "68%";
}
69% {
content: "69%";
}
70% {
content: "70%";
}
71% {
content: "71%";
}
72% {
content: "72%";
}
73% {
content: "73%";
}
74% {
content: "74%";
}
75% {
content: "75%";
}
76% {
content: "76%";
}
77% {
content: "77%";
}
78% {
content: "78%";
}
79% {
content: "79%";
}
80% {
content: "80%";
}
81% {
content: "81%";
}
82% {
content: "82%";
}
83% {
content: "83%";
}
84% {
content: "84%";
}
85% {
content: "85%";
}
86% {
content: "86%";
}
87% {
content: "87%";
}
88% {
content: "88%";
}
89% {
content: "89%";
}
90% {
content: "90%";
}
91% {
content: "91%";
}
92% {
content: "92%";
}
93% {
content: "93%";
}
94% {
content: "94%";
}
95% {
content: "95%";
}
96% {
content: "96%";
}
97% {
content: "97%";
}
98% {
content: "98%";
}
99% {
content: "99%";
}
100% {
content: "100%";
}
}
.loading_element .bar {
width: 128px;
}
.loading_element .bar .bg {
background-color: #00090f;
-webkit-animation: loading 10s linear infinite;
animation: loading 10s linear infinite;
}
.el {
color: #00090f;
width: 128px;
height: 2px;
background: rgba(0, 9, 15, 0.2);
position: relative;
}
#loading_text {
display: block;
text-align: right;
font-size: 1.1rem;
color: var(--main-txt-color);
right: 0;
bottom: -2rem;
}
@media (max-width: 1024px) {
.loading_element .loading_logo .global_navigation__logo_pc {
width: 141px;
height: 64px;
}
.loading_element {
justify-content: space-between;
}
}
@media (max-width: 768px) {
.loading_element {
position: absolute;
width: 90%;
margin: 0 auto;
left: 5%;
bottom: 5%;
}
}
.common_header {
position: fixed;
z-index: 1000;
width: 100%;
left: 0;
top: 0;
}
.common_header .common_header__inner {
display: flex;
border-bottom: 1px solid #f4f4f4;
width: 100%;
justify-content: space-between;
align-items: center;
background-color: #fff;
}
.home .common_header .common_header__inner, .home2 .common_header .common_header__inner {
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
background-color: rgba(255, 255, 255, 0);
transition: 1s;
}
.common_header .common_header__inner .common_header__logo {
background: #fff;
width: 168px;
height: 90px;
flex-basis: 168px;
transition: 0.5s ease-in-out;
}
.common_header .common_header__inner .common_header__logo .coporate_logo {
width: 68.5%;
height: 50px;
}
.common_header .common_header__inner .common_header__logo .coporate_logo .global_navigation__logo_pc {
width: 116px;
max-width: 100%;
height: 50px;
}
.common_header .common_header__inner .common_header__logo a {
display: flex;
width: 100%;
height: 100%;
justify-content: center;
align-items: center;
}
.common_header .common_header__inner .h-menu_box {
display: flex;
justify-content: center;
align-items: center;
width: 172px;
height: 90px;
flex-basis: 172px;
position: relative;
z-index: 1001;
cursor: pointer;
background: #fafafa;
transition: background 1s;
}
.common_header .common_header__inner .h-menu_box span {
line-height: 1;
}
.home .common_header .common_header__inner .h-menu_box, .home2 .common_header .common_header__inner .h-menu_box {
border-left: 1px solid rgba(255, 255, 255, 0.2);
background-color: transparent;
}
.common_header .common_header__inner .h-menu_box > span:before {
color: var(--main-txt-color);
content: "Menu";
font-family: Helvetica Neue, "Open Sans", "sans-serif";
font-display: swap;
font-size: 1.3rem;
margin-right: 1.4rem;
line-height: 20px;
letter-spacing: 0.08em;
}
.home .common_header .common_header__inner .h-menu_box > span:before, .home2 .common_header .common_header__inner .h-menu_box > span:before {
color: #fff;
}
.common_header .common_header__inner .h-menu_box > div {
position: relative;
width: 22px;
height: 6px;
}
.common_header .common_header__inner .h-menu_box > div > span {
display: block;
height: 1px;
background: var(--main-txt-color);
position: absolute;
width: 100%;
left: 0;
transition: 0.5s;
}
.home .common_header .common_header__inner .h-menu_box > div > span, .home2 .common_header .common_header__inner .h-menu_box > div > span {
background: #fff;
}
.common_header .common_header__inner .h-menu_box > div > span:nth-child(1) {
top: 0;
}
.common_header .common_header__inner .h-menu_box > div > span:nth-child(2) {
bottom: 0;
}
.common_header .common_header__inner .h-menu_box.nav_close > div {
height: 22px;
}
.common_header .common_header__inner .h-menu_box.nav_close > div > span:nth-child(1) {
transform: translateY(11px) rotate(30deg);
}
.common_header .common_header__inner .h-menu_box.nav_close > div > span:nth-child(2) {
transform: translateY(-10px) rotate(-30deg);
}
.common_header .common_header__inner .common_header_nav {
flex-basis: auto;
flex-grow: 2;
height: 90px;
transition: 0.5s ease-in-out;
}
.common_header .common_header__inner .common_header_nav .gnav-menu {
width: 100%;
justify-content: flex-end;
height: 100%;
padding-right: 2.4rem;
}
.common_header .common_header__inner .common_header_nav .gnav-menu li {
margin: 0;
padding: 0;
}
.common_header .common_header__inner .common_header_nav .gnav-menu li a {
padding: 0 1.6rem;
display: block;
color: var(--main-txt-color);
font-family: Helvetica Neue, "Open Sans", "sans-serif";
font-display: swap;
font-size: 1.3rem;
line-height: 90px;
position: relative;
letter-spacing: 0.08em;
}
.nav_open .common_header .common_header__inner .common_header_nav .gnav-menu li a, .nav_open .common_header .common_header__inner .common_header_nav .gnav-menu li {
pointer-events: none;
}
.common_header .common_header__inner .common_header_nav .gnav-menu li a:before {
background: #003974;
content: "";
width: calc(100% - 3.2rem);
margin: 0 auto;
height: 2px;
position: absolute;
bottom: -1px;
transform: scale(0);
transition: 0.5s ease-in;
}
.common_header .common_header__inner .common_header_nav .gnav-menu li a:hover:before {
transform: scale(1);
}
.common_header .common_header__inner .common_header_nav .gnav-menu li a.current {
color: var(--main-tit-color);
position: relative;
}
.common_header .common_header__inner .common_header_nav .gnav-menu li a.current:before {
background: #003974;
content: "";
width: calc(100% - 3.2rem);
margin: 0 auto;
height: 2px;
position: absolute;
bottom: -1px;
transform: scale(1);
}
.home .common_header .common_header__inner .common_header_nav .gnav-menu li a, .home2 .common_header .common_header__inner .common_header_nav .gnav-menu li a {
color: #fff;
}
.common_header .common_header__inner .common_header_nav .gnav-menu li.navbar-item.has-dropdown {
align-items: center;
}
.navbar-link:not(.is-arrowless)::after {
display: none !important;
}
.common_header.js-fix_header .common_header__inner {
background-color: rgb(255, 255, 255);
border-bottom-color: #f4f4f4;
transition: 1s;
}
.common_header .common_header__inner .common_header__logo .coporate_logo .global_navigation__logo_pc {
width: 116px;
height: 50px;
}
.common_header.js-fix_header .common_header__inner .h-menu_box {
border-left: none;
background: #fafafa;
height: 90px;
}
.common_header.js-fix_header .common_header__inner .h-menu_box > span {
color: var(--main-txt-color);
}
.common_header.js-fix_header .common_header__inner .h-menu_box > div > span {
background: var(--main-txt-color);
}
.common_header.js-fix_header .common_header__inner .h-menu_box > span:before {
color: var(--main-txt-color);
}
.common_header.js-fix_header .common_header__inner .common_header_nav .gnav-menu li a {
color: var(--main-txt-color);
}
.common_header .common_header__inner .h-menu_box.nav_close > span:before {
color: #fff;
content: "Close";
}
.nav_open .h-gnav + .common_header .common_header__inner .h-menu_box > span {
color: #fff;
}
.nav_open .h-gnav + .common_header .common_header__inner .h-menu_box > div > span {
background: #fff;
}
.common_header .common_header__inner .h-menu_box.nav_close {
height: 90px;
border-left: none;
z-index: 1001;
background: var(--main-tit-color);
transition: background 1s;
}
.nav_open .h-gnav + .common_header .common_header__inner .common_header_nav .gnav-menu li a {
opacity: 0;
}
.overraybg {
width: 100%;
height: 100%;
position: fixed;
left: 0;
top: 0;
z-index: -1;
background: var(--main-txt-color);
opacity: 0;
transition: 1s;
}
.drop-on .overraybg {
opacity: 0.5;
transition: 0.5s;
z-index: 900;
}
.navbar-dropdown.is-boxed {
border-radius: 0;
background-color: transparent;
width: 260px;
padding-top: 2em;
box-shadow: none;
border: none;
transition: 0.5s;
}
.navbar-item.is-hoverable:hover .navbar-dropdown.is-boxed {
transition: 0.5s;
}
.navbar-dropdown.is-boxed li {
width: 100%;
height: 54px;
background: #fff;
border-bottom: rgba(0, 9, 15, 0.1) 1px solid;
transition: 1s ease;
}
.navbar-link:hover, .has-dropdown:hover a.navbar-link {
background-color: transparent;
}
.navbar-item.has-dropdown.is-active .navbar-link, .navbar-item.has-dropdown:focus .navbar-link, .navbar-item.has-dropdown:hover .navbar-link {
background-color: transparent;
}
.common_header .common_header__inner .common_header_nav .gnav-menu .navbar-dropdown li {
margin: 0;
}
.common_header .common_header__inner .common_header_nav .gnav-menu .navbar-dropdown li a {
color: rgba(0, 7, 3, 0.9);
font-size: 1.2rem;
display: flex;
width: 100%;
height: 54px;
align-items: center;
}
.common_header .common_header__inner .common_header_nav .gnav-menu .navbar-dropdown li a:after {
content: url("data:image/svg+xml,%3Csvg version='1.1' id='arrow' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 9.5 5.2' style='enable-background:new 0 0 9.5 5.2;' xml:space='preserve'%3E %3Cpath id='パス_60' class='st0' d='M0,2.1v0.9h7C6.6,3.6,6.3,4.2,6.1,4.9c0,0.1,0.1,0.2,0.2,0.2c0,0,0,0,0,0l0,0 c0.1,0,0.2,0,0.4-0.3C7.4,4.1,8.1,3.5,9,3.1c0.5-0.3,0.6-0.3,0.6-0.5s0-0.2-0.4-0.4C8.2,1.7,7.4,1.1,6.7,0.3C6.5,0,6.4,0,6.3,0 C6.2,0,6.1,0.1,6.1,0.2c0,0,0,0,0,0l0,0C6.2,0.9,6.6,1.6,7,2.1L0,2.1z'/%3E%3C/svg%3E");
position: absolute;
right: 2rem;
transition: 0.5s ease;
width: 9.52px;
}
.common_header .common_header__inner .common_header_nav .gnav-menu .navbar-dropdown li a:hover:after {
right: 1rem;
}
.common_header .common_header__inner .common_header_nav .gnav-menu .navbar-dropdown li a.is-blank {
line-height: 1;
}
.common_header .common_header__inner .common_header_nav .gnav-menu .navbar-dropdown li a.is-blank:after {
position: absolute;
top: 50%;
right: calc(var(--basevw) * 16);
transform: translateY(-50%);
box-sizing: border-box;
transform-origin: center center;
transition-duration: 0.2s;
content: url(//regrit-p.com/wp-content/themes/RegritPertners_2025/assets/img/common/icon_blank_bk.svg);
width: 13px;
height: 13px;
}
.common_header .common_header__inner .common_header_nav .gnav-menu .navbar-dropdown li a.is-blank:hover:after {
right: calc(var(--basevw) * 12);
}
.h-gnav {
position: fixed;
width: 100%;
height: 100vh;
top: 0;
left: 0;
z-index: 1000;
transition: 1s;
transform: translateY(-100vh);
opacity: 0;
}
.nav_open .h-gnav {
transition: 1s;
transform: translateY(0);
opacity: 1;
}
.h-gnav::-webkit-scrollbar {
display: none;
}
.h-gnav .global_navigation {
padding: 90px 0 0;
background: #f7f9fb;
transition: all 0.3s ease;
height: 100vh;
}
.h-gnav .global_navigation__inner {
position: relative;
width: 87.5%;
max-width: 1432px;
height: 100%;
margin: 0 auto;
display: flex;
flex-flow: column;
}
.h-gnav .global_navigation__inner .global_navigation__top {
padding: 85px 0 55px;
flex-grow: 2;
}
.h-gnav .global_navigation__inner .global_navigation__top .is-5 {
display: flex;
flex-flow: column;
align-items: flex-start;
justify-content: flex-start;
}
.h-gnav .global_navigation__inner .global_navigation__top .global_navigation__logo {
width: 38.3%;
max-width: 178px;
}
.h-gnav .global_navigation__inner .global_navigation__top .global_navigation__logo .global_navigation__logo_pc {
width: 178px;
height: 80px;
}
.h-gnav .global_navigation__inner .global_navigation__top .global_navigation__info {
margin-top: 3.2rem;
font-family: Helvetica Neue, "Open Sans", "sans-serif";
font-display: swap;
}
.h-gnav .global_navigation__inner .global_navigation__top .global_navigation__info h6 {
font-size: 1rem;
opacity: 0.6;
}
.h-gnav .global_navigation__inner .global_navigation__top .global_navigation__info p {
font-size: 1.1rem;
line-height: 16px;
}
.h-gnav .global_navigation__inner .global_navigation__top .global_navigation__content {
display: flex;
flex-flow: wrap;
align-items: flex-start;
justify-content: flex-start;
}
.h-gnav .global_navigation__inner .global_navigation__top .global_navigation__content .global_navigation__label {
width: 30%;
padding-right: 1em;
font-family: Helvetica Neue, "Open Sans", "sans-serif";
font-display: swap;
margin-bottom: 2rem;
}
.h-gnav .global_navigation__inner .global_navigation__top .global_navigation__content .global_navigation__label dt a {
font-size: 1.5rem;
color: var(--main-txt-color);
}
.h-gnav .global_navigation__inner .global_navigation__top .global_navigation__content .global_navigation__label ul li {
font-size: 1.2rem;
margin-top: 1em;
opacity: 0.9;
line-height: 20px;
}
.h-gnav .global_navigation__inner .global_navigation__top .global_navigation__content .global_navigation__label ul li a.is-blank {
position: relative;
}
.h-gnav .global_navigation__inner .global_navigation__top .global_navigation__content .global_navigation__label ul li a.is-blank:after {
position: absolute;
top: 50%;
right: calc(var(--basevw) * -16);
transform: translateY(-70%);
box-sizing: border-box;
transform-origin: center center;
transition-duration: 0.2s;
content: url(//regrit-p.com/wp-content/themes/RegritPertners_2025/assets/img/common/icon_blank_bk.svg);
width: 12px;
height: 12px;
}
.h-gnav .global_navigation__inner .global_navigation__btm {
width: 100%;
flex-basis: 150px;
}
.h-gnav .global_navigation__inner .global_navigation__btm .is-12 {
display: flex;
justify-content: center;
align-items: center;
}
.h-gnav .global_navigation__inner .global_navigation__btm .bn_contact {
padding: 2rem;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
border: 1px solid rgba(0, 9, 15, 0.1);
border-width: 1px 0;
height: 100%;
}
.h-gnav .global_navigation__inner .global_navigation__btm .bn_contact span {
font-size: 2.3rem;
font-family: Helvetica Neue, "Open Sans", "sans-serif";
font-display: swap;
margin-right: 1em;
transition: 1s;
letter-spacing: 0.1em;
}
.h-gnav .global_navigation__inner .global_navigation__btm .bn_contact:hover span {
margin-right: 1.5em;
}
.h-gnav .global_navigation__inner .global_navigation__btm .bn_contact .link_text__icon {
width: 16.2px;
height: 8.79px;
fill: var(--main-txt-color);
}
.h-gnav .global_navigation__inner .global_navigation__footer {
display: flex;
justify-content: center;
align-items: center;
flex-basis: 150px;
font-family: Helvetica Neue, "Open Sans", "sans-serif";
font-display: swap;
}
.h-gnav .global_navigation__inner .global_navigation__footer .sns_link {
text-align: left;
}
.h-gnav .global_navigation__inner .global_navigation__footer .sns_link a {
display: flex;
justify-content: flex-start;
align-items: center;
}
.h-gnav .global_navigation__inner .global_navigation__footer .sns_link .fb__icon {
width: 12px;
height: 12px;
fill: var(--main-txt-color);
margin-right: 1rem;
}
.h-gnav .global_navigation__inner .global_navigation__footer .sns_link a .fb__icon + span {
color: var(--main-txt-color);
font-size: 1.1rem;
line-height: 20px;
}
.h-gnav .global_navigation__inner .global_navigation__footer .copy {
display: flex;
justify-content: flex-end;
align-items: center;
}
.h-gnav .global_navigation__inner .global_navigation__footer .copy .copyright {
opacity: 0.5;
font-size: 1.1rem;
}
.h-gnav .global_navigation__inner .global_navigation__footer .copy a {
margin-right: 1em;
font-size: 1.1rem;
color: var(--main-txt-color);
}
body.nav_open {
overflow: hidden;
height: 100vh;
}
@media (max-width: 1024px) {
.common_header_nav {
display: none;
}
.common_header .common_header__inner .common_header__logo, .common_header.js-fix_header .common_header__inner .common_header__logo, .common_header.js-fix_header .common_header__inner .common_header_nav, .common_header.js-fix_header .common_header__inner .h-menu_box {
height: 60px;
}
.common_header .common_header__inner .common_header__logo {
width: 106px;
height: 60px;
flex-basis: 106px;
}
.common_header .common_header__inner .common_header__logo .coporate_logo, .common_header .common_header__inner .common_header__logo .coporate_logo .global_navigation__logo_pc {
width: 80px;
height: 36px;
}
.common_header .common_header__inner .h-menu_box {
width: 106px;
height: 60px;
flex-basis: 106px;
border-left: none;
}
.common_header .common_header__inner .h-menu_box.nav_close {
height: 60px;
}
.common_header .common_header__inner .h-menu_box > span:before {
font-size: 1.2rem;
}
}
@media (max-width: 768px) {
html.is-fixed {
z-index: -1;
width: 100%;
height: 100%;
}
html.is-fixed .h-gnav {
overflow-y: scroll !important;
height: 100%;
-webkit-overflow-scrolling: touch;
}
.h-gnav .global_navigation__inner .global_navigation__top .global_navigation__content .global_navigation__label {
width: 33%;
}
.h-gnav .global_navigation__inner .global_navigation__footer {
display: block;
flex-basis: 195px;
}
.h-gnav .global_navigation__inner .global_navigation__footer .copy {
display: block;
}
.h-gnav .global_navigation {
padding: 90px 0 84px;
}
.h-gnav .global_navigation__inner .global_navigation__btm .bn_contact {
padding: 3.5rem;
}
.h-gnav .global_navigation__inner .global_navigation__btm .bn_contact span {
font-size: 1.8rem;
line-height: 1;
}
}
@media (max-width: 414px) {
.h-gnav .global_navigation {
padding: 60px 0 84px;
overflow: auto;
}
.h-gnav .global_navigation__inner .global_navigation__top .global_navigation__content .global_navigation__label {
width: 50%;
}
.h-gnav .global_navigation__inner .global_navigation__top .global_navigation__content .about_label {
order: 1;
}
.h-gnav .global_navigation__inner .global_navigation__top .global_navigation__content .company_label {
order: 2;
}
.h-gnav .global_navigation__inner .global_navigation__top .global_navigation__content .service_label {
order: 3;
}
.h-gnav .global_navigation__inner .global_navigation__top .global_navigation__content .career_label {
order: 4;
}
.h-gnav .global_navigation__inner .global_navigation__top .global_navigation__content .news_label {
order: 5;
margin-bottom: 0;
}
.h-gnav .global_navigation__inner .global_navigation__top .global_navigation__content .expand_label {
order: 6;
}
.h-gnav .global_navigation__inner .global_navigation__top {
padding: 10vw 0;
}
.h-gnav .global_navigation__inner .global_navigation__btm {
flex-basis: 90px;
}
}
.contact__info {
position: relative;
overflow: hidden;
display: flex;
justify-content: center;
height: 35.93vw;
z-index: 11;
}
.contact__info img {
height: auto;
width: 102%;
max-width: none;
}
@media (min-width: 1280px) {
.contact__info img {
width: 101%;
}
}
.contact__info-wrap {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
}
.contact__info-wrap:before {
content: "";
width: 100%;
height: 100%;
position: absolute;
background: #09233c;
opacity: 0.8;
display: block;
left: 0;
top: 0;
}
.contact__info-wrap .contact__info-wrap-inner {
width: 77.7%;
margin: auto;
display: flex;
justify-content: space-between;
align-items: center;
position: relative;
height: 100%;
}
.contact__info-wrap .contact__info-wrap-inner .index-tit_h2 {
color: #fff;
}
.contact__info-wrap .contact__info-wrap-inner .index-tit_h2 + p {
font-size: calc(var(--baseft, 1.2rem) * 1);
margin-top: 1em;
color: #fff;
font-family: "Noto Sans JP", "sans-serif";
font-display: swap;
opacity: 1;
line-height: 2.16;
}
.contact__info-wrap .contact__info-wrap-inner .btn_contact {
width: 384px;
height: 80px;
border: 1px solid rgba(255, 255, 255, 0.5);
background-color: transparent;
color: #fff;
padding: 20px 0;
line-height: 80px;
display: flex;
align-items: center;
position: relative;
overflow: hidden;
transition: all 1s ease;
border-radius: 2px;
}
.contact__info-wrap .contact__info-wrap-inner .btn_contact::before {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
content: "";
background-color: rgba(255, 255, 255, 0.9);
transform-origin: right;
transform: translateX(-100%);
opacity: 0;
transition: opacity 1s cubic-bezier(0.45, 0.12, 0.04, 0.96), transform 1s cubic-bezier(0.45, 0.12, 0.04, 0.96);
border-radius: 2px;
}
.contact__info-wrap .contact__info-wrap-inner .btn_contact .icon {
width: 98px;
text-align: center;
border-right: 1px solid rgba(255, 255, 255, 0.5);
position: relative;
}
.contact__info-wrap .contact__info-wrap-inner .btn_contact .icon .link_mail__icon {
width: 19px;
height: 14px;
fill: #fff;
}
.contact__info-wrap .contact__info-wrap-inner .btn_contact .txt {
width: calc(100% - 98px);
text-align: center;
position: relative;
}
.contact__info-wrap .contact__info-wrap-inner .btn_contact .txt span {
margin-right: 1rem;
font-size: 1.3rem;
font-family: Helvetica Neue, "Open Sans", "sans-serif";
font-display: swap;
}
.contact__info-wrap .contact__info-wrap-inner .btn_contact .txt span + .link_text__icon {
fill: #fff;
width: 12px;
height: 10px;
transition: 1s ease;
}
@media (min-width: 769px) {
.contact__info-wrap .contact__info-wrap-inner .btn_contact:hover::before {
transform: translateX(0);
opacity: 0.9;
}
.contact__info-wrap .contact__info-wrap-inner .btn_contact:hover {
color: #09233c;
}
.contact__info-wrap .contact__info-wrap-inner .btn_contact:hover .icon {
border-right: 1px solid #09233c;
}
.contact__info-wrap .contact__info-wrap-inner .btn_contact:hover .icon .link_mail__icon {
fill: #09233c;
}
.contact__info-wrap .contact__info-wrap-inner .btn_contact:hover .txt span + .link_text__icon {
fill: #09233c;
transform: translateX(10px);
}
}
@media (max-width: 1024px) {
.home .contact__info, .home2 .contact__info {
margin-top: 0;
}
.contact__info-wrap .contact__info-wrap-inner .btn_contact {
width: 360px;
}
.btn_icon_viewmore {
width: 100%;
max-width: 360px;
}
}
@media (max-width: 768px) {
.home .contact__info, .home2 .contact__info {
margin-top: 0;
}
.contact__info {
height: auto;
max-height: 346px;
}
.contact__info-wrap {
width: 100%;
height: 100%;
max-height: 346px;
margin-top: 0;
}
.contact__info-wrap .contact__info-wrap-inner {
width: 100%;
padding: 0 5.33%;
max-width: 100%;
flex-flow: column;
justify-content: center;
align-items: flex-start;
}
.contact__info-wrap .contact__info-wrap-inner .btn_contact, .btn_icon_viewmore {
max-width: 360px;
width: 100%;
height: 60px;
}
.contact__info-wrap-inner .index-tit_box {
margin: 0 auto 8vw 0;
}
.contact__info-wrap .contact__info-wrap-inner .btn_contact .icon, .btn_icon_viewmore .icon {
width: 81px;
}
.btn_icon_viewmore .icon img {
max-width: 55.17%;
}
.contact__info-wrap .contact__info-wrap-inner .btn_contact .txt, .btn_icon_viewmore .txt {
width: calc(100% - 82px);
}
.contact__info-wrap .contact__info-wrap-inner .index-tit_h2 {
font-size: 11vw;
}
.contact__info-wrap .contact__info-wrap-inner .btn_contact .txt span + .link_text__icon {
width: 9.5px;
height: 5.17px;
}
}
footer.footer {
min-height: 524px;
padding: 0;
background: #000d1a;
position: relative;
overflow: hidden;
}
footer .footer__info {
width: 432px;
padding: 70px 80px;
display: flex;
flex-flow: column;
justify-content: flex-end;
color: #fff;
background: #00060b;
}
footer .footer__info h1 .global_footer__logo {
width: 180px;
height: 100px;
fill: #fff;
}
footer .footer__info h1 + h6 {
opacity: 0.6;
font-size: 1rem;
}
footer .footer__info h1 + h6 + p {
font-size: 1.1rem;
line-height: 1.45;
}
footer .footer__info h1 + h6 + p a {
color: #fff;
}
footer .footer__nav {
width: calc(100% - 432px);
}
.footer_nav-inner {
width: 82%;
height: 100%;
margin: 0 auto;
padding: 0;
display: flex;
flex-flow: column;
justify-content: space-between;
align-items: flex-start;
}
.footer_nav-wrap, .footer_navigation__footer {
width: 100%;
}
.footer_nav-wrap {
height: 66.8%;
align-items: flex-start;
padding-top: calc(var(--basevw) * 90);
margin: 0;
}
.footer_navigation__content {
margin-bottom: 0;
margin: 0;
padding: 0;
}
.footer__nav {
font-family: Helvetica Neue, "Open Sans", "sans-serif";
font-display: swap;
color: #fff;
background: #000d1a;
}
.footer_navigation__label {
padding: 0;
margin-bottom: 4rem;
line-height: 20px;
}
.footer__nav a {
color: #fff !important;
transition: 0.5s;
}
.footer__nav a.is-blank {
position: relative;
}
.footer__nav a.is-blank:after {
position: absolute;
top: 50%;
right: calc(var(--basevw) * -16);
transform: translateY(-70%);
box-sizing: border-box;
transform-origin: center center;
transition-duration: 0.2s;
content: url(//regrit-p.com/wp-content/themes/RegritPertners_2025/assets/img/common/icon_blank.svg);
width: 12px;
height: 12px;
}
.footer__nav a:hover {
opacity: 0.5;
transition: 0.5s;
}
.footer__nav dt {
font-size: 1.5rem;
}
.footer__nav dd li {
font-size: 1.2rem;
opacity: 0.9;
margin-top: 1.2rem;
}
.footer_navigation__footer {
height: 32.2%;
border-top: 1px solid rgba(255, 255, 255, 0.1);
align-items: center;
margin-bottom: 0 !important;
margin-top: 4rem;
}
.footer_navigation__footer .fb__icon {
fill: #fff;
width: 12px;
height: 12px;
display: inline-block;
vertical-align: middle;
line-height: 12px;
margin-bottom: 2px;
}
.footer_navigation__footer .fb__icon + span {
line-height: 12px;
}
.footer_navigation__footer .copy {
display: flex;
justify-content: flex-end;
align-items: center;
font-size: 1.1rem;
white-space: nowrap;
}
.footer_navigation__footer .copy .f__link {
margin-right: 1em;
}
.footer_navigation__footer .copy .copyright {
opacity: 0.5;
}
@media (max-width: 1024px) {
footer.footer {
height: auto;
position: relative;
}
footer .footer__info {
width: 100%;
padding: 60px 5%;
}
footer .footer__nav {
width: 100%;
padding: 5.6rem 0 0;
}
.footer_nav-inner {
width: 90%;
height: auto;
margin: 0 auto;
padding: 0 0 60px;
display: flex;
}
.footer_nav-wrap.columns {
margin-bottom: 60px;
}
}
@media (max-width: 768px) {
footer .footer__info {
width: 100%;
padding: 5.6rem 5%;
}
footer .footer__info h1 .global_footer__logo {
width: 128px;
height: 58px;
}
.footer_nav-inner {
width: 100%;
padding: 0;
}
.footer_nav-wrap.columns {
margin: 0 0 calc(13vw - 4rem);
padding: 0 5.33%;
}
.footer_navigation__content.columns.is-multiline {
display: flex;
margin-bottom: 0;
padding: 0;
}
.footer_nav-inner .columns.is-multiline .column.is-6 {
width: 50%;
flex-basis: auto;
}
.footer__nav dt {
height: auto;
font-size: 1.6rem;
}
.footer_navigation__footer {
width: 89.35%;
margin: 0 auto;
border-top: rgba(255, 255, 255, 0.1) 1px solid;
padding-top: 4rem;
padding-bottom: 5.6rem;
}
.footer_navigation__footer .column {
padding: 0;
}
.footer_navigation__footer .column.sns_link {
padding-bottom: 3rem;
}
.footer_navigation__footer .copy {
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
font-size: 1.1rem;
white-space: nowrap;
}
}
#work_index_section {
padding: calc(var(--basevw, 0.078vw) * 150) 0;
}
.work_index_wrap.columns, .new_index_wrap.columns {
margin: 0 -1.5rem 0 -1.5rem;
}
.new_index_wrap.columns.current {
display: flex !important;
}
.new_index_wrap.columns > p, .work_index_wrap.columns > p {
padding-left: 1.5rem;
padding-right: 1.5rem;
}
.work_index_wrap .column, .new_index_wrap .column {
padding: 0 1.5rem;
max-width: 33.3333333333%;
}
.work-index_box dt img {
min-width: 100%;
transform: scale(1);
transition: 0.5s;
}
.work-index_box a:hover dt img {
transform: scale(1.05);
transition: 0.5s;
}
.work-index_box dt {
margin-bottom: 2rem;
overflow: hidden;
}
.work-index_box dd .laber {
font-family: Helvetica Neue, "Open Sans", "sans-serif";
font-display: swap;
line-height: 1;
}
.work-index_box dd .laber .category {
font-size: calc(var(--baseft) * 1);
margin-right: 1em;
}
.work-index_box dd .laber time {
opacity: 0.5;
}
.work-index_box dd p {
font-size: calc(var(--baseft) * 1.16);
letter-spacing: 0.08em;
line-height: 1.57;
margin-top: 0.75rem;
}
@media (max-width: 768px) {
#work_index_section {
padding: calc(var(--basevw, 0.13vw) * 60) 0;
}
.work_index_wrap .column {
margin-bottom: 4rem;
}
.work_index_wrap .column {
max-width: none;
}
.new_index_wrap.columns.current {
display: block !important;
}
}
#recent_insight {
position: relative;
}
.top__news-bg-wrap {
padding-top: calc(var(--basevw, 0.078vw) * 155);
padding-bottom: calc(var(--basevw, 0.078vw) * 235);
position: relative;
}
@media (min-width: 769px) {
.webp .top__news-bg {
background: url(//regrit-p.com/wp-content/themes/RegritPertners_2025/assets/img/top/news_bg.webp) left -100px no-repeat;
background-size: cover;
}
.no-webp .top__news-bg {
background: url(//regrit-p.com/wp-content/themes/RegritPertners_2025/assets/img/top/news_bg.jpg) left -100px no-repeat;
background-size: cover;
}
.top__news-bg {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
#top__news_bn + .spacer {
width: 100%;
height: 16vw;
background: #FFF;
position: relative;
z-index: 9;
}
#top_news_tit {
position: fixed;
opacity: 0;
visibility: hidden;
z-index: 5;
top: 100px;
left: 0;
transition: 0.5s;
}
#top_news_tit.show {
visibility: visible;
}
#positionmaker {
opacity: 0;
}
}
@media (min-width: 1024px) {
.webp .top__news-bg {
background: url(//regrit-p.com/wp-content/themes/RegritPertners_2025/assets/img/top/news_bg.webp) left -235px no-repeat;
background-size: cover;
width: 100%;
height: 100%;
display: flex;
}
.no-webp .top__news-bg {
background: url(//regrit-p.com/wp-content/themes/RegritPertners_2025/assets/img/top/news_bg.jpg) left -235px no-repeat;
background-size: cover;
}
#top__news_bn + .spacer {
height: calc(var(--basevw) * 300);
}
#top_news_tit {
top: calc(var(--basevw) * 235);
}
}
.top__news-bg-wrap .section {
justify-content: space-between;
}
.top__news_bn_title-block {
width: 34.2%;
margin-left: 6.25%;
display: flex;
justify-content: flex-start;
align-items: flex-start;
}
.top__news_bn_title-block .index-tit_box {
padding-left: 16.6%;
padding-bottom: 8rem;
padding-top: calc(var(--basevw) * 165);
}
.single-experts .top__news_bn_title-block .index-tit_box {
padding-left: 16.6%;
padding-bottom: 8rem;
padding-top: calc(var(--basevw) * 360);
}
.top__news_bn_content-block {
width: 65.29%;
background: #fff;
padding: calc(var(--basevw, 0.078vw) * 85) calc(var(--basevw, 0.078vw) * 64) calc(var(--basevw, 0.078vw) * 105);
border-bottom: 1px solid #fff;
margin-top: calc(var(--basevw) * 80);
}
.single-experts .top__news_bn_content-block {
width: 65.29%;
background: #fff;
padding: calc(var(--basevw, 0.078vw) * 85) calc(var(--basevw, 0.078vw) * 64) calc(var(--basevw, 0.078vw) * 105);
border-bottom: 1px solid #fff;
margin-top: calc(var(--basevw) * 235);
}
.top__news_bn_title-block .index-tit_box .index-tit_h2, .top__news_bn_title-block .index-tit_box .index-tit_h2 + h6 {
color: #fff;
}
.top__news_bn_title-block .index-tit_box .btn_viewmore {
margin-top: calc(var(--basevw, 0.078vw) * 50);
}
.news-list_wrap .news-list-item {
margin-top: calc(var(--basevw, 0.078vw) * 30);
}
.news-list_wrap > .news-list-item:first-child {
margin-top: 0;
}
.news-list_wrap .news-list-item a {
display: flex;
width: 100%;
padding-bottom: calc(var(--basevw, 0.078vw) * 30);
border-bottom: 1px solid rgba(0, 9, 15, 0.1);
position: relative;
}
.news-list_wrap .news-list-item a:before {
content: "";
background: #00417f;
height: 1px;
width: 0.01px;
position: absolute;
left: 0;
bottom: 0;
transition: all 1s ease;
}
.news-list_wrap .news-list-item a:hover:before {
width: 100%;
}
.news-list_wrap .news-list-item dt {
width: 180px;
}
.news-list_wrap .news-list-item dd {
width: calc(100% - 180px);
padding-left: calc(var(--basevw) * 30);
display: flex;
flex-flow: column;
align-items: flex-start;
justify-content: center;
}
.news-list_wrap .news-list-item dd .laber {
font-family: Helvetica Neue, "Open Sans", "sans-serif";
font-display: swap;
}
.news-list_wrap .news-list-item dd .laber .category {
font-size: calc(var(--baseft) * 1);
margin-right: 1em;
}
.news-list_wrap .news-list-item dd .laber time {
opacity: 0.5;
}
.news-list_wrap .news-list-item dd p {
font-size: calc(var(--baseft) * 1.1666666667);
letter-spacing: 0.08em;
}
.top__news-bg-wrap .back-btn-box {
margin-top: calc(var(--basevw, 0.078vw) * 200);
text-align: center;
}
.top__news-bg-wrap .link-txt {
color: #fff;
}
.top__news-bg-wrap .link-txt span {
position: relative;
border-bottom: 1px solid #fff;
display: inline-block;
}
.top__news-bg-wrap .link-txt span:before {
content: "";
width: 100%;
height: 1px;
display: block;
position: absolute;
left: 0;
bottom: -1px;
background: var(--corp-color);
transform: scale(0);
transform-origin: left;
transition: 0.5s;
}
.top__news-bg-wrap .link-txt:hover span:before {
transform: scale(1);
transform-origin: right;
transition: 0.5s;
}
@media (max-width: 1023px) {
.top__news-bg-wrap {
padding-top: 100px;
padding-bottom: 100px;
}
}
@media (max-width: 768px) {
#top_news_tit, .top__news-bg {
display: none;
}
.top__news-bg-wrap {
padding-top: calc(var(--basevw, 0.13vw) * 60);
position: relative;
padding-bottom: calc(var(--basevw, 0.13vw) * 60);
}
.webp .top__news-bg-wrap {
background: url(//regrit-p.com/wp-content/themes/RegritPertners_2025/assets/img/top/news_bg.webp) left top no-repeat;
background-size: auto 100%;
background-attachment: scroll;
}
.no-webp .top__news-bg-wrap {
background: url(//regrit-p.com/wp-content/themes/RegritPertners_2025/assets/img/top/news_bg.jpg) left top no-repeat;
background-size: auto 100%;
background-attachment: scroll;
}
.top__news_bn_title-block {
width: 89.34%;
padding-top: 0;
display: flex;
justify-content: flex-start;
align-items: flex-start;
top: auto;
position: relative;
z-index: 3;
}
.top__news_bn_title-block .index-tit_box .news-cat-nav {
margin-top: calc(var(--basevw, 0.13vw) * 20);
display: flex;
}
.top__news_bn_title-block .index-tit_box .news-cat-nav li {
margin-right: calc(var(--basevw, 0.13vw) * 20);
margin-bottom: 0;
}
.top__news_bn_title-block .index-tit_box, .single-experts .top__news_bn_title-block .index-tit_box {
width: 100%;
padding-left: 0;
padding-bottom: calc(var(--basevw, 0.13vw) * 40);
padding-top: 0;
}
.top__news-bg-wrap .section {
display: block;
padding-right: 0;
}
.top__news_bn_content-block, .single-experts .top__news_bn_content-block {
width: 95%;
margin-left: 5%;
background: #fff;
padding: calc(var(--basevw, 0.13vw) * 30) 5% calc(var(--basevw, 40px) * 40);
border-bottom: 1px solid #fff;
margin-top: 0;
}
.news-list_wrap .news-list-item dt {
width: calc(var(--basevw, 0.13vw) * 90);
}
.news-list_wrap .news-list-item dd .laber .category {
font-size: calc(var(--baseft, 1.2rem) * 0.916);
margin-right: calc(var(--basevw, 0.13vw) * 10);
}
.news-list_wrap .news-list-item dd .laber time {
font-size: calc(var(--baseft, 1.2rem) * 0.916);
}
.news-list_wrap .news-list-item dd {
width: calc(100% - var(--basevw, 100px) * 100);
padding-left: 1em;
line-height: 1.6;
}
.news-list_wrap .news-list-item dd p {
font-size: calc(var(--baseft, 1.2rem) * 1);
}
.top__news-bg-wrap > .btn_viewmore_white {
margin: calc(var(--basevw, 0.13vw) * 40) auto 0 5.33%;
}
.top__news-bg-wrap .back-btn-box {
margin-top: calc(var(--basevw, 0.13vw) * 60);
}
.top__news-bg-wrap .back-btn-box .link-txt {
font-size: calc(var(--baseft, 1.2rem) * 1.3333333333);
line-height: 1.2;
}
}
@media (max-width: 575px) {
.webp .top__news-bg-wrap {
background: url(//regrit-p.com/wp-content/themes/RegritPertners_2025/assets/img/top/news_bg-sp@2x.webp) left top no-repeat;
background-size: cover;
}
.no-webp .top__news-bg-wrap {
background: url(//regrit-p.com/wp-content/themes/RegritPertners_2025/assets/img/top/news_bg-sp@2x.jpg) left top no-repeat;
background-size: cover;
}
}
#career_index_section {
padding: calc(var(--basevw, 0.078vw) * 150) 0;
}
.expart_index_wrap {
margin: 0 -1.1rem 0 -1.1rem;
}
.expart_index_wrap .column {
padding: 0 1.1rem;
}
.expart_index_wrap dt img {
min-width: 100%;
transform: scale(1);
transition: 0.5s;
}
.expart_index_wrap a:hover dt img {
transform: scale(1.03);
transition: 0.5s;
}
.expart_index_wrap dt {
margin-bottom: calc(var(--basevw, 0.078vw) * 20);
overflow: hidden;
}
.expart_index_wrap dd {
position: relative;
}
.expart_index_wrap dd .name-box {
width: 85.92%;
margin: calc(var(--basevw, -0.078vw) * -53) auto 0;
height: calc(var(--basevw, 0.078vw) * 111);
display: flex;
flex-flow: column;
justify-content: center;
align-items: center;
background: #fff;
text-align: center;
position: relative;
}
.expart_index_wrap dd .name-box .en {
font-size: 1.2rem;
line-height: 1;
letter-spacing: 0.1em;
}
.expart_index_wrap dd .name-box .name {
font-size: 2.8rem;
color: var(--main-tit-color);
line-height: 1;
margin-top: calc(var(--basevw, 0.078vw) * 10);
}
@media (max-width: 768px) {
#career_index_section {
padding: calc(var(--basevw, 0.13vw) * 60) 0 calc(var(--basevw, 133px) * 133);
}
.expart_index_wrap {
margin: 0 -1rem 0 -1rem;
}
.expart_index_wrap .column {
padding: 0 1rem;
margin-bottom: 2rem;
}
.expart_index_wrap dd .name-box {
width: 85.92%;
margin: calc(var(--basevw, -0.13vw) * -32) auto 0;
height: calc(var(--basevw, 0.13vw) * 64);
}
.expart_index_wrap dd .name-box .en {
font-size: 1rem;
}
.expart_index_wrap dd .name-box .name {
font-size: 1.6rem;
margin-top: calc(var(--basevw, 8px) * 8);
}
}
.service_index_wrap {
position: relative;
}
.service_index_wrap .ph-index {
display: flex;
width: 100%;
height: 29.6vw;
position: relative;
}
.service_index_wrap .ph-index figure {
display: flex;
height: 100%;
width: 100%;
overflow: hidden;
flex-flow: row;
justify-content: center;
}
.safari .service_index_wrap .ph-index figure {
justify-content: flex-start;
}
.service_index_wrap .ph-index figure > div {
display: flex;
justify-content: center;
height: 100%;
}
.service_index_wrap .ph-index figure img {
height: 100%;
width: auto;
max-width: none;
}
.service_index_wrap .ph-index .service-index-txt_box {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
}
.service_index_wrap .ph-index-area .ph-index:before {
content: "";
width: 100%;
height: 100%;
background-color: #09233c;
opacity: 0.3;
position: absolute;
left: 0;
top: 0;
z-index: 1;
transition: 1s;
}
.service_index_wrap .ph-index-area .ph-index:hover:before {
opacity: 0.5;
transition: 1s;
}
.service_index_wrap .ph-index-area .columns .column {
display: flex;
height: 100%;
padding: 0;
}
.service_index_wrap .ph-index-area .columns .column a.ph-index .service-index-txt_box {
text-align: center;
display: flex;
justify-content: center;
align-items: center;
flex-flow: column;
position: absolute;
left: 0;
top: 0;
z-index: 2;
width: 100%;
color: #fff;
}
.service_index_wrap .service-index-txt_box h6 {
font-size: 1rem;
}
.service_index_wrap .service-index-txt_box h4 {
font-size: 3.7rem;
line-height: 1.4;
}
.service_index_wrap .service-index-txt_box p {
margin-bottom: 4rem;
letter-spacing: 0.08em;
}
.service_index_wrap .ph-index-area .columns .column a.ph-index .txt_viewmore span {
color: #fff;
line-height: 1;
}
.service_index_wrap .ph-index-area .columns .column a.ph-index .txt_viewmore .link_text__icon {
fill: #fff;
}
.service_index_wrap .ph-index-area .columns .column a.ph-index:hover .link_text__icon {
transform: translateX(6px);
}
@media (min-width: 1300px) {
.service_index_wrap .ph-index figure {
flex-flow: column;
}
.service_index_wrap .ph-index figure img {
height: auto;
width: 100%;
}
}
@media (max-width: 768px) {
.service_index_wrap .ph-index {
height: auto;
}
.service_index_wrap .ph-index figure img {
height: auto;
width: 100%;
}
.service_index_wrap .ph-index figure > div {
width: 100%;
}
.service_index_wrap .service-index-txt_box h4 {
font-size: 3rem;
letter-spacing: 0;
line-height: 1.2;
}
.service_index_wrap .service-index-txt_box p {
margin: 2rem 0;
line-height: 1;
}
}
.pagination {
margin-top: 0;
justify-content: center;
position: relative;
}
.pagination * {
font-family: Helvetica Neue, "Open Sans", "sans-serif";
font-display: swap;
font-size: 1.6rem;
letter-spacing: 0.1em;
transition: 0.5s;
}
.pagination a:hover {
color: var(--corp-color);
transition: 0.5s;
}
.pagination > li a.disable {
opacity: 0.3;
pointer-events: none;
}
ul.pagination > li a.disable {
display: none;
}
.pagination .pager {
display: flex;
justify-content: center;
width: 100%;
}
.page-template-page-news .pagination .next.page-numbers, .category .pagination .next.page-numbers, .archive .pagination .next.page-numbers, .parent-pageid-107 .pagination .next.page-numbers {
position: absolute;
right: 0;
}
.page-template-page-news .pagination .prev.page-numbers, .category .pagination .prev.page-numbers, .archive .pagination .prev.page-numbers, .parent-pageid-107 .pagination .prev.page-numbers {
position: absolute;
left: 0;
}
.pagination.pagination-circle.is-flex.d-none {
display: none !important;
}
.pagination .pager .page-numbers, .pagination .page-numbers a {
width: 45px;
height: 45px;
border-radius: 50%;
text-align: center;
line-height: 45px;
margin: 0 1.2rem;
background: rgba(0, 65, 127, 0);
transition: 0.5s;
margin-top: 8rem;
display: block;
}
.pagination .page-numbers a {
margin-top: 0;
}
.pagination .pager a.page-numbers:hover, .pagination a.page-numbers:hover {
background: rgba(0, 65, 127, 0.05);
}
.pagination .pager a.page-numbers.next:hover, .pagination .pager a.page-numbers.prev:hover {
background: none;
}
.pagination .pager .page-numbers.current, .pagination .page-numbers a.current {
background: var(--corp-color);
color: #fff;
}
.pagination .page-numbers a.current {
color: #fff;
}
.pagination-circle {
justify-content: center !important;
width: 100%;
}
#jquery-tab-pager-navi {
margin-top: 1rem;
margin-bottom: 0;
}
@media (max-width: 768px) {
.pagination {
margin-top: calc(var(--basevw, 0.13vw) * 60);
justify-content: space-between;
}
.pagination > * {
font-size: 1.2rem;
}
.pagination .pager {
display: flex;
justify-content: center;
}
.pagination .pager .page-numbers, .pagination .page-numbers a {
font-size: 1.1rem;
width: 28px;
height: 28px;
line-height: 28px;
margin: 0 0.4rem;
}
}
.table-box dl {
display: flex;
border-bottom: 1px solid var(--border-color);
padding: 0 0 calc(var(--basevw, 0.078vw) * 35);
margin-bottom: calc(var(--basevw, 0.078vw) * 35);
font-size: calc(var(--baseft) * 1.16);
letter-spacing: 0.08em;
}
.table-box dl dt {
opacity: 0.6;
width: 22.5%;
line-height: 2.14;
}
.table-box dl dd {
width: 77.5%;
line-height: 2.14;
}
.table-box dl dd a {
text-decoration: underline;
}
.table-box > dl:last-child {
margin-bottom: 0;
}
.page_bn_cont-block > p:first-child, .single-format-standard.single .page-section.single-page-section .section.blog-cont-section .section-inner p:first-child {
padding-bottom: calc(var(--basevw, 0.078vw) * 36);
margin-bottom: calc(var(--basevw, 0.078vw) * 35);
line-height: 2.142;
border-bottom: 1px solid var(--border-color);
font-size: calc(var(--baseft) * 1.16);
}
@media (max-width: 768px) {
.table-box dl {
display: block;
padding: 0 0 calc(var(--basevw, 0.13vw) * 20);
margin-bottom: calc(var(--basevw, 0.13vw) * 20);
font-size: calc(var(--baseft, 1.2rem) * 1);
}
.table-box dl dt, .table-box dl dd {
width: 100%;
}
.page_bn_cont-block > p:first-child {
padding-bottom: calc(var(--basevw, 0.13vw) * 30);
margin-bottom: calc(var(--basevw, 0.13vw) * 30);
line-height: 1.83;
font-size: calc(var(--baseft, 1.2rem) * 1);
}
}
.page-404 {
background: #F7F9FB;
width: 100%;
height: calc(100vh - 91px);
display: flex;
justify-content: center;
align-items: center;
}
.page-404 h1 {
font-size: calc(var(--baseft) * 7);
color: var(--main-tit-color);
letter-spacing: 0;
line-height: calc(var(--basevw, 0.078vw) * 100);
}
.page-404 h1 + p {
text-align: center;
margin-bottom: calc(var(--basevw, 0.078vw) * 80);
}
.page-404 .btn_viewmore {
margin: 0 auto;
display: block;
}
@media (max-width: 768px) {
.page-404 {
height: calc(100vh - 61px);
}
.page-404 h1 {
font-size: calc(var(--baseft) * 4);
}
.page-404 h1 + p {
margin-bottom: calc(var(--basevw, 0.078vw) * 40);
}
}
@media (min-width: 769px) {
body, a:hover {
cursor: none;
}
#cursor, #cursor.blue {
position: fixed;
border-radius: 50%;
background-color: var(--corp-color);
width: 9px;
height: 9px;
margin: -4.5px 0 0 -4.5px;
z-index: 999999;
pointer-events: none;
opacity: 0;
}
#cursor.topmv, #cursor.white, #cursor.white.on {
background-color: #FFF;
}
#stalker, #stalker.blue {
position: fixed;
border-radius: 50%;
width: 40px;
height: 40px;
border: 1px solid rgba(0, 65, 127, 0.3);
margin: -20px 0 0 -20px;
z-index: 888888;
pointer-events: none;
opacity: 0;
}
#stalker.on, #stalker.blue.on {
background-color: var(--corp-color);
opacity: 0.1 !important;
border: none;
}
#stalker img {
visibility: hidden;
}
#stalker.topmv, #stalker.white {
border-color: #FFF;
opacity: 0.3;
}
.js-fix-wrap #stalker.topmv {
border-color: rgba(0, 65, 127, 0.3);
}
.js-fix-wrap #cursor.topmv {
background-color: var(--corp-color);
}
#stalker.topmv.on, #stalker.white.on {
background-color: #FFF;
opacity: 0.1 !important;
}
.js-fix-wrap #stalker.topmv.on {
background-color: var(--corp-color);
opacity: 0.1 !important;
border: none;
}
#cursor.active {
visibility: hidden;
}
#stalker.active {
transform: scale(1.8);
opacity: 1;
display: flex;
justify-content: center;
align-items: center;
transition: 0.2;
}
#stalker.active img {
visibility: visible;
}
}
@media (max-width: 768px) {
#cursor, #stalker {
display: none;
}
}
@-webkit-keyframes yura {
0% {
left: 0;
}
50% {
left: 3px;
}
100% {
left: 0;
}
}
@keyframes yura {
0% {
left: 0;
}
50% {
left: 3px;
}
100% {
left: 0;
}
}
@-webkit-keyframes slidein {
0% {
opacity: 0;
transform: translateY(50%);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
@keyframes slidein {
0% {
opacity: 0;
transform: translateY(50%);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
@-webkit-keyframes imagein {
0% {
-webkit-clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0 100%);
clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0 100%);
transform: scale(1.3);
opacity: 0;
}
100% {
-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
transform: scale(1);
opacity: 1;
}
}
@keyframes imagein {
0% {
-webkit-clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0 100%);
clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0 100%);
transform: scale(1.3);
opacity: 0;
}
100% {
-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
transform: scale(1);
opacity: 1;
}
}
@-webkit-keyframes imageinSP {
0% {
transform: scale(1.3);
opacity: 0;
}
100% {
transform: scale(1);
opacity: 1;
}
}
@keyframes imageinSP {
0% {
transform: scale(1.3);
opacity: 0;
}
100% {
transform: scale(1);
opacity: 1;
}
}
.come-to-view {
opacity: 0;
will-change: transform, opacity;
}
.come-to {
opacity: 0;
transition: 0.5s;
will-change: transform, opacity;
}
.come-to-view.inview {
-webkit-animation: fadeup 1s cubic-bezier(0.33, 1, 0.68, 1) 1 forwards;
animation: fadeup 1s cubic-bezier(0.33, 1, 0.68, 1) 1 forwards;
}
.come-to.show {
opacity: 1 !important;
transition: 0.5s;
}
@-webkit-keyframes fadeup {
0% {
transform: translateY(30px);
opacity: 0;
}
80% {
opacity: 1;
}
100% {
opacity: 1;
transform: translateY(0);
}
}
@keyframes fadeup {
0% {
transform: translateY(30px);
opacity: 0;
}
80% {
opacity: 1;
}
100% {
opacity: 1;
transform: translateY(0);
}
}
@media (min-width: 769px) {
#data-scroll .come-to-view {
opacity: 1;
}
#data-scroll .come-to-view.inview {
-webkit-animation: none;
animation: none;
}
}
@-webkit-keyframes fade-in-up {
0% {
transform: translateY(20px);
opacity: 0;
}
100% {
transform: translateY(0);
opacity: 1;
}
}
@keyframes fade-in-up {
0% {
transform: translateY(20px);
opacity: 0;
}
100% {
transform: translateY(0);
opacity: 1;
}
}
@-webkit-keyframes fade-out-bottom {
0% {
transform: translateY(0);
opacity: 1;
}
100% {
transform: translateY(20px);
opacity: 0;
}
}
@keyframes fade-out-bottom {
0% {
transform: translateY(0);
opacity: 1;
}
100% {
transform: translateY(20px);
opacity: 0;
}
}
@-webkit-keyframes fade-out-up {
0% {
transform: translateY(0);
opacity: 1;
}
100% {
transform: translateY(-20px);
opacity: 0;
}
}
@keyframes fade-out-up {
0% {
transform: translateY(0);
opacity: 1;
}
100% {
transform: translateY(-20px);
opacity: 0;
}
}
@-webkit-keyframes fade-in-bottom {
0% {
transform: translateY(-20px);
opacity: 0;
}
100% {
transform: translateY(0);
opacity: 1;
}
}
@keyframes fade-in-bottom {
0% {
transform: translateY(-20px);
opacity: 0;
}
100% {
transform: translateY(0);
opacity: 1;
}
}
@-webkit-keyframes scale100 {
0% {
transform: scale(0);
opacity: 0;
}
100% {
transform: scale(1);
opacity: 1;
}
}
@keyframes scale100 {
0% {
transform: scale(0);
opacity: 0;
}
100% {
transform: scale(1);
opacity: 1;
}
}
@-webkit-keyframes opa100 {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes opa100 {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.modaal-overlay {
z-index: 9999;
background-color: var(--corp-color);
opacity: 0.8;
}
.modaal-wrapper {
z-index: 10000;
}
.modaal-close:after, .modaal-close:before {
width: 2px;
border-radius: 1px;
}
.modaal-close:focus:after, .modaal-close:focus:before, .modaal-close:hover:after, .modaal-close:hover:before {
background: var(--corp-color);
}
.modaal-container {
background-color: transparent;
}
@media (max-width: 768px) {
.modaal-video-wrap {
margin: auto;
}
.modaal-container {
background-color: transparent;
}
.modaal-content-container {
padding: 0;
}
}
#privacy {
padding: calc(var(--basevw, 0.078vw) * 150) 0 calc(var(--basevw, 0.078vw) * 200);
}
.page_bn_cont-block .privacy-box dl {
border-bottom: 1px solid var(--border-color);
padding: 0 0 calc(var(--basevw, 0.078vw) * 35);
margin-bottom: calc(var(--basevw, 0.078vw) * 35);
letter-spacing: 0.08em;
}
.page_bn_cont-block .privacy-box > dl:last-child {
margin-bottom: 0;
border-bottom: none;
padding-bottom: 0;
}
.page_bn_cont-block .privacy-box dl dt {
position: relative;
padding-left: 1em;
text-indent: -1em;
font-size: calc(var(--baseft) * 1.33);
padding-bottom: calc(var(--basevw, 0.078vw) * 10);
line-height: 2.1252;
}
.page_bn_cont-block .privacy-box dl dt:before {
content: "";
background: var(--corp-color);
width: 6px;
height: 6px;
border-radius: 50%;
margin: auto 8px auto 0;
display: inline-block;
vertical-align: middle;
position: relative;
top: -0.1em;
}
.page_bn_cont-block .privacy-box dl dd {
font-size: calc(var(--baseft) * 1.16);
}
@media (max-width: 768px) {
#privacy {
padding: calc(var(--basevw, 40px) * 40) 0 calc(var(--basevw, 80px) * 80);
}
.page_bn_cont-block > p:first-child {
padding-bottom: calc(var(--basevw, 0.13vw) * 30);
margin-bottom: calc(var(--basevw, 0.13vw) * 30);
line-height: 2.16;
border-bottom: 1px solid var(--border-color);
font-size: calc(var(--baseft, 1.2rem) * 1);
}
.page_bn_cont-block .privacy-box dl {
border-bottom: 1px solid var(--border-color);
padding: 0 0 calc(var(--basevw, 0.13vw) * 30);
margin-bottom: calc(var(--basevw, 0.13vw) * 30);
letter-spacing: 0.08em;
}
.page_bn_cont-block .privacy-box dl dt {
font-size: calc(var(--baseft, 1.2rem) * 1.16);
padding-bottom: 0.8rem;
}
.page_bn_cont-block .privacy-box dl dt:before {
content: "";
background: var(--corp-color);
width: 5px;
height: 5px;
border-radius: 50%;
margin: auto 8px auto 0;
display: inline-block;
vertical-align: middle;
position: relative;
top: -0.1em;
}
.page_bn_cont-block .privacy-box dl dd {
font-size: calc(var(--baseft, 1.2rem) * 1);
line-height: 2.16;
}
}
.sns_link {
display: flex;
align-items: center;
gap: 20px;
}
.sns_link a .icn {
width: 12px;
vertical-align: middle;
margin-bottom: 2px;
}
@media (max-width: 1480px) {
.footer_navigation__footer {
flex-flow: column;
padding-top: 2rem;
padding-bottom: 2rem;
}
.footer_navigation__footer .sns_link {
width: 100%;
}
.footer_navigation__footer .copy {
justify-content: space-between;
width: 100%;
flex-flow: wrap;
}
}
@media (max-width: 768px) {
.footer_navigation__footer .copy nav {
display: flex;
flex-flow: column;
}
}
@media (min-width: 769px) {
.footer_navigation__footer {
flex-flow: column;
padding-top: 2rem;
padding-bottom: 2rem;
}
.footer_navigation__footer .sns_link {
width: 100%;
}
.footer_navigation__footer .copy {
justify-content: space-between;
width: 100%;
flex-flow: wrap;
}
}
.h-gnav .global_navigation__inner .global_navigation__footer .sns_link .sns__icon {
width: 12px;
height: 12px;
fill: var(--main-txt-color);
margin-right: 1rem;
}
.h-gnav .global_navigation__inner .global_navigation__footer .sns_link a span {
color: var(--main-txt-color);
font-size: 1.1rem;
line-height: 20px;
}