@charset "utf-8";
@charset "utf-8";


html {
width: 100%;
font-size: calc(10 / 1440 * 100vw);
}
@media all and (max-width: 576px) {
html {
font-size: calc(10 / 390 * 100vw);
}
} html.is-windows.is-fixed { overflow-y: scroll !important;
}
body {
font-family: 'Noto Sans JP', sans-serif;
opacity: 0.01;
color: #333;
font-size: min(16px, 1.6rem);
line-height: 1.6;
font-weight: 400;
margin: 0; -webkit-text-size-adjust: 100%; word-break: break-word;     }
@media all and (max-width: 576px) {
body {
font-size: 1.6rem;
}
}
body.is-show {
opacity: 1;
transition: opacity 1s ease-out;
}
*,
*::before,
*::after {
box-sizing: border-box;
outline: 0px !important;
backface-visibility: hidden; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
*:last-child {
margin-bottom: 0 !important;
}
img {
vertical-align: bottom;
width: 100%;
}
video {
vertical-align: bottom;
width: 100%;
}
ul,
ol {
margin: 0;
padding: 0;
}
ul li,
ol li {
list-style-type: none;
}
dl,
dd {
margin: 0;
}
input,
textarea { font-size: 16px;
}
textarea { display: block;
}
table {
border-collapse: collapse;
border: none;
border-spacing: 0;
}
sup {
font-size: 50%;
vertical-align: super;
position: relative;
top: -0.1em;
}
sub {
font-size: 50%;
vertical-align: sub;
position: relative;
bottom: -0.1em;
}
em {
font-style: normal;
}
a {
color: #333;
text-decoration: none;
transition: all 0.3s ease-out;
}
@media (hover: hover) {
a:hover {
color: #eb8d00;
text-decoration: none;
}
}
a::before,
a::after {
transition: all 0.3s ease-out;
} .en {
font-family: 'Poppins', sans-serif;
} .pc {
display: inline;
}
@media all and (max-width: 1023px) {
.pc {
display: none;
}
}
.tb {
display: none;
}
@media all and (max-width: 1023px) {
.tb {
display: inline;
}
}
@media all and (max-width: 576px) {
.tb {
display: none;
}
}
.sp {
display: none;
}
@media all and (max-width: 576px) {
.sp {
display: inline;
}
}
.pc.tb {
display: inline;
}
@media all and (max-width: 576px) {
.pc.tb {
display: none;
}
}
.tb.sp {
display: none;
}
@media all and (max-width: 1023px) {
.tb.sp {
display: inline;
}
}
.pc-only {
display: block;
}
.sp-only {
display: none;
}
@media all and (max-width: 576px) {
.pc-only {
display: none;
}
.sp-only {
display: block;
}
} .fadeInUp {
opacity: 0;
}
.fadeInUp.is-show {
animation: fadeInUp 0.5s ease-out forwards;
}
@keyframes fadeInUp {
0% {
opacity: 0;
pointer-events: none;
transform: translate3d(0, 20px, 0);
}
100% {
opacity: 1;
pointer-events: auto;
transform: translate3d(0, 0, 0);
}
}
.fadeInBlur {
opacity: 0;
}
.fadeInBlur.is-show {
animation: fadeInBlur 0.5s ease-out forwards;
}
@keyframes fadeInBlur {
0% {
opacity: 0;
filter: blur(8px);
pointer-events: none;
}
100% {
opacity: 1;
filter: blur(0);
pointer-events: auto;
}
}
.scaleBounce {
transform: scale(0);
}
.scaleBounce.is-show {
animation: scaleBounce 0.5s ease-out forwards;
}
@keyframes scaleBounce {
0% {
transform: scale(0);
pointer-events: none;
}
70% {
transform: scale(1.04);
}
100% {
transform: scale(1);
pointer-events: auto;
}
}
.scale {
opacity: 0;
transform-origin: bottom center;
}
.scale.is-show {
animation: scale 0.3s ease-out forwards;
}
@keyframes scale {
0% {
opacity: 0;
transform: scale(0.8) translate3d(0, 20px, 0);
pointer-events: none;
}
10% {
opacity: 1;
}
100% {
opacity: 1;
transform: scale(1) translate3d(0, 0, 0);
pointer-events: auto;
}
} .l-wrap {
overflow: hidden;
position: relative;
z-index: 0;
width: 100%;
} .l-main {
width: 100%;
}
.l-main.--sub {
background-color: #faf5e8;
} .c-btn {
width: 100%;
height: 100%;
border-radius: 9999px;
display: flex;
align-items: center;
justify-content: center;
font-size: min(18px, 1.8rem);
color: #fff;
background-color: #eb8d00;
border: solid 2px #eb8d00;
position: relative;
font-weight: 500;
}
@media all and (max-width: 576px) {
.c-btn {
font-size: 1.6rem;
}
}
.c-btn.--wht {
color: #eb8d00;
background-color: #fff;
}
@media (hover: hover) {
.c-btn:hover {
color: #eb8d00;
background-color: #fff;
}
.c-btn.--wht:hover {
color: #fff;
background-color: #eb8d00;
}
}
.c-btn::after {
content: '';
display: block;
width: min(19px, 1.9rem);
aspect-ratio: 19/10;
position: absolute;
top: 50%;
right: min(33px, 3.3rem);
transform: translate3d(0, -50%, 0);
background: url(//wellvenus.jp/my-kitaguni/wp-content/themes/template/assets/img/common/ico_arrow.svg) no-repeat center center/contain;
transition: all 0.3s ease-out;
}
.c-btn.--left::after {
right: auto;
left: min(33px, 3.3rem);
transform: translate3d(0, -50%, 0) rotate(180deg);
}
.c-btn.--wht::after {
background-image: url(//wellvenus.jp/my-kitaguni/wp-content/themes/template/assets/img/common/ico_arrow_orn.svg);
}
@media (hover: hover) {
.c-btn:hover::after {
background-image: url(//wellvenus.jp/my-kitaguni/wp-content/themes/template/assets/img/common/ico_arrow_orn.svg);
right: min(23px, 2.3rem);
}
.c-btn.--left:hover::after {
left: min(23px, 2.3rem);
}
.c-btn.--wht:hover::after {
background-image: url(//wellvenus.jp/my-kitaguni/wp-content/themes/template/assets/img/common/ico_arrow.svg);
}
} .l-header {
width: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 1;
}
@media all and (max-width: 576px) {
.l-header {
display: none;
}
}
.p-header {
width: 100%;
height: min(90px, 9rem);
background-color: #fff;
padding: 0 min(40px, 4rem);
}
.p-header__inner {
width: 100%;
max-width: 1360px;
height: 100%;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
align-items: center;
}
.p-header__logo {
margin: 0;
width: min(188px, 18.8rem);
margin-right: auto;
}
@media all and (max-width: 576px) {
.p-header__logo {
width: 14rem;
}
}
.p-header__logo a,
.p-header__logo span {
line-height: 0;
display: block;
}
.p-header__list {
margin-right: min(40px, 4rem);
}
.p-header__list ul {
display: flex;
gap: min(36px, 3.6rem);
}
.p-header__list ul li {
display: flex;
align-items: center;
}
.p-header__list ul li::before {
content: '';
display: block;
width: 6px;
aspect-ratio: 1;
background-color: #eb8d00;
border-radius: 50%;
margin-right: min(8px, 0.8rem);
}
.p-header__list ul li a {
font-size: min(16px, 1.6rem);
}
body.page-template-page-interview .p-header__list ul li.li-interview a,
body.page-template-page-library .p-header__list ul li.li-library a,
body.single-interview .p-header__list ul li.li-interview a,
body.single-library .p-header__list ul li.li-library a,
body.single-report .p-header__list ul li.li-about a,
body.parent-pageid-26 .p-header__list ul li.li-about a,
body.page-id-11 .p-header__list ul li.li-faq a {
color: #eb8d00;
}
body.page-template-page-interview .p-menu__list ul li.li-interview a,
body.page-template-page-library .p-menu__list ul li.li-library a,
body.single-interview .p-menu__list ul li.li-interview a,
body.single-library .p-menu__list ul li.li-library a,
body.single-report .p-menu__list ul li.li-about a,
body.parent-pageid-26 .p-menu__list ul li.li-about a,
body.page-id-11 .p-menu__list ul li.li-faq a {
color: #eb8d00;
}
body.page-template-page-interview .p-menu-sp__list ul li.li-interview a,
body.page-template-page-library .p-menu-sp__list ul li.li-library a,
body.single-interview .p-menu-sp__list ul li.li-interview a,
body.single-library .p-menu-sp__list ul li.li-library a,
body.single-report .p-menu-sp__list ul li.li-about a,
body.parent-pageid-26 .p-menu-sp__list ul li.li-about a,
body.page-id-11 .p-menu-sp__list ul li.li-faq a {
color: #eb8d00;
}
.p-header__contact {
width: min(160px, 16rem);
aspect-ratio: 160/38;
}
.p-header__contact .c-btn {
font-size: min(14px, 1.4rem);
padding-right: 2rem;
}
.p-header__contact .c-btn::after {
width: min(15px, 1.5rem);
right: min(20px, 2rem);
}
@media (hover: hover) {
.p-header__contact .c-btn:hover::after {
right: min(15px, 1.5rem);
}
}
.p-header__fixed {
width: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 10;
opacity: 0;
pointer-events: none;
transition: all 0.3s ease-out;
}
.p-header__fixed.is-show {
opacity: 1;
pointer-events: auto;
}
.p-header__btn {
width: min(60px, 6rem);
aspect-ratio: 1;
border-radius: 50%;
background-color: #eb8d00;
position: absolute;
top: min(40px, 4rem);
right: min(40px, 4rem);
cursor: pointer;
z-index: 2;
transition: all 0.3s ease-out;
}
.p-header__btn.is-show {
background-color: #fff;
}
.p-header__btn-inner {
width: min(26px, 2.6rem);
aspect-ratio: 26/16;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.p-header__btn span {
display: inline-block;
position: absolute;
left: 50%;
transform: translate3d(-50%, 0, 0);
height: 2px;
background-color: #fff;
border-radius: 1px;
transition: all 0.3s ease-out;
}
.p-header__btn.is-show span {
background-color: #333;
}
.p-header__btn span:nth-of-type(1) {
top: 0;
width: 80%;
transition: all 0.3s ease-out;
}
@media (hover: hover) {
.p-header__btn:hover span:nth-of-type(1) {
top: 20%;
}
}
.p-header__btn span:nth-of-type(2) {
top: 50%;
width: 80%;
}
.p-header__btn span:nth-of-type(3) {
top: 100%;
width: 80%;
transition: all 0.3s ease-out;
}
@media (hover: hover) {
.p-header__btn:hover span:nth-of-type(3) {
top: 80%;
}
}
.p-header__btn.is-show span:nth-of-type(1) {
width: 100%;
transform: translate3d(0, 0, 0) rotate(42.5deg);
top: 50%;
left: 0;
}
.p-header__btn.is-show span:nth-of-type(2) {
opacity: 0;
}
.p-header__btn.is-show span:nth-of-type(3) {
width: 100%;
transform: translate3d(0, 0, 0) rotate(-42.5deg);
top: 50%;
left: 0;
}
.p-menu {
padding: min(80px, 8rem) min(60px, 6rem);
border-radius: 26px;
background-color: #fff;
position: absolute;
top: min(30px, 3rem);
right: min(30px, 3rem);
box-shadow: 6px 6px 20px 0px rgba(0, 0, 0, 0.1);
z-index: 1;
opacity: 0;
pointer-events: none;
transition: all 0.3s ease-out;
}
.p-menu.is-show {
opacity: 1;
pointer-events: auto;
}
.p-menu__list ul li {
margin-bottom: min(42px, 4.2rem);
display: flex;
align-items: center;
}
.p-menu__list ul li::before {
content: '';
display: block;
width: 6px;
aspect-ratio: 1;
background-color: #eb8d00;
border-radius: 50%;
margin-right: min(8px, 0.8rem);
}
.p-menu__list ul li a {
font-size: min(16px, 1.6rem);
} .l-header-sp {
display: none;
}
@media all and (max-width: 576px) {
.l-header-sp {
display: block;
width: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 1;
}
}
.l-header-sp.--fixed {
position: fixed;
opacity: 0;
pointer-events: none;
transition: all 0s ease-out;
}
.l-header-sp.--fixed.is-show {
opacity: 1;
pointer-events: auto;
transition: all 0.3s ease-out;
}
.p-header-sp {
height: 6rem;
padding: 1rem 1rem 0;
}
.p-header-sp__inner {
width: 100%;
height: 100%;
background-color: #fff;
display: flex;
align-items: center;
border-radius: 9999px;
padding-left: 2.2rem;
box-shadow: 6px 6px 20px 0px rgba(0, 0, 0, 0.1);
position: relative;
z-index: 0;
}
.l-header-sp.--fixed .p-header-sp__inner {
background-color: transparent;
box-shadow: none;
}
.p-header-sp__logo {
width: 14rem;
margin: 0;
margin-right: auto;
position: relative;
z-index: 2;
}
.l-header-sp.--fixed .p-header-sp__logo {
opacity: 0;
pointer-events: none;
}
.p-header-sp__logo a,
.p-header-sp__logo span {
line-height: 0;
display: block;
}
.p-header-sp__btn-title {
font-size: 1.4rem;
color: #eb8d00;
font-weight: 500;
margin-right: 0.8rem;
}
.l-header-sp.--fixed .p-header-sp__btn-title {
opacity: 0;
pointer-events: none;
}
.p-header-sp__btn {
height: 5rem;
aspect-ratio: 1;
border-radius: 50%;
background-color: #eb8d00;
position: relative;
z-index: 2;
cursor: pointer;
transition: all 0.3s ease-out;
}
.p-header-sp__btn.is-show {
background-color: #fff;
}
.p-header-sp__btn-inner {
width: 2.6rem;
aspect-ratio: 26/16;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.p-header-sp__btn span {
display: inline-block;
position: absolute;
left: 50%;
transform: translate3d(-50%, 0, 0);
height: 2px;
background-color: #fff;
border-radius: 1px;
transition: all 0.3s ease-out;
}
.p-header-sp__btn.is-show span {
background-color: #eb8d00;
}
.p-header-sp__btn span:nth-of-type(1) {
top: 0;
width: 80%;
}
.p-header-sp__btn span:nth-of-type(2) {
top: 50%;
width: 80%;
}
.p-header-sp__btn span:nth-of-type(3) {
top: 100%;
width: 80%;
}
.p-header-sp__btn.is-show span:nth-of-type(1) {
width: 100%;
transform: translate3d(0, 0, 0) rotate(42.5deg);
top: 50%;
left: 0;
}
.p-header-sp__btn.is-show span:nth-of-type(2) {
opacity: 0;
}
.p-header-sp__btn.is-show span:nth-of-type(3) {
width: 100%;
transform: translate3d(0, 0, 0) rotate(-42.5deg);
top: 50%;
left: 0;
}
.p-menu-sp {
width: 100%;
padding: 8rem 2rem 5rem;
border-radius: 26px;
background-color: #fff;
position: absolute;
top: 0;
left: 0;
box-shadow: 6px 6px 20px 0px rgba(0, 0, 0, 0.1);
z-index: 0;
opacity: 0;
pointer-events: none;
transition: all 0.3s ease-out;
}
.p-menu-sp.is-show {
opacity: 1;
pointer-events: auto;
}
.p-menu-sp__list {
display: flex;
justify-content: center;
margin-bottom: 5rem;
}
.p-menu-sp__list ul li {
margin-bottom: 3rem;
display: flex;
align-items: center;
}
.p-menu-sp__list ul li::before {
content: '';
display: block;
width: 6px;
aspect-ratio: 1;
background-color: #eb8d00;
border-radius: 50%;
margin-right: 0.8rem;
}
.p-menu-sp__list ul li a {
font-size: 2rem;
}
.p-menu-sp__boton {
margin: 0 auto;
width: 24rem;
aspect-ratio: 240/48;
}
.p-menu-sp__boton .c-btn {
font-size: 1.4rem;
} .p-bread {
width: 100%;
height: min(280px, 28rem);
padding: min(110px, 11rem) min(40px, 4rem) 0;
background: url(//wellvenus.jp/my-kitaguni/wp-content/themes/template/assets/img/common/bread_bg.jpg) no-repeat center center/cover;
position: relative;
z-index: 0;
}
@media all and (max-width: 576px) {
.p-bread {
height: 18rem;
padding: 7.5rem 2rem 0;
}
}
.p-bread::before {
content: '';
display: block;
width: min(166px, 16.6rem);
aspect-ratio: 166/145;
position: absolute;
bottom: calc(-1 * min(30px, 3rem));
left: 50%;
z-index: -1;
translate: 240%;
background: url(//wellvenus.jp/my-kitaguni/wp-content/themes/template/assets/img/common/bread_blob.svg) no-repeat center center / contain;
}
@media all and (max-width: 576px) {
.p-bread::before {
width: 10.3rem;
bottom: -1.5rem;
left: 50%;
translate: 60%;
}
}
.p-bread::after {
content: '';
width: 100%;
height: min(110px, 11rem);
position: absolute;
bottom: 0;
left: 0;
z-index: -2;
translate: 0 2px;
rotate: 180deg;
background: url(//wellvenus.jp/my-kitaguni/wp-content/themes/template/assets/img/common/bread_wave.svg) repeat-x left 100% center / auto 100%;
}
@media all and (max-width: 576px) {
.p-bread::after {
height: 8rem;
background-position: left 80% center;
}
}
.p-bread__inner {
width: 100%;
max-width: 1360px;
height: 100%;
margin: 0 auto;
}
.p-bread__list {
line-height: 1.2;
}
.p-bread__list ul {
display: flex;
flex-wrap: wrap;
}
.p-bread__list ul li::after {
content: '>';
margin: 0.4em;
vertical-align: -0.05em;
}
.p-bread__list ul li:last-child::after {
display: none;
}
.p-bread__list ul li a,
.p-bread__list ul li span {
font-size: min(13px, 1.3rem);
}
@media all and (max-width: 576px) {
.p-bread__list ul li a,
.p-bread__list ul li span {
font-size: 1.2rem;
}
} .p-page-header {
margin-bottom: min(100px, 10rem);
padding: 0 min(40px, 4rem);
}
@media all and (max-width: 576px) {
.p-page-header {
margin-bottom: 6rem;
padding: 0 2rem;
}
}
.p-page-header__inner {
width: 100%;
max-width: 1200px;
margin: 0 auto;
}
.p-page-header__sub {
font-family: 'Poppins', sans-serif;
color: #eb8d00;
font-size: min(16px, 1.6rem);
letter-spacing: 0.12em;
font-weight: 500;
margin-bottom: min(40px, 4rem);
}
@media all and (max-width: 576px) {
.p-page-header__sub {
margin-bottom: 2rem;
font-size: 1.2rem;
}
}
.p-page-header__flex {
display: flex;
flex-wrap: wrap;
}
.p-page-header__heading {
font-size: min(36px, 3.6rem);
line-height: 1.5;
letter-spacing: 0.08em;
font-weight: 500;
margin: 0;
}
@media all and (max-width: 576px) {
.p-page-header__heading {
font-size: 2.6rem;
}
}
.p-page-header__profile {
margin: min(40px, 4rem) 0;
font-size: min(20px, 2rem);
letter-spacing: 0.06em;
font-weight: 500;
}
@media all and (max-width: 576px) {
.p-page-header__profile {
margin: 3rem 0;
font-size: 1.4rem;
}
}
.p-page-header__cat {
display: flex;
flex-wrap: wrap;
margin-top: min(40px, 4rem);
gap: min(20px, 2rem);
}
@media all and (max-width: 576px) {
.p-page-header__cat {
margin-top: 3rem;
gap: 0.8rem;
}
}
.p-page-header__cat a {
font-size: min(18px, 1.8rem);
font-weight: 500;
color: #eb8e00;
border: solid 1px #eb8e00;
letter-spacing: 0.12em;
line-height: normal;
background-color: #fff;
border-radius: 9999px;
padding: min(6px, 0.6rem) min(16px, 1.6rem);
}
@media all and (max-width: 576px) {
.p-page-header__cat a {
font-size: 1.4rem;
padding: 0.4rem 1rem;
}
}
@media (hover: hover) {
.p-page-header__cat a:hover {
color: #fff;
background-color: #eb8e00;
}
}
.p-page-header__cat a::before {
content: '#';
}
.p-page-header__txt {
width: 58.3%;
font-size: min(20px, 2rem);
line-height: 2;
letter-spacing: 0.04em;
padding-top:min(23px, 2.3rem);
}
@media all and (max-width: 576px) {
.p-page-header__txt {
width: 100%;
font-size: 1.6rem;
padding-top:0;
}
} .p-page-content {
padding: 0 min(40px, 4rem) min(200px, 20rem);
}
@media all and (max-width: 576px) {
.p-page-content {
padding: 0 2rem 8rem;
}
}
.p-page-content__inner {
width: 100%;
max-width: 1200px;
margin: 0 auto;
} .c-contact {
width: 100%;
background-color: #fff;
padding: min(70px, 7rem) min(40px, 4rem) min(40px, 4rem);
position: relative;
z-index: 0;
}
@media all and (max-width: 576px) {
.c-contact {
padding: 6rem 3rem 2.5rem;
}
}
.c-contact::before {
content: '';
width: 102%;
height: min(80px, 8rem);
position: absolute;
top: 0;
left: 50%;
translate: -50% calc(-100% + 2px);
background: url(//wellvenus.jp/my-kitaguni/wp-content/themes/template/assets/img/common/contact_top.svg) no-repeat center center/100% 100%;
z-index: -1;
}
@media all and (max-width: 576px) {
.c-contact::before {
height: 2rem;
}
}
.c-contact__inner {
width: 100%;
max-width: 1200px;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.c-contact__block {
width: 48.33%;
background: no-repeat center bottom/cover;
position: relative;
z-index: 0;
border-radius: 26px;
overflow: hidden;
}
@media all and (max-width: 576px) {
.c-contact__block {
width: 100%;
border-radius: 24px;
}
}
.c-contact__block a {
display: block;
padding: min(94px, 9.4rem) min(20px, 2rem) min(100px, 10rem);
color: inherit;
border-radius: 26px;
}
@media all and (max-width: 576px) {
.c-contact__block a {
padding: 7.5rem 2rem;
border-radius: 24px;
}
}
.c-contact__block::before {
content: '';
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
background-color: #fff;
opacity: 0.84;
filter: blur(150px);
}
.c-contact__block.--faq {
background-image: url(//wellvenus.jp/my-kitaguni/wp-content/themes/template/assets/img/common/fag_bg.jpg);
}
@media all and (max-width: 576px) {
.c-contact__block.--faq {
margin-bottom: 2rem;
}
}
.c-contact__block.--contact {
background-image: url(//wellvenus.jp/my-kitaguni/wp-content/themes/template/assets/img/common/contact_bg.jpg);
}
.c-contact__block-inner {
text-align: center;
}
.c-contact__block-en {
color: #eb8d00;
font-family: 'Poppins', sans-serif;
font-size: min(14px, 1.4rem);
font-weight: 500;
letter-spacing: 0.12em;
}
@media all and (max-width: 576px) {
.c-contact__block-en {
font-size: 1.2rem;
}
}
.c-contact__block-heading {
font-size: min(28px, 2.8rem);
font-weight: 500;
letter-spacing: 0.1em;
margin-bottom: min(45px, 4.5rem);
}
@media all and (max-width: 576px) {
.c-contact__block-heading {
font-size: 2rem;
margin-bottom: 3rem;
}
}
.c-contact__block-txt {
font-size: min(16px, 1.6rem);
margin-bottom: min(30px, 3rem);
line-height: 2;
text-align: center;
}
@media all and (max-width: 576px) {
.c-contact__block-txt {
font-size: 1.4rem;
margin-bottom: 2.6rem;
}
}
.c-contact__block-btn {
width: min(300px, 30rem);
aspect-ratio: 300/60;
margin: 0 auto;
}
@media all and (max-width: 576px) {
.c-contact__block-btn {
width: 24rem;
aspect-ratio: 240/48;
}
}
.c-contact__block a .c-btn {
transition: all 0.3s ease-out;
}
@media (hover: hover) {
.c-contact__block a:hover .c-btn {
background-color: #fff;
color: #eb8d00;
}
}
.c-contact__block a .c-btn::after {
transition: all 0.3s ease-out;
}
@media (hover: hover) {
.c-contact__block a:hover .c-btn::after {
background-image: url(//wellvenus.jp/my-kitaguni/wp-content/themes/template/assets/img/common/ico_arrow_orn.svg);
right: min(23px, 2.3rem);
}
}
body.page-id-11 .c-contact__block.--faq {
display: none;
}
body.page-id-11 .c-contact__block.--contact {
width: 100%;
} .c-aboutlink {
padding: min(120px, 12rem) min(40px, 4rem) min(200px, 20rem);
background-color: #f5ebd3;
}
@media all and (max-width: 576px) {
.c-aboutlink {
padding: 6rem 2rem 8rem;
}
}
.c-aboutlink__inner {
width: 100%;
max-width: 1000px;
margin: 0 auto;
}
.c-aboutlink__list ul {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: min(40px, 4rem);
}
@media all and (max-width: 576px) {
.c-aboutlink__list ul {
grid-template-columns: repeat(1, 1fr);
gap: 2rem;
}
}
.c-aboutlink__list ul li.is-hide {
opacity: 0.3;
pointer-events: none;
}
.c-aboutlink__list ul li a {
display: flex;
overflow: hidden;
border-radius: 26px;
background-color: #fff;
position: relative;
z-index: 0;
color: inherit;
}
@media all and (max-width: 576px) {
.c-aboutlink__list ul li a {
border-radius: 18px;
}
}
.c-aboutlink__list-left {
width: 33.3%;
aspect-ratio: 160/120;
overflow: hidden;
}
@media all and (max-width: 576px) {
.c-aboutlink__list-left {
width: 28.5%;
aspect-ratio: 100/110;
}
}
.c-aboutlink__list-left img {
width: 100%;
height: 100%;
object-fit: cover;
transition: all 0.3s ease-out;
}
@media (hover: hover) {
.c-aboutlink__list ul li a:hover .c-aboutlink__list-left img {
transform: scale(1.1);
}
}
.c-aboutlink__list-right {
width: 66.7%;
padding: 0 min(90px, 9rem) 0 min(30px, 3rem);
display: flex;
align-items: center;
position: relative;
}
@media all and (max-width: 576px) {
.c-aboutlink__list-right {
width: 71.5%;
padding: 0 7rem 0 2rem;
}
}
.c-aboutlink__list-title {
font-size: min(18px, 1.8rem);
letter-spacing: 0.04em;
font-weight: 500;
line-height: normal;
margin: 0;
}
.c-aboutlink__list-right i {
display: block;
width: min(50px, 5rem);
aspect-ratio: 1;
border-radius: 50%;
background-color: #eb8e00;
border: solid 2px #eb8e00;
transition: all 0.3s ease-out;
position: absolute;
top: 50%;
right: min(30px, 3rem);
translate: 0 -50%;
}
@media all and (max-width: 576px) {
.c-aboutlink__list-right i {
width: 3.8rem;
right: 2rem;
}
}
@media (hover: hover) {
.c-aboutlink__list ul li a:hover .c-aboutlink__list-right i {
background-color: #fff;
}
}
.c-aboutlink__list-right i::before {
content: '';
display: block;
width: min(19px, 1.9rem);
aspect-ratio: 19/10;
position: absolute;
top: 50%;
left: 50%;
transform: translate3d(-50%, -50%, 0);
background: url(//wellvenus.jp/my-kitaguni/wp-content/themes/template/assets/img/common/ico_arrow.svg) no-repeat center center/contain;
opacity: 1;
transition: all 0.3s ease-out;
}
@media all and (max-width: 576px) {
.c-aboutlink__list-right i::before {
width: 1.5rem;
}
}
@media (hover: hover) {
.c-aboutlink__list ul li a:hover .c-aboutlink__list-right i::before {
transform: translate3d(25%, -50%, 0);
opacity: 0;
}
}
.c-aboutlink__list-right i::after {
content: '';
display: block;
width: min(19px, 1.9rem);
aspect-ratio: 19/10;
position: absolute;
top: 50%;
left: 50%;
transform: translate3d(-125%, -50%, 0);
background: url(//wellvenus.jp/my-kitaguni/wp-content/themes/template/assets/img/common/ico_arrow_orn.svg) no-repeat center center/contain;
opacity: 0;
transition: all 0.3s ease-out;
}
@media all and (max-width: 576px) {
.c-aboutlink__list-right i::after {
width: 1.5rem;
}
}
@media (hover: hover) {
.c-aboutlink__list ul li a:hover .c-aboutlink__list-right i::after {
transform: translate3d(-50%, -50%, 0);
opacity: 1;
}
} .l-footer {
width: 100%;
}
.p-footer {
width: 100%;
background-color: #fff;
padding: min(40px, 4rem);
}
@media all and (max-width: 576px) {
.p-footer {
padding: 2.5rem 3rem 5rem;
}
}
.p-footer__inner {
width: 100%;
max-width: 1200px;
margin: 0 auto;
}
.p-footer__top {
display: flex;
flex-wrap: wrap;
align-items: center;
padding: 0 0 min(30px, 3rem);
border-bottom: solid 1px #afafaf;
margin: 0 0 min(16px, 1.6rem);
}
@media all and (max-width: 576px) {
.p-footer__top {
padding: 0 0 3rem;
margin: 0 0 2rem;
}
}
.p-footer__logo {
width: min(158px, 15.8rem);
margin-right: auto;
}
@media all and (max-width: 576px) {
.p-footer__logo {
width: 14rem;
margin-bottom: 2.4rem;
}
}
@media all and (max-width: 576px) {
.p-footer__toplink {
width: 100%;
}
}
.p-footer__toplink ul {
display: flex;
gap: min(25px, 2.5rem);
}
@media all and (max-width: 576px) {
.p-footer__toplink ul {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 1.5rem;
}
}
.p-footer__toplink ul li {
font-size: min(14px, 1.4rem);
}
.p-footer__btm {
display: flex;
flex-wrap: wrap;
align-items: center;
}
@media all and (max-width: 576px) {
.p-footer__btmlink {
margin-bottom: 2rem;
}
}
.p-footer__btmlink ul {
display: flex;
flex-wrap: wrap;
}
.p-footer__btmlink ul li {
font-size: min(12px, 1.2rem);
letter-spacing: 0.1em;
line-height: 2;
}
@media all and (max-width: 576px) {
.p-footer__btmlink ul li {
letter-spacing: 0.02em;
}
}
.p-footer__btmlink ul li::after {
content: '｜';
margin: 0 0.4em;
}
@media all and (max-width: 576px) {
.p-footer__btmlink ul li::after {
margin: 0 0.2em;
}
}
@media all and (max-width: 576px) {
.p-footer__btmlink ul li:nth-of-type(3):after {
display: none;
}
}
.p-footer__btmlink ul li:last-child::after {
display: none;
}
.p-footer__copy {
margin-left: auto;
font-family: 'Poppins', sans-serif;
font-size: min(12px, 1.2rem);
letter-spacing: 0.05em;
}
.p-footer__copy i {
font-style: normal;
margin-right: 0.4em;
}
 .p-mv {
width: 100%;
height: calc(100svh + min(110px, 11rem));
position: relative;
z-index: 0;
background: url(//wellvenus.jp/my-kitaguni/wp-content/themes/template/assets/img/top/mv_bg.jpg) no-repeat center bottom/cover;
}
@media all and (min-width: 1024px) and (max-height: 600px) {
.p-mv {
height: calc(600px + min(110px, 11rem));
}
}
@media all and (max-width: 576px) {
.p-mv {
height: calc(100svh + 5rem);
}
}
.p-mv__inner {
width: 100%;
max-width: 1440px;
height: 100svh;
margin: 0 auto;
position: relative;
}
@media all and (min-width: 1024px) and (max-height: 600px) {
.p-mv__inner {
height: 600px;
}
}
.p-mv__header {
position: absolute;
width: min(393px, 39.3rem);
top: calc(300 / 895 * 100%);
left: min(73px, 7.3rem);
}
@media all and (max-width: 576px) {
.p-mv__header {
width: 23.2rem;
top: calc(596 / 835 * 100%);
left: 3rem;
}
}
.p-mv__slide-multiple {
display: none;
}
@media all and (max-width: 576px) {
.p-mv__slide-multiple {
display: block;
position: absolute;
left: 0;
bottom: 32%;
width: 100%;
aspect-ratio: 390/550;
background: url(//wellvenus.jp/my-kitaguni/wp-content/themes/template/assets/img/top/mv_multi_sp.svg) no-repeat center bottom/contain;
mix-blend-mode: multiply;
}
}
.p-mv__slide {
padding-top: min(50px, 5rem);
width: calc(920 / 1440 * 100%);
height: 85%;
margin-left: auto;
position: relative;
}
@media all and (max-width: 576px) {
.p-mv__slide {
padding-top: 0;
width: 100%;
height: 65%;
margin-left: 0;
mask-image: url(//wellvenus.jp/my-kitaguni/wp-content/themes/template/assets/img/top/mv_mask_sp.svg);
mask-repeat: no-repeat;
mask-position: center bottom;
mask-size: 100%;
-webkit-mask-image: url(//wellvenus.jp/my-kitaguni/wp-content/themes/template/assets/img/top/mv_mask_sp.svg);
-webkit-mask-repeat: no-repeat;
-webkit-mask-position: center bottom;
-webkit-mask-size: 100%;
}
}
.p-mv__slide-inner {
width: 100%;
height: 100%;
border-bottom-left-radius: 40px;
border-bottom-right-radius: 40px;
overflow: hidden;
}
@media all and (max-width: 576px) {
.p-mv__slide-inner {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
}
.splide.--mv,
.splide.--mv .splide__slide,
.splide.--mv .splide__list,
.splide.--mv .splide__track {
height: 100%;
}
.p-mv__slide img {
width: 100%;
height: 100%;
object-fit: cover;
}
.p-mv__slide::after {
content: '';
position: absolute;
right: calc(-1 * min(40px, 4rem));
bottom: calc(-1 * min(22px, 2.2rem));
width: 100%;
height: 100%;
background-color: #faf5e8;
mix-blend-mode: multiply;
border-bottom-left-radius: 40px;
border-bottom-right-radius: 40px;
z-index: -1;
}
@media all and (max-width: 576px) {
.p-mv__slide::after {
display: none;
}
}
.splide.--mv .splide__pagination {
bottom: 5rem;
}
@media all and (min-width: 577px) {
.splide.--mv .splide__pagination {
width: max-content;
position: absolute;
top: 50%;
bottom: auto;
right: min(30px, 3rem);
left: auto;
transform: translate(0, -50%);
rotate: 90deg;
padding: 0;
}
}
.splide.--mv .splide__pagination__page {
background-color: #fff;
opacity: 1;
margin: 0 6px;
pointer-events: none;
}
.splide.--mv .splide__pagination__page.is-active {
background-color: #eb8e00;
transform: scale(1);
}
.splide.--interview .splide__pagination {
bottom: -3rem;
}
.splide.--interview .splide__pagination__page {
pointer-events: none;
opacity: 1;
margin: 0 6px;
}
.splide.--interview .splide__pagination__page.is-active {
background-color: #eb8e00;
transform: scale(1);
}
.p-mv__img01 {
width: min(275px, 27.5rem);
position: absolute;
top: calc(550 / 895 * 100%);
left: min(160px, 16rem);
}
@media all and (max-width: 576px) {
.p-mv__img01 { width: 20rem;
position: absolute;
top: calc(658 / 835 * 100%);
left: auto; right: -4rem;
}
}
.p-mv__img02 {
width: min(60px, 6rem);
position: absolute;
top: calc(265 / 895 * 100%);
left: min(320px, 32rem);
}
@media all and (max-width: 576px) {
.p-mv__img02 {
width: 5.7rem;
position: absolute;
top: calc(596 / 835 * 100%);
left: auto;
right: 6.6rem;
}
}
.p-mv__img03 {
width: min(61px, 6.1rem);
position: absolute;
top: calc(650 / 895 * 100%);
left: min(360px, 36rem);
}
@media all and (max-width: 576px) {
.p-mv__img03 {
display: none;
}
} .p-interview {
padding: min(110px, 11rem) min(40px, 4rem) min(100px, 10rem);
position: relative;
}
@media all and (max-width: 576px) {
.p-interview {
padding: 6rem 0 3rem;
}
}
.p-interview::before {
content: '';
width: 100%;
height: min(110px, 11rem);
position: absolute;
top: 0;
left: 0;
translate: 0 calc(-100% + 2px);
rotate: 180deg;
background: url(//wellvenus.jp/my-kitaguni/wp-content/themes/template/assets/img/common/wave.svg) repeat-x left -50% center/auto 100%;
}
@media all and (max-width: 576px) {
.p-interview::before {
height: 5rem;
}
}
.p-interview::after {
content: '';
width: 100%;
height: min(110px, 11rem);
position: absolute;
bottom: 0;
left: 0;
translate: 0 calc(100% - 2px);
background: url(//wellvenus.jp/my-kitaguni/wp-content/themes/template/assets/img/common/wave.svg) repeat-x left 100% center/auto 100%;
}
@media all and (max-width: 576px) {
.p-interview::after {
height: 5rem;
}
}
.p-interview__blob {
width: min(166px, 16.6rem);
position: absolute;
top: calc(-1 * min(200px, 20rem));
left: 50%;
translate: -300%;
}
@media all and (max-width: 576px) {
.p-interview__blob {
width: 6.8rem;
position: absolute;
top: -6rem;
left: 50%;
translate: -220%;
}
}
.p-interview__img03 {
display: none;
}
@media all and (max-width: 576px) {
.p-interview__img03 {
display: block;
width: 3.7rem;
position: absolute;
top: 0;
left: 50%;
translate: 200%;
}
}
.p-interview__inner {
width: 100%;
max-width: 1360px;
margin: 0 auto;
background-color: #faf5e8;
border-radius: 40px;
overflow: hidden;
}
@media all and (max-width: 576px) {
.p-interview__inner {
border-radius: 20px;
}
}
.p-interview__header {
background: url(//wellvenus.jp/my-kitaguni/wp-content/themes/template/assets/img/top/interview_bg.jpg) no-repeat center bottom/cover;
padding: min(148px, 14.8rem) 0 min(136px, 13.6rem);
}
@media all and (max-width: 576px) {
.p-interview__header {
padding: 3.6rem 0 2.8rem;
}
}
.p-interview__en {
color: #eb8e00;
font-size: min(14px, 1.4rem);
font-family: 'Poppins', sans-serif;
font-weight: 500;
letter-spacing: 0.12em;
text-align: center;
}
@media all and (max-width: 576px) {
.p-interview__en {
font-size: 1.2rem;
}
}
.p-interview__heading {
width: min(310px, 31rem);
margin: 0 auto;
}
@media all and (max-width: 576px) {
.p-interview__heading {
width: 21.6rem;
}
}
.p-interview__content {
padding: min(130px, 13rem) min(80px, 8rem);
}
@media all and (max-width: 576px) {
.p-interview__content {
padding: 4rem 2rem 6rem;
}
} .p-interview__fixed {
margin-bottom: min(120px, 12rem);
}
@media all and (max-width: 576px) {
.p-interview__fixed {
display: none;
}
}
.p-interview__fixed a {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
flex-direction: row-reverse;
color: inherit;
}
.p-interview__fixed-left {
width: 44.16%;
}
.p-interview__fixed-right {
width: 50%;
}
@media all and (max-width: 576px) {
.p-interview__fixed-left {
width: 100%;
}
.p-interview__fixed-right {
width: 100%;
}
}
.p-interview__fixed-img {
aspect-ratio: 600/360;
position: relative;
z-index: 0;
}
.p-interview__fixed-img__inner {
width: 100%;
height: 100%;
border-radius: 26px;
overflow: hidden;
}
.p-interview__fixed a .p-interview__fixed-img__inner img {
transition: all 0.3s ease-out;
}
@media (hover: hover) {
.p-interview__fixed a:hover .p-interview__fixed-img__inner img {
transform: scale(1.1);
}
}
.p-interview__fixed-img::after {
content: '';
display: block;
width: 100%;
height: 100%;
background-color: #f5ebd3;
border-radius: 26px;
position: absolute;
top: 0;
left: 0;
z-index: -1;
translate: min(14px, 1.4rem) min(14px, 1.4rem);
}
.p-interview__fixed-cat {
display: flex;
gap: min(10px, 1rem);
margin-bottom: min(20px, 2rem);
}
.p-interview__fixed-cat span {
font-size: min(16px, 1.6rem);
font-weight: 500;
color: #eb8e00;
letter-spacing: 0.12em;
line-height: normal;
background-color: #fff;
border-radius: 9999px;
padding: min(4px, 0.4rem) min(12px, 1.2rem);
}
.p-interview__fixed-cat span::before {
content: '#';
}
.p-interview__fixed-heading {
font-size: min(24px, 2.4rem);
font-weight: 500;
letter-spacing: 0.08em;
line-height: 1.6;
border-bottom: solid 1px #afafaf;
padding-bottom: min(30px, 3rem);
margin: 0 0 min(30px, 3rem);
}
.p-interview__fixed-profile {
font-size: min(14px, 1.4rem);
letter-spacing: 0.06em;
font-weight: 500;
}
.p-interview__fixed-btn {
width: min(260px, 26rem);
aspect-ratio: 260/56;
margin: min(57px, 5.7rem) auto 0;
}
.p-interview__fixed a .c-btn {
transition: all 0.3s ease-out;
}
@media (hover: hover) {
.p-interview__fixed a:hover .c-btn {
background-color: #fff;
color: #eb8d00;
}
}
.p-interview__fixed a .c-btn::after {
transition: all 0.3s ease-out;
}
@media (hover: hover) {
.p-interview__fixed a:hover .c-btn::after {
background-image: url(//wellvenus.jp/my-kitaguni/wp-content/themes/template/assets/img/common/ico_arrow_orn.svg);
right: min(23px, 2.3rem);
}
} .p-interview-sp__fixed {
display: none;
}
@media all and (max-width: 576px) {
.p-interview-sp__fixed {
display: block;
margin-bottom: 5rem;
}
}
.p-interview-sp__fixed a {
display: block;
color: inherit;
}
.p-interview-sp__fixed-img {
aspect-ratio: 350/210;
margin-bottom: 2rem;
position: relative;
z-index: 0;
}
.p-interview-sp__fixed-img::after {
content: '';
display: block;
width: 100%;
height: 100%;
background-color: #f5ebd3;
border-radius: 16px;
position: absolute;
top: 0;
left: 0;
z-index: -1;
translate: 1rem 1rem;
}
.p-interview-sp__fixed-img__inner {
width: 100%;
height: 100%;
border-radius: 16px;
overflow: hidden;
}
.p-interview-sp__fixed-img i {
display: block;
width: 3.8rem;
aspect-ratio: 1;
border-radius: 50%;
background-color: #eb8e00;
border: solid 2px #eb8e00;
position: absolute;
right: 2rem;
bottom: 0;
translate: 0 50%;
}
.p-interview-sp__fixed-img i::before {
content: '';
display: block;
width: 1.5rem;
aspect-ratio: 19/10;
position: absolute;
top: 50%;
left: 50%;
transform: translate3d(-50%, -50%, 0);
background: url(//wellvenus.jp/my-kitaguni/wp-content/themes/template/assets/img/common/ico_arrow.svg) no-repeat center center/contain;
}
.p-interview-sp__fixed-cat {
display: flex;
gap: 0.6rem;
margin-bottom: 1.6rem;
}
.p-interview-sp__fixed-cat span {
font-size: 1.2rem;
font-weight: 500;
color: #eb8e00;
letter-spacing: 0.12em;
line-height: normal;
background-color: #fff;
border-radius: 9999px;
padding: 0.3rem 1.4rem;
}
.p-interview-sp__fixed-cat span::before {
content: '#';
}
.p-interview-sp__fixed-heading {
font-size: 1.6rem;
font-weight: 500;
letter-spacing: 0.08em;
line-height: 1.6;
border-bottom: solid 1px #afafaf;
padding-bottom: 1.2rem;
margin: 0 0 0.8rem;
}
.p-interview-sp__fixed-profile {
font-size: 1.2rem;
letter-spacing: 0.06em;
font-weight: 500;
} .splide.--interview {
margin-bottom: min(90px, 9rem);
}
@media all and (max-width: 576px) {
.splide.--interview {
width: calc(100% + 4rem);
margin-left: -2rem;
margin-right: -2rem;
margin-bottom: 5rem;
}
}
.splide.--interview .splide__track {
overflow: visible;
}
@media all and (max-width: 576px) {
.splide.--interview .splide__track {
overflow: hidden;
padding-left: 2rem !important;
padding-right: 2rem !important;
}
}
.splide.--interview .splide__list {
display: grid !important;
grid-template-columns: repeat(3, 1fr);
gap: min(80px, 8rem) min(70px, 7rem);
}
@media all and (max-width: 576px) {
.splide.--interview .splide__list {
display: flex !important;
grid-template-columns: none;
gap: normal;
}
}
@media all and (max-width: 576px) {
.splide.--interview .splide__slide {
width: 24rem !important;
}
}
.splide.--interview a {
display: block;
color: inherit;
}
.splide.--interview .p-interview__list-img {
aspect-ratio: 354/213;
margin-bottom: min(32px, 3.2rem);
position: relative;
z-index: 0;
}
@media all and (max-width: 576px) {
.splide.--interview .p-interview__list-img {
margin-bottom: 2.6rem;
}
}
.splide.--interview .p-interview__list-img::after {
content: '';
display: block;
width: 100%;
height: 100%;
background-color: #f5ebd3;
border-radius: 26px;
position: absolute;
top: 0;
left: 0;
z-index: -1;
translate: min(14px, 1.4rem) min(14px, 1.4rem);
}
@media all and (max-width: 576px) {
.splide.--interview .p-interview__list-img::after {
border-radius: 8px;
translate: 0.5rem 0.5rem;
}
}
.splide.--interview .p-interview__list-img__inner {
width: 100%;
height: 100%;
border-radius: 26px;
overflow: hidden;
}
@media all and (max-width: 576px) {
.splide.--interview .p-interview__list-img__inner {
border-radius: 8px;
}
}
.splide.--interview .p-interview__list-img__inner img {
transition: all 0.3s ease-out;
}
@media (hover: hover) {
.splide.--interview a:hover .p-interview__list-img__inner img {
transform: scale(1.1);
}
}
.splide.--interview .p-interview__list-img i {
display: block;
width: min(50px, 5rem);
aspect-ratio: 1;
border-radius: 50%;
background-color: #eb8e00;
border: solid 2px #eb8e00;
position: absolute;
right: min(16px, 1.6rem);
bottom: 0;
translate: 0 50%;
transition: all 0.3s ease-out;
}
@media all and (max-width: 576px) {
.splide.--interview .p-interview__list-img i {
width: 3.8rem;
}
}
@media (hover: hover) {
.splide.--interview a:hover .p-interview__list-img i {
background-color: #fff;
}
}
.splide.--interview .p-interview__list-img i::before {
content: '';
display: block;
width: min(19px, 1.9rem);
aspect-ratio: 19/10;
position: absolute;
top: 50%;
left: 50%;
transform: translate3d(-50%, -50%, 0);
background: url(//wellvenus.jp/my-kitaguni/wp-content/themes/template/assets/img/common/ico_arrow.svg) no-repeat center center/contain;
opacity: 1;
transition: all 0.3s ease-out;
}
@media all and (max-width: 576px) {
.splide.--interview .p-interview__list-img i::before {
width: 1.5rem;
}
}
@media (hover: hover) {
.splide.--interview a:hover .p-interview__list-img i::before {
transform: translate3d(25%, -50%, 0);
opacity: 0;
}
}
.splide.--interview .p-interview__list-img i::after {
content: '';
display: block;
width: min(19px, 1.9rem);
aspect-ratio: 19/10;
position: absolute;
top: 50%;
left: 50%;
transform: translate3d(-125%, -50%, 0);
background: url(//wellvenus.jp/my-kitaguni/wp-content/themes/template/assets/img/common/ico_arrow_orn.svg) no-repeat center center/contain;
opacity: 0;
transition: all 0.3s ease-out;
}
@media all and (max-width: 576px) {
.splide.--interview .p-interview__list-img i::after {
width: 1.5rem;
}
}
@media (hover: hover) {
.splide.--interview a:hover .p-interview__list-img i::after {
transform: translate3d(-50%, -50%, 0);
opacity: 1;
}
}
.splide.--interview .p-interview__list-cat {
display: flex;
flex-wrap: wrap;
gap: min(8px, 0.8rem);
margin-bottom: min(10px, 1rem);
}
@media all and (max-width: 576px) {
.splide.--interview .p-interview__list-cat {
gap: 0.36rem;
margin-bottom: 0.8rem;
}
}
.splide.--interview .p-interview__list-cat span {
font-size: min(14px, 1.4rem);
font-weight: 500;
color: #eb8e00;
letter-spacing: 0.12em;
line-height: normal;
background-color: #fff;
border-radius: 9999px;
padding: min(4px, 0.4rem) min(12px, 1.2rem);
}
@media all and (max-width: 576px) {
.splide.--interview .p-interview__list-cat span {
font-size: 1rem;
padding: 0.2rem 0.8rem;
}
}
.splide.--interview .p-interview__list-cat span::before {
content: '#';
}
.splide.--interview .p-interview__list-heading {
font-size: min(20px, 2rem);
font-weight: 500;
letter-spacing: 0.08em;
line-height: 1.6;
border-bottom: solid 1px #afafaf;
padding-bottom: min(16px, 1.6rem);
margin: 0 0 min(16px, 1.6rem);
}
.splide.--interview .p-interview__list-heading span { display: -webkit-box;
overflow: hidden;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
@media all and (max-width: 576px) {
.splide.--interview .p-interview__list-heading {
font-size: 1.4rem;
padding-bottom: 0.8rem;
margin: 0 0 0.8rem;
}
}
.splide.--interview .p-interview__list-profile {
font-size: min(14px, 1.4rem);
letter-spacing: 0.06em;
font-weight: 500;
}
@media all and (max-width: 576px) {
.splide.--interview .p-interview__list-profile {
font-size: 1.1rem;
line-height: 1.75;
}
}
.p-interview__btn {
width: min(300px, 30rem);
aspect-ratio: 300/60;
margin: 0 auto;
}
@media all and (max-width: 576px) {
.p-interview__btn {
width: min(240px, 48rem);
aspect-ratio: 240/48;
}
} .p-lib {
background: url(//wellvenus.jp/my-kitaguni/wp-content/themes/template/assets/img/top/library_bg.jpg) no-repeat center bottom/cover; padding: min(160px, 16rem) 0 min(200px, 20rem);
}
@media all and (max-width: 576px) {
.p-lib {
padding: 11rem 0 12rem;
}
}
.p-lib__inner {
width: 100%;
margin: 0 auto;
position: relative;
}
.p-lib__inner::before {
content: '';
display: block;
width: min(125px, 12.5rem);
aspect-ratio: 125/193;
position: absolute;
top: calc(-1 * min(215px, 21.5rem));
left: 50%;
translate: calc(-50% - 47.3rem);
background: url(//wellvenus.jp/my-kitaguni/wp-content/themes/template/assets/img/top/library_blob.svg) no-repeat center center/contain;
}
@media all and (max-width: 576px) {
.p-lib__inner::before {
width: 6.7rem;
top: -15.8rem;
translate: calc(-50% - 13.2rem);
}
}
.p-lib__inner::after {
content: '';
display: block;
width: min(137px, 13.4rem);
aspect-ratio: 134/72;
position: absolute;
top: min(10px, 1rem);
left: 50%;
translate: calc(-50% - 38rem);
background: url(//wellvenus.jp/my-kitaguni/wp-content/themes/template/assets/img/top/library_img.svg) no-repeat center center/contain;
}
@media all and (max-width: 576px) {
.p-lib__inner::after {
width: 6.9rem;
top: -3.2rem;
translate: calc(-50% - 10rem);
}
}
.p-lib__en {
color: #eb8e00;
font-size: min(14px, 1.4rem);
font-family: 'Poppins', sans-serif;
font-weight: 500;
letter-spacing: 0.12em;
text-align: center;
}
@media all and (max-width: 576px) {
.p-lib__en {
font-size: 1.2rem;
}
}
.p-lib__heading {
width: min(242px, 24.2rem);
margin: 0 auto min(45px, 4.5rem);
}
@media all and (max-width: 576px) {
.p-lib__heading {
width: 18.8rem;
margin-bottom: 3.2rem;
}
}
.splide.--lib {
width: 1500px;
margin: 0 auto min(50px, 5rem);
}
@media all and (max-width: 1500px) {
.splide.--lib {
width: 110vw;
margin-left: 0;
margin-right: 0;
margin-left: -5vw;
}
}
@media all and (max-width: 576px) {
.splide.--lib {
width: 175vw;
margin-left: -37.5vw;
}
}
.splide.--lib a {
display: block;
color: inherit;
}
.splide.--lib .p-lib__list-img {
aspect-ratio: 1;
margin-bottom: min(20px, 2rem);
position: relative;
}
@media all and (max-width: 576px) {
.splide.--lib .p-lib__list-img {
margin-bottom: 1rem;
}
}
.splide.--lib .p-lib__list-img__inner {
border-radius: 50%;
overflow: hidden;
}
.splide.--lib a .p-lib__list-img__inner img {
transition: all 0.3s ease-out;
}
@media (hover: hover) {
.splide.--lib a:hover .p-lib__list-img__inner img {
transform: scale(1.1);
}
}
.splide.--lib a .p-lib__list-img i {
display: block;
width: min(50px, 5rem);
aspect-ratio: 1;
border-radius: 50%;
background-color: #eb8e00;
border: solid 2px #eb8e00;
transition: all 0.3s ease-out;
position: absolute;
right: min(12px, 1.2rem);
bottom: min(12px, 1.2rem);
}
@media all and (max-width: 576px) {
.splide.--lib a .p-lib__list-img i {
width: 3.8rem;
right: 0.6rem;
bottom: 0.6rem;
}
}
@media (hover: hover) {
.splide.--lib a:hover .p-lib__list-img i {
background-color: #fff;
}
}
.splide.--lib a .p-lib__list-img i::before {
content: '';
display: block;
width: min(19px, 1.9rem);
aspect-ratio: 19/10;
position: absolute;
top: 50%;
left: 50%;
transform: translate3d(-50%, -50%, 0);
background: url(//wellvenus.jp/my-kitaguni/wp-content/themes/template/assets/img/common/ico_arrow.svg) no-repeat center center/contain;
opacity: 1;
transition: all 0.3s ease-out;
}
@media all and (max-width: 576px) {
.splide.--lib a .p-lib__list-img i::before {
width: 1.5rem;
}
}
@media (hover: hover) {
.splide.--lib a:hover .p-lib__list-img i::before {
transform: translate3d(25%, -50%, 0);
opacity: 0;
}
}
.splide.--lib a .p-lib__list-img i::after {
content: '';
display: block;
width: min(19px, 1.9rem);
aspect-ratio: 19/10;
position: absolute;
top: 50%;
left: 50%;
transform: translate3d(-125%, -50%, 0);
background: url(//wellvenus.jp/my-kitaguni/wp-content/themes/template/assets/img/common/ico_arrow_orn.svg) no-repeat center center/contain;
opacity: 0;
transition: all 0.3s ease-out;
}
@media (hover: hover) {
.splide.--lib a:hover .p-lib__list-img i::after {
transform: translate3d(-50%, -50%, 0);
opacity: 1;
}
}
.splide.--lib .splide__arrow {
width: min(80px, 8rem);
height: auto;
aspect-ratio: 1;
background-color: #fff;
border-radius: 50%;
opacity: 1 !important;
}
@media all and (max-width: 576px) {
.splide.--lib .splide__arrow {
display: none;
}
}
.splide.--lib .splide__arrow--prev {
top: 30%;
left: 18%;
}
.splide.--lib .splide__arrow--next {
top: 30%;
right: 18%;
}
.splide.--lib .splide__arrow--next::before {
content: '';
display: inline-block;
width: 12px;
aspect-ratio: 1;
border-style: solid;
border-width: 2px 2px 0 0;
border-color: #0d0d0d;
transform: translate3d(-25%, 0, 0) rotate(45deg);
transition: all 0.3s ease-out;
}
@media (hover: hover) {
.splide.--lib .splide__arrow--next:hover::before {
transform: translate3d(15%, 0, 0) rotate(45deg);
}
}
.splide.--lib .splide__arrow--prev::before {
content: '';
display: inline-block;
width: 12px;
aspect-ratio: 1;
border-style: solid;
border-width: 2px 2px 0 0;
border-color: #0d0d0d;
transform: translate3d(25%, 0, 0) rotate(-135deg);
transition: all 0.3s ease-out;
}
@media (hover: hover) {
.splide.--lib .splide__arrow--prev:hover::before {
transform: translate3d(-15%, 0, 0) rotate(-135deg);
}
}
.splide.--lib .p-lib__list-cat {
display: flex;
flex-wrap: wrap;
gap: min(8px, 0.8rem);
margin-bottom: min(10px, 1rem);
}
@media all and (max-width: 576px) {
.splide.--lib .p-lib__list-cat {
gap: 0.36rem;
margin-bottom: 0.8rem;
}
}
.splide.--lib .p-lib__list-cat span {
font-size: min(14px, 1.4rem);
font-weight: 500;
color: #eb8e00;
letter-spacing: 0.12em;
line-height: normal;
background-color: #fff;
border-radius: 9999px;
padding: min(4px, 0.4rem) min(12px, 1.2rem);
}
@media all and (max-width: 576px) {
.splide.--lib .p-lib__list-cat span {
font-size: 1rem;
padding: 0.2rem 0.8rem;
}
}
.splide.--lib .p-lib__list-cat span::before {
content: '#';
}
.splide.--lib .p-lib__list-heading {
font-size: min(22px, 2.2rem);
font-weight: 700;
letter-spacing: 0.08em;
margin: 0 0 min(10px, 1rem);
line-height: normal; display: -webkit-box;
overflow: hidden;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
@media all and (max-width: 576px) {
.splide.--lib .p-lib__list-heading {
font-size: 1.8rem;
}
}
.splide.--lib .p-lib__list-txt {
font-size: min(16px, 1.6rem);
letter-spacing: 0.08em;
line-height: 1.8; display: -webkit-box;
overflow: hidden;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
}
@media all and (max-width: 576px) {
.splide.--lib .p-lib__list-txt {
font-size: 1.4rem;
}
}
.p-lib__btn {
width: min(300px, 30rem);
aspect-ratio: 300/60;
margin: 0 auto;
}
@media all and (max-width: 576px) {
.p-lib__btn {
width: 24rem;
aspect-ratio: 240/48;
}
} .p-about {
background-color: #fff;
padding: min(105px, 10.5rem) min(40px, 4rem) min(130px, 13rem);
position: relative;
}
@media all and (max-width: 576px) {
.p-about {
padding: 3rem 2rem 5rem;
}
}
.p-about::before {
content: '';
width: 100%;
height: min(110px, 11rem);
position: absolute;
top: 0;
left: 0;
translate: 0 calc(-100% + 2px);
rotate: 180deg;
background: url(//wellvenus.jp/my-kitaguni/wp-content/themes/template/assets/img/common/wave.svg) repeat-x left 100% center/auto 100%;
}
@media all and (max-width: 576px) {
.p-about::before {
height: 5rem;
}
}
.p-about::after {
content: '';
width: 100%;
height: min(110px, 11rem);
position: absolute;
bottom: 0;
left: 0;
translate: 0 calc(100% - 2px);
background: url(//wellvenus.jp/my-kitaguni/wp-content/themes/template/assets/img/common/wave.svg) repeat-x left 120% center/auto 100%;
}
@media all and (max-width: 576px) {
.p-about::after {
height: 5rem;
}
}
.p-about__inner {
width: 100%;
max-width: 950px;
margin: 0 auto;
}
.p-about__en {
color: #eb8e00;
font-size: min(14px, 1.4rem);
font-family: 'Poppins', sans-serif;
font-weight: 500;
letter-spacing: 0.12em;
text-align: center;
}
@media all and (max-width: 576px) {
.p-about__en {
font-size: 1.2rem;
}
}
.p-about__heading {
width: min(280px, 28rem);
margin: 0 auto min(82px, 8.2rem);
}
@media all and (max-width: 576px) {
.p-about__heading {
width: 19.8rem;
margin-bottom: 4rem;
}
}
.p-about__list ul {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: min(60px, 6rem);
}
@media all and (max-width: 576px) {
.p-about__list ul {
grid-template-columns: repeat(1, 1fr);
gap: 2rem;
}
}
.p-about__list ul li a {
display: flex;
overflow: hidden;
border-radius: 26px;
background-color: #faf5e8;
position: relative;
z-index: 0;
color: inherit;
}
@media all and (max-width: 576px) {
.p-about__list ul li a {
border-radius: 18px;
}
}
.p-about__list-left {
width: 47%;
aspect-ratio: 420/400;
overflow: hidden;
}
.p-about__list-left img {
transition: all 0.3s ease-out;
}
@media (hover: hover) {
.p-about__list ul li a:hover .p-about__list-left img {
transform: scale(1.1);
}
}
.p-about__list-right {
width: 53%;
padding: min(60px, 6rem) min(30px, 3rem) 0;
position: relative;
}
@media all and (max-width: 576px) {
.p-about__list-right {
padding: 4.8rem 1.6rem 0;
}
}
.p-about__list-title {
font-size: min(22px, 2.2rem);
letter-spacing: 0.04em;
font-weight: 500;
line-height: normal;
margin: 0;
}
@media all and (max-width: 576px) {
.p-about__list-title {
font-size: 1.8rem;
}
}
.p-about__list-right i {
display: block;
width: min(50px, 5rem);
aspect-ratio: 1;
border-radius: 50%;
background-color: #eb8e00;
border: solid 2px #eb8e00;
transition: all 0.3s ease-out;
position: absolute;
right: min(30px, 3rem);
bottom: min(30px, 3rem);
}
@media all and (max-width: 576px) {
.p-about__list-right i {
width: 3.8rem;
right: 2rem;
bottom: 2rem;
}
}
@media (hover: hover) {
.p-about__list ul li a:hover .p-about__list-right i {
background-color: #fff;
}
}
.p-about__list-right i::before {
content: '';
display: block;
width: min(19px, 1.9rem);
aspect-ratio: 19/10;
position: absolute;
top: 50%;
left: 50%;
transform: translate3d(-50%, -50%, 0);
background: url(//wellvenus.jp/my-kitaguni/wp-content/themes/template/assets/img/common/ico_arrow.svg) no-repeat center center/contain;
opacity: 1;
transition: all 0.3s ease-out;
}
@media all and (max-width: 576px) {
.p-about__list-right i::before {
width: 1.5rem;
}
}
@media (hover: hover) {
.p-about__list ul li a:hover .p-about__list-right i::before {
transform: translate3d(25%, -50%, 0);
opacity: 0;
}
}
.p-about__list-right i::after {
content: '';
display: block;
width: min(19px, 1.9rem);
aspect-ratio: 19/10;
position: absolute;
top: 50%;
left: 50%;
transform: translate3d(-125%, -50%, 0);
background: url(//wellvenus.jp/my-kitaguni/wp-content/themes/template/assets/img/common/ico_arrow_orn.svg) no-repeat center center/contain;
opacity: 0;
transition: all 0.3s ease-out;
}
@media all and (max-width: 576px) {
.p-about__list-right i::after {
width: 1.5rem;
}
}
@media (hover: hover) {
.p-about__list ul li a:hover .p-about__list-right i::after {
transform: translate3d(-50%, -50%, 0);
opacity: 1;
}
} .p-news {
background-color: #faf5e8;
padding: min(190px, 19rem) min(40px, 4rem) min(180px, 18rem);
}
@media all and (max-width: 576px) {
.p-news {
padding: 8.5rem 4rem 11rem;
}
}
.p-news__inner {
width: 100%;
max-width: 1200px;
margin: 0 auto;
position: relative;
z-index: 0;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.p-news__inner::before {
content: '';
display: block;
width: min(158px, 15.8rem);
aspect-ratio: 158/137;
position: absolute;
top: calc(-1 * min(262px, 26.2rem));
right: 0;
background: url(//wellvenus.jp/my-kitaguni/wp-content/themes/template/assets/img/top/news_blob.svg) no-repeat center center/contain;
}
@media all and (max-width: 576px) {
.p-news__inner::before {
display: none;
}
}
.p-news__left {
width: 21.66%;
}
.p-news__right {
width: 66.66%;
}
@media all and (max-width: 576px) {
.p-news__left {
width: 100%;
position: relative;
margin: 0 0 4.6rem;
}
.p-news__right {
width: 100%;
}
}
.p-news__en {
color: #eb8e00;
font-size: min(14px, 1.4rem);
font-family: 'Poppins', sans-serif;
font-weight: 500;
letter-spacing: 0.12em;
margin: 0 0 min(17px, 1.7rem);
}
@media all and (max-width: 576px) {
.p-news__en {
font-size: 1.2rem;
margin: 0;
text-align: center;
}
}
.p-news__heading {
width: min(257px, 25.7rem);
margin: 0 0 min(82px, 8.2rem);
}
@media all and (max-width: 576px) {
.p-news__heading {
width: 100%;
margin: 0;
}
}
.p-news__img {
width: min(152px, 15.2rem);
margin-left: auto;
}
@media all and (max-width: 576px) {
.p-news__img {
width: 8.3rem;
position: absolute;
top: calc(-1 * 8.4rem);
left: 0;
}
}
.p-news__list dl {
padding-bottom: min(30px, 3rem);
margin-bottom: min(30px, 3rem);
border-bottom: solid 1px #afafaf;
}
@media all and (max-width: 576px) {
.p-news__list dl {
padding-bottom: 2.4rem;
margin-bottom: 2.4rem;
}
}
.p-news__list dl:last-child {
padding-bottom: 0;
margin-bottom: 0;
border-bottom: none;
}
.p-news__list dl dt {
font-size: min(16px, 1.6rem);
font-family: 'Poppins', sans-serif;
letter-spacing: 0.1em;
margin-bottom: min(12px, 1.2rem);
}
@media all and (max-width: 576px) {
.p-news__list dl dt {
font-size: 1.4rem;
margin-bottom: 0.6rem;
}
}
.p-news__list dl dd {
font-size: min(16px, 1.6rem);
letter-spacing: 0.04em;
line-height: 1.8;
}
@media all and (max-width: 576px) {
.p-news__list dl dd {
font-size: 1.4rem;
}
}
.p-news__list dl dd a {
text-decoration: underline;
}
@media (hover: hover) {
.p-news__list dl dd a:hover {
text-decoration: none;
}
}