@charset "UTF-8";

@media (min-width: 769px) {
.home main {
background-color: transparent;
}
}
.mv,
.mv-wrapper {
position: relative;
height: 100vh;
width: 100%;
}
@media (min-width: 1537px) {
.mv,
.mv-wrapper {
min-height: 1080px;
}
}
@media (min-width: 1367px) {
.mv,
.mv-wrapper {
min-height: 864px;
}
}
@media (min-width: 1281px) {
.mv,
.mv-wrapper {
min-height: 768px;
}
}
.mv-wrapper {
overflow: hidden;
}
.mv-inner {
height: 100vh;
}
.mv.sticky {
position: sticky;
top: 0;
}
.img-RtoL,
.img-LtoR,
.img-RtoLbg,
.img-LtoRbg,
.img-RtoL2,
.img-LtoR2,
.img-RtoL2bg,
.img-LtoR2bg {
width: 100%;
height: 100vh;
display: flex;
align-items: center;
justify-content: center;
left: 0;
top: 0;
z-index: 2;
position: relative;
}
.img-RtoL,
.img-LtoR {
z-index: 3;
}
.img-RtoL2,
.img-LtoR2 {
z-index: 4;
}
.img-RtoLbg,
.img-LtoRbg,
.img-RtoL2bg,
.img-LtoR2bg {
opacity: 0;
transition: 1.5s;
}
.is_show .img-RtoLbg,
.is_show .img-LtoRbg,
.is_show .img-RtoL2bg,
.is_show .img-LtoR2bg {
opacity: 1;
}
.overray {
position: absolute;
}
.img-RtoL img,
.img-LtoR img,
.img-RtoLbg img,
.img-LtoRbg img,
.img-RtoL2 img,
.img-LtoR2 img,
.img-RtoL2bg img,
.img-LtoR2bg img {
height: 100%;
width: auto !important;
max-width: none;
}
.mask-rtol01 {
clip-path: inset(22.43% 23.43% 66.66% 23.43%);
opacity: 0;
}
.mask-ltor02 {
clip-path: inset(41.02% 23.43% 48.07% 23.43%);
opacity: 0;
}
.mask-rtol03 {
clip-path: inset(59.61% 23.43% 29.48% 23.43%);
opacity: 0;
}
.mask-ltor04 {
clip-path: inset(78.2% 23.43% 10.89% 23.43%);
opacity: 0;
}
.swiper-slide-active .mask-rtol01 {
animation: maskscale01 0.75s 1.25s cubic-bezier(0.645, 0.045, 0.355, 1)
forwards,
fadeIn 0.75s 1.25s ease forwards;
}
.swiper-slide-active .mask-ltor04 {
animation: maskscale04 0.75s 1.25s cubic-bezier(0.645, 0.045, 0.355, 1)
forwards,
fadeIn 0.75s 1.25s ease forwards;
}
.swiper-slide-active .mask-ltor02 {
animation: maskscale02 1s 1s cubic-bezier(0.645, 0.045, 0.355, 1) forwards,
fadeIn 1s 1s ease forwards;
}
.swiper-slide-active .mask-rtol03 {
animation: maskscale03 1s 1s cubic-bezier(0.645, 0.045, 0.355, 1) forwards,
fadeIn 1s 1s ease forwards;
}
.swiper-slide-active.out .mask-rtol01 {
animation: maskscaleout01 1s cubic-bezier(0.645, 0.045, 0.355, 1) forwards;
opacity: 1;
}
.swiper-slide-active.out .mask-ltor04 {
animation: maskscaleout04 1s cubic-bezier(0.645, 0.045, 0.355, 1) forwards;
opacity: 1;
}
.swiper-slide-active.out .mask-ltor02 {
animation: maskscaleout02 0.75s 0.25s cubic-bezier(0.645, 0.045, 0.355, 1)
forwards;
opacity: 1;
}
.swiper-slide-active.out .mask-rtol03 {
animation: maskscaleout03 0.75s 0.25s cubic-bezier(0.645, 0.045, 0.355, 1)
forwards;
opacity: 1;
}
@keyframes maskscale01 {
0% {
clip-path: inset(22.43% 50% 66.66% 50%);
}
100% {
clip-path: inset(22.43% 23.43% 66.66% 23.43%);
}
}
@keyframes maskscale04 {
0% {
clip-path: inset(78.2% 50% 10.89% 50%);
}
100% {
clip-path: inset(78.2% 23.43% 10.89% 23.43%);
}
}
@keyframes maskscale02 {
0% {
clip-path: inset(41.02% 50% 48.07% 50%);
}
100% {
clip-path: inset(41.02% 23.43% 48.07% 23.43%);
}
}
@keyframes maskscale03 {
0% {
clip-path: inset(59.61% 50% 29.48% 50%);
}
100% {
clip-path: inset(59.61% 23.43% 29.48% 23.43%);
}
}
@keyframes maskscaleout01 {
0% {
clip-path: inset(22.43% 23.43% 66.66% 23.43%);
opacity: 1;
}
100% {
clip-path: inset(22.43% 50% 66.66% 50%);
opacity: 0;
}
}
@keyframes maskscaleout04 {
0% {
clip-path: inset(78.2% 23.43% 10.89% 23.43%);
opacity: 1;
}
100% {
clip-path: inset(78.2% 50% 10.89% 50%);
opacity: 0;
}
}
@keyframes maskscaleout02 {
0% {
clip-path: inset(41.02% 23.43% 48.07% 23.43%);
opacity: 1;
}
100% {
clip-path: inset(41.02% 50% 48.07% 50%);
opacity: 0;
}
}
@keyframes maskscaleout03 {
0% {
clip-path: inset(59.61% 23.43% 29.48% 23.43%);
opacity: 1;
}
100% {
clip-path: inset(59.61% 50% 29.48% 50%);
opacity: 0;
}
}
@keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.item__img div {
width: 100%;
height: 100vh;
}
.item__img > div > div {
position: relative;
}
.webp .item__img .img-RtoL div {
background: url(//regrit-p.com/wp-content/themes/RegritPertners/assets/img/top/key_maskimg_r.webp)
center no-repeat;
background-size: cover;
transform: translateX(0);
}
.no-webp .item__img .img-RtoL div {
background: url(//regrit-p.com/wp-content/themes/RegritPertners/assets/img/top/key_maskimg_r.jpg)
center no-repeat;
background-size: cover;
transform: translateX(0);
}
.webp .item__img .img-RtoL2 div {
background: url(//regrit-p.com/wp-content/themes/RegritPertners/assets/img/top/key02_maskimg_l.webp)
center no-repeat;
background-size: cover;
transform: translateX(0);
}
.no-webp .item__img .img-RtoL2 div {
background: url(//regrit-p.com/wp-content/themes/RegritPertners/assets/img/top/key02_maskimg_l.jpg)
center no-repeat;
background-size: cover;
transform: translateX(0);
}
.webp .item__img .img-LtoR div {
background: url(//regrit-p.com/wp-content/themes/RegritPertners/assets/img/top/key_maskimg_l.webp)
center no-repeat;
background-size: cover;
transform: translateX(0);
}
.no-webp .item__img .img-LtoR div {
background: url(//regrit-p.com/wp-content/themes/RegritPertners/assets/img/top/key_maskimg_l.jpg)
center no-repeat;
background-size: cover;
transform: translateX(0);
}
.webp .item__img .img-LtoR2 div {
background: url(//regrit-p.com/wp-content/themes/RegritPertners/assets/img/top/key02_maskimg_r.webp)
center no-repeat;
background-size: cover;
transform: translateX(0);
}
.no-webp .item__img .img-LtoR2 div {
background: url(//regrit-p.com/wp-content/themes/RegritPertners/assets/img/top/key02_maskimg_r.jpg)
center no-repeat;
background-size: cover;
transform: translateX(0);
}
.webp .item__img .img-LtoRbg div {
background: url(//regrit-p.com/wp-content/themes/RegritPertners/assets/img/top/key02_maskimg_r.webp)
center no-repeat;
background-size: cover;
transform: translateX(0);
}
.no-webp .item__img .img-LtoRbg div {
background: url(//regrit-p.com/wp-content/themes/RegritPertners/assets/img/top/key02_maskimg_r.jpg)
center no-repeat;
background-size: cover;
transform: translateX(0);
}
.webp .item__img .img-RtoL2 div {
background: url(//regrit-p.com/wp-content/themes/RegritPertners/assets/img/top/key02_maskimg_l.webp)
center no-repeat;
background-size: cover;
transform: translateX(0);
}
.no-webp .item__img .img-RtoL2 div {
background: url(//regrit-p.com/wp-content/themes/RegritPertners/assets/img/top/key02_maskimg_l.jpg)
center no-repeat;
background-size: cover;
transform: translateX(0);
}
.webp .item__img .img-LtoR div {
background: url(//regrit-p.com/wp-content/themes/RegritPertners/assets/img/top/key_maskimg_l.webp)
center no-repeat;
background-size: cover;
transform: translateX(0);
}
.no-webp .item__img .img-LtoR div {
background: url(//regrit-p.com/wp-content/themes/RegritPertners/assets/img/top/key_maskimg_l.jpg)
center no-repeat;
background-size: cover;
transform: translateX(0);
}
.webp .item__img .img-LtoR2 div {
background: url(//regrit-p.com/wp-content/themes/RegritPertners/assets/img/top/key02_maskimg_r.webp)
center no-repeat;
background-size: cover;
transform: translateX(0);
}
.no-webp .item__img .img-LtoR2 div {
background: url(//regrit-p.com/wp-content/themes/RegritPertners/assets/img/top/key02_maskimg_r.jpg)
center no-repeat;
background-size: cover;
transform: translateX(0);
}
.webp .mv-inner .item1:before {
background: url(//regrit-p.com/wp-content/themes/RegritPertners/assets/img/top/kv_01.webp)
center no-repeat;
background-size: cover;
opacity: 1;
transition: 0.5s ease;
content: "";
width: 100%;
height: 100vh;
position: absolute;
left: 0;
top: 0;
}
.webp .mv-inner .item2:before {
background: url(//regrit-p.com/wp-content/themes/RegritPertners/assets/img/top/kv_02.webp)
center no-repeat;
background-size: cover;
opacity: 1;
content: "";
width: 100%;
height: 100vh;
position: absolute;
left: 0;
top: 0;
}
.no-webp .mv-inner .item1:before {
background: url(//regrit-p.com/wp-content/themes/RegritPertners/assets/img/top/kv_01.jpg)
center no-repeat;
background-size: cover;
opacity: 1;
transition: 0.5s ease;
content: "";
width: 100%;
height: 100vh;
position: absolute;
left: 0;
top: 0;
}
.no-webp .mv-inner .item2:before {
background: url(//regrit-p.com/wp-content/themes/RegritPertners/assets/img/top/kv_02.jpg)
center no-repeat;
background-size: cover;
opacity: 1;
content: "";
width: 100%;
height: 100vh;
position: absolute;
left: 0;
top: 0;
}
.item__img.swiper-slide-active .img-RtoL div {
animation: RtoL 1s 2s cubic-bezier(1, 0, 0, 1) forwards 1;
z-index: 3;
}
.item__img.swiper-slide-active .img-LtoR div {
animation: LtoR 1s 2s cubic-bezier(1, 0, 0, 1) forwards 1;
z-index: 3;
}
.item__img.swiper-slide-active .img-RtoL2 div {
animation: RtoL 1s 2s cubic-bezier(1, 0, 0, 1) forwards 1;
z-index: 3;
}
.item__img.swiper-slide-active .img-LtoR2 div {
animation: LtoR 1s 2s cubic-bezier(1, 0, 0, 1) forwards 1;
z-index: 3;
}
@keyframes RtoL {
0% {
transform: translateX(0);
}
100% {
transform: translateX(-18%);
}
}
@keyframes LtoR {
0% {
transform: translateX(0);
}
100% {
transform: translateX(18%);
}
}
.mv-inner .mv-img .item__img {
width: 100%;
height: 100%;
position: relative;
display: flex;
}
.mv-inner .item__img.is_active:before {
opacity: 1;
}
.mv-inner .item__img.is_active:after {
animation: bgChange 4.5s linear forwards infinite;
}
@keyframes bgChange {
0% {
opacity: 0;
}
88.88% {
opacity: 0;
}
99.99% {
opacity: 1;
}
}
.mv__pagination.pagination.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal {
position: absolute;
left: 4.6%;
bottom: 4.6%;
display: flex;
margin-bottom: 0 !important;
z-index: 11;
width: auto;
}
.is_show .mv__pagination {
opacity: 1;
}
.mv__pagination .num {
position: relative;
width: 32px;
height: 32px;
margin-right: 18px;
opacity: 1;
border-radius: 50%;
}
.mv__pagination .num:hover {
cursor: pointer;
}
.mv__pagination .num.is_active {
border: 1px solid rgba(255, 255, 255, 0);
border-radius: 50%;
position: relative;
animation: timerline 9s linear forwards 1;
}
@keyframes timerline {
0% {
border: 1px solid rgba(255, 255, 255, 0);
}
5% {
border: 1px solid rgba(255, 255, 255, 0.5);
}
99% {
border: 1px solid rgba(255, 255, 255, 0.5);
}
100% {
border: 1px solid rgba(255, 255, 255, 0);
}
}
.mv__pagination .num .timer {
left: -1px;
top: -1px;
position: absolute;
width: 32px;
height: 32px;
z-index: 4;
fill: transparent;
stroke: #fff;
stroke-width: 1;
opacity: 0;
transform: rotate(-90deg);
stroke-dasharray: 152px;
stroke-dashoffset: 152px;
}
.mv__pagination .num.is_active .timer {
animation: circle 10s linear forwards 1;
fill: transparent;
stroke: #fff;
stroke-width: 1;
opacity: 1;
}
.init.mv__pagination .num.is_active .timer {
animation: circle 8.5s linear forwards 1;
}
@keyframes circle {
0% {
opacity: 0;
}
1% {
opacity: 1;
}
100% {
stroke-dashoffset: 0;
}
}
.mv__pagination .num:before {
width: 4px;
height: 4px;
content: "";
margin: auto;
display: block;
background: #fff;
border-radius: 50%;
opacity: 1;
z-index: 2;
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
}
.scroll-bar {
position: absolute;
right: 4.6%;
bottom: 4.6%;
z-index: 100;
display: flex;
justify-content: flex-end;
align-items: center;
flex-flow: column;
}
.scroll-bar .scroll-bar-text {
color: #fff;
letter-spacing: 0.2em;
font-size: 1rem;
padding-bottom: 1px;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
margin-bottom: 4em;
}
.scroll-bar .scroll-bar-icon {
align-items: center;
display: flex;
border: 1px solid rgba(255, 255, 255, 0.3);
width: 30px;
height: 30px;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
overflow: hidden;
text-align: center;
line-height: 30px;
border-radius: 50%;
}
.scroll-bar .scroll-bar-icon .link_text__icon {
width: 100%;
height: 6px;
fill: #fff;
animation: yura 1.5s ease infinite;
position: relative;
}
.mv-text {
position: absolute;
width: 100%;
height: 100%;
display: flex;
flex-flow: column;
justify-content: flex-start;
align-items: center;
left: 0;
top: 0;
z-index: 10;
}
.mv-text h1 {
line-height: 1;
font-weight: 400;
font-style: normal;
color: #fff;
font-size: 9.91em;
letter-spacing: -0.065em;
margin-left: -0.0325em;
position: absolute;
display: flex;
justify-content: center;
align-items: center;
width: 100%;
margin-bottom: 0;
left: 0;
top: 41%;
height: 10.9%;
}
.mv-text h1 span.t_b {
opacity: 0;
display: block;
letter-spacing: -0.065em;
animation: fade-out-up 0.5s ease-out forwards;
}
.mv-text h1 span.b_t {
opacity: 0;
letter-spacing: -0.065em;
animation: fade-out-bottom 0.5s ease-out forwards;
}
.mv-text.is_view h1 span.t_b {
animation: fade-in-bottom 0.5s ease-out forwards;
opacity: 0;
}
.mv-text.is_view h1 span.b_t {
animation: fade-in-up 0.5s ease-out forwards;
opacity: 0;
}
.mv-text.is_view.fast h1 span.t_b {
animation: fade-in-bottom 0.5s 1.5s ease-out forwards;
opacity: 0;
}
.mv-text.is_view.fast h1 span.b_t {
animation: fade-in-up 0.5s 1.5s ease-out forwards;
opacity: 0;
}
.mv-text .comment {
height: 10.9%;
display: flex;
justify-content: center;
align-items: center;
color: #fff;
opacity: 0;
font-size: 1.6rem;
line-height: 1.6;
text-align: center;
position: absolute;
bottom: 29.48%;
left: 0;
right: 0;
animation: fade-out-bottom 0.5s ease-out forwards;
}
.mv-text .comment a {
border-bottom: 1px solid #fff;
padding-bottom: 0.2em;
color: #fff;
}
.mv-text.is_view .comment {
animation: fade-in-up 0.5s 0.5s ease-out forwards;
}
.mv-text.is_view.fast .comment {
animation: fade-in-up 0.5s 2s ease-out forwards;
}
@media (min-width: 1400px) {
.img-Rto,
.img-LtoR {
display: flex;
justify-content: center;
align-items: center;
}
.img-RtoL img,
.img-LtoR img {
width: auto;
height: 100vh;
}
}
@media (max-width: 1279px) {
.mask-rtol01 {
clip-path: inset(22.43% 18% 66.66% 18%);
}
.mask-ltor02 {
clip-path: inset(41.02% 18% 48.07% 18%);
}
.mask-rtol03 {
clip-path: inset(59.61% 18% 29.48% 18%);
}
.mask-ltor04 {
clip-path: inset(78.2% 18% 10.89% 18%);
}
.swiper-slide-active .mask-rtol01 {
animation: maskscale01m 0.75s 1.25s cubic-bezier(0.645, 0.045, 0.355, 1)
forwards,
fadeIn 0.75s 1.25s ease forwards;
}
.swiper-slide-active .mask-ltor04 {
animation: maskscale04m 0.75s 1.25s cubic-bezier(0.645, 0.045, 0.355, 1)
forwards,
fadeIn 0.75s 1.25s ease forwards;
}
.swiper-slide-active .mask-ltor02 {
animation: maskscale02m 1s 1s cubic-bezier(0.645, 0.045, 0.355, 1) forwards,
fadeIn 1s 1s ease forwards;
}
.swiper-slide-active .mask-rtol03 {
animation: maskscale03m 1s 1s cubic-bezier(0.645, 0.045, 0.355, 1) forwards,
fadeIn 1s 1s ease forwards;
}
.swiper-slide-active.out .mask-rtol01 {
animation: maskscaleout01m 1s cubic-bezier(0.645, 0.045, 0.355, 1) forwards;
opacity: 1;
}
.swiper-slide-active.out .mask-ltor04 {
animation: maskscaleout04m 1s cubic-bezier(0.645, 0.045, 0.355, 1) forwards;
opacity: 1;
}
.swiper-slide-active.out .mask-ltor02 {
animation: maskscaleout02m 0.75s 0.25s cubic-bezier(0.645, 0.045, 0.355, 1)
forwards;
opacity: 1;
}
.swiper-slide-active.out .mask-rtol03 {
animation: maskscaleout03m 0.75s 0.25s cubic-bezier(0.645, 0.045, 0.355, 1)
forwards;
opacity: 1;
}
}
@keyframes maskscale01m {
0% {
clip-path: inset(22.43% 50% 66.66% 50%);
}
100% {
clip-path: inset(22.43% 18% 66.66% 18%);
}
}
@keyframes maskscale04m {
0% {
clip-path: inset(78.2% 50% 10.89% 50%);
}
100% {
clip-path: inset(78.2% 18% 10.89% 18%);
}
}
@keyframes maskscale02m {
0% {
clip-path: inset(41.02% 50% 48.07% 50%);
}
100% {
clip-path: inset(41.02% 18% 48.07% 18%);
}
}
@keyframes maskscale03m {
0% {
clip-path: inset(59.61% 50% 29.48% 50%);
}
100% {
clip-path: inset(59.61% 18% 29.48% 18%);
}
}
@keyframes maskscaleout01m {
0% {
clip-path: inset(22.43% 18% 66.66% 18%);
opacity: 1;
}
100% {
clip-path: inset(22.43% 50% 66.66% 50%);
opacity: 0;
}
}
@keyframes maskscaleout04m {
0% {
clip-path: inset(78.2% 18% 10.89% 18%);
opacity: 1;
}
100% {
clip-path: inset(78.2% 50% 10.89% 50%);
opacity: 0;
}
}
@keyframes maskscaleout02m {
0% {
clip-path: inset(41.02% 18% 48.07% 18%);
opacity: 1;
}
100% {
clip-path: inset(41.02% 50% 48.07% 50%);
opacity: 0;
}
}
@keyframes maskscaleout03m {
0% {
clip-path: inset(59.61% 18% 29.48% 18%);
opacity: 1;
}
100% {
clip-path: inset(59.61% 50% 29.48% 50%);
opacity: 0;
}
}
@media (max-width: 1024px) {
.mask-rtol01 {
clip-path: inset(22.43% 16% 66.66% 16%);
}
.mask-ltor02 {
clip-path: inset(41.02% 16% 48.07% 16%);
}
.mask-rtol03 {
clip-path: inset(59.61% 16% 29.48% 16%);
}
.mask-ltor04 {
clip-path: inset(78.2% 16% 10.89% 16%);
}
.swiper-slide-active .mask-rtol01 {
animation: maskscale01s 0.75s 1.25s cubic-bezier(0.645, 0.045, 0.355, 1)
forwards,
fadeIn 0.75s 1.25s ease forwards;
}
.swiper-slide-active .mask-ltor04 {
animation: maskscale04s 0.75s 1.25s cubic-bezier(0.645, 0.045, 0.355, 1)
forwards,
fadeIn 0.75s 1.25s ease forwards;
}
.swiper-slide-active .mask-ltor02 {
animation: maskscale02s 1s 1s cubic-bezier(0.645, 0.045, 0.355, 1) forwards,
fadeIn 1s 1s ease forwards;
}
.swiper-slide-active .mask-rtol03 {
animation: maskscale03s 1s 1s cubic-bezier(0.645, 0.045, 0.355, 1) forwards,
fadeIn 1s 1s ease forwards;
}
.swiper-slide-active.out .mask-rtol01 {
animation: maskscaleout01s 1s cubic-bezier(0.645, 0.045, 0.355, 1) forwards;
opacity: 1;
}
.swiper-slide-active.out .mask-ltor04 {
animation: maskscaleout04s 1s cubic-bezier(0.645, 0.045, 0.355, 1) forwards;
opacity: 1;
}
.swiper-slide-active.out .mask-ltor02 {
animation: maskscaleout02s 0.75s 0.25s cubic-bezier(0.645, 0.045, 0.355, 1)
forwards;
opacity: 1;
}
.swiper-slide-active.out .mask-rtol03 {
animation: maskscaleout03s 0.75s 0.25s cubic-bezier(0.645, 0.045, 0.355, 1)
forwards;
opacity: 1;
}
.item__img.swiper-slide-active .img-RtoL div {
animation: RtoLs 1s 2s cubic-bezier(1, 0, 0, 1) forwards;
}
.item__img.swiper-slide-active .img-LtoR div {
animation: LtoRs 1s 2s cubic-bezier(1, 0, 0, 1) forwards;
}
.item__img.swiper-slide-active .img-RtoL2 div {
animation: RtoLs 1s 2s cubic-bezier(1, 0, 0, 1) forwards;
}
.item__img.swiper-slide-active .img-LtoR2 div {
animation: LtoRs 1s 2s cubic-bezier(1, 0, 0, 1) forwards;
}
}
@keyframes RtoLs {
0% {
transform: translateX(0);
}
100% {
transform: translateX(-15%);
}
}
@keyframes LtoRs {
0% {
transform: translateX(0);
}
100% {
transform: translateX(15%);
}
}
@keyframes maskscale01s {
0% {
clip-path: inset(22.43% 50% 66.66% 50%);
}
100% {
clip-path: inset(22.43% 16% 66.66% 16%);
}
}
@keyframes maskscale04s {
0% {
clip-path: inset(78.2% 50% 10.89% 50%);
}
100% {
clip-path: inset(78.2% 16% 10.89% 16%);
}
}
@keyframes maskscale02s {
0% {
clip-path: inset(41.02% 50% 48.07% 50%);
}
100% {
clip-path: inset(41.02% 16% 48.07% 16%);
}
}
@keyframes maskscale03s {
0% {
clip-path: inset(59.61% 50% 29.48% 50%);
}
100% {
clip-path: inset(59.61% 16% 29.48% 16%);
}
}
@keyframes maskscaleout01s {
0% {
clip-path: inset(22.43% 16% 66.66% 16%);
opacity: 1;
}
100% {
clip-path: inset(22.43% 50% 66.66% 50%);
opacity: 0;
}
}
@keyframes maskscaleout04s {
0% {
clip-path: inset(78.2% 16% 10.89% 16%);
opacity: 1;
}
100% {
clip-path: inset(78.2% 50% 10.89% 50%);
opacity: 0;
}
}
@keyframes maskscaleout02s {
0% {
clip-path: inset(41.02% 16% 48.07% 16%);
opacity: 1;
}
100% {
clip-path: inset(41.02% 50% 48.07% 50%);
opacity: 0;
}
}
@keyframes maskscaleout03s {
0% {
clip-path: inset(59.61% 16% 29.48% 16%);
opacity: 1;
}
100% {
clip-path: inset(59.61% 50% 29.48% 50%);
opacity: 0;
}
}
@media (max-width: 768px) {
html,
body,
.mv,
.mv-wrapper,
.mv-loading,
.mv-loading .show-img,
.mv-inner,
.mv-inner .item1:before,
.mv-inner .item2:before,
.mv-inner .item1:after,
.mv-inner .item2:after,
.item__img div,
#luxy,
#data-scroll {
height: 100%;
}
.mv-img {
display: flex;
position: relative;
width: 100%;
height: 100%;
}
.mask-rtol01 {
clip-path: inset(32.44% 10% 59.84% 10%);
}
.mask-ltor02 {
clip-path: inset(45.03% 10% 47.24% 10%);
}
.mask-rtol03 {
clip-path: inset(57.48% 10% 34.64% 10%);
}
.mask-ltor04 {
clip-path: inset(70.86% 10% 21.8% 10%);
}
.swiper-slide-active .mask-rtol01 {
animation: maskscale01xs 0.75s 1.25s cubic-bezier(0.645, 0.045, 0.355, 1)
forwards,
fadeIn 0.75s 1.25s ease forwards;
}
.swiper-slide-active .mask-ltor04 {
animation: maskscale04xs 0.75s 1.25s cubic-bezier(0.645, 0.045, 0.355, 1)
forwards,
fadeIn 0.75s 1.25s ease forwards;
}
.swiper-slide-active .mask-ltor02 {
animation: maskscale02xs 1s 1s cubic-bezier(0.645, 0.045, 0.355, 1) forwards,
fadeIn 1s 1s ease forwards;
}
.swiper-slide-active .mask-rtol03 {
animation: maskscale03xs 1s 1s cubic-bezier(0.645, 0.045, 0.355, 1) forwards,
fadeIn 1s 1s ease forwards;
}
.swiper-slide-active.out .mask-rtol01 {
animation: maskscaleout01xs 1s cubic-bezier(0.645, 0.045, 0.355, 1) forwards;
opacity: 1;
}
.swiper-slide-active.out .mask-ltor04 {
animation: maskscaleout04xs 1s cubic-bezier(0.645, 0.045, 0.355, 1) forwards;
opacity: 1;
}
.swiper-slide-active.out .mask-ltor02 {
animation: maskscaleout02xs 0.75s 0.25s cubic-bezier(0.645, 0.045, 0.355, 1)
forwards;
opacity: 1;
}
.swiper-slide-active.out .mask-rtol03 {
animation: maskscaleout03xs 0.75s 0.25s cubic-bezier(0.645, 0.045, 0.355, 1)
forwards;
opacity: 1;
}
.item__img.swiper-slide-active .img-RtoL div {
animation: RtoLSP 1s 2s cubic-bezier(1, 0, 0, 1) forwards;
background-position: center center;
}
.item__img.swiper-slide-active .img-LtoR div {
animation: LtoRSP 1s 2s cubic-bezier(1, 0, 0, 1) forwards;
background-position: center center;
}
.item__img.swiper-slide-active .img-RtoL2 div {
animation: RtoLSP 1s 2s cubic-bezier(1, 0, 0, 1) forwards;
background-position: center center;
}
.item__img.swiper-slide-active .img-LtoR2 div {
animation: LtoRSP 1s 2s cubic-bezier(1, 0, 0, 1) forwards;
background-position: center center;
}
.mv-text h1 {
font-size: 11vw;
top: 44%;
width: 100%;
position: absolute;
height: 11.5%;
margin-top: 0;
margin: 0;
left: -0.0325em;
}
.mv-text .comment {
height: 7.8%;
font-size: 2vw;
line-height: 1.3;
bottom: 34.64%;
}
.scroll-bar {
position: absolute;
right: 5.3%;
bottom: 4.6%;
justify-content: flex-end;
align-items: center;
width: 50%;
flex-flow: row;
}
.scroll-bar .scroll-bar-text {
padding-bottom: 0;
-webkit-transform: rotate(0);
transform: rotate(0);
margin-bottom: 0;
margin-right: 1rem;
}
}
@keyframes maskscale01xs {
0% {
clip-path: inset(32.44% 50% 59.84% 50%);
}
100% {
clip-path: inset(32.44% 10% 59.84% 10%);
}
}
@keyframes maskscale04xs {
0% {
clip-path: inset(70.86% 50% 21.8% 50%);
}
100% {
clip-path: inset(70.86% 10% 21.8% 10%);
}
}
@keyframes maskscale02xs {
0% {
clip-path: inset(45.03% 50% 47.24% 50%);
}
100% {
clip-path: inset(45.03% 10% 47.24% 10%);
}
}
@keyframes maskscale03xs {
0% {
clip-path: inset(57.48% 50% 34.64% 50%);
}
100% {
clip-path: inset(57.48% 10% 34.64% 10%);
}
}
@keyframes maskscaleout01xs {
0% {
clip-path: inset(32.44% 10% 59.84% 10%);
opacity: 1;
}
100% {
clip-path: inset(32.44% 50% 59.84% 50%);
opacity: 0;
}
}
@keyframes maskscaleout04xs {
0% {
clip-path: inset(70.86% 10% 21.8% 10%);
opacity: 1;
}
100% {
clip-path: inset(70.86% 50% 21.8% 50%);
opacity: 0;
}
}
@keyframes maskscaleout02xs {
0% {
clip-path: inset(45.03% 10% 47.24% 10%);
opacity: 1;
}
100% {
clip-path: inset(45.03% 50% 47.24% 50%);
opacity: 0;
}
}
@keyframes maskscaleout03xs {
0% {
clip-path: inset(57.48% 10% 34.64% 10%);
opacity: 1;
}
100% {
clip-path: inset(57.48% 50% 34.64% 50%);
opacity: 0;
}
}
@keyframes RtoLSP {
0% {
background-position: center center;
}
100% {
background-position: 61% center;
}
}
@keyframes LtoRSP {
0% {
background-position: center center;
}
100% {
background-position: 39% center;
}
}
@media (max-width: 575px) {
.webp .item__img .img-RtoL div {
background: url(//regrit-p.com/wp-content/themes/RegritPertners/assets/img/top/key_maskimg_r_sp.webp)
center no-repeat;
background-size: cover;
transform: translateX(0);
}
.no-webp .item__img .img-RtoL div {
background: url(//regrit-p.com/wp-content/themes/RegritPertners/assets/img/top/key_maskimg_r_sp.jpg)
center no-repeat;
background-size: cover;
transform: translateX(0);
}
.webp .item__img .img-RtoL2 div {
background: url(//regrit-p.com/wp-content/themes/RegritPertners/assets/img/top/key02_maskimg_l_sp.webp)
center no-repeat;
background-size: cover;
transform: translateX(0);
}
.no-webp .item__img .img-RtoL2 div {
background: url(//regrit-p.com/wp-content/themes/RegritPertners/assets/img/top/key02_maskimg_l_sp.jpg)
center no-repeat;
background-size: cover;
transform: translateX(0);
}
.webp .item__img .img-LtoR div {
background: url(//regrit-p.com/wp-content/themes/RegritPertners/assets/img/top/key_maskimg_l_sp.webp)
center no-repeat;
background-size: cover;
transform: translateX(0);
}
.no-webp .item__img .img-LtoR div {
background: url(//regrit-p.com/wp-content/themes/RegritPertners/assets/img/top/key_maskimg_l_sp.jpg)
center no-repeat;
background-size: cover;
transform: translateX(0);
}
.webp .item__img .img-LtoR2 div {
background: url(//regrit-p.com/wp-content/themes/RegritPertners/assets/img/top/key02_maskimg_r_sp.webp)
center no-repeat;
background-size: cover;
transform: translateX(0);
}
.no-webp .item__img .img-LtoR2 div {
background: url(//regrit-p.com/wp-content/themes/RegritPertners/assets/img/top/key02_maskimg_r_sp.jpg)
center no-repeat;
background-size: cover;
transform: translateX(0);
}
.webp .item__img .img-RtoL2 div {
background: url(//regrit-p.com/wp-content/themes/RegritPertners/assets/img/top/key02_maskimg_l_sp.webp)
center no-repeat;
background-size: cover;
transform: translateX(0);
}
.no-webp .item__img .img-RtoL2 div {
background: url(//regrit-p.com/wp-content/themes/RegritPertners/assets/img/top/key02_maskimg_l_sp.jpg)
center no-repeat;
background-size: cover;
transform: translateX(0);
}
.webp .item__img .img-LtoR div {
background: url(//regrit-p.com/wp-content/themes/RegritPertners/assets/img/top/key_maskimg_l_sp.webp)
center no-repeat;
background-size: cover;
transform: translateX(0);
}
.no-webp .item__img .img-LtoR div {
background: url(//regrit-p.com/wp-content/themes/RegritPertners/assets/img/top/key_maskimg_l_sp.jpg)
center no-repeat;
background-size: cover;
transform: translateX(0);
}
.webp .item__img .img-LtoR2 div {
background: url(//regrit-p.com/wp-content/themes/RegritPertners/assets/img/top/key02_maskimg_r_sp.webp)
center no-repeat;
background-size: cover;
transform: translateX(0);
}
.no-webp .item__img .img-LtoR2 div {
background: url(//regrit-p.com/wp-content/themes/RegritPertners/assets/img/top/key02_maskimg_r_sp.jpg)
center no-repeat;
background-size: cover;
transform: translateX(0);
}
.webp .mv-inner .item1:before {
background: url(//regrit-p.com/wp-content/themes/RegritPertners/assets/img/top/kv01_sp.webp)
center no-repeat;
background-size: cover;
opacity: 1;
transition: 0.5s ease;
content: "";
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
}
.webp .mv-inner .item2:before {
background: url(//regrit-p.com/wp-content/themes/RegritPertners/assets/img/top/kv02_sp.webp)
center no-repeat;
background-size: cover;
opacity: 1;
content: "";
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
}
.no-webp .mv-inner .item1:before {
background: url(//regrit-p.com/wp-content/themes/RegritPertners/assets/img/top/kv01_sp.jpg)
center no-repeat;
background-size: cover;
opacity: 1;
transition: 0.5s ease;
content: "";
width: 100%;
height: 100vh;
position: absolute;
left: 0;
top: 0;
}
.no-webp .mv-inner .item2:before {
background: url(//regrit-p.com/wp-content/themes/RegritPertners/assets/img/top/kv02_sp.jpg)
center no-repeat;
background-size: cover;
opacity: 1;
content: "";
width: 100%;
height: 100vh;
position: absolute;
left: 0;
top: 0;
}
.mask-rtol01 {
clip-path: inset(32.44% 5.33% 59.84% 5.33%);
}
.mask-ltor02 {
clip-path: inset(45.03% 5.33% 47.24% 5.33%);
}
.mask-rtol03 {
clip-path: inset(57.48% 5.33% 34.64% 5.33%);
}
.mask-ltor04 {
clip-path: inset(70.86% 5.33% 21.8% 5.33%);
}
.swiper-slide-active .mask-rtol01 {
animation: maskscale01xxs 0.75s 1.25s cubic-bezier(0.645, 0.045, 0.355, 1)
forwards,
fadeIn 0.75s 1.25s ease forwards;
}
.swiper-slide-active .mask-ltor04 {
animation: maskscale04xxs 0.75s 1.25s cubic-bezier(0.645, 0.045, 0.355, 1)
forwards,
fadeIn 0.75s 1.25s ease forwards;
}
.swiper-slide-active .mask-ltor02 {
animation: maskscale02xxs 1s 1s cubic-bezier(0.645, 0.045, 0.355, 1)
forwards,
fadeIn 1s 1s ease forwards;
}
.swiper-slide-active .mask-rtol03 {
animation: maskscale03xxs 1s 1s cubic-bezier(0.645, 0.045, 0.355, 1)
forwards,
fadeIn 1s 1s ease forwards;
}
.swiper-slide-active.out .mask-rtol01 {
animation: maskscaleout01xxs 1s cubic-bezier(0.645, 0.045, 0.355, 1)
forwards;
opacity: 1;
}
.swiper-slide-active.out .mask-ltor04 {
animation: maskscaleout04xxs 1s cubic-bezier(0.645, 0.045, 0.355, 1)
forwards;
opacity: 1;
}
.swiper-slide-active.out .mask-ltor02 {
animation: maskscaleout02xxs 0.75s 0.25s
cubic-bezier(0.645, 0.045, 0.355, 1) forwards;
opacity: 1;
}
.swiper-slide-active.out .mask-rtol03 {
animation: maskscaleout03xxs 0.75s 0.25s
cubic-bezier(0.645, 0.045, 0.355, 1) forwards;
opacity: 1;
}
.mv-text h1 {
font-size: 14vw;
top: 43%;
}
.mv-text .comment {
font-size: 3.2vw;
}
}
@keyframes maskscale01xxs {
0% {
clip-path: inset(32.44% 50% 59.84% 50%);
}
100% {
clip-path: inset(32.44% 5.33% 59.84% 5.33%);
}
}
@keyframes maskscale04xxs {
0% {
clip-path: inset(70.86% 50% 21.8% 50%);
}
100% {
clip-path: inset(70.86% 5.33% 21.8% 5.33%);
}
}
@keyframes maskscale02xxs {
0% {
clip-path: inset(45.03% 50% 47.24% 50%);
}
100% {
clip-path: inset(45.03% 5.33% 47.24% 5.33%);
}
}
@keyframes maskscale03xxs {
0% {
clip-path: inset(57.48% 50% 34.64% 50%);
opacity: 0;
}
100% {
clip-path: inset(57.48% 5.33% 34.64% 5.33%);
opacity: 1;
}
}
@keyframes maskscaleout01xxs {
0% {
clip-path: inset(32.44% 5.33% 59.84% 5.33%);
opacity: 1;
}
100% {
clip-path: inset(32.44% 50% 59.84% 50%);
opacity: 0;
}
}
@keyframes maskscaleout04xxs {
0% {
clip-path: inset(70.86% 5.33% 21.8% 5.33%);
opacity: 1;
}
100% {
clip-path: inset(70.86% 50% 21.8% 50%);
opacity: 0;
}
}
@keyframes maskscaleout02xxs {
0% {
clip-path: inset(45.03% 5.33% 47.24% 5.33%);
opacity: 1;
}
100% {
clip-path: inset(45.03% 50% 47.24% 50%);
opacity: 0;
}
}
@keyframes maskscaleout03xxs {
0% {
clip-path: inset(57.48% 5.33% 34.64% 5.33%);
opacity: 1;
}
100% {
clip-path: inset(57.48% 50% 34.64% 50%);
opacity: 0;
}
}
#top__service_bn .txt-area {
padding: 13.8rem 5% 10rem;
background: #fff;
}
.top__service_bn_title-block {
width: 39.15%;
display: flex;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
}
.top__service_bn_content-block,
.top__carrers_bn_content-block {
width: 60.85%;
margin-top: calc(var(--basevw, 0.078vw) * 10);
}
.top__service_bn_content-block .index-txt_box,
.top__carrers_bn_content-block .index-txt_box {
width: 100%;
margin: 0 auto;
}
.top__service_bn_content-block .index-txt_box p {
letter-spacing: 0.08em;
}
.ph-index-area {
height: 40.625vw;
position: relative;
}
.webp .ph-index-area {
background: url(//regrit-p.com/wp-content/themes/RegritPertners_2025/assets/img/top/serice_bg.webp) center no-repeat;
background-size: cover;
}
.no-webp .ph-index-area {
background: url(//regrit-p.com/wp-content/themes/RegritPertners_2025/assets/img/top/serice_bg.jpg) center no-repeat;
background-size: cover;
}
.ph-index-area:before {
content: "";
width: 100%;
height: 100%;
background-color: #09233c;
opacity: 0.3;
position: absolute;
left: 0;
top: 0;
}
.ph-index-area .columns {
height: 100%;
margin: 0 !important;
}
.ph-index-area .columns .column {
display: flex;
width: 100%;
height: 100%;
padding: 0;
}
.ph-index-area .columns .column a.ph-index {
display: flex;
justify-content: center;
align-items: center;
color: #fff;
position: relative;
width: 100%;
overflow: hidden;
}
.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: relative;
z-index: 2;
width: 100%;
margin-bottom: calc(var(--basevw, 0.078vw) * 15);
}
.service-index-txt_box h6 {
font-size: calc(var(--baseft, 1.2rem) * 0.833);
}
.service-index-txt_box h4 {
font-size: calc(var(--baseft, 1.2rem) * 3.08);
line-height: 1.4;
}
.service-index-txt_box p {
margin-bottom: 4rem;
letter-spacing: 0.08em;
font-size: calc(var(--baseft, 1.2rem) * 1);
}
.ph-index-area .columns .column a.ph-index .txt_viewmore span {
color: #fff;
line-height: 1;
}
.ph-index-area .columns .column a.ph-index .txt_viewmore .link_text__icon {
fill: #fff;
}
.ph-index-area .columns .column a.ph-index:hover .link_text__icon {
transform: translateX(6px);
}
.ph-index-area .columns .column a.ph-index01:before,
.ph-index-area .columns .column a.ph-index02:before,
.ph-index-area .columns .column a.ph-index03:before {
content: "";
display: block;
position: absolute;
left: 0;
top: 0;
opacity: 0;
width: 100%;
height: 100%;
transition: 1s ease;
}
.webp .ph-index-area .columns .column a.ph-index01:before {
background: url(//regrit-p.com/wp-content/themes/RegritPertners_2025/assets/img/top/service01_bg.webp) center no-repeat;
background-size: cover;
}
.webp .ph-index-area .columns .column a.ph-index02:before {
background: url(//regrit-p.com/wp-content/themes/RegritPertners_2025/assets/img/top/service02_bg.webp) center no-repeat;
background-size: cover;
}
.webp .ph-index-area .columns .column a.ph-index03:before {
background: url(//regrit-p.com/wp-content/themes/RegritPertners_2025/assets/img/top/service03_bg.webp) center no-repeat;
background-size: cover;
}
.no-webp .ph-index-area .columns .column a.ph-index01:before {
background: url(//regrit-p.com/wp-content/themes/RegritPertners_2025/assets/img/top/service01_bg.jpg) center no-repeat;
background-size: cover;
}
.no-webp .ph-index-area .columns .column a.ph-index02:before {
background: url(//regrit-p.com/wp-content/themes/RegritPertners_2025/assets/img/top/service02_bg.jpg) center no-repeat;
background-size: cover;
}
.no-webp .ph-index-area .columns .column a.ph-index03:before {
background: url(//regrit-p.com/wp-content/themes/RegritPertners_2025/assets/img/top/service03_bg.jpg) center no-repeat;
background-size: cover;
}
.ph-index-area .columns .column a.ph-index:hover:before {
opacity: 1;
transform: scale(1.025);
transition: 1s ease;
}
#top__news_bn .txt-area {
padding: calc(var(--basevw, 0.078vw) * 140) 6.25% calc(var(--basevw, 0.078vw) * 100);
}
@media (max-width: 768px) {
#top__news_bn .txt-area {
padding: calc(var(--basevw, 45px) * 45) 5.33% calc(var(--basevw, 60px) * 60);
}
#top__news_bn .page_bn_title-flex{
margin-bottom: calc(var(--basevw, 0.078vw) * 30);
}
#top__news_bn .page_bn_title-flex .index-tit_box {
margin-bottom: 0;
}
}
#top__service_bn .txt-area {
padding: calc(var(--basevw, 0.078vw) * 140) 6.25% calc(var(--basevw, 0.078vw) * 100);
}
#top__service_bn .txt-area .section-inner {
width: 100%;
margin-left: auto;
margin-right: auto;
margin-bottom: calc(var(--basevw, 90px) * 90);
}
#top__service_bn .btn_viewmore{
margin-top: calc(var(--basevw, 0.078vw) * 45);
}
@media (min-width: 1800px) {
.section_full.ph-index-area {
max-width: none;
width: 100%;
}
}
@media (max-width: 768px) {
#top__service_bn .txt-area .section-inner {
margin-bottom: calc(var(--basevw, 30px) * 30);
}
#top__service_bn .txt-area {
padding: calc(var(--basevw, 40px) * 40) 5.33% calc(var(--basevw, 60px) * 60);
}
.top__service_bn_title-block {
width: 100%;
display: flex;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
margin-bottom: calc(var(--basevw, 32px) * 32);
}
.top__service_bn_content-block,
.top__carrers_bn_content-block {
width: 100%;
}
.top__service_bn_content-block .index-txt_box,
.top__carrers_bn_content-block .index-txt_box {
padding-left: 0;
}
.ph-index-area .columns .column a.ph-index,
.ph-index-area .columns .column a.ph-index .service-index-txt_box {
height: calc(var(--basevw, 225px) * 225);
}
.ph-index-area .columns .column a.ph-index:after {
content: none;
}
.ph-index-area {
height: auto;
background-image: none;
}
.service-index-txt_box h4 {
font-size: 3rem;
letter-spacing: 0;
line-height: 1.2;
}
.service-index-txt_box p {
margin: calc(var(--basevw, 16px) * 16) 0;
line-height: 1;
}
.ph-index-area .columns .column a.ph-index01:before,
.ph-index-area .columns .column a.ph-index02:before,
.ph-index-area .columns .column a.ph-index03:before {
opacity: 1;
}
}
.expSwiper {
overflow: hidden;
}
#top__exparts_bn {
padding: calc(var(--basevw, 0.078vw) * 200) 0;
overflow-x: hidden;
background: #fff;
background: transparent;
}
#top__exparts_bn .is-flex-desktop {
justify-content: space-between;
}
.top__exparts_bn_title-block {
width: 35.25%;
padding-left: 6.25%;
padding-top: calc(var(--basevw, 100px) * 100);
}
.index-txt_box {
margin-top: calc(var(--basevw, 40px) * 40);
}
#top__exparts_bn .top__exparts_bn_title-block .index-tit_box .index-tit_h2,
#top__exparts_bn .top__exparts_bn_title-block .index-tit_box .news-cat-nav li button {
color: #fff;
}
#top__exparts_bn .index-tit_box p {
color: #fff;
}
#top__exparts_bn .index-txt_box h5, .index-tit_box h5,
#top__exparts_bn .index-txt_box h5 + p {
color: #fff;
}
.top__exparts_bn_content-block {
width: 61.75%;
padding-left: calc(var(--basevw, 64px) * 64);
position: relative;
}
.top__exparts_bn_content-block:before {
content: "";
width: 100%;
height: calc(100% - 105px);
position: absolute;
left: 0;
bottom: 0;
background: #f7f9fb;
}
.top__exparts_bn_content-block .prof-box {
position: relative;
height: calc(var(--basevw, 0.078vw) * 130);
width: 50%;
white-space: nowrap;
}
.top__exparts_bn_content-block .swiper-slide .prof-box .cap {
margin-top: 1em;
opacity: 0;
transform: translateY(10px);
transition: all 0.5s ease;
position: absolute;
left: 0;
top: 0;
display: flex;
align-items: center;
justify-content: flex-start;
}
.top__exparts_bn_content-block
.swiper-slide.swiper-slide-active
.prof-box
.cap {
opacity: 1;
transform: translateY(0);
}
.top__exparts_bn_content-block .prof-box .name {
font-size: calc(var(--baseft, 1.2rem) * 1.83);
color: #00417f;
}
.top__exparts_bn_content-block .prof-box .profile {
font-size: calc(var(--baseft, 1.2rem) * 1);
margin-left: calc(var(--basevw, 0.078vw) * 20);
letter-spacing: 0.1em;
}
.expart-list:after {
content: "";
display: block;
clear: both;
height: 0;
}
.swiper-slide .exp-img-box,
.swiper-slide .exp-img-box img {
width: 100%;
}
.expSwiper .swiper-slide-next a {
pointer-events: none;
}
.ex__pagination {
text-align: right;
z-index: 3;
line-height: 1;
font-size: calc(var(--baseft, 1.2rem) * 0.8333);
display: flex;
opacity: 0.5;
width: calc(var(--basevw, 0.078vw) * 80);
height: 1em;
font-family: Helvetica Neue, "Open Sans", "sans-serif";
font-display: swap;
margin-bottom: 0 !important;
margin-top: calc(var(--basevw, 0.078vw) * 30);
align-items: center;
flex-flow: nowrap;
}
.ex__pagination .pagination__current {
width: 1.5em;
height: 1.2rem;
position: relative;
}
.ex__pagination .pagination__current .num {
position: absolute;
top: 0;
white-space: nowrap;
opacity: 0;
transition: opacity 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
backface-visibility: hidden;
font-size: calc(var(--baseft, 1.2rem) * 1);
}
.ex__pagination .pagination__current .num.is-show {
opacity: 1;
}
.ex__pagination .pagination__total {
width: 1.5em;
}
.ex__pagination .pagination__total p {
font-size: calc(var(--baseft, 1.2rem) * 1);
}
.expSwiper .ex-button-next {
position: absolute;
z-index: 4;
right: -60%;
top: 0;
width: 100%;
height: calc(100% - 130px);
display: flex;
justify-content: flex-end;
align-items: center;
padding-left: calc(var(--basevw, 0.078vw) * 40);
padding-right: 65%;
cursor: pointer;
opacity: 0;
outline: none;
}
.expSwiper .ex-button-next:hover,
.expSwiper .ex-button-next:focus {
outline: none;
}
.expSwiper .ex-button-next.disabled {
pointer-events: none;
}
.expSwiper .ex-button-next.is-show {
opacity: 1;
}
.expSwiper .ex-button-next img {
opacity: 0.6;
transform: scale(1);
transition: all 0.5s ease;
}
.expSwiper .ex-button-next:hover img {
transform: scale(1.5);
opacity: 1;
}
.ex-swiper-utility {
padding-right: 6.25%;
bottom: calc(var(--basevw) * 105 - 1em);
position: absolute;
right: 0;
}
.swiper-pagination-progressbar.swiper-pagination-horizontal {
position: relative;
width: 80%;
height: 1px;
margin: 0 auto;
background: rgba(0, 9, 15, 0.2);
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
background: #00090f;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
transform: scale(0);
transform-origin: left top;
}
@media (max-width: 1279px) {
#top__exparts_bn > .section_full,
#top__exparts_bn > .section_full > div {
width: 100%;
}
#top__exparts_bn > .section_full > div {
justify-content: space-between;
}
.top__exparts_bn_title-block {
width: calc(var(--basevw, 0.078vw) * 360);
padding-left: 5%;
}
.top__exparts_bn_content-block {
width: calc(100% - var(--basevw, 0.078vw) * 360 - 5%);
padding-left: 5%;
position: relative;
margin-left: 5%;
}
}
@media (max-width: 1023px) {
#top__exparts_bn {
padding: 8% 0;
}
.top__exparts_bn_title-block {
width: 100%;
padding-right: 5%;
margin-bottom: 5%;
}
.top__exparts_bn_content-block {
width: 100%;
margin-left: 0;
}
.ex-swiper-utility {
bottom: 11%;
}
}
@media (max-width: 768px) {
#top__exparts_bn {
padding: calc(var(--basevw, 80px) * 80) 0;
overflow: hidden;
background:url(//regrit-p.com/wp-content/themes/RegritPertners/assets/img/top/news_bg-sp@2x.webp) left top no-repeat;
background-size: cover
}
.top__exparts_bn_title-block {
margin-bottom: calc(var(--basevw, 40px) * 40);
padding-top: 0;
}
.top__exparts_bn_title-block:last-child {
margin-bottom: 0;
}
.expSwiper .ex-button-next {
right: -64%;
padding-left: calc(var(--basevw, 40px) * 40);
padding-right: 72%;
cursor: pointer;
display: none;
}
.expSwiper .ex-button-next img {
width: 40px;
}
.expSwiper .ex-button-next:hover img {
transform: scale(1.4);
}
.top__exparts_bn_content-block .swiper-slide .prof-box .cap {
margin-top: 1.5em;
display: block;
width: 100%;
}
.top__exparts_bn_content-block .prof-box .cap span {
display: block;
margin-bottom: 1rem;
margin-left: 0;
line-height: 1;
}
.top__exparts_bn_content-block .prof-box .cap span.en {
font-size: 1.1rem;
}
.top__exparts_bn_content-block:before {
height: calc(100% - 40px);
}
.top__exparts_bn_content-block .prof-box {
height: calc(var(--basevw, 100px) * 100);
width: 100%;
}
.index-txt_box {
margin-top: calc(var(--basevw, 40px) * 40);
}
.ex__pagination .pagination__total p,
.ex__pagination .pagination__current .num {
font-size: 1.2rem;
}
.swiper-pagination-progressbar.swiper-pagination-horizontal {
width: calc(100% - 4em);
}
.top__exparts_bn_content-block .prof-box .name {
margin-right: 1rem;
}
}
@media (max-width: 575px) {
.swiper-slide .exp-img-box {
width: calc(var(--basevw) * 250);
}
.ex-swiper-utility {
bottom: 17%;
}
.ex__pagination {
margin-top: 0;
}
}
#top__careers_bn {
padding-bottom: calc(var(--basevw, 0.078vw) * 160);
background: #fff;
}
.top__carrers_kv-img {
width: 100%;
height: 48vw;
position: relative;
overflow: hidden;
display: flex;
justify-content: center;
align-items: flex-end;
}
.top__carrers_kv-img img,
.top__carrers_kv-img video {
width: 100%;
max-width: none;
}
.top__carrers_kv-txt-area {
position: relative;
top: calc(var(--basevw, 0.078vw) * -100);
margin-bottom: calc(var(--basevw, 0.078vw) * -100);
}
.top__carrers_kv-txt-area .section {
margin: 0 auto 0 0;
background: #fff;
padding: calc(var(--basevw, 0.078vw) * 90) 18.3% 0 12.6%;
width: 88.75%;
}
.top__carrers_kv-txt-area .section .top__carrers_bn_title-block {
width: 41.1%;
display: flex;
justify-content: flex-start;
align-items: flex-start;
}
.top__carrers_kv-txt-area .section .top__service_bn_content-block {
width: 58.9%;
display: flex;
justify-content: flex-start;
align-items: flex-start;
}
.top__carrers_kv-txt-area .section .top__carrers_bn_title-block .index-tit_box {
width: 72%;
}
.top__carrers_kv-txt-area
.section
.top__carrers_bn_content-block
.index-txt_box {
width: 79.1%;
}
.video-wrap:before {
content: "";
position: absolute;
background: rgba(0, 0, 0, 0.2);
width: 100%;
height: 100%;
}
.video-wrap.onplay:before {
content: none;
}
.video-btn {
width: calc(var(--basevw) * 160);
height: calc(var(--basevw) * 160);
position: absolute;
left: 50%;
top: calc((100% - var(--basevw) * 100) / 2);
transform: translate(-50%, -50%);
z-index: 3;
display: flex;
justify-content: center;
align-items: center;
}
.video-btn:before {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
z-index: 3;
background: url(//regrit-p.com/wp-content/themes/RegritPertners/assets/img/top/circle_playmovie.png)
no-repeat center;
background-size: 100% auto;
animation: 10s linear infinite rotation;
content: "";
}
.top__carrers_kv-img .video-btn img {
width: 16.875%;
height: auto;
}
@keyframes rotation {
0% {
transform: rotate(0);
}
100% {
transform: rotate(360deg);
}
}
.btn_audio_box {
width: 100%;
position: absolute;
right: 0;
bottom: 0;
z-index: 10;
}
.btn_audio_box span {
width: 42px;
height: 42px;
display: block;
margin: 0 40px 10px auto;
background: url(//regrit-p.com/wp-content/themes/RegritPertners/assets/img/about/btn_audio.svg)
no-repeat;
background-size: 100% auto;
}
.btn_audio_box.muted span {
width: 42px;
height: 42px;
display: block;
margin: 0 40px 10px auto;
background: url(//regrit-p.com/wp-content/themes/RegritPertners/assets/img/about/btn_audio_off.svg)
no-repeat;
background-size: 100% auto;
}
@media (min-width: 1280px) {
.video-btn {
width: 160px;
height: 160px;
}
}
@media (max-width: 1279px) {
.top__carrers_kv-txt-area .section .top__carrers_bn_title-block {
justify-content: flex-start;
align-items: flex-start;
width: 40%;
}
.top__carrers_kv-txt-area
.section
.top__carrers_bn_title-block
.index-tit_box {
width: 90%;
}
.top__carrers_bn_content-block {
width: 60%;
}
.top__carrers_bn_content-block .index-txt_box {
width: 90%;
min-width: 0;
}
}
@media (max-width: 1024px) {
.top__carrers_kv-txt-area:after {
height: 100px;
}
}
@media (max-width: 768px) {
#top__careers_bn {
padding-bottom: calc(var(--basevw, 0.078vw) * 60);
}
.top__carrers_kv-img {
width: 100%;
height: auto;
background: none;
aspect-ratio: 375/355;
}
.top__carrers_kv-img img {
display: block;
width: 100%;
}
.top__carrers_kv-txt-area {
top: calc(var(--basevw, -40px) * -40);
}
.top__carrers_kv-txt-area .section .top__carrers_bn_title-block {
padding-left: 0;
width: 100%;
margin-bottom: calc(var(--basevw, 30px) * 30);
}
.top__carrers_kv-txt-area .section .top__service_bn_content-block {
width: 100%;
}
.top__carrers_kv-txt-area .section {
padding: calc(var(--basevw, 40px) * 40) 5% calc(var(--basevw, 60px) * 60) 5%;
width: 94.67%;
position: relative;
z-index: 100;
}
.top__carrers_kv-txt-area:after {
height: 0;
}
.top__carrers_kv-txt-area {
padding-bottom: 0;
margin-bottom: calc(var(--basevw) * -40);
}
.video-btn {
width: calc(var(--basevw) * 122);
height: calc(var(--basevw) * 122);
position: absolute;
left: 50%;
top: calc((100% - var(--basevw) * 40) / 2);
transform: translate(-50%, -50%);
z-index: 3;
background-size: 100% auto;
}
.btn_audio_box {
bottom: calc(var(--basevw, 40px) * 40);
}
.btn_audio_box span {
width: 32px;
}
}
#top__news_bn {
position: relative;
}
.top__news-bg-wrap {
padding-top: calc(var(--basevw) * 80);
padding-bottom: calc(var(--basevw) * 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 -235px 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 -235px 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;
z-index: 5;
top: 100px;
left: 6.25%;
transition: 0.5s;
}
#top_news_tit.show {
transition: 0.5s;
}
#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: 78.75% auto;
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: 78.75% auto;
}
#top__news_bn + .spacer {
height: calc(var(--basevw) * 300);
}
#top_news_tit {
top: calc(var(--basevw) * 150);
}
}
.top__news-bg-wrap .section {
justify-content: space-between;
height: 100%;
}
.top__news_bn_title-block {
width: 27.25%;
margin-left: 0;
}
.top__news_bn_title-block .index-tit_box {
width: auto;
padding-top: calc(var(--basevw) * 242);
padding-bottom: calc(var(--basevw, 0.078vw) * 80);
}
.top__news_bn_content-block {
width: 65.29%;
background: #fff;
padding: calc(var(--basevw) * 87) calc(var(--basevw, 0.078vw) * 64);
border-bottom: 1px solid #fff;
position: relative;
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 .news-cat-nav li button {
color: #fff;
}
.top__news_bn_title-block .index-tit_box .news-cat-nav li button {
padding-bottom: 0.5em;
transition: all 1s ease;
position: relative;
height: 2.5em;
letter-spacing: 0.1em;
}
.top__news_bn_title-block .index-tit_box .news-cat-nav li button:before {
content: "";
width: 100%;
background: #fff;
height: 1px;
transform: scaleX(0);
position: absolute;
left: 0;
bottom: 0;
transition: all 1s ease;
}
.top__news_bn_title-block .index-tit_box .news-cat-nav li button:hover:before {
transform: scaleX(1);
}
.top__news_bn_title-block .index-tit_box .news-cat-nav li.current button {
border-bottom: 1px solid #fff;
}
.top__news_bn_title-block .index-tit_box .news-cat-nav {
margin-top: calc(var(--basevw, 0.078vw) * 40);
}
.top__news_bn_title-block .index-tit_box .news-cat-nav li {
font-family: Helvetica Neue, "Open Sans", "sans-serif";
font-display: swap;
font-size: calc(var(--baseft, 1.2rem) * 1);
margin-bottom: 1em;
}
.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: calc(var(--basevw, 0.078vw) * 180);
}
.news-list_wrap .news-list-item dd {
width: calc(100% - var(--basevw, 0.078vw) * 180);
padding-left: calc(var(--basevw, 0.078vw) * 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.2rem) * 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.2rem) * 1.16);
letter-spacing: 0.08em;
}
.hide {
display: none;
}
@media (max-width: 1023px) {
.top__news-bg-wrap {
padding-top: 100px;
}
}
@media (max-width: 768px) {
.top__news-bg-wrap {
top: calc(var(--basevw) * -302);
position: relative;
padding-bottom: calc(var(--basevw, 80px) * 80);
margin-bottom: calc(var(--basevw) * -302);
padding-top: calc(var(--basevw) * 200);
}
.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: cover;
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: cover;
background-attachment: scroll;
}
.top__news_bn_title-block {
width: 89.34%;
padding-top: 0;
display: flex;
justify-content: flex-start;
align-items: flex-start;
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: 2em;
margin-bottom: 0;
}
.top__news_bn_title-block .index-tit_box {
width: 100%;
padding-top: 0;
padding-bottom: calc(var(--basevw, 0.13vw) * 40);
}
.top__news-bg-wrap .section {
display: block;
padding-right: 0;
}
.top__news_bn_content-block {
width: 100%;
background: #fff;
padding: calc(var(--basevw, 0.13vw) * 30) 5%
calc(var(--basevw, 0.13vw) * 40);
border-bottom: 1px solid #fff;
margin-left: 0;
margin-top: 0;
}
.news-list_wrap .news-list-item dt {
width: 90px;
}
.news-list_wrap .news-list-item dd .laber .category {
font-size: calc(var(--baseft, 1.2rem) * 0.916);
margin-right: 1em;
}
.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% - 100px);
padding-left: 1em;
line-height: 1.6;
}
.news-list_wrap .news-list-item dd p {
font-size: 1.2rem;
}
.top__news-bg-wrap > .btn_viewmore_white {
margin: calc(var(--basevw, 0.13vw) * 40) auto 0 5.33%;
}
}
@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;
}
.top__news_bn_title-block .index-tit_box .news-cat-nav {
width: 94%;
overflow-x: auto;
}
.top__news_bn_title-block {
width: 100%;
}
}