@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-page-content__inner {
max-width: 1000px;
}
.p-anchor {
margin-bottom: min(110px, 11rem);
}
.p-anchor ul {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: min(30px, 3rem) min(40px, 4rem);
}
@media all and (max-width: 576px) {
.p-anchor ul {
grid-template-columns: repeat(2, 1fr);
gap: 1rem 1.6rem;
}
}
.p-anchor ul li a {
width: 100%;
height: 100%;
min-height: min(60px, 6rem);
border-radius: 9999px;
display: flex;
align-items: center;
justify-content: center;
font-size: min(18px, 1.8rem);
color: #333;
background-color: #fff;
font-weight: 500;
text-align: center;
line-height: 1.35;
padding: 0.5em 2.5em;
position: relative;
}
@media all and (max-width: 576px) {
.p-anchor ul li a {
min-height: 5rem;
font-size: 1.4rem;
padding: 0.5em 2.2em;
}
}
@media (hover: hover) {
.p-anchor ul li a:hover {
color: #fff;
background-color: #eb8d00;
}
}
.p-anchor ul li a::after {
content: '';
display: block;
width: 9px;
aspect-ratio: 1;
border-style: solid;
border-width: 2px 2px 0 0;
border-color: #eb8d00;
margin-left: 0px;
transform: translate3d(0, -50%, 0) rotate(135deg);
position: absolute;
top: 50%;
right: 1.5em;
}
@media all and (max-width: 576px) {
.p-anchor ul li a::after {
width: 8px;
border-width: 1.6px 1.6px 0 0;
right: 1.2em;
}
}
@media (hover: hover) {
.p-anchor ul li a:hover::after {
border-color: #fff;
}
}
.p-block {
padding-top: min(60px, 6rem);
margin-top: calc(-1 * min(60px, 6rem));
margin-bottom: min(120px, 12rem);
}
@media all and (max-width: 576px) {
.p-block {
padding-top: 8rem;
margin-top: -8rem;
margin-bottom: 7rem;
}
}
.p-block__title {
margin: 0 0 min(10px, 1rem);
line-height: 1.5;
letter-spacing: 0.08em;
font-weight: 500;
font-size: min(28px, 2.8rem);
}
@media all and (max-width: 576px) {
.p-block__title {
margin: 0;
font-size: 2.2rem;
}
}
.p-block__list dl {
padding: min(40px, 4rem) 0;
border-bottom: dotted 1px #d3cfc3;
}
@media all and (max-width: 576px) {
.p-block__list dl {
padding: 3rem 0;
}
}
.p-block__list dl dt {
font-size: min(20px, 2rem);
font-weight: 500;
line-height: 1.8;
display: flex;
cursor: pointer;
position: relative;
z-index: 0;
padding-right: min(80px, 8rem);
}
@media all and (max-width: 576px) {
.p-block__list dl dt {
font-size: 1.6rem;
padding-right: 5rem;
}
}
.p-block__list dl dt::before {
font-family: 'Poppins', sans-serif;
content: 'Q';
color: #eb8d00;
font-size: min(32px, 3.2rem);
font-weight: 500;
line-height: 1;
display: block;
margin-right: min(20px, 2rem);
}
@media all and (max-width: 576px) {
.p-block__list dl dt::before {
font-size: 3.2rem;
margin-right: 1rem;
}
}
.p-block__list dl dt span.toggle {
display: block;
position: absolute;
right: 0;
top: 50%;
transform: translate(0, -50%);
width: min(50px, 5rem);
aspect-ratio: 1/1;
cursor: pointer;
background-color: #fff;
border-radius: 50%;
transition: all 0.3s ease-out;
}
@media all and (max-width: 576px) {
.p-block__list dl dt span.toggle {
width: 3.8rem;
}
}
@media (hover: hover) {
.p-block__list dl dt:hover span.toggle {
background-color: #eb8d00;
}
}
.p-block__list dl dt.is-show span.toggle {
background-color: #c2c2c2;
}
.p-block__list dl dt span.toggle::before,
.p-block__list dl dt span.toggle::after {
position: absolute;
content: '';
display: block;
background-color: #eb8d00;
left: 50%;
top: 50%;
width: min(16px, 1.6rem);
height: 2px;
transform: translate3d(-50%, -50%, 0);
transition: all 0.3s ease-out;
}
@media all and (max-width: 576px) {
.p-block__list dl dt span.toggle::before,
.p-block__list dl dt span.toggle::after {
width: 1.2rem;
}
}
@media (hover: hover) {
.p-block__list dl dt:hover span.toggle::before,
.p-block__list dl dt:hover span.toggle::after {
background: #fff;
}
}
.p-block__list dl dt.is-show span.toggle::before,
.p-block__list dl dt.is-show span.toggle::after {
background: #fff;
}
.p-block__list dl dt span.toggle::before {
transform: translate3d(-50%, -50%, 0) rotate(90deg);
}
.p-block__list dl dt.is-show span.toggle::before {
transform: translate3d(-50%, -50%, 0) rotate(0deg);
}
.p-block__list dl dd {
margin: min(30px, 3rem) 0 0 min(8px, 0.8rem);
padding-right: min(80px, 8rem);
font-size: min(16px, 1.6rem);
line-height: 2;
display: none;
}
@media all and (max-width: 576px) {
.p-block__list dl dd {
margin: 1rem 0 0 0.5rem;
padding-right: 4rem;
font-size: 1.6rem;
}
}
.p-block__list dl dd > div {
display: flex;
}
.p-block__list dl dd > div::before {
content: 'A';
color: #333;
font-family: 'Poppins', sans-serif;
font-size: min(24px, 2.4rem);
font-weight: 500;
line-height: 1;
display: block;
margin-right: min(20px, 2rem);
margin-top: min(3px, 0.3rem);
}
@media all and (max-width: 576px) {
.p-block__list dl dd > div::before {
font-size: 2.4rem;
margin-right: 1.2rem;
margin-top: 0.3rem;
}
}