body {
font-family: "Noto Sans JP", serif;
}
.u-desktop {
display: none;
}
html.is-fixed {
overflow: hidden;
} html {
font-size: 16px;
}  a {
color: inherit;
text-decoration: none;
transition: opacity 0.45s;
}
*,
*::before,
*::after {
box-sizing: border-box;
} ul,
ol {
padding: 0;
} body,
h1,
h2,
h3,
h4,
h5,
p,
ul,
ol,
figure,
blockquote,
dl,
dd {
margin: 0;
} html {
scroll-behavior: smooth;
} body {
line-height: 1;
min-height: 100vh;
text-rendering: optimizeSpeed;
} ul,
ol {
list-style: none;
} a:not([class]) {
-webkit-text-decoration-skip: ink;
text-decoration-skip-ink: auto;
} img {
display: block;
max-width: 100%;
width: 100%;
} article > * + * {
margin-top: 1em;
} input,
button,
textarea,
select {
font: inherit;
} img:not([alt]) {
filter: blur(10px);
} input,
button,
select,
textarea {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: transparent;
border: none;
border-radius: 0;
font: inherit;
outline: none;
}
textarea {
resize: vertical;
}
input[type=checkbox],
input[type=radio] {
display: none;
}
input[type=submit],
input[type=button],
label,
button,
select {
cursor: pointer;
}
select::-ms-expand {
display: none;
}
picture {
display: block;
}
button {
border: none;
padding: 0;
}
.c-arrow {
align-items: center;
border: 1px solid #e60012;
border-radius: 50%;
display: inline-flex;
justify-content: center;
position: relative;
transition: all 0.45s;
}
.c-arrow::before {
-webkit-mask: url(//www.fukuyama.or.jp/wp2025/wp-content/themes/fukuyamacc_theme/assets/images/common/btn_row.png) center center/contain no-repeat;
background-color: #e60012;
content: "";
height: 0.6875rem;
mask: url(//www.fukuyama.or.jp/wp2025/wp-content/themes/fukuyamacc_theme/assets/images/common/btn_row.png) center center/contain no-repeat;
position: absolute;
transition: all 0.45s;
width: 0.375rem;
}
.c-bgTitle {
background-color: #e60012;
color: #fff;
font-size: 1.125rem;
letter-spacing: 0.05em;
padding: 0.875rem;
}
.c-borderTitle {
border-left: 0.3125rem solid #e60012;
font-size: 1.3125rem;
font-weight: 500;
letter-spacing: 0.05em;
line-height: 1.4285714286;
padding-block: 0.3125rem;
padding-left: 1.1875rem;
}
.c-borderTitle.--pink {
border-color: #ea68a2;
}
.c-btn {
align-items: center;
background-color: #fff;
border: 1px solid #e60012;
border-radius: 1.875rem;
color: #e60012;
display: inline-flex;
font-size: 1rem;
font-weight: 500;
height: 3.75rem;
justify-content: center;
letter-spacing: 0.05em;
max-width: 16.25rem;
padding-right: 0.75rem;
position: relative;
transition: all 0.45s;
width: 100%;
}
.c-btn::before {
-webkit-mask: url(//www.fukuyama.or.jp/wp2025/wp-content/themes/fukuyamacc_theme/assets/images/common/btn_row.png) center center/contain no-repeat;
background-color: #e60012;
content: "";
height: 1.0625rem;
mask: url(//www.fukuyama.or.jp/wp2025/wp-content/themes/fukuyamacc_theme/assets/images/common/btn_row.png) center center/contain no-repeat;
position: absolute;
right: 1.375rem;
top: 50%;
transform: translateY(-50%);
transition: all 0.45s;
width: 0.625rem;
}
.c-btn.--outer::before {
-webkit-mask: url(//www.fukuyama.or.jp/wp2025/wp-content/themes/fukuyamacc_theme/assets/images/common/icon_outer.png) center center/contain no-repeat;
height: 1rem;
mask: url(//www.fukuyama.or.jp/wp2025/wp-content/themes/fukuyamacc_theme/assets/images/common/icon_outer.png) center center/contain no-repeat;
right: 1rem;
width: 1.125rem;
}
.c-hamburger {
background-color: #e60012;
border-radius: 50%;
height: 100%;
position: relative;
transition: all 0.45s;
width: 100%;
}
.c-hamburger span {
background-color: #fff;
display: inline-block;
height: 1px;
left: 50%;
position: absolute;
top: 50%;
transform: translate(-50%, -50%);
transition: all 0.45s;
width: 1.25rem;
}
.c-hamburger span:nth-child(1) {
left: calc(50% + 0.25rem);
top: calc(50% - 0.3125rem);
width: 0.75rem;
}
.c-hamburger span:nth-child(3) {
left: calc(50% - 0.25rem);
top: calc(50% + 0.3125rem);
width: 0.75rem;
}
.c-hamburger.is-active span:nth-child(1) {
left: 50%;
top: 50%;
transform: translate(-50%, -50%) rotate(-45deg);
width: 1.25rem;
}
.c-hamburger.is-active span:nth-child(2) {
opacity: 0;
}
.c-hamburger.is-active span:nth-child(3) {
left: 50%;
top: 50%;
transform: translate(-50%, -50%) rotate(45deg);
width: 1.25rem;
}
.c-iconTitle__en {
align-items: center;
color: #e60012;
display: flex;
font-family: "Inter", sans-serif;
font-size: 1.125rem;
font-weight: 400;
gap: 0.5625rem;
line-height: 1.6666666667;
}
.c-iconTitle__en.--big {
font-size: 1.75rem;
font-weight: bold;
}
.c-iconTitle__en::before {
background: url(//www.fukuyama.or.jp/wp2025/wp-content/themes/fukuyamacc_theme/assets/images/common/icon_flower.png) center center/contain no-repeat;
content: "";
display: block;
height: 1.75rem;
width: 1.8125rem;
}
.c-iconTitle__main {
font-size: 1.75rem;
font-weight: 500;
letter-spacing: 0.05em;
margin-top: 1rem;
}
.c-iconTitle.--center {
text-align: center;
}
.c-iconTitle.--center .c-iconTitle__en {
justify-content: center;
}
.c-iconTitle.--center .c-iconTitle__en::after {
background: url(//www.fukuyama.or.jp/wp2025/wp-content/themes/fukuyamacc_theme/assets/images/common/icon_flower.png) center center/contain no-repeat;
content: "";
display: block;
height: 1.75rem;
width: 1.8125rem;
}
.c-lead {
font-size: 1rem;
line-height: 1.875;
}
.c-link {
background-color: #eeeeee;
border-radius: 0.1875rem;
display: inline-block;
font-size: 1rem;
font-weight: 400;
letter-spacing: 0.1em;
line-height: 1.25;
padding: 1.0625rem 2.5rem 1.0625rem 1.25rem;
position: relative;
width: 100%;
}
.c-link::before {
-webkit-mask: url(//www.fukuyama.or.jp/wp2025/wp-content/themes/fukuyamacc_theme/assets/images/common/arrow.png) center center/contain no-repeat;
background-color: #000;
content: "";
height: 0.875rem;
mask: url(//www.fukuyama.or.jp/wp2025/wp-content/themes/fukuyamacc_theme/assets/images/common/arrow.png) center center/contain no-repeat;
position: absolute;
right: 1.1875rem;
top: 50%;
transform: translateY(-50%) rotate(-90deg);
transition: all 0.45s;
width: 0.625rem;
}
.c-link:not(.--red)::after {
border: 1px solid #9f9f9f;
border-radius: 50%;
content: "";
height: 1.5rem;
position: absolute;
right: 0.75rem;
top: 50%;
transform: translateY(-50%);
width: 1.5rem;
}
.c-link.--red {
background-color: #fee7e9;
}
.c-link.--red::before {
background-color: #e60012;
}
.c-link.--archive {
background-color: #e60012;
color: #fff;
padding-inline: 0;
text-align: center;
}
.c-link.--archive::before,
.c-link.--archive::after {
display: none;
}
.c-link.is-active::before {
transform: translateY(-50%);
}
.c-list {
font-size: 1rem;
line-height: 1.5;
padding-left: 2.25rem;
position: relative;
}
.c-list::before {
background-color: #e60012;
border-radius: 50%;
content: "";
height: 8px;
left: 0.5rem;
position: absolute;
top: 0.5rem;
width: 8px;
}
.c-lists {
display: grid;
gap: 1rem;
margin-top: 2.25rem;
}
.c-list .red {
color: #e60012;
}
.c-news {
border-bottom: 1px solid #dadada;
display: block;
padding-block: 1.5rem;
}
.c-news__wrap {
align-items: center;
display: flex;
gap: 0.9375rem;
}
.c-news__time {
font-size: 1rem;
font-weight: bold;
}
.c-news__time.--pink {
color: #ea68a2;
}
.c-news__tag {
min-width: 8.75rem;
}
.c-news__title {
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
color: #000225;
display: -webkit-box;
font-size: 0.9375rem;
font-weight: 400;
letter-spacing: 0.01em;
line-height: 1.6;
margin-top: 0.75rem;
overflow: hidden;
}
.c-search {
align-items: center;
border: 1px solid #e60012;
border-radius: 1.25rem;
color: #a0a0a0;
display: flex;
font-size: 0.9375rem;
font-weight: 500;
height: 2.5rem;
padding-left: 2.625rem;
position: relative;
width: 11.25rem;
}
.c-search::before {
background: url(//www.fukuyama.or.jp/wp2025/wp-content/themes/fukuyamacc_theme/assets/images/common/icon_search.png) center center/contain no-repeat;
content: "";
height: 1.3125rem;
left: 0.8125rem;
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 1.3125rem;
}
.c-sectionTitle {
background-color: #e60012;
color: #fff;
font-size: 1.3125rem;
font-weight: 500;
letter-spacing: 0.05em;
padding: 0.8125rem;
}
.c-sideTitle {
border-bottom: 0.1875rem solid #e60012;
padding-bottom: 0.75rem;
}
.c-sideTitle h2 {
font-size: 1.5rem;
font-weight: 500;
line-height: 1.25;
}
.c-sideTitle p {
color: #e60012;
font-family: "Inter", sans-serif;
font-size: 1rem;
font-weight: 400;
line-height: 1.875;
}
.c-sideTitle.--black {
border-color: #000;
}
.c-sideTitle.--black p {
color: #000;
}
.c-subTitle {
background-color: #f6f6f6;
border-bottom: 1px solid #e60012;
font-size: 1.125rem;
font-weight: 500;
padding: 1.125rem;
}
.c-tag {
border: 1px solid;
border-radius: 1.875rem;
font-size: 0.875rem;
font-weight: 400;
letter-spacing: 0.05em;
padding: 0.375rem 1.0625rem;
text-align: center;
width: -moz-fit-content;
width: fit-content;
}
.c-test {
color: red;
font-size: 1.25rem;
}
.c-text {
font-size: 0.9375rem;
font-weight: 400;
letter-spacing: 0.05em;
line-height: 1.7333333333;
}
.c-title {
align-items: flex-end;
display: flex;
gap: 0.9375rem;
}
.c-title h2 {
font-size: 1.5rem;
font-weight: 500;
letter-spacing: 0.075em;
}
.c-title p {
color: #e60012;
font-weight: bold;
}
.l-cv {
margin-top: 3.125rem;
}
.l-inner {
height: inherit;
margin: 0 auto;
max-width: 33.75rem;
padding-left: 15px;
padding-right: 15px;
width: 100%;
}
.l-instagram {
margin-top: 4.5rem;
}
.l-intro {
margin-top: -4.6875rem;
}
.l-mv {
margin-top: 9.8125rem;
}
.l-pickup {
margin-top: 2.8125rem;
}
.l-topAbout {
margin-top: 7.375rem;
}
.l-topActivity {
margin-top: 4.0625rem;
}
.l-topConsult {
margin-top: 3.125rem;
}
.l-topMenu {
margin-top: 2.8125rem;
}
.l-topNumber {
margin-top: 2.5rem;
}
.p-access {
margin-top: 2rem;
}
.p-access__block + .p-access__block {
margin-top: 3.125rem;
}
.p-access__map {
margin-top: 1.25rem;
}
.p-access__map iframe {
aspect-ratio: 880/507;
height: 100%;
width: 100%;
}
.p-access__address {
font-size: 1rem;
font-weight: 400;
line-height: 1.875;
margin-top: 2em;
}
.p-access__unit {
margin-top: 2.1875rem;
}
.p-access__list span {
display: block;
margin-top: 0.25rem;
}
.p-archive__title {
background-color: #e60012;
color: #fff;
font-size: 1.125rem;
letter-spacing: 0.05em;
padding: 0.875rem;
}
.p-archive__title.--pink {
background-color: #ea68a2;
}
.p-archive__links {
margin-top: 3.125rem;
}
.p-archive__nav {
margin-top: 3.125rem;
}
.nav-links {
align-items: center;
display: flex;
gap: 0.625rem;
justify-content: center;
}
.page-numbers {
align-items: center;
display: flex;
font-size: 1rem;
font-weight: 400;
height: 1.875rem;
justify-content: center;
width: 1.875rem;
}
.page-numbers.current {
background-color: #e60012;
color: #fff;
}
.p-archive__nav.--joseikai .page-numbers.current {
background-color: #ea68a2;
}
.p-aside__news a {
background-color: #e60012;
color: #fff;
display: block;
padding-block: 2.5rem;
position: relative;
text-align: center;
}
.p-aside__news a::before {
border: 1px solid #fff;
border-radius: 0.1875rem;
content: "";
height: calc(100% - 1.5rem);
inset: 0;
margin: auto;
pointer-events: none;
position: absolute;
width: calc(100% - 2.5rem);
}
.p-aside__newsTitle {
align-items: center;
border-bottom: 1px solid #fff;
display: flex;
font-family: "Inter", sans-serif;
font-size: 1.4375rem;
font-weight: 400;
gap: 0.6875rem;
justify-content: center;
letter-spacing: 0.01em;
margin-inline: auto;
max-width: 13.625rem;
padding-bottom: 0.5625rem;
}
.p-aside__newsTitle img {
width: 1.5625rem;
}
.p-aside__newsText {
font-size: 1.25rem;
font-weight: 500;
letter-spacing: 0.025em;
line-height: 1.35;
margin-top: 1.125rem;
text-align: center;
}
.p-aside__block + .p-aside__block {
margin-top: 2.875rem;
}
.p-aside__links {
margin-top: 1rem;
}
.p-aside__link + .p-aside__link {
margin-top: 0.25rem;
}
.p-aside__bnrs {
margin-top: 2.5rem;
}
.p-aside__bnr + .p-aside__bnr {
margin-top: 1.25rem;
}
.p-aside__subLinks {
background-color: #eeeeee;
display: none;
margin-top: -1px;
padding-block: 0.3125rem 1.25rem;
padding-inline: 1.25rem;
}
.p-aside__subLink a {
display: inline-block;
font-size: 0.9375rem;
font-weight: 400;
letter-spacing: 0.05em;
line-height: 2.4;
width: 100%;
}
.p-bnr {
padding-bottom: 4.375rem;
padding-top: 4.375rem;
}
.p-bnr__links {
display: grid;
gap: 0.75rem 1.25rem;
grid-template-columns: repeat(2, 1fr);
}
.p-bnr__link a {
display: block;
}
.p-breadcrumb {
position: relative;
z-index: 1;
}
.p-breadcrumb__list {
align-items: center;
border-bottom: 1px solid #dbdbdb;
border-top: 1px solid #dbdbdb;
display: flex;
flex-wrap: wrap;
padding-block: 1rem;
}
.p-breadcrumb__list span {
font-size: 0.75rem;
font-weight: 500;
letter-spacing: 0.05em;
line-height: 1.4166666667;
}
.p-breadcrumb__list > span + span {
display: inline-block;
padding-left: 2em;
position: relative;
}
.p-breadcrumb__list > span + span::before {
content: ">";
left: 0.5em;
position: absolute;
top: 0;
}
.p-caution {
margin-top: 3.75rem;
}
.p-caution__box {
border: 1px solid #e60012;
margin-top: 3.125rem;
margin-top: 3.125rem;
padding: 1.25rem;
}
.p-contact {
margin-top: 4.0625rem;
}
.p-contact__text {
margin-top: 1.25rem;
}
.p-contact__btn {
margin-top: 2.5rem;
}
.p-contact__btn a,
.p-contact__btn span {
border: 1px solid #d2d2d2;
display: block;
padding: 1.25rem;
text-align: center;
}
.p-contact__btnTitle {
font-size: 1rem;
font-weight: 500;
letter-spacing: 0.05em;
line-height: 1.3333333333;
}
.p-contact__btnText {
font-size: 1rem;
font-weight: 400;
letter-spacing: 0.05em;
line-height: 1.875;
margin-top: 1.25rem;
}
.p-cv {
background: url(//www.fukuyama.or.jp/wp2025/wp-content/themes/fukuyamacc_theme/assets/images/top/mv_01.jpg) center 38%/cover no-repeat;
color: #fff;
padding-block: 0.875rem;
position: relative;
}
.p-cv::before {
background-color: #b80505;
content: "";
height: 100%;
left: 0;
opacity: 0.8;
position: absolute;
top: 0;
width: 100%;
}
.p-cv__inner {
position: relative;
z-index: 1;
}
.p-cv__blocks {
padding-inline: 1.875rem;
}
.p-cv__block {
padding-block: 3.375rem;
}
.p-cv__block + .p-cv__block {
border-top: 1px solid #fff;
}
.p-cv__title1 {
font-size: 1rem;
font-weight: 500;
letter-spacing: 0.05em;
line-height: 1.5;
text-align: center;
}
.p-cv__title1 span {
font-size: 1.125rem;
}
.p-cv__title1 strong {
font-size: 2rem;
margin-left: 0.25em;
}
.p-cv__title2 {
font-size: 1.875rem;
font-weight: 500;
letter-spacing: 0.1em;
line-height: 1.5;
text-align: center;
}
.p-cv__title2 span {
display: block;
font-family: "Inter", sans-serif;
font-size: 1.3125rem;
}
.p-cv__text {
font-size: 0.9375rem;
font-weight: 400;
letter-spacing: 0.05em;
line-height: 1.7333333333;
margin-top: 1.9375rem;
text-align: justify;
}
.p-cv__btn {
margin-top: 1.4375rem;
text-align: center;
}
.p-drawer {
height: 100dvh;
left: 0;
opacity: 0;
overflow-y: auto;
position: fixed;
top: -20%;
transition: all 0.6s;
visibility: hidden;
width: 100%;
}
.p-drawer::before {
background: url(//www.fukuyama.or.jp/wp2025/wp-content/themes/fukuyamacc_theme/assets/images/top/mv_pc.jpg) center center/cover no-repeat;
content: "";
height: 100%;
position: fixed;
right: 0;
width: calc(100% - 50.9375rem);
}
.p-drawer.is-active {
opacity: 1;
top: 0;
visibility: visible;
}
.p-drawer__inner {
background-color: #fff;
height: -moz-fit-content;
height: fit-content;
min-height: 100dvh;
padding-bottom: 3.125rem;
padding-inline: 2rem;
padding-top: 6.875rem;
}
.p-drawer__block + .p-drawer__block {
margin-top: 1.25rem;
}
.p-drawer__title {
cursor: pointer;
font-size: 1.25rem;
font-weight: bold;
letter-spacing: 0.025em;
line-height: 1.75;
position: relative;
transition: all 0.45s;
}
.p-drawer__title > a {
display: block;
}
.p-drawer__title.--hasMenu button {
display: block;
height: 100%;
position: absolute;
right: 0;
top: 0;
width: 2.5rem;
}
.p-drawer__title.--hasMenu button::before,
.p-drawer__title.--hasMenu button::after {
background-color: #e60012;
content: "";
height: 0.1875rem;
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
transition: all 0.45s;
width: 1.25rem;
}
.p-drawer__title.--hasMenu button::after {
transform: translateY(-50%) rotate(90deg);
}
.p-drawer__title.is-active.--hasMenu button::after {
transform: rotate(0);
}
.p-drawer__title span {
color: #f57f7f;
display: block;
font-family: "Inter", sans-serif;
font-size: 0.875rem;
font-weight: 400;
}
.p-drawer__links {
background-color: #fff;
border-radius: 1.25rem;
display: none;
margin-top: 0.875rem;
padding: 2.125rem 1.75rem;
}
.p-drawer__link a {
font-size: 1rem;
font-weight: 400;
letter-spacing: 0.025em;
line-height: 2.25;
}
.p-drawer__link.--big a {
font-size: 1.25rem;
font-weight: bold;
margin-top: 2.5rem;
}
.p-drawer__privacy a {
display: block;
font-size: 1rem;
letter-spacing: 0.025em;
line-height: 1.5;
}
.p-drawer__about {
margin-top: 2.5rem;
}
.p-drawer__address {
font-size: 1rem;
letter-spacing: 0.025em;
line-height: 1.5;
}
.p-drawer__tel {
color: #e60012;
margin-top: 1.25rem;
}
.p-drawer__tel a {
font-family: "Inter", sans-serif;
font-size: 1.75rem;
font-weight: 400;
}
.p-drawer__tel a span {
font-size: 1.25rem;
}
.p-drawer__time {
color: #e60012;
font-size: 0.875rem;
font-weight: 500;
letter-spacing: 0.025em;
margin-top: 1.25rem;
}
.p-drawer__btn {
margin-top: 2rem;
}
.p-drawer__btn a {
background-color: #e60012;
border-radius: 1.875rem;
color: #fff;
display: block;
font-size: 1.125rem;
font-weight: bold;
letter-spacing: 0.05em;
padding-block: 1.375rem;
text-align: center;
}
.p-drawer__sns {
align-items: center;
display: flex;
gap: 1.4375rem;
justify-content: center;
margin-top: 1.875rem;
}
.p-drawer__sns span {
font-size: 0.9375rem;
font-weight: bold;
}
.p-drawer__snsLinks {
align-items: center;
display: flex;
gap: 0.5rem;
}
.p-drawer__snsLink {
width: 3rem;
}
.p-drawer__snsLink a {
align-items: center;
aspect-ratio: 1;
background-color: #fff;
border-radius: 50%;
display: flex;
justify-content: center;
padding: 0.625rem;
width: 100%;
}
.p-drawer__translate {
border: 1px solid #e60012;
border-radius: 1rem;
height: 2.0625rem;
margin-inline: auto;
margin-top: 1.75rem;
min-width: 5rem;
position: relative;
text-align: center;
width: -moz-fit-content;
width: fit-content;
}
.p-drawer__translate::before {
background: url(//www.fukuyama.or.jp/wp2025/wp-content/themes/fukuyamacc_theme/assets/images/common/icon_lang.png) center center/contain no-repeat;
content: "";
height: 1.125rem;
left: 0.9375rem;
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 1.125rem;
}
.p-drawer__translate select {
color: #e60012;
height: 100%;
padding-left: 2.5rem;
width: 100%;
}
.p-drawer__en {
align-items: center;
border: 1px solid #e60012;
border-radius: 0.9375rem;
color: #e60012;
cursor: pointer;
display: flex;
font-size: 0.75rem;
font-weight: 500;
height: 1.875rem;
justify-content: center;
margin-top: 1.875rem;
padding-left: 1rem;
padding-right: 1.125rem;
position: relative;
width: 7rem;
}
.p-drawer__en::before {
-webkit-mask: url(//www.fukuyama.or.jp/wp2025/wp-content/themes/fukuyamacc_theme/assets/images/common/icon_translate.svg) center center/contain no-repeat;
background-color: #e60012;
content: "";
height: 0.75rem;
left: 0.3125rem;
mask: url(//www.fukuyama.or.jp/wp2025/wp-content/themes/fukuyamacc_theme/assets/images/common/icon_translate.svg) center center/contain no-repeat;
pointer-events: none;
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 0.75rem;
}
.p-drawer__en::after {
background-color: #e60012;
clip-path: polygon(0 0, 44% 100%, 100% 0);
content: "";
height: 0.3125rem;
pointer-events: none;
position: absolute;
right: 0.5rem;
top: 50%;
transform: translateY(-50%);
width: 0.375rem;
}
.p-drawer__en select {
color: #e60012;
display: block;
font-size: 0.625rem;
height: 100%;
left: 0;
position: absolute;
text-align: center;
top: 0;
width: 100%;
}
.p-floor {
margin-top: 2rem;
}
.p-floor__block + .p-floor__block {
margin-top: 5rem;
}
.p-floor__img {
margin-top: 1.75rem;
}
.p-floor__btn {
margin-top: 1.5625rem;
text-align: right;
}
.p-floor__imgs {
display: grid;
gap: 1.875rem;
margin-top: 2.5rem;
}
.p-floor__img p {
font-size: 1.125rem;
font-weight: 500;
margin-bottom: 1.25rem;
}
.p-floor__img img {
-o-object-fit: cover;
aspect-ratio: 364/280;
border-radius: 0.375rem;
object-fit: cover;
}
.p-footer-nav {
background-color: #f6f6f6;
padding-bottom: 2.3125rem;
padding-inline: 15px;
padding-top: 2.3125rem;
}
.p-footer-nav__blocks:first-child {
width: 100%;
}
.p-footer-nav__blocks + .p-footer-nav__blocks {
border-top: 1px solid #d1d1d1;
}
.p-footer-nav__block + .p-footer-nav__block {
border-top: 1px solid #d1d1d1;
}
.p-footer-nav__title {
cursor: pointer;
position: relative;
}
.p-footer-nav__title > a,
.p-footer-nav__title > span {
align-items: center;
display: flex;
font-size: 1rem;
font-weight: 500;
height: 100%;
letter-spacing: 0.05em;
padding-block: 1.625rem;
width: 100%;
}
.p-footer-nav__title:has(+ .p-footer-nav__box)::before {
background-color: #e60012;
content: "";
display: block;
font-size: 1.125rem;
height: 3px;
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
width: 0.9375rem;
}
.p-footer-nav__title:has(+ .p-footer-nav__box)::after {
background-color: #e60012;
content: "";
display: block;
font-size: 1.125rem;
height: 3px;
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%) rotate(90deg);
transition: all 0.45s;
width: 0.9375rem;
}
.p-footer-nav__title.is-active:has(+ .p-footer-nav__box)::after {
transform: translateY(0);
}
.p-footer-nav__box {
background-color: #fff;
border-radius: 0.625rem;
display: none;
padding: 2.0625rem 1.3125rem;
}
.p-footer-nav__links {
display: grid;
gap: 1.875rem 0;
grid-template-columns: repeat(2, 1fr);
padding: 0;
}
.p-footer-nav__link > a {
font-size: 0.875rem;
font-weight: 400;
letter-spacing: 0.025em;
line-height: 1.25;
position: relative;
}
.p-footer-nav__subtitle {
font-size: 1rem;
font-weight: 500;
letter-spacing: 0.025em;
line-height: 3;
margin-bottom: 0.875rem;
margin-top: 0.875rem;
}
.p-footer {
background-color: #fff;
padding-bottom: 8.75rem;
}
.p-footer__inner {
padding-top: 4.25rem;
}
.p-footer__logo {
margin-inline: auto;
max-width: 20.1875rem;
}
.p-footer__info {
margin-top: 1.3125rem;
}
.p-footer__address {
font-size: 0.875rem;
font-weight: 400;
letter-spacing: 0.05em;
line-height: 1.7142857143;
text-align: center;
}
.p-footer__contact {
font-size: 0.9375rem;
letter-spacing: 0.05em;
line-height: 1.6;
margin-top: 1.5rem;
text-align: center;
}
.p-footer__sns {
align-items: center;
display: flex;
gap: 1.75rem;
justify-content: center;
margin-top: 3.25rem;
}
.p-footer__snsTitle {
font-size: 0.9375rem;
font-weight: 500;
}
.p-footer__snsLinks {
align-items: center;
display: flex;
gap: 1.8125rem;
justify-content: center;
}
.p-footer__snsLink {
width: 1.75rem;
}
.p-footer__snsLink a {
display: block;
}
.p-footer__bottom {
border-top: 1px solid #d1d1d1;
margin-top: 3rem;
padding-top: 3rem;
}
.p-footer__privacy {
font-size: 0.875rem;
font-weight: 400;
letter-spacing: 0.025em;
text-align: center;
}
.p-footer__copy {
font-family: "Inter", sans-serif;
font-size: 0.6875rem;
font-weight: 400;
margin-top: 2.625rem;
text-align: center;
}
.p-form__lead {
color: #e60012;
font-size: 1rem;
font-weight: 400;
}
.p-form__main {
border: 1px solid #d2d2d2;
margin-top: 1.25rem;
}
.p-form__row {
display: grid;
grid-template-columns: 100%;
}
.p-form__row:not(:last-child) {
border-bottom: 1px solid #d2d2d2;
}
.p-form__title {
background-color: #fdf3f3;
font-size: 1rem;
font-weight: 400;
padding: 1.25rem;
}
.p-form__title span {
color: #e60012;
}
.p-form__input {
border-left: none;
border-top: 1px solid #d2d2d2;
padding: 1.25rem;
}
.p-form__input input[type=text],
.p-form__input input[type=zip],
.p-form__input input[type=tel],
.p-form__input input[type=email] {
border: 1px solid #d2d2d2;
display: inline-block;
height: 2.5rem;
padding-inline: 1em;
width: 100%;
}
.p-form__input textarea {
border: 1px solid #d2d2d2;
display: inline-block;
height: 7.1875rem;
line-height: 1.5;
padding: 0.5em 1em;
width: 100%;
}
.p-form__other {
margin-left: 2.1875rem;
margin-top: 1.25rem;
width: calc(100% - 2.1875rem);
}
.p-form__other textarea {
border: 1px solid #d2d2d2;
display: inline-block;
height: 2.5rem;
padding-inline: 1em;
width: 100%;
}
.p-form.confirm .p-form__other {
margin-left: 0;
}
.p-form__input input[type=checkbox] + span {
color: #000225;
display: inline-block;
font-size: 0.875rem;
font-weight: 400;
letter-spacing: 0.05em;
padding-left: 2.1875rem;
position: relative;
}
.p-form__input input[type=radio] + span {
color: #000225;
display: inline-block;
font-size: 0.875rem;
font-weight: 400;
letter-spacing: 0.05em;
padding-left: 2.1875rem;
position: relative;
}
.p-form__input input[type=checkbox] + span::before {
border: 1px solid #d2d2d2;
border-radius: 0.125rem;
content: "";
height: 1.25rem;
left: 0;
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 1.25rem;
}
.p-form__input input[type=checkbox] + span::after {
border-bottom: 3px solid #e60012;
border-left: 3px solid #e60012;
content: "";
height: 0.625rem;
left: 0.125rem;
opacity: 0;
position: absolute;
top: calc(50% - 0.1875rem);
transform: translateY(-50%) rotate(-45deg);
transition: all 0.1s;
width: 1rem;
}
.p-form__input input[type=checkbox]:checked + span::after {
opacity: 1;
}
.p-form__input input[type=radio] + span::before {
border: 1px solid #d2d2d2;
border-radius: 50%;
content: "";
height: 1.25rem;
left: 0;
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 1.25rem;
}
.p-form__input input[type=radio] + span::after {
border-bottom: 3px solid #e60012;
border-left: 3px solid #e60012;
content: "";
height: 0.625rem;
left: 0.125rem;
opacity: 0;
position: absolute;
top: calc(50% - 0.1875rem);
transform: translateY(-50%) rotate(-45deg);
transition: all 0.1s;
width: 1rem;
}
.p-form__input input[type=radio]:checked + span::after {
opacity: 1;
}
.p-form__link {
margin-top: 1rem;
}
.p-form__link a {
border-bottom: 1px solid;
color: #e60012;
font-size: 1rem;
font-weight: 400;
letter-spacing: 0.05em;
padding-bottom: 0.1875rem;
}
.p-form__submit {
align-items: center;
display: flex;
flex-direction: column;
gap: 1rem;
justify-content: center;
margin-inline: auto;
margin-top: 2.5rem;
position: relative;
width: -moz-fit-content;
width: fit-content;
}
.p-form__submitBtn {
position: relative;
}
.p-form__submitBtn::before {
-webkit-mask: url(//www.fukuyama.or.jp/wp2025/wp-content/themes/fukuyamacc_theme/assets/images/common/arrow.png) center center/contain no-repeat;
background-color: #e60012;
content: "";
height: 0.625rem;
mask: url(//www.fukuyama.or.jp/wp2025/wp-content/themes/fukuyamacc_theme/assets/images/common/arrow.png) center center/contain no-repeat;
position: absolute;
right: 1.5625rem;
top: 50%;
transform: translateY(-50%) rotate(-90deg);
transition: all 0.45s;
width: 1.0625rem;
}
.p-form__submit input {
align-items: center;
border: 1px solid #e60012;
border-radius: 2.1875rem;
color: #e60012;
display: inline-flex !important;
font-size: 1rem;
font-weight: 500;
height: 3.9375rem;
justify-content: center;
transition: all 0.45s;
width: 16.875rem;
}
.p-form__zip {
align-items: center;
display: flex;
margin-bottom: 0.625rem;
}
.p-form__zip input {
max-width: 12.5rem;
}
.p-form__check li + li {
margin-top: 1rem;
}
.p-form__radio {
display: grid;
gap: 1rem;
}
.p-form__radio li:not(:nth-last-child(2)) .wpcf7-not-valid-tip {
display: none;
}
.p-form__radio li:nth-last-child(2) {
order: 1;
}
.p-form__confirmText {
line-height: 1.5;
}
.p-form__head {
border: 1px solid #e60012;
color: #e60012;
font-size: 1.25rem;
font-weight: bold;
letter-spacing: 0.1em;
margin-bottom: 2rem;
padding-block: 1rem;
text-align: center;
}
.wpcf7-spinner {
display: none;
}
.wpcf7-not-valid-tip {
margin-top: 0.375rem;
}
.p-globalNav {
align-items: center;
display: flex;
}
.p-globalNav__links {
align-items: center;
display: flex;
gap: 2.8125rem;
}
.p-globalNav__link {
align-items: center;
display: flex;
gap: 0.4375rem;
height: 1em;
position: relative;
}
.p-globalNav__link > a,
.p-globalNav__link > span {
color: #000225;
cursor: pointer;
display: block;
font-size: 1rem;
font-weight: 500;
letter-spacing: 0.025em;
margin-top: 3.125rem;
padding-bottom: 3.125rem;
position: relative;
transition: all 0.45s;
z-index: 1;
}
.p-globalNav__link > a:hover,
.p-globalNav__link > span:hover {
opacity: 0.6;
}
.p-globalNav__link.--hasMenu::after {
background-color: #e60012;
clip-path: polygon(0 0, 50% 100%, 100% 0);
content: "";
height: 0.5625rem;
width: 0.625rem;
z-index: -1;
}
.p-globalNav__link.--hasMenu > span::before {
background-color: #e60012;
bottom: 2.5rem;
content: "";
height: 0.3125rem;
left: 0;
position: absolute;
transition: all 0.45s;
width: 0%;
z-index: -1;
}
.p-globalNav__link.--hasMenu > span::after {
content: "";
height: 6.25rem;
left: -20%;
opacity: 0;
pointer-events: none;
position: absolute;
top: 50%;
width: 140%;
}
.p-header {
background-color: #fff;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 100;
}
.p-header__inner {
align-items: center;
display: flex;
height: 4.375rem;
padding-left: 0.625rem;
padding-right: 5.3125rem;
position: relative;
z-index: 1;
}
.p-header__logo {
max-width: 11rem;
position: relative;
z-index: 1;
}
.p-header__logo a {
display: block;
}
.p-header__globalNav {
align-items: center;
display: flex;
height: 100%;
margin-left: auto;
}
.p-header__globalNav.u-desktop {
display: none;
}
.p-header__items {
align-items: center;
display: flex;
gap: 1.375rem;
height: 100%;
}
.p-header__item {
height: 100%;
}
.p-header__item a {
align-items: center;
display: flex;
flex-direction: column;
height: 100%;
justify-content: center;
}
.p-header__item img {
-o-object-fit: contain;
height: 1.5625rem;
margin-inline: auto;
object-fit: contain;
width: 1.5rem;
}
.p-header__item span {
color: #e60012;
display: block;
font-size: 0.6875rem;
font-weight: bold;
letter-spacing: -0.05em;
margin-top: 0.3125rem;
text-align: center;
}
.p-header__hamburger {
height: 2.875rem;
margin-left: 1.875rem;
position: fixed;
right: 0.5rem;
width: 2.875rem;
z-index: 1;
}
.p-header__nav {
background-color: #fff;
}
.p-header__links {
border: 1px solid #fff;
display: grid;
gap: 1px;
grid-template-columns: repeat(2, 1fr);
position: relative;
}
.p-header__link > a,
.p-header__link > span {
background-color: #fcd5d5;
display: inline-block;
font-size: 0.875rem;
font-weight: 500;
letter-spacing: 0.025em;
padding: 0.875rem 0.25rem;
padding-left: 0.625rem;
position: relative;
width: 100%;
}
.p-header__link > a::before,
.p-header__link > span::before {
background: url(//www.fukuyama.or.jp/wp2025/wp-content/themes/fukuyamacc_theme/assets/images/common/arrow.png) center center/contain no-repeat;
content: "";
height: 0.4375rem;
position: absolute;
right: 0.375rem;
top: 50%;
transform: translateY(-50%);
transition: all 0.45s;
width: 0.8125rem;
}
.p-header__link > a.is-open::before,
.p-header__link > span.is-open::before {
transform: translateY(-50%) rotate(180deg);
}
.p-header__subMenu {
background-color: #fff;
left: 0;
opacity: 0;
padding-block: 1.875rem 3.125rem;
padding-inline: 15px;
position: absolute;
top: 100%;
transition: all 0.5s;
visibility: hidden;
width: 100%;
z-index: 2;
}
.p-header__subMenu.is-open {
opacity: 1;
visibility: visible;
}
.p-header__icon {
margin-inline: auto;
max-width: 5.3125rem;
}
.p-header__subBlocks {
margin-top: 2.25rem;
}
.p-header__subBlock + .p-header__subBlock {
margin-top: 2.25rem;
}
.p-header__subBlock-title a {
align-items: center;
border-bottom: 1px solid #dbdbdb;
display: grid;
font-size: 1.125rem;
font-weight: 500;
gap: 0.6875rem;
grid-template-columns: 1.25rem 1fr;
padding-bottom: 0.875rem;
}
.p-header__subBlock-title span {
align-items: center;
background: url(//www.fukuyama.or.jp/wp2025/wp-content/themes/fukuyamacc_theme/assets/images/common/circle-arrow.png) center center/contain no-repeat;
border-radius: 50%;
display: inline-flex;
height: 1.25rem;
justify-content: center;
position: relative;
}
.p-header__subLinks {
display: grid;
gap: 0 1.375rem;
grid-template-columns: repeat(2, 1fr);
}
.p-header__subLink a {
border-bottom: 1px solid #dbdbdb;
display: block;
font-size: 0.875rem;
padding-block: 1.4375rem;
position: relative;
transition: all 0.45s;
}
.p-header__subLink a::before {
-webkit-mask: url(//www.fukuyama.or.jp/wp2025/wp-content/themes/fukuyamacc_theme/assets/images/common/arrow.png) center center/contain no-repeat;
background-color: #000;
content: "";
height: 0.5rem;
mask: url(//www.fukuyama.or.jp/wp2025/wp-content/themes/fukuyamacc_theme/assets/images/common/arrow.png) center center/contain no-repeat;
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%) rotate(-90deg);
transition: all 0.45s;
width: 0.75rem;
}
.p-info__row {
border-bottom: 1px solid #dbdbdb;
padding-block: 1.5rem;
}
.p-info__row dt {
color: #e60012;
font-size: 1rem;
font-weight: 500;
letter-spacing: 0.05em;
line-height: 1.875;
}
.p-info__row dd {
font-size: 0.875rem;
font-weight: 400;
letter-spacing: 0.05em;
line-height: 1.7142857143;
margin-top: 0.875rem;
}
.p-information {
margin-top: 2rem;
}
.p-information__unit {
margin-top: 3.125rem;
}
.p-information__list {
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
margin-left: 1.6em;
margin-top: 2rem;
text-indent: -1.6em;
}
.p-information__list + .p-information__list {
margin-top: 1.5rem;
}
.p-information__list span {
color: #e60012;
}
.p-information__btn {
margin-left: 1.65em;
margin-top: 1em;
}
.p-instagram {
border: 0.1875rem solid #dcdcdc;
border-radius: 1.25rem;
margin-inline: auto;
padding-bottom: 2.9375rem;
padding-top: 2.5rem;
width: calc(100% - 15px - 15px);
}
.p-instagram__title {
align-items: center;
display: flex;
font-size: 1.5rem;
font-weight: 400;
gap: 1.0625rem;
justify-content: center;
}
.p-instagram__title::before {
background: url(//www.fukuyama.or.jp/wp2025/wp-content/themes/fukuyamacc_theme/assets/images/common/icon_instagram.png) center center/contain no-repeat;
content: "";
display: block;
height: 2rem;
width: 2rem;
}
.p-instagram__title.--youtube::before {
background-image: url(//www.fukuyama.or.jp/wp2025/wp-content/themes/fukuyamacc_theme/assets/images/common/icon_youtube.png);
}
.p-instagram__main {
margin-top: 1.5rem;
}
.p-instagram__blocks {
display: grid;
gap: 1.875rem;
}
.p-intro {
background-color: #fff;
border-radius: 1.25rem;
box-shadow: 0 0 1rem rgba(0, 0, 0, 0.08);
margin-inline: auto;
padding-bottom: 2.9375rem;
padding-top: 2.375rem;
position: relative;
width: calc(100% - 15px - 15px);
z-index: 1;
}
.p-intro__alert a {
background-color: #ffeee0;
color: #ec6941;
display: block;
font-size: 1rem;
letter-spacing: 0.025em;
line-height: 1.5;
margin-bottom: 0.9375rem;
padding: 1.25rem;
}
.p-intro__alert:last-of-type a {
margin-bottom: 1.875rem;
}
.p-intro__time {
font-size: 0.875rem;
}
.p-intro__alertText {
color: #ec6941;
}
.p-intro__wrap {
display: flex;
flex-direction: column-reverse;
}
.p-intro__slider {
margin-top: 3.125rem;
}
.p-intro__slider .slide-arrow {
background: #e60012;
border: 1px solid #e60012;
border-radius: 50%;
cursor: pointer;
font-size: 30px;
height: 1.625rem;
position: absolute;
top: 50%;
transform: translateY(-50%);
transition: all 0.45s;
width: 1.625rem;
z-index: 1;
}
.p-intro__slider .slide-arrow::before {
-webkit-mask: url(//www.fukuyama.or.jp/wp2025/wp-content/themes/fukuyamacc_theme/assets/images/common/slide-arrow.png) center center/contain no-repeat;
background-color: #fff;
content: "";
height: 0.5625rem;
left: 50%;
mask: url(//www.fukuyama.or.jp/wp2025/wp-content/themes/fukuyamacc_theme/assets/images/common/slide-arrow.png) center center/contain no-repeat;
position: absolute;
position: absolute;
top: 50%;
transform: translate(-50%, -50%);
transition: all 0.45s;
width: 0.6875rem;
}
.p-intro__slider .slide-arrow:hover {
background-color: #fff;
}
.p-intro__slider .slide-arrow:hover::before {
background-color: #e60012;
}
.p-intro__slider .prev-arrow {
left: -0.8125rem;
}
.p-intro__slider .prev-arrow::before {
transform: translate(-50%, -50%) rotate(180deg);
}
.p-intro__slider .next-arrow {
right: -0.8125rem;
}
.p-intro__img img {
-o-object-fit: cover;
aspect-ratio: 100/110;
object-fit: cover;
}
.p-intro__thumb {
margin-top: 0.8125rem;
width: calc(100% + 0.3125rem);
}
.p-intro__thumb picture {
margin-right: 0.3125rem;
}
.p-intro__thumb img {
-o-object-fit: cover;
aspect-ratio: 100/80;
object-fit: cover;
}
.p-intro__thumb .slick-track {
transform: unset !important;
}
.p-joseikai-tabs {
display: grid;
gap: 0.3125rem;
grid-template-columns: repeat(3, 1fr);
margin-bottom: 2rem;
}
.p-joseikai-tab a {
align-items: center;
display: flex;
font-size: 0.875rem;
font-weight: 400;
height: 3.125rem;
justify-content: center;
position: relative;
transition: all 0.45s;
}
.p-joseikai-tab a::before {
background-color: #e5e5e5;
border-radius: 1px;
bottom: 0;
content: "";
height: 1px;
left: 0;
position: absolute;
width: 100%;
}
.p-joseikai-tab.is-active a {
background-color: #f9f1f5;
border-radius: 0.1875rem;
color: #ea68a2;
}
.p-joseikai-tab.is-active a::before {
background-color: #ea68a2;
}
.p-joseikaiMv {
background-color: #fffef7;
padding-bottom: 4.5rem;
padding-top: 13.4375rem;
position: relative;
}
.p-joseikaiMv__inner {
position: relative;
}
.p-joseikaiMv__title {
color: #ea68a2;
}
.p-joseikaiMv__title p {
font-family: "Inter", sans-serif;
font-size: 1rem;
letter-spacing: 0.025em;
line-height: 1.5;
}
.p-joseikaiMv__title h1 {
font-size: 1.875rem;
font-weight: 500;
letter-spacing: 0.05em;
line-height: 1.25;
margin-top: 0.9375rem;
}
.p-joseikaiMv__subTitle {
color: #ea68a2;
font-size: 1.125rem;
font-weight: 500;
letter-spacing: 0.05em;
margin-top: 1rem;
}
.p-joseikaiMv__logo {
margin-inline: auto;
margin-top: 1.25rem;
mix-blend-mode: multiply;
width: 80%;
}
.p-megaMenu {
left: 0;
opacity: 0;
pointer-events: none;
position: fixed;
top: 9.0625rem;
transition: all 0.45s;
visibility: hidden;
width: 100%;
}
.p-megaMenu.is-active {
opacity: 1;
pointer-events: auto;
visibility: visible;
}
.p-megaMenu::after {
background-color: #fff;
clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
content: "";
height: 3rem;
left: 50%;
position: absolute;
top: -2.375rem;
transform: translateX(-50%);
width: 3rem;
}
.p-globalNav__link:nth-child(1) .p-megaMenu::after {
left: calc(50% - 11rem);
}
.p-globalNav__link:nth-child(2) .p-megaMenu::after {
left: calc(50% + 1rem);
}
.p-globalNav__link:nth-child(3) .p-megaMenu::after {
left: calc(50% + 11.5rem);
}
.p-globalNav__link:nth-child(4) .p-megaMenu::after {
left: calc(50% + 19.5rem);
}
.p-globalNav__link:nth-child(5) .p-megaMenu::after {
left: calc(50% + 31.5rem);
}
.p-megaMenu__box {
background-color: #fff;
border-radius: 0.9375rem;
display: grid;
gap: 6.75rem;
grid-template-columns: 8.125rem 1fr;
left: 0;
margin-inline: auto;
max-width: 87.5rem;
min-height: 18.125rem;
padding-block: 2.8125rem;
padding-inline: 7.5rem;
position: absolute;
right: 0;
top: 0;
width: calc(100vw - 6.25rem);
}
.p-megaMenu::before {
background-color: #000;
content: "";
height: 100vh;
left: 0;
opacity: 0.22;
pointer-events: none;
position: fixed;
top: 0;
width: 100vw;
}
.p-megaMenu__icon {
align-items: center;
display: flex;
}
.p-megaMenu__block + .p-megaMenu__block {
margin-top: 1.25rem;
}
.p-megaMenu__title a {
align-items: center;
border-bottom: 1px solid #dbdbdb;
display: grid;
font-size: 1.125rem;
font-weight: 500;
gap: 0.6875rem;
grid-template-columns: 1.4375rem 1fr;
padding-bottom: 0.875rem;
}
.p-megaMenu__title span {
align-items: center;
background: url(//www.fukuyama.or.jp/wp2025/wp-content/themes/fukuyamacc_theme/assets/images/common/circle-arrow.png) center center/contain no-repeat;
border-radius: 50%;
display: inline-flex;
height: 1.4375rem;
justify-content: center;
position: relative;
}
.p-megaMenu__links {
display: grid;
gap: 0 1.25rem;
grid-template-columns: repeat(4, 1fr);
}
.p-megaMenu__link a {
align-items: center;
border-bottom: 1px solid #dbdbdb;
display: flex;
font-size: 0.875rem;
height: 3.75rem;
position: relative;
transition: all 0.45s;
}
.p-megaMenu__link.--border-none a {
border: none;
}
.p-megaMenu__link a::before {
-webkit-mask: url(//www.fukuyama.or.jp/wp2025/wp-content/themes/fukuyamacc_theme/assets/images/common/arrow.png) center center/contain no-repeat;
background-color: #000;
content: "";
height: 0.5rem;
mask: url(//www.fukuyama.or.jp/wp2025/wp-content/themes/fukuyamacc_theme/assets/images/common/arrow.png) center center/contain no-repeat;
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%) rotate(-90deg);
transition: all 0.45s;
width: 0.75rem;
}
.p-member__blocks {
margin-top: 2.1875rem;
}
.p-member__block + .p-member__block {
margin-top: 1.5625rem;
}
.p-member__block {
border-bottom: 1px solid #dbdbdb;
padding-bottom: 1.5625rem;
}
.p-member__subTitle {
align-items: center;
cursor: pointer;
display: grid;
font-size: 1.125rem;
font-weight: 500;
gap: 0.625rem;
grid-template-columns: 0.625rem 1fr;
letter-spacing: 0.05em;
line-height: 1.6666666667;
position: relative;
}
.p-member__subTitle::before {
background-color: #e60012;
border-radius: 50%;
content: "";
display: inline-block;
height: 0.4375rem;
width: 0.4375rem;
}
.p-member__btn {
height: 1.25rem;
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
width: 1.25rem;
}
.p-member__btn::before,
.p-member__btn::after {
background-color: #e60012;
content: "";
height: 0.1875rem;
left: 50%;
position: absolute;
top: 50%;
transform: translate(-50%, -50%);
transition: all 0.45s;
width: 100%;
}
.p-member__btn::after {
transform: translate(-50%, -50%) rotate(90deg);
}
.p-member__subTitle.is-active .p-member__btn::after {
transform: translate(-50%, -50%);
}
.p-member__body {
display: none;
margin-top: 1.5625rem;
}
.p-member__lists {
display: grid;
gap: 1.25rem 1.375rem;
grid-template-columns: repeat(2, 1fr);
}
.p-member__list {
font-size: 0.875rem;
font-weight: 400;
letter-spacing: 0.05em;
line-height: 1.2857142857;
}
.p-member__list span {
color: #e60012;
display: inline-block;
}
.p-modal {
display: none;
height: 100%;
left: 0;
position: fixed;
top: 0;
width: 100%;
z-index: 1000;
}
.p-modal__contents {
background-color: #fff;
border-radius: 0.375rem;
bottom: 0;
height: 100%;
left: 0;
margin: auto;
max-height: calc(100vh - 6.25rem);
max-width: 75rem;
overflow-y: auto;
padding: 3.125rem 15px 1.875rem;
position: absolute;
right: 0;
top: 0;
width: calc(100% - 3.125rem);
z-index: 1;
}
.p-modal__content {
display: none;
height: -moz-fit-content;
height: fit-content;
}
.p-modal__close {
height: 1.875rem;
position: fixed;
right: calc(50% - (50vw - 2.1875rem));
top: calc(50% - (50vh - 4.375rem));
width: 1.875rem;
}
.p-modal__block + .p-modal__block {
margin-top: 3.125rem;
}
.p-modal__wrap {
display: grid;
gap: 1.875rem;
margin-top: 1.875rem;
}
.p-modal__img img {
-o-object-fit: cover;
aspect-ratio: 488/367;
border-radius: 0.375rem;
object-fit: cover;
}
.p-modal__text {
font-size: 1rem;
line-height: 1.875;
}
.p-modal__table {
border: 1px solid #d2d2d2;
border-collapse: collapse;
margin-top: 1.875rem;
width: 100%;
}
.p-modal__table tr + tr {
border-top: 1px solid #d2d2d2;
}
.p-modal__table col:nth-child(1) {
width: 25%;
}
.p-modal__table col:nth-child(2) {
width: 75%;
}
.p-modal__table th {
background-color: #feefef;
font-size: 0.875rem;
font-weight: 500;
line-height: 1.6;
padding: 1.25rem 1.5625rem;
}
.p-modal__table td {
font-size: 0.875rem;
font-weight: 400;
line-height: 1.6;
padding: 0.6875rem 1rem;
}
.p-modal__table2 {
border: 1px solid #d2d2d2;
border-collapse: collapse;
margin-top: 1.875rem;
width: 100%;
}
.p-modal__table2 tr + tr {
border-top: 1px solid #d2d2d2;
}
.p-modal__table2 col:nth-child(1) {
width: 46%;
}
.p-modal__table2 col:nth-child(n+2) {
width: 27%;
}
.p-modal__table2 th {
background-color: #feefef;
font-size: 0.875rem;
padding: 0.6875rem 1rem;
text-align: left;
}
.p-modal__table2 td {
font-size: 0.875rem;
font-weight: 400;
line-height: 1.6;
padding: 0.6875rem 1rem;
}
.p-modal__table2 td:nth-child(1) {
font-size: 0.875rem;
font-weight: 500;
line-height: 1.6;
padding: 1.25rem 1rem;
}
.p-modal__table2 th.red,
.p-modal__table2 td.red {
color: #e60012;
}
.p-modal__table2 th:nth-child(n+2),
.p-modal__table2 td:nth-child(n+2) {
border-left: 1px solid #d2d2d2;
text-align: center;
}
.p-modal__btn {
margin-top: 2rem;
text-align: center;
}
.p-modal__btn a {
max-width: 20.625rem;
}
.p-modal__bg {
background-color: #000;
height: 100%;
left: 0;
opacity: 0.41;
position: absolute;
top: 0;
width: 100%;
}
.p-modal__unit + .p-modal__unit {
margin-top: 2.5rem;
}
.p-modal__unitTitle {
align-items: center;
display: flex;
font-size: 1.125rem;
font-weight: bold;
gap: 0.875rem;
}
.p-modal__unitTitle::before {
background-color: #e60012;
border-radius: 50%;
content: "";
height: 0.875rem;
width: 0.875rem;
}
.p-modal__bottomImg {
margin-inline: auto;
margin-top: 2rem;
max-width: 17.5rem;
}
.p-mokuji__pages {
margin-top: 2.8125rem;
}
.p-mokuji__page + .p-mokuji__page {
margin-top: 2.5rem;
}
.p-wrapper__content .p-mokuji__page > a:not(.wp-block-button__link) {
background-color: #f4f2f2;
border-bottom: 1px solid #9f9f9f;
color: #000000;
display: block;
font-size: 1rem;
font-weight: bold;
letter-spacing: 0.075em;
padding: 1.25rem 0.9375rem;
text-decoration: none;
}
.p-mokuji__subPage {
margin-top: 0.625rem;
}
.p-mokuji__subPage li + li {
border-top: 1px dotted #9f9f9f;
}
.p-wrapper__content .p-mokuji__subPage a:not(.wp-block-button__link) {
color: #000000;
display: block;
font-size: 1rem;
line-height: 1.5;
padding-block: 0.8125rem;
text-decoration: none;
}
.p-mv {
overflow: hidden;
position: relative;
}
.p-mv__inner {
height: inherit;
}
.p-mv__title {
color: #fff;
left: 0;
position: absolute;
text-align: center;
text-shadow: 0 0 0.5rem rgba(61, 61, 61, 0.6);
top: 50%;
transform: translateY(-50%);
width: 100%;
}
.p-mv__title h2 {
font-size: 1.5625rem;
font-weight: bold;
letter-spacing: 0.3em;
line-height: 1.28;
}
.p-mv__title p {
font-size: 0.5rem;
font-weight: bold;
margin-top: 1.3125rem;
}
.p-mv__img img {
-o-object-fit: cover;
-o-object-position: top center;
aspect-ratio: 375/353;
height: 100%;
object-fit: cover;
object-position: top center;
width: 100%;
}
.p-mv__slider .slick-list,
.p-mv__slider .slick-track {
height: 100%;
}
.p-pickup {
background-color: #ffeee0;
border-radius: 0.625rem;
margin-inline: auto;
padding-bottom: 3.125rem;
padding-top: 2.5rem;
width: calc(100% - 15px - 15px);
}
.p-pickup__bnrs {
display: flex;
flex-direction: column;
gap: 1.5625rem;
margin-top: 2rem;
}
.p-pickup__bnr {
aspect-ratio: 584/337;
border-radius: 0.625rem;
overflow: hidden;
}
.p-pickup__bnr img {
-o-object-fit: cover;
height: 100%;
object-fit: cover;
width: 100%;
}
.p-pickup__bnr a {
display: block;
height: 100%;
}
.p-rental-room {
margin-top: 2rem;
}
.p-rental-room__blocks {
margin-top: 3.75rem;
}
.p-rental-room__block + .p-rental-room__block {
margin-top: 2.5rem;
}
.p-rental-room__scroll {
margin-left: calc(50% - 50vw);
margin-right: calc(50% - 50vw);
overflow: auto;
}
.p-rental-room__table {
border: 1px solid #d2d2d2;
border-collapse: collapse;
margin-inline: 15px;
margin-top: 1.25rem;
min-width: calc(55rem + 15px + 15px);
}
.p-rental-room__table col:nth-child(2) {
width: 7%;
}
.p-rental-room__table col:nth-child(5) {
width: 9%;
}
.p-rental-room__table col:nth-child(1),
.p-rental-room__table col:nth-child(3),
.p-rental-room__table col:nth-child(4),
.p-rental-room__table col:nth-child(6) {
width: 6%;
}
.p-rental-room__table col:nth-child(n+7) {
width: 12%;
}
.p-rental-room__table tr + tr {
border-top: 1px solid #d2d2d2;
}
.p-rental-room__table th,
.p-rental-room__table td {
font-size: 0.9375rem;
font-weight: 400;
line-height: 1.2;
text-align: center;
}
.p-rental-room__table td:not(:last-child) {
border-right: 1px solid #d2d2d2;
}
.p-rental-room__table thead td {
background-color: #feefef;
font-weight: 500;
padding-block: 0.6875rem;
}
.p-rental-room__table thead th {
background-color: #c67777;
color: #fff;
font-weight: 500;
padding-block: 1.25rem;
}
.p-rental-room__table tbody {
border-top: 1px solid #d2d2d2;
}
.p-rental-room__table tbody td {
padding-block: 0.6875rem;
}
.p-rental-room__table td.red {
color: #e60012;
}
.p-rental-room__btn {
margin-top: 2rem;
text-align: center;
}
.p-renatal-room__note {
border: 1px solid #e60012;
margin-top: 3.125rem;
padding: 1.25rem;
}
.p-rental-room__caution {
color: #e60012;
font-weight: 500;
line-height: 1.5;
margin-top: 1rem;
}
.p-rental-room__price {
border: 1px solid #d2d2d2;
border-collapse: collapse;
margin-inline: 15px;
margin-top: 1.25rem;
min-width: calc(55rem + 15px + 15px);
}
.p-rental-room__price col:nth-child(1) {
width: 59%;
}
.p-rental-room__price col:nth-child(n+2) {
width: 20.5%;
}
.p-rental-room__price tr + tr {
border-top: 1px solid #d2d2d2;
}
.p-rental-room__price td:not(:last-child) {
border-right: 1px solid #d2d2d2;
}
.p-rental-room__price th {
background-color: #feefef;
font-size: 1rem;
font-weight: 500;
line-height: 1.6;
padding: 1rem 1.625rem;
text-align: left;
}
.p-rental-room__price td {
font-size: 0.9375rem;
font-weight: 400;
line-height: 1.6;
padding: 1rem 1.625rem;
}
.p-rental-room__price td.center {
text-align: center;
}
.p-rental-room__price td.red {
color: #e60012;
}
.p-search {
border: 1px solid #d2d2d2;
border-radius: 0.1875rem;
margin-bottom: 4.375rem;
margin-top: 1.875rem;
}
.p-search__title {
background-color: #fee1e1;
color: #e60012;
font-size: 1.125rem;
font-weight: 500;
letter-spacing: 0.05em;
padding-block: 1.125rem;
text-align: center;
}
.p-search__main {
padding: 1.875rem 1.25rem;
}
.p-search__wrap {
display: block;
position: relative;
}
.p-search__wrap::before {
color: #bfbfbf;
content: "＞";
display: none;
font-size: 0.875rem;
font-weight: bold;
position: absolute;
right: 0.9375rem;
top: 50%;
transform: translateY(-50%) rotate(90deg);
}
.p-search__text {
align-items: center;
display: grid;
font-size: 1rem;
font-weight: 500;
gap: 0.9375rem;
grid-template-columns: 1.25rem 1fr;
letter-spacing: 0.05em;
}
.p-search__text img {
filter: brightness(0);
}
.p-search__wrap input {
border: 1px solid #d2d2d2;
border-radius: 0.1875rem;
border-radius: 0.1875rem;
font-size: 1rem;
height: 3.125rem;
margin-top: 0.9375rem;
max-width: 100%;
padding-inline: 1.5rem;
width: 100%;
}
.p-search__wrap input::-moz-placeholder {
color: #d2d2d2;
}
.p-search__wrap input::placeholder {
color: #d2d2d2;
}
.p-search__btn {
margin-top: 2.5rem;
text-align: center;
}
.p-single__title {
border-bottom: 1px solid #dadada;
font-size: 1.5rem;
letter-spacing: 0.025em;
line-height: 1.5;
margin-top: 1.875rem;
padding-bottom: 1.875rem;
}
.p-single__content {
border-bottom: 1px solid #dadada;
margin-top: 2.625rem;
padding-bottom: 7.125rem;
}
.p-single__nav {
align-items: center;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-top: 4.25rem;
}
.p-single__nav.--center {
justify-content: center;
}
.p-single__btn a {
font-size: 1rem;
font-weight: 500;
letter-spacing: 0.05em;
position: relative;
}
.p-single__btn a::before {
-webkit-mask: url(//www.fukuyama.or.jp/wp2025/wp-content/themes/fukuyamacc_theme/assets/images/common/arrow.png) center center/contain no-repeat;
background-color: #e60012;
content: "";
height: 0.5625rem;
mask: url(//www.fukuyama.or.jp/wp2025/wp-content/themes/fukuyamacc_theme/assets/images/common/arrow.png) center center/contain no-repeat;
position: absolute;
top: 50%;
width: 0.9375rem;
}
.p-single__btn.--next a {
padding-left: 1.5625rem;
}
.p-single__btn.--next a::before {
left: 0;
transform: translateY(-50%) rotate(90deg);
}
.p-single__btn.--prev a {
padding-right: 1.5625rem;
}
.p-single__btn.--prev a::before {
right: 0;
transform: translateY(-50%) rotate(-90deg);
}
.p-single__back .c-btn {
width: 12rem;
}
.p-subMv {
padding-bottom: 4.5rem;
padding-top: 13.4375rem;
position: relative;
}
.p-subMv::before {
background: url(//www.fukuyama.or.jp/wp2025/wp-content/themes/fukuyamacc_theme/assets/images/page/mv_01.png) center center/contain no-repeat;
bottom: 1.4375rem;
content: "";
height: 10.5rem;
position: absolute;
right: 0;
width: 8.625rem;
}
.p-subMv::after {
background: url(//www.fukuyama.or.jp/wp2025/wp-content/themes/fukuyamacc_theme/assets/images/page/mv_02.png) center center/contain no-repeat;
bottom: 8.125rem;
content: "";
height: 3rem;
left: 0;
position: absolute;
width: 2.5rem;
}
.p-subMv__title p {
color: #e60012;
font-family: "Inter", sans-serif;
font-size: 1rem;
letter-spacing: 0.025em;
}
.p-subMv__title h1 {
font-size: 1.875rem;
font-weight: 500;
letter-spacing: 0.05em;
margin-top: 0.9375rem;
}
.p-subNav {
align-items: center;
display: flex;
}
.p-subNav__links {
align-items: center;
display: flex;
gap: 2.375rem;
}
.p-subNav__link a {
align-items: center;
display: flex;
font-size: 0.9375rem;
font-weight: 500;
gap: 0.375rem;
}
.p-subNav__link.--access img {
width: 0.8125rem;
}
.p-subNav__link.--info img {
width: 1.1875rem;
}
.p-subNav__snsLinks {
align-items: center;
display: flex;
gap: 1.3125rem;
margin-left: 2.25rem;
}
.p-subNav__snsLink a {
align-items: center;
display: flex;
height: 1.8125rem;
justify-content: center;
width: 1.8125rem;
}
.p-subNav__search {
margin-left: 1.375rem;
}
.p-subNav__search input {
width: 100%;
}
.p-subNav__en {
align-items: center;
border: 1px solid #e60012;
border-radius: 0.9375rem;
color: #e60012;
cursor: pointer;
display: flex;
font-size: 0.75rem;
font-weight: 500;
height: 1.875rem;
justify-content: center;
margin-left: auto;
padding-left: 1rem;
padding-right: 1.125rem;
position: relative;
width: 7rem;
}
.p-subNav__en::before {
-webkit-mask: url(//www.fukuyama.or.jp/wp2025/wp-content/themes/fukuyamacc_theme/assets/images/common/icon_translate.svg) center center/contain no-repeat;
background-color: #e60012;
content: "";
height: 0.75rem;
left: 0.3125rem;
mask: url(//www.fukuyama.or.jp/wp2025/wp-content/themes/fukuyamacc_theme/assets/images/common/icon_translate.svg) center center/contain no-repeat;
pointer-events: none;
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 0.75rem;
}
.p-subNav__en::after {
background-color: #e60012;
clip-path: polygon(0 0, 44% 100%, 100% 0);
content: "";
height: 0.3125rem;
pointer-events: none;
position: absolute;
right: 0.5rem;
top: 50%;
transform: translateY(-50%);
width: 0.375rem;
}
.p-subNav__en select {
-moz-text-align-last: center;
color: #e60012;
display: block;
font-size: 0.625rem;
height: 100%;
left: 0;
position: absolute;
text-align: center;
text-align-last: center;
top: 0;
width: 100%;
}
.p-tabs {
display: grid;
gap: 0.5rem;
grid-template-columns: repeat(2, 1fr);
margin-bottom: 2rem;
}
.p-tab a {
align-items: center;
display: flex;
font-size: 0.875rem;
font-weight: 400;
height: 3.125rem;
justify-content: center;
line-height: 1.3125;
position: relative;
text-align: center;
transition: all 0.45s;
}
.p-tab a::before {
background-color: #e5e5e5;
border-radius: 1px;
bottom: 0;
content: "";
height: 1px;
left: 0;
position: absolute;
width: 100%;
}
.p-tab.is-active a {
background-color: #ffe6e6;
border-radius: 0.1875rem;
color: #e60012;
}
.p-tab.is-active a::before {
background-color: #e60012;
}
.p-tenant-apply {
margin-top: 5rem;
}
.p-tenant-apply__flow {
border: 1px solid #d2d2d2;
margin-top: 2rem;
padding: 0.625rem 1.875rem;
}
.p-tenant-apply__flow li {
align-items: flex-start;
display: grid;
font-size: 1rem;
gap: 1rem;
grid-template-columns: 1.25rem 1fr;
line-height: 1.25;
padding-block: 1.25rem;
}
.p-tenant-apply__flow li + li {
border-top: 1px solid #d2d2d2;
}
.p-tenant-apply__flow li span {
align-items: center;
background-color: #e60012;
border-radius: 50%;
color: #fff;
display: flex;
font-size: 0.875rem;
height: 1.25rem;
justify-content: center;
}
.p-tenant-archive__lists {
display: grid;
gap: 1.25rem;
}
.p-tenant-archive__list a {
display: block;
height: 100%;
position: relative;
}
.p-tenant-archive__list img {
-o-object-fit: cover;
aspect-ratio: 275/170;
border-radius: 0.375rem;
object-fit: cover;
}
.p-tenant-archive__text {
align-items: center;
bottom: 0.9375rem;
color: #fff;
display: flex;
font-size: 1rem;
font-weight: bold;
left: 0.9375rem;
letter-spacing: 0.05em;
line-height: 1.3333333333;
position: absolute;
width: calc(100% - 1.875rem);
z-index: 1;
}
.p-tenant-archive__text::after {
background: url(//www.fukuyama.or.jp/wp2025/wp-content/themes/fukuyamacc_theme/assets/images/tenant-rent-room/arrow-red.png) center center/contain no-repeat;
content: "";
display: block;
height: 1.25rem;
margin-left: auto;
width: 1.25rem;
}
.p-tenant {
margin-top: 2rem;
}
.p-tenant__title {
margin-top: 3.125rem;
}
.p-tenant__wrap {
display: grid;
gap: 1.25rem;
margin-top: 1.75rem;
}
.p-tenant__table {
border: 1px solid #d2d2d2;
border-collapse: collapse;
font-size: 0.9375rem;
font-weight: 400;
line-height: 1.6;
}
.p-tenant__table col:nth-child(1) {
width: 30%;
}
.p-tenant__table col:nth-child(2) {
width: 70%;
}
.p-tenant__table tr + tr {
border-top: 1px solid #d2d2d2;
}
.p-tenant__table th {
background-color: #feefef;
border-right: 1px solid #d2d2d2;
font-weight: 400;
padding-block: 0.625rem;
padding-inline: 1rem;
text-align: left;
}
.p-tenant__table td {
padding-block: 0.625rem;
padding-inline: 1rem;
}
.p-tenant__img img {
-o-object-fit: cover;
height: 100%;
object-fit: cover;
}
.p-tenant__scroll {
margin-left: calc(50% - 50vw);
margin-right: calc(50% - 50vw);
overflow: auto;
}
.p-tenant__about {
border: 1px solid #d2d2d2;
border-collapse: collapse;
font-size: 0.9375rem;
font-weight: 400;
line-height: 1.6;
margin-inline: 15px;
margin-top: 3.75rem;
min-width: calc(55rem + 15px + 15px);
}
.p-tenant__about col:nth-child(1) {
width: 18%;
}
.p-tenant__about col:not(:nth-child(1)) {
width: 20.5%;
}
.p-tenant__about thead th {
background-color: #d89e9e;
color: #fff;
font-weight: 400;
padding-block: 0.625rem;
}
.p-tenant__about tbody th {
background-color: #feefef;
border-right: 1px solid #d2d2d2;
font-weight: 400;
padding-block: 0.625rem;
padding-inline: 1rem;
}
.p-tenant__about tr + tr {
border-top: 1px solid #d2d2d2;
}
.p-tenant__about td {
padding-block: 0.625rem;
padding-inline: 1rem;
}
.p-tenant__about td + td {
border-left: 1px solid #d2d2d2;
text-align: center;
}
.p-tenant__note {
color: #e60012;
font-weight: 500;
line-height: 1.5;
margin-top: 1rem;
}
.p-tenant__subTitle {
margin-top: 2.5rem;
}
.p-tenant__figure {
margin-top: 1.875rem;
}
.p-topAbout {
position: relative;
}
.p-topAbout__title {
position: relative;
}
.p-topAbout__title::before {
background: url(//www.fukuyama.or.jp/wp2025/wp-content/themes/fukuyamacc_theme/assets/images/top/about_img_01.png) center center/contain no-repeat;
content: "";
height: 5.3125rem;
left: 11.25rem;
position: absolute;
top: -3.4375rem;
width: 10.25rem;
}
.p-topAbout__img {
border-radius: 0.625rem;
margin-top: 2rem;
overflow: hidden;
}
.p-topAbout__img img {
-o-object-fit: cover;
aspect-ratio: 350/270;
object-fit: cover;
}
.p-topAbout__blocks {
margin-top: -3.75rem;
position: relative;
}
.p-topAbout__block {
background-color: #fff;
border-radius: 0.625rem;
box-shadow: 0 0 1.4375rem rgba(0, 0, 0, 0.1);
margin-inline: auto;
max-width: 20.125rem;
padding: 2.5rem 1.25rem;
}
.p-topAbout__block + .p-topAbout__block {
margin-top: 1.1875rem;
}
.p-topAbout__subtitle {
background-color: #e60012;
border-radius: 0.9375rem 0.9375rem 0 0;
color: #fff;
font-size: 1.25rem;
font-weight: 500;
letter-spacing: 0.05em;
padding-block: 1.125rem;
text-align: center;
}
.p-topAbout__link {
border-bottom: 1px solid #dadada;
}
.p-topAbout__link a {
color: #000;
display: block;
font-size: 1rem;
font-weight: 400;
letter-spacing: 0.05em;
padding-block: 1.375rem;
position: relative;
}
.p-topAbout__link a span {
height: 1.625rem;
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
width: 1.625rem;
}
.p-topAbout__btn {
margin-top: 1.4375rem;
text-align: center;
}
.p-topAbout__lists {
display: grid;
gap: 0.3125rem;
grid-template-columns: repeat(2, 1fr);
margin-top: 0.9375rem;
}
.p-topAbout__list a {
align-items: center;
background-color: #feefef;
border-radius: 0.3125rem;
display: flex;
font-size: 0.8125rem;
font-weight: 500;
height: 100%;
letter-spacing: 0.01em;
line-height: 1.3846153846;
padding-bottom: 0.625rem;
padding-inline: 0.625rem;
padding-top: 0.625rem;
position: relative;
width: 100%;
}
.p-topActivity {
background-color: #f6f6f6;
border-radius: 1.25rem;
margin-inline: auto;
padding-bottom: 3.75rem;
padding-top: 3rem;
width: calc(100% - 15px - 15px);
}
.p-topActivity__img {
border-radius: 0.625rem;
margin-top: 1.875rem;
overflow: hidden;
}
.p-topActivity__img img {
-o-object-fit: cover;
aspect-ratio: 319/171;
object-fit: cover;
}
.p-topActivity__wrap {
margin-top: 1.25rem;
}
.p-topActivity__bigText {
font-size: 1.25rem;
font-weight: 500;
letter-spacing: 0.065em;
line-height: 1.5;
}
.p-topActivity__text {
margin-top: 1.75rem;
}
.p-topActivity__cards {
display: grid;
gap: 1.25rem;
margin-top: 1.875rem;
}
.p-topActivity__card {
background-color: #fff;
border-radius: 0.625rem;
box-shadow: 0 0 1.25rem rgba(136, 136, 136, 0.18);
padding: 1.625rem 1.25rem 2.375rem;
}
.p-topActivity__cardImg {
border-radius: 0.625rem;
overflow: hidden;
}
.p-topActivity__cardImg img {
-o-object-fit: cover;
aspect-ratio: 280/183;
object-fit: cover;
}
.p-topActivity__content {
margin-top: 1.125rem;
}
.p-topActivity__cardTitle {
font-size: 1.125rem;
font-weight: 500;
letter-spacing: 0.05em;
text-align: center;
}
.p-topActivity__cardText {
margin-top: 1.25rem;
text-align: left;
}
.p-topActivity__btns {
align-items: center;
display: flex;
flex-direction: column;
gap: 1.25rem;
justify-content: center;
margin-top: 2rem;
}
.p-topActivity__btn {
width: 16.25rem;
}
.p-topConsult {
background-color: #f6f6f6;
border-radius: 0.625rem;
margin-inline: auto;
padding-bottom: 5rem;
padding-top: 3.5625rem;
position: relative;
width: calc(100% - 15px - 15px);
}
.p-topConsult::before {
background: url(//www.fukuyama.or.jp/wp2025/wp-content/themes/fukuyamacc_theme/assets/images/top/consult_img.png) center center/contain no-repeat;
content: "";
height: 6.25rem;
position: absolute;
right: 1.6875rem;
top: 3rem;
width: 8.375rem;
}
.p-topConsult__lead {
color: #000225;
margin-top: 2.25rem;
text-align: justify;
}
.p-topConsult__scroll {
margin-top: 1.875rem;
overflow-x: scroll;
padding-bottom: 1.875rem;
}
.p-topConsult__scroll::-webkit-scrollbar {
height: 0.625rem;
}
.p-topConsult__scroll::-webkit-scrollbar-thumb {
background: #e60012;
}
.p-topConsult__scroll::-webkit-scrollbar-track {
background: #d9d9d9;
}
.p-topConsult__table {
border-collapse: collapse;
width: 100%;
}
.p-topConsult__tableBox {
border: 1px solid #dadada;
border-radius: 1.25rem;
min-width: 75rem;
overflow: hidden;
}
.p-topConsult__table thead,
.p-topConsult__table tbody {
background-color: #fff;
width: 100%;
}
.p-topConsult__table col {
width: 20%;
}
.p-topConsult__table col + col {
border-left: 1px solid #dadada;
}
.p-topConsult__table tr + tr {
border-top: 1px solid #dadada;
}
.p-topConsult__table th {
background-color: #e60012;
color: #fff;
font-size: 0.9375rem;
font-weight: 400;
padding-block: 1.25rem;
text-align: center;
}
.p-topConsult__table td {
color: #000225;
font-size: 0.9375rem;
font-weight: 400;
letter-spacing: 0.05em;
line-height: 1.5;
padding-block: 1.5rem;
padding-left: 3.125rem;
}
.p-topConsult__table td.--center {
padding: 0;
padding-block: 1.5rem;
text-align: center;
}
.p-topConsult__btn {
margin-top: 3.25rem;
text-align: center;
}
.p-topConsult__text {
margin-top: 2.1875rem;
text-align: center;
}
.p-topMenu {
background-color: #feefef;
border-radius: 0.625rem;
margin-inline: auto;
padding-bottom: 4rem;
padding-top: 3.75rem;
width: calc(100% - 15px - 15px);
}
.p-topMenu__links {
display: grid;
gap: 0.625rem 0.5625rem;
grid-template-columns: repeat(2, 1fr);
margin-top: 2rem;
}
.p-topMenu__link a {
align-items: center;
background-color: #fff;
border: 1px solid #e60012;
border-radius: 0.3125rem;
color: #e60012;
display: flex;
font-size: 1rem;
font-weight: 500;
height: 5.625rem;
line-height: 1.125;
padding-left: 0.9375rem;
position: relative;
}
.p-topMenu__link a img {
-o-object-fit: contain;
height: 2rem;
margin: auto;
object-fit: contain;
position: absolute;
right: 0.25rem;
top: 50%;
transform: translateY(-50%);
width: 2.75rem;
}
.p-topNews {
display: grid;
}
.p-topNews__wrap {
display: contents;
}
.p-topNews__btn {
margin-top: 1.25rem;
order: 1;
text-align: center;
}
.p-topNews__tabs {
border-bottom: 1px solid #e60012;
display: grid;
gap: 0.375rem 0.4375rem;
grid-template-columns: repeat(2, 1fr);
margin-top: 1.625rem;
padding-inline: 0.3125rem;
}
.p-topNews__tab {
background-color: #a0a0a0;
border-radius: 0.625rem 0.625rem 0 0;
color: #fff;
cursor: pointer;
font-size: 0.875rem;
font-weight: 500;
padding-block: 0.8125rem;
text-align: center;
transition: all 0.45s;
}
.p-topNews__tab.is-active {
background-color: #e60012;
}
.p-topNews__tab.--news.is-active {
background-color: #da6a73;
}
.p-topNews__tab.--event.is-active {
background-color: #ec6941;
}
.p-topNews__tab.--kentei.is-active {
background-color: #0068b7;
}
.p-topNews__tab.--hojokin.is-active {
background-color: #22ac38;
}
.p-topNews__blocks {
padding-inline: 0.3125rem;
}
.p-topNews__block:nth-child(n+2) {
display: none;
}
.p-topNumber {
background: linear-gradient(to bottom, #ee59a2, #7f2892);
border-radius: 0.625rem;
margin-inline: auto;
padding-bottom: 4.0625rem;
padding-top: 4.0625rem;
width: calc(100% - 15px - 15px);
}
.p-topNumber__head {
color: #fff;
padding-top: 8.125rem;
position: relative;
}
.p-topNumber__img1 {
left: 0;
position: absolute;
top: 0;
width: 10.5rem;
}
.p-topNumber__img2 {
position: absolute;
right: 0;
top: 0;
width: 6.9375rem;
}
.p-topNumber__title {
font-size: 2.9375rem;
font-weight: 500;
text-align: center;
}
.p-topNumber__title strong {
font-family: "Inter", sans-serif;
font-size: 5rem;
letter-spacing: -0.025em;
margin-right: 0.9375rem;
}
.p-topNumber__title span {
border-bottom: 1px solid #fff;
border-top: 1px solid #fff;
display: block;
font-size: 1.375rem;
font-weight: bold;
letter-spacing: 0.075em;
margin-bottom: 1rem;
margin-inline: auto;
padding-block: 0.875rem;
width: 100%;
}
.p-topNumber__title small {
display: block;
font-size: 0.6875rem;
font-weight: 500;
letter-spacing: 0.05em;
text-align: center;
}
.p-topNumber__box {
background-color: #fff;
border-radius: 0.625rem;
box-shadow: 0 0 1.25rem rgba(0, 0, 0, 0.11);
margin-top: 1.25rem;
padding: 2.375rem 1.25rem 2.5625rem;
}
.p-topNumber__wrap {
display: grid;
}
.p-topNumber__map {
margin-inline: auto;
max-width: 6.4375rem;
order: -1;
}
.p-topNumber__content {
margin-top: 1.5625rem;
}
.p-topNumber__bigText {
font-size: 1.5rem;
font-weight: bold;
letter-spacing: 0.05em;
line-height: 1.5;
}
.p-topNumber__bigText span {
color: #e60012;
}
.p-topNumber__text {
font-size: 1rem;
letter-spacing: 0.05em;
line-height: 1.625;
margin-top: 1.5rem;
text-align: justify;
}
.p-topNumber__btns {
align-items: center;
display: flex;
flex-direction: column;
gap: 1.25rem;
justify-content: center;
margin-top: 2rem;
}
.p-topNumber__btn {
width: 16.25rem;
}
.p-topNumber__introduce {
margin-top: 4.25rem;
}
.p-topNumber__subtitle {
border-bottom: 1px solid #d2d2d2;
color: #e60012;
font-size: 1.5rem;
font-weight: 500;
letter-spacing: 0.05em;
padding-bottom: 1rem;
text-align: center;
}
.p-topNumber__lead {
margin-top: 1.25rem;
}
.p-topNumber__cards {
display: grid;
gap: 2.25rem;
margin-top: 2.25rem;
}
.p-topNumber__img img {
-o-object-fit: contain;
aspect-ratio: 300/300;
object-fit: contain;
}
.p-topNumber__cardTitle {
font-size: 1rem;
font-weight: 500;
letter-spacing: 0.05em;
margin-top: 0.875rem;
}
.p-topNumber__tag {
margin-top: 0.75rem;
}
.p-wrapper__inner {
padding-block: 1.875rem 6.25rem;
}
.p-wrapper__aside {
margin-top: 6.25rem;
}
.l-top_youtube {
margin-top: 4.0625rem;
}
.p-top_youtube {
background-color: #fff;
border: 1px solid #ddd;
border-radius: 0.625rem;
margin-inline: auto;
max-width: 90rem;
padding-bottom: 3.75rem;
padding-top: 3.75rem;
width: calc(100% - 25px - 25px);
width: calc(100% - 15px - 15px);
}
.p-top_youtube_wrap {
aspect-ratio: 16/9;
margin: 3rem auto 0 auto;
width: 55rem;
}
.p-top_youtube_wrap iframe {
height: 100%;
width: 100%;
}
@media (hover: hover) {
.c-btn:hover {
background-color: #e60012;
color: #fff;
opacity: 1;
}
.c-btn:hover::before {
background-color: #fff;
}
.c-hamburger:hover {
transform: scale(1.05);
}
.p-drawer__title:hover {
opacity: 0.7;
}
.p-form__submitBtn:hover::before {
background-color: #fff;
}
.p-form__submitBtn:hover input {
background-color: #e60012;
color: #fff;
}
.p-globalNav__link > span:hover::before {
width: 100%;
}
.p-globalNav__link > span:hover::after {
pointer-events: auto;
}
.p-globalNav__link.--hasMenu:hover::before {
opacity: 1;
}
.p-header__subLink a:hover {
color: #e60012;
}
.p-header__subLink a:hover::before {
background-color: #e60012;
}
.p-megaMenu__link a:hover::before {
right: -0.3125rem;
}
.p-topNews__tab:hover {
opacity: 0.8;
}
}
@media screen and (min-width: 768px) {
.u-desktop {
display: block;
}
.u-mobile {
display: none;
}
html {
font-size: 1.0666666667vw;
}
a[href^="tel:"] {
pointer-events: none;
}
a:hover {
opacity: 0.6;
}
.c-bgTitle {
font-size: 1.3125rem;
padding: 1.25rem;
}
.c-btn {
border-radius: 2.1875rem;
height: 3.9375rem;
max-width: 16.875rem;
}
.c-btn.--outer::before {
height: 1rem;
right: 0.875rem;
width: 1.125rem;
}
.c-hamburger span {
border-radius: 2px;
height: 3px;
width: 1.75rem;
}
.c-hamburger span:nth-child(1) {
left: calc(50% + 0.375rem);
top: calc(50% - 0.4375rem);
width: 1rem;
}
.c-hamburger span:nth-child(3) {
left: calc(50% - 0.375rem);
top: calc(50% + 0.4375rem);
width: 1rem;
}
.c-iconTitle__en {
font-size: 1.5rem;
}
.c-iconTitle__en.--big {
font-size: 3rem;
}
.c-iconTitle__main {
font-size: 3rem;
margin-top: 1.75rem;
}
.c-lists.--2 {
gap: 1rem 0;
grid-template-columns: repeat(2, 1fr);
}
.c-news {
align-items: flex-start;
display: flex;
gap: 1.0625rem;
padding-block: 1.5rem;
}
.c-news__wrap {
gap: 1.125rem;
max-width: 16.5625rem;
}
.c-news__time {
line-height: 1.875;
}
.c-news__tag {
min-width: 10rem;
}
.c-news__title {
-webkit-line-clamp: 2;
font-size: 1rem;
letter-spacing: 0.025em;
line-height: 1.875;
margin-top: 0;
min-width: calc(100% - 16.5625rem - 1.0625rem);
}
.c-sectionTitle {
font-size: 1.5rem;
padding: 1.25rem 1.6875rem;
}
.c-subTitle {
font-size: 1.3125rem;
padding: 1.25rem;
}
.c-tag {
font-size: 0.8125rem;
letter-spacing: -0.01em;
padding: 0.5rem 1.125rem;
}
.c-test {
color: green;
font-size: 3.125rem;
}
.c-text {
font-size: 1rem;
line-height: 1.75;
}
.c-title {
align-items: center;
gap: 1.625rem;
}
.c-title h2 {
font-size: 1.875rem;
}
.c-title p {
font-size: 1.125rem;
}
.l-cv {
margin-top: 4.375rem;
}
.l-inner {
max-width: calc(75rem + 25px + 25px);
padding-left: 25px;
padding-right: 25px;
}
.l-instagram {
margin-top: 5.375rem;
}
.l-intro {
margin-top: -12.8125rem;
}
.l-mv {
margin-top: 0;
}
.l-pickup {
margin-top: 4.0625rem;
}
.l-topAbout {
margin-top: 10.375rem;
}
.l-topActivity {
margin-top: 5.125rem;
}
.l-topConsult {
margin-top: 5.375rem;
}
.l-topMenu {
margin-top: 6.625rem;
}
.l-topNumber {
margin-top: 8.6875rem;
}
.p-access {
margin-top: 2.625rem;
}
.p-access__block + .p-access__block {
margin-top: 5rem;
}
.p-access__map {
margin-top: 1.75rem;
}
.p-access__unit {
margin-top: 3.4375rem;
}
.p-archive__title {
font-size: 1.3125rem;
padding: 1.25rem;
}
.p-aside__news a::before {
width: calc(100% - 1.25rem);
}
.p-aside__bnrs {
margin-top: 3rem;
}
.p-bnr {
padding-block: 8.625rem;
}
.p-bnr__links {
grid-template-columns: repeat(5, 1fr);
}
.p-breadcrumb {
border-bottom: 1px solid #dbdbdb;
border-top: 1px solid #dbdbdb;
}
.p-breadcrumb__list {
border: none;
padding-block: 2.125rem;
}
.p-breadcrumb__list span {
font-size: 0.8125rem;
}
.p-caution__box {
gap: 0.625rem;
padding: 2rem;
}
.p-contact {
margin-top: 5.9375rem;
}
.p-contact__text {
margin-top: 2.375rem;
}
.p-contact__btn {
margin-top: 3.125rem;
}
.p-contact__btn a,
.p-contact__btn span {
align-items: flex-start;
display: flex;
gap: 13.125rem;
justify-content: flex-start;
padding: 3.125rem;
}
.p-contact__btn span {
gap: 2.125rem;
}
.p-contact__btnTitle {
font-size: 1.125rem;
line-height: 1.6666666667;
}
.p-contact__btnText {
margin-top: 0;
}
.p-cv__inner {
margin-inline: auto;
max-width: 87.5rem;
}
.p-cv__blocks {
display: grid;
grid-template-columns: repeat(2, 1fr);
padding-block: 5.9375rem;
padding-inline: 1.5625rem;
}
.p-cv__block {
padding-block: 1.8125rem;
padding-inline: 1.5625rem;
}
.p-cv__block + .p-cv__block {
border-left: 1px solid #fff;
border-top: none;
}
.p-cv__title1 {
font-size: 1.3125rem;
letter-spacing: 0.1em;
}
.p-cv__title1 span {
font-size: 1.875rem;
}
.p-cv__title1 strong {
font-size: 3rem;
letter-spacing: 0.05em;
}
.p-cv__title2 {
font-size: 2.25rem;
}
.p-cv__title2 span {
font-size: 1.875rem;
margin-bottom: 0.5rem;
}
.p-cv__text {
margin-top: 2.5rem;
}
.p-cv__text.--center {
text-align: center;
}
.p-cv__btn {
margin-top: 3rem;
}
.p-drawer__inner {
padding-inline: 3.75rem;
padding-top: 10.75rem;
width: 50.9375rem;
}
.p-drawer__blocks {
border-right: 1px solid #e60012;
max-width: 25rem;
padding-right: 4.6875rem;
position: relative;
}
.p-drawer__block + .p-drawer__block {
margin-top: 0.875rem;
}
.p-drawer__title {
font-size: 1.5rem;
}
.p-drawer__links {
background: none;
left: 28.125rem;
margin: 0;
max-width: 18.75rem;
padding: 0;
position: absolute;
top: 0;
width: 100%;
}
.p-drawer__link a {
line-height: 2.375;
}
.p-drawer__privacy {
margin-top: 2.5rem;
}
.p-drawer__about {
margin-top: 2rem;
}
.p-drawer__wrap {
align-items: baseline;
display: flex;
gap: 1.25rem;
}
.p-drawer__btn a {
max-width: 19.6875rem;
}
.p-drawer__sns {
bottom: 3.75rem;
position: fixed;
right: 3.125rem;
}
.p-drawer__sns span {
color: #fff;
}
.p-drawer__translate {
margin-left: 0;
min-width: 6.25rem;
}
.p-drawer__translate select {
font-size: 0.9375rem;
padding-left: 3.25rem;
}
.p-drawer__en {
border-color: #000;
border-radius: 3.125rem;
color: #000;
font-size: 1.125rem;
height: 2.5rem;
margin-top: 0.625rem;
width: 10rem;
}
.p-drawer__en::before {
background-color: #000;
height: 1.25rem;
left: 1rem;
width: 1.25rem;
}
.p-drawer__en::after {
background-color: #000;
height: 0.5rem;
right: 1rem;
width: 0.5625rem;
}
.p-drawer__en select {
color: #000;
font-size: 0.875rem;
}
.p-floor {
margin-top: 2.625rem;
}
.p-floor__block + .p-floor__block {
margin-top: 6.25rem;
}
.p-floor__imgs {
gap: 2.5rem 1.875rem;
grid-template-columns: repeat(2, 1fr);
margin-top: 3.75rem;
}
.p-floor__img p {
margin-bottom: 1.6875rem;
}
.p-footer-nav {
padding-bottom: 8.5625rem;
padding-top: 8rem;
}
.p-footer-nav__wrap {
align-items: flex-start;
display: flex;
gap: 3.875rem;
justify-content: space-between;
margin-inline: auto;
max-width: 75rem;
width: 100%;
}
.p-footer-nav__blocks {
align-items: flex-start;
display: flex;
justify-content: space-between;
}
.p-footer-nav__blocks.--column {
flex-direction: column;
gap: 1.375rem;
}
.p-footer-nav__blocks.--column .p-footer-nav__block + .p-footer-nav__block {
margin-top: 1.25rem;
}
.p-footer-nav__blocks + .p-footer-nav__blocks {
border: none;
}
.p-footer-nav__block + .p-footer-nav__block {
border: none;
}
.p-footer-nav__title > a,
.p-footer-nav__title > span {
color: #000225;
font-size: 1.125rem;
letter-spacing: 0.025em;
padding-block: 1rem;
}
.p-footer-nav__title:has(+ .p-footer-nav__box)::before {
display: none;
}
.p-footer-nav__title:has(+ .p-footer-nav__box)::after {
display: none;
}
.p-footer-nav__box {
background: none;
display: block;
margin-top: 1.875rem;
padding: 0;
}
.p-footer-nav__links {
gap: 0;
grid-template-columns: 1fr;
}
.p-footer-nav__link > a {
color: #535353;
font-size: 0.9375rem;
letter-spacing: 0.05em;
line-height: 2;
}
.p-footer-nav__link > a::before {
content: "ー ";
display: inline-block;
margin-right: 0.5em;
}
.p-footer-nav__link + .p-footer-nav__link {
margin-top: 0.5rem;
}
.p-footer-nav__subtitle {
font-size: 1.125rem;
}
.p-footer {
padding-bottom: 7.5rem;
}
.p-footer__inner {
padding-top: 4.8125rem;
}
.p-footer__wrap {
display: grid;
gap: 3.375rem;
grid-template-columns: 20.1875rem 1fr 9.4375rem;
}
.p-footer__logo {
margin: 0;
}
.p-footer__info {
margin-top: 0;
}
.p-footer__address {
font-size: 1rem;
line-height: 1.5;
text-align: left;
}
.p-footer__contact {
margin-top: 0.875rem;
text-align: left;
}
.p-footer__sns {
display: block;
margin-left: auto;
margin-top: 0;
}
.p-footer__snsTitle {
text-align: center;
}
.p-footer__snsLinks {
gap: 1.25rem;
margin-top: 1.625rem;
padding-inline: 1.5625rem;
}
.p-footer__bottom {
align-items: center;
display: flex;
justify-content: space-between;
margin-top: 4.5rem;
padding-top: 4.5rem;
}
.p-footer__privacy {
letter-spacing: 0.05em;
}
.p-footer__copy {
font-size: 0.875rem;
margin-top: 0;
}
.p-form__row {
grid-template-columns: 14.375rem 1fr;
min-height: 6.25rem;
}
.p-form__title {
align-items: center;
display: flex;
padding: 1.5625rem 1.5625rem;
}
.p-form__input {
border-left: 1px solid #d2d2d2;
border-top: none;
padding: 1.875rem;
}
.p-form__other.--small {
margin-top: -1rem;
}
.p-form__other.--small {
display: block;
margin-left: auto;
width: calc(50% - 2.1875rem);
}
.p-form.confirm .p-form__other.--small {
margin-top: 1.25rem;
width: 100%;
}
.p-form__input input[type=checkbox] + span {
font-size: 1rem;
}
.p-form__input input[type=radio] + span {
font-size: 1rem;
}
.p-form__submit {
flex-direction: row;
}
.p-form__radio {
gap: 1rem 0;
grid-template-columns: repeat(2, 1fr);
}
.p-form__radio li:not(:nth-last-child(2)) .wpcf7-not-valid-tip {
display: block;
}
.p-form__radio li:not(:last-child) .wpcf7-not-valid-tip {
display: none;
}
.p-form__radio li:nth-last-child(2) {
order: initial;
}
.p-form.confirm .p-form__input {
display: flex;
flex-direction: column;
height: 100%;
justify-content: center;
}
.p-form__head {
font-size: 1.5rem;
margin-bottom: 3rem;
padding-block: 1.6875rem;
}
.wpcf7-not-valid-tip {
margin-top: 0.75rem;
}
.p-header {
border-radius: 0 0 2.1875rem 2.1875rem;
box-shadow: 0 0 1.25rem rgba(0, 0, 0, 0.1);
height: 7.4375rem;
margin: auto;
max-width: 90rem;
right: 0;
width: calc(100% - 4.375rem);
}
.p-header__inner {
height: 100%;
padding-left: 1.25rem;
padding-right: 7rem;
}
.p-header__logo {
max-width: 21rem;
}
.p-header__globalNav.u-desktop {
align-items: flex-end;
display: flex;
flex-direction: column;
gap: 1.125rem;
justify-content: center;
z-index: 2;
}
.p-header__globalNav.u-desktop.is-hidden {
z-index: initial;
}
.p-header__globalNav.u-mobile {
display: none;
}
.p-header__hamburger {
height: 3.75rem;
margin-left: 2rem;
right: calc(50% - min(50vw - 4.375rem, 43.125rem));
width: 3.75rem;
}
.p-info__row {
-moz-column-gap: 1.125rem;
align-items: flex-start;
column-gap: 1.125rem;
display: grid;
grid-template-columns: 17.5rem 1fr;
padding-block: 1.875rem;
}
.p-info__row dd {
font-size: 0.9375rem;
margin-top: 0;
}
.p-information {
margin-top: 2.625rem;
}
.p-information__list {
margin-top: 2.625rem;
}
.p-instagram {
max-width: 90rem;
padding-bottom: 3.5625rem;
padding-top: 4.25rem;
width: calc(100% - 25px - 25px);
}
.p-instagram__title {
font-size: 1.875rem;
}
.p-instagram__title::before {
height: 2.125rem;
width: 2.125rem;
}
.p-instagram__blocks {
gap: 1.625rem;
grid-template-columns: repeat(2, 1fr);
}
.p-intro {
max-width: 90rem;
padding-bottom: 4.1875rem;
padding-top: 2.5rem;
width: calc(100% - 25px - 25px);
}
.p-intro__alert a {
align-items: flex-start;
display: flex;
gap: 1em;
justify-content: center;
margin-bottom: 1.25rem;
padding: 1.625rem;
}
.p-intro__alert:last-of-type a {
margin-bottom: 2.5rem;
}
.p-intro__time {
font-size: 1rem;
}
.p-intro__wrap {
align-items: flex-start;
flex-direction: row;
gap: 4.5625rem;
}
.p-intro__slider {
margin-top: 0;
width: calc(100% - 43.4375rem - 4.5625rem);
}
.p-intro__slider .slide-arrow {
height: 2.875rem;
width: 2.875rem;
}
.p-intro__slider .slide-arrow::before {
height: 0.9375rem;
width: 1.1875rem;
}
.p-intro__slider .prev-arrow {
left: -1.4375rem;
}
.p-intro__slider .next-arrow {
right: -1.4375rem;
}
.p-intro__thumb {
margin-top: 1rem;
}
.p-intro__thumb .slick-track {
display: flex;
gap: 0.25rem;
justify-content: center;
width: 100% !important;
}
.p-intro__thumb picture {
margin: 0;
width: 4.75rem;
}
.p-intro__news {
width: 43.4375rem;
}
.p-joseikai-tabs {
gap: 0.625rem;
grid-template-columns: repeat(6, 1fr);
margin-bottom: 3rem;
}
.p-joseikai-tab a {
font-size: 1rem;
height: 4.0625rem;
}
.p-joseikai-tab a::before {
border-radius: 2px;
height: 2px;
}
.p-joseikaiMv {
padding-bottom: 3.75rem;
padding-top: 10rem;
}
.p-joseikaiMv.--top {
padding-top: 13.75rem;
}
.p-joseikaiMv__title p {
font-size: 1.25rem;
}
.p-joseikaiMv__title h1 {
font-size: 2.5rem;
margin-top: 1.25rem;
}
.p-joseikaiMv__subTitle {
font-size: 1.5rem;
margin-top: 1.4375rem;
}
.p-joseikaiMv__logo {
bottom: -2.25rem;
margin: 0;
position: absolute;
right: 0;
width: 18.4375rem;
}
.p-member__subTitle {
font-size: 1.25rem;
gap: 1rem;
}
.p-member__btn {
right: 1.25rem;
}
.p-member__lists {
gap: 1.5rem 2.5rem;
grid-template-columns: repeat(3, 1fr);
}
.p-member__list {
font-size: 0.9375rem;
line-height: 2;
}
.p-modal__contents {
padding: 5.75rem 3.125rem;
width: calc(100% - 6.25rem);
}
.p-modal__close {
right: calc(50% - min(50vw - 6.25rem, 35.9375rem));
top: calc(50% - (50vh - 6.25rem));
width: 3.75rem;
}
.p-modal__wrap {
gap: 3.625rem;
grid-template-columns: 1fr 50%;
}
.p-modal__table {
margin-top: 2.375rem;
}
.p-modal__table th {
font-size: 1rem;
text-align: left;
}
.p-modal__table td {
font-size: 0.875rem;
padding: 0.6875rem 1.625rem;
}
.p-modal__table2 {
margin-top: 2.375rem;
}
.p-modal__table2 th {
font-size: 1rem;
padding: 0.6875rem 1.625rem;
}
.p-modal__table2 td {
font-size: 0.875rem;
padding: 0.6875rem 1.625rem;
}
.p-modal__table2 td:nth-child(1) {
font-size: 1rem;
padding: 1.25rem 1.5625rem;
text-align: left;
}
.p-modal__btn {
margin-top: 3rem;
}
.p-modal__bottomImg {
margin-left: 0;
margin-top: 2.875rem;
}
.p-mv {
height: 95vh;
min-height: 800px;
}
.p-mv__title {
top: calc(50% - 3.75rem);
}
.p-mv__title h2 {
font-size: 3.1875rem;
}
.p-mv__title p {
font-size: 1.125rem;
letter-spacing: 0.05em;
margin-top: 1.5rem;
}
.p-mv__img img {
aspect-ratio: initial;
}
.p-mv__slider {
height: inherit;
}
.p-pickup {
max-width: 90rem;
padding-bottom: 3.75rem;
padding-top: 3.75rem;
width: calc(100% - 25px - 25px);
}
.p-pickup__bnrs {
flex-direction: row;
gap: 1.875rem;
justify-content: center;
}
.p-pickup__bnr {
width: calc(50% - 0.9375rem);
}
.p-rental-room {
margin-top: 2.625rem;
}
.p-rental-room__scroll {
display: contents;
}
.p-rental-room__table {
margin-inline: 0;
}
.p-rental-room__btn {
margin-top: 2.625rem;
}
.p-renatal-room__note {
gap: 0.625rem;
padding: 2rem;
}
.p-rental-room__price {
margin-inline: 0;
}
.p-search {
margin-bottom: 6.25rem;
margin-top: 3.125rem;
}
.p-search__main {
padding-block: 2.8125rem;
padding-inline: 3.125rem;
}
.p-search__wrap {
align-items: center;
display: grid;
grid-template-columns: 1fr 34.375rem;
}
.p-search__wrap::before {
display: block;
}
.p-search__wrap input {
margin-top: 0;
}
.p-single__btn.--next a {
padding-left: 3.125rem;
}
.p-single__btn.--prev a {
padding-right: 3.125rem;
}
.p-subMv {
padding-bottom: 3.125rem;
padding-top: 11.25rem;
}
.p-subMv::before {
bottom: -9.375rem;
height: 35.1875rem;
width: 32.5rem;
}
.p-subMv::after {
bottom: 10rem;
height: 10.75rem;
width: 8.75rem;
}
.p-subMv__title p {
font-size: 1.25rem;
}
.p-subMv__title h1 {
font-size: 2.5rem;
margin-top: 1.25rem;
}
.p-subNav__en {
border-color: #000;
border-radius: 3.125rem;
color: #000;
font-size: 1.125rem;
height: 2.5rem;
margin-left: 1rem;
width: 10rem;
}
.p-subNav__en::before {
background-color: #000;
height: 1.25rem;
left: 1rem;
width: 1.25rem;
}
.p-subNav__en::after {
background-color: #000;
height: 0.5rem;
right: 1rem;
width: 0.5625rem;
}
.p-subNav__en select {
color: #000;
font-size: 0.875rem;
}
.p-tabs {
gap: 1.3125rem;
grid-template-columns: repeat(3, 1fr);
margin-bottom: 3rem;
}
.p-tab a {
font-size: 1rem;
height: 4.0625rem;
}
.p-tab a::before {
border-radius: 2px;
height: 2px;
}
.p-tenant-apply {
margin-top: 6.25rem;
}
.p-tenant-apply__flow {
margin-top: 2.5rem;
padding: 0.625rem 3.125rem;
}
.p-tenant-apply__flow li {
gap: 1.25rem;
grid-template-columns: 1.875rem 1fr;
line-height: 1.875;
padding-block: 1.5625rem;
}
.p-tenant-apply__flow li span {
font-size: 1.125rem;
height: 1.875rem;
}
.p-tenant-archive__lists {
gap: 2.8125rem 1.5625rem;
grid-template-columns: repeat(6, 1fr);
}
.p-tenant-archive__list {
grid-column: span 2;
}
.p-tenant-archive__list img {
aspect-ratio: unset;
}
.p-tenant-archive__text {
bottom: 1.4375rem;
left: 1.4375rem;
width: calc(100% - 2.875rem);
}
.p-tenant-archive__text::after {
height: 2rem;
width: 2rem;
}
.p-tenant-archive__list:nth-child(1),
.p-tenant-archive__list:nth-child(2) {
grid-column: span 3;
}
.p-tenant-archive__list:nth-child(1) .p-tenant-archive__text,
.p-tenant-archive__list:nth-child(2) .p-tenant-archive__text {
font-size: 1.5rem;
}
.p-tenant {
margin-top: 2.625rem;
}
.p-tenant__title {
margin-top: 4.375rem;
}
.p-tenant__wrap {
gap: 1.875rem;
grid-template-columns: 33.375rem 1fr;
}
.p-tenant__table th {
padding-block: 1rem;
padding-inline: 1.5rem;
}
.p-tenant__table td {
padding-block: 1rem;
padding-inline: 1.5rem;
}
.p-tenant__scroll {
display: contents;
}
.p-tenant__about {
margin-inline: 0;
min-width: unset;
}
.p-tenant__about tbody th {
padding-block: 1rem;
padding-inline: 1.5rem;
}
.p-tenant__about td {
padding-block: 1rem;
padding-inline: 1.5rem;
}
.p-tenant__subTitle {
margin-top: 4.0625rem;
}
.p-tenant__figure {
margin-inline: auto;
margin-top: 2.8125rem;
max-width: 39.6875rem;
}
.p-topAbout {
margin-inline: auto;
max-width: 81.25rem;
}
.p-topAbout__title {
margin-left: 3.3125rem;
}
.p-topAbout__title::before {
height: 13.5rem;
left: initial;
right: 3.3125rem;
top: 0;
width: 25.875rem;
}
.p-topAbout__img {
margin-top: 5rem;
}
.p-topAbout__img img {
aspect-ratio: 1300/630;
}
.p-topAbout__blocks {
display: grid;
gap: 1.875rem;
grid-template-columns: repeat(2, 1fr);
margin-inline: auto;
width: calc(100% - 4.375rem);
}
.p-topAbout__block {
max-width: 100%;
padding: 2.5rem 2.625rem 3.25rem;
width: 100%;
}
.p-topAbout__block + .p-topAbout__block {
margin-top: 0;
}
.p-topAbout__subtitle {
font-size: 1.5rem;
padding-block: 1.3125rem;
}
.p-topAbout__link a {
font-size: 1.125rem;
padding-block: 1.6875rem;
}
.p-topAbout__link a span {
height: 1.875rem;
right: 0.9375rem;
width: 1.875rem;
}
.p-topAbout__btn {
margin-top: 2.1875rem;
}
.p-topAbout__block:nth-child(2) .p-topAbout__btn {
margin-top: 1.75rem;
}
.p-topAbout__lists {
grid-template-columns: repeat(3, 1fr);
margin-top: 1.1875rem;
}
.p-topAbout__list a {
font-size: 0.9375rem;
padding-inline: 0.5rem;
}
.p-topActivity {
max-width: 90rem;
padding-bottom: 8.25rem;
padding-top: 7.0625rem;
width: calc(100% - 25px - 25px);
}
.p-topActivity__img {
margin-left: -3.125rem;
margin-top: 2.6875rem;
width: calc(100% + 6.25rem);
}
.p-topActivity__img img {
aspect-ratio: 1300/445;
}
.p-topActivity__wrap {
align-items: flex-start;
display: grid;
gap: 0.625rem;
grid-template-columns: 53% 1fr;
margin-top: 3.75rem;
padding-inline: 1.875rem;
}
.p-topActivity__bigText {
font-size: 1.5rem;
letter-spacing: 0.025em;
line-height: 1.5;
}
.p-topActivity__text {
margin-top: 0;
}
.p-topActivity__cards {
gap: 1.875rem;
grid-template-columns: repeat(2, 1fr);
margin-top: 4.625rem;
}
.p-topActivity__card {
display: flex;
flex-direction: column;
padding: 3.5625rem 2.5rem 4.0625rem;
}
.p-topActivity__cardImg img {
aspect-ratio: 500/330;
}
.p-topActivity__content {
display: contents;
}
.p-topActivity__cardTitle {
font-size: 1.3125rem;
margin-top: 1.5rem;
}
.p-topActivity__cardText {
flex-grow: 1;
}
.p-topActivity__btns {
flex-direction: row;
gap: 0.375rem;
justify-content: center;
margin-top: 2.625rem;
}
.p-topActivity__btn {
width: 15.625rem;
}
.p-topConsult {
border: 1.25rem;
max-width: 90rem;
padding-bottom: 9.9375rem;
padding-top: 5.3125rem;
width: calc(100% - 25px - 25px);
}
.p-topConsult::before {
height: 13.875rem;
right: 10.375rem;
top: 4.5rem;
width: 17.1875rem;
}
.p-topConsult__head {
align-items: flex-start;
display: grid;
gap: 3.75rem;
grid-template-columns: 15.625rem 1fr;
}
.p-topConsult__lead {
margin-top: 2.4375rem;
}
.p-topConsult__scroll {
margin-top: 5.625rem;
}
.p-topConsult__table th {
font-size: 1.125rem;
letter-spacing: 0.05em;
padding-block: 1.125rem;
}
.p-topConsult__table td {
font-size: 1.125rem;
}
.p-topConsult__btn {
margin-top: 2.6875rem;
}
.p-topMenu {
max-width: 90rem;
padding-bottom: 6.25rem;
padding-top: 6.875rem;
width: calc(100% - 25px - 25px);
}
.p-topMenu__links {
grid-area: 1.5625rem 1.4375rem;
grid-template-columns: repeat(4, 1fr);
margin-top: 3.125rem;
}
.p-topMenu__link a {
border-radius: 0.625rem;
border-width: 0.1875rem;
font-size: 1.3125rem;
height: 8.4375rem;
padding-left: 1.5rem;
}
.p-topMenu__link a img {
height: 3.375rem;
right: 0.625rem;
width: 4.5625rem;
}
.p-topNews__wrap {
align-items: center;
display: flex;
justify-content: space-between;
}
.p-topNews__btn {
height: 2.6875rem;
margin-top: 0;
order: initial;
width: 12rem;
}
.p-topNews__btn .c-btn {
font-size: 1rem;
height: 100%;
}
.p-topNews__btn .c-btn::before {
right: 1.3125rem;
}
.p-topNews__tabs {
gap: 0.25rem;
grid-template-columns: repeat(5, 1fr);
margin-top: 1.75rem;
padding-inline: 0.375rem;
}
.p-topNews__tab {
font-size: 0.8125rem;
padding-block: 1rem;
}
.p-topNews__item:last-child .c-news {
border-bottom: none;
}
.p-topNumber {
border-radius: 1.25rem;
max-width: 90rem;
padding-top: 6.5rem;
width: calc(100% - 25px - 25px);
}
.p-topNumber__head {
padding-top: 0;
}
.p-topNumber__img1 {
bottom: 0;
left: 0;
top: initial;
width: 18.6875rem;
}
.p-topNumber__img2 {
bottom: 0;
right: 0;
top: initial;
width: 18.8125rem;
}
.p-topNumber__title {
font-size: 4.375rem;
margin-inline: auto;
max-width: 39rem;
}
.p-topNumber__title strong {
font-size: 8.9375rem;
}
.p-topNumber__title span {
font-size: 2.5rem;
margin-bottom: 1.3125rem;
padding-block: 1.625rem;
}
.p-topNumber__title small {
font-size: 1rem;
margin-top: 0.125rem;
}
.p-topNumber__box {
margin-top: 1.375rem;
padding: 8rem 6.25rem 5.875rem;
}
.p-topNumber__wrap {
gap: 2.625rem;
grid-template-columns: 1fr 17.5rem;
}
.p-topNumber__map {
margin-inline: 0;
margin-top: 1.375rem;
max-width: 100%;
order: 1;
}
.p-topNumber__content {
margin-top: 0;
}
.p-topNumber__bigText {
font-size: 2.5rem;
letter-spacing: 0.025em;
line-height: 1.5;
}
.p-topNumber__text {
font-size: 1.125rem;
line-height: 2;
margin-top: 2.5rem;
}
.p-topNumber__btns {
flex-direction: row;
gap: 2.5625rem;
justify-content: flex-start;
margin-top: 2.5rem;
}
.p-topNumber__btns.--center {
justify-content: center;
margin-top: 4.0625rem;
}
.p-topNumber__btn {
width: 16.875rem;
}
.p-topNumber__introduce {
margin-top: 6.5rem;
}
.p-topNumber__subtitle {
font-size: 1.875rem;
padding-bottom: 1.4375rem;
}
.p-topNumber__lead {
margin-top: 1.875rem;
text-align: center;
}
.p-topNumber__cards {
gap: 2.4375rem;
grid-template-columns: repeat(2, 1fr);
margin-top: 3.0625rem;
}
.p-topNumber__cardTitle {
font-size: 1.125rem;
}
.p-topNumber__tag {
margin-top: 0.875rem;
}
.p-wrapper__inner {
align-items: flex-start;
display: grid;
gap: 2.5rem;
grid-template-columns: 1fr 23%;
padding-block: 3.125rem 9.375rem;
}
.p-wrapper__aside {
margin-top: 0;
}
}
@media (min-width: 1501px) {
html {
font-size: 16px;
}
}
@media screen and (max-width: 768px) {
.p-top_youtube_wrap {
margin: 2.5rem auto 0 auto;
width: 100%;
}
}
@media (max-width: 380px) {
html {
font-size: 4.2105263158vw;
}
}body {
font-family: "Noto Sans JP", serif;
}
.u-desktop {
display: none;
}
html.is-fixed {
overflow: hidden;
}
.p-page {
font-size: 0.875rem;
letter-spacing: 0.05em;
line-height: 1.5;
}
.p-page h1,
.p-page h2,
.p-page h3,
.p-page h4,
.p-page h5 {
margin-top: 3.125rem;
}
.p-page p {
font-size: 0.875rem;
letter-spacing: 0.05em;
line-height: 1.875;
}
.p-page a:not(.wp-block-button__link) {
color: #da6a73;
text-decoration: underline;
transition: all 0.45s;
}
.p-page a:not(.wp-block-button__link):hover {
opacity: 0.8;
}
.p-page * + *:not(li,
.wp-block-column,
figure) {
margin-top: 1.25rem;
}
.p-page *:first-child {
margin-top: 0;
}
h1.wp-block-heading {
background-color: #da6a73;
color: #fff;
font-size: 1.125rem;
letter-spacing: 0.05em;
padding: 0.875rem;
}
h2.wp-block-heading {
background-color: #eeeeee;
border-left: 0.1875rem solid #da6a73;
font-size: 1.125rem;
letter-spacing: 0.05em;
padding: 0.875rem;
}
h3.wp-block-heading {
color: #da6a73;
font-size: 1.125rem;
letter-spacing: 0.05em;
}
h4.wp-block-heading {
font-size: 1.3125rem;
font-weight: 500;
letter-spacing: 0.05em;
line-height: 2;
}
h5.wp-block-heading {
font-size: 1.125rem;
font-weight: 500;
letter-spacing: 0.05em;
line-height: 2;
}
.wp-block-image {
margin-top: 1.875rem;
}
ul.wp-block-list {
list-style-type: disc;
margin-left: 1em;
margin-top: 1.875rem;
}
ol.wp-block-list {
list-style: decimal;
margin-left: 1em;
margin-top: 1.875rem;
}
.wp-block-button__link {
background-color: #da6a73;
border-radius: 0.1875rem;
color: #fff;
display: inline-block;
font-size: 1rem;
min-height: 3.375rem;
padding: 1rem 3.125rem 1rem 1.875rem;
position: relative;
text-align: left;
transition: all 0.45s;
}
.wp-block-button__link::before {
-webkit-mask: url(//www.fukuyama.or.jp/wp2025/wp-content/themes/fukuyamacc_theme/assets/images/common/btn_row.png) center center/contain no-repeat;
background-color: #fff;
content: "";
height: 1.0625rem;
mask: url(//www.fukuyama.or.jp/wp2025/wp-content/themes/fukuyamacc_theme/assets/images/common/btn_row.png) center center/contain no-repeat;
position: absolute;
right: 1rem;
top: 50%;
transform: translateY(-50%);
transition: all 0.45s;
width: 0.625rem;
}
.wp-block-button__link.--outer::before {
-webkit-mask: url(//www.fukuyama.or.jp/wp2025/wp-content/themes/fukuyamacc_theme/assets/images/common/icon_outer.png) center center/contain no-repeat;
height: 1rem;
mask: url(//www.fukuyama.or.jp/wp2025/wp-content/themes/fukuyamacc_theme/assets/images/common/icon_outer.png) center center/contain no-repeat;
right: 1rem;
width: 1.125rem;
}
.p-page.--joseikai a:not(.wp-block-button__link) {
color: #ea68a2;
}
.p-page.--joseikai h1.wp-block-heading {
background-color: #ea68a2;
}
.p-page.--joseikai h2.wp-block-heading {
border-color: #ea68a2;
}
.p-page.--joseikai h3.wp-block-heading {
color: #ea68a2;
}
.p-page.--joseikai table th {
background-color: #f9f1f5;
}
@media (hover: hover) {
.wp-block-button__link:hover {
color: #fff;
opacity: 0.8;
}
}
@media screen and (min-width: 768px) {
.u-desktop {
display: block;
}
.u-mobile {
display: none;
}
.p-page {
font-size: 1rem;
}
.p-page p {
font-size: 1rem;
}
.p-page * + *:not(li,
.wp-block-column,
figure) {
margin-top: 1.875rem;
}
h1.wp-block-heading {
font-size: 1.3125rem;
padding: 1.25rem;
}
h2.wp-block-heading {
border-left: 0.3125rem solid #da6a73;
font-size: 1.3125rem;
padding: 1.25rem;
}
h3.wp-block-heading {
font-size: 1.3125rem;
}
.wp-block-button__link.--outer::before {
height: 1rem;
right: 0.875rem;
width: 1.125rem;
}
}