@charset "utf-8";

/* modal-1 */
#modal-1 p b {
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
}
#modal-1 p b::before,
#modal-1 p b::after {
	content: '';
	width: 1px;
	height: 30px;
	background-color: var(--color-secondary);
}
#modal-1 p b::before {
	margin-right: 24px;
	transform: rotate(-20deg)
}
#modal-1 p b::after {
	margin-left: 24px;
	transform: rotate(20deg)
}

#modal-1 .btn_inquiry {
    display: block;
    width: 100%;
    margin-top: 24px;
    padding: 16px 16px;
    color: var(--color-N0);
    border-radius: 8px;
    text-align: center;
}
#modal-1 .btn_inquiry.oceans {
    background: #68117A;
}
#modal-1 .btn_inquiry.zcafe {
    background: #FF46A1;
}

/* トップ_経営理念 */
#value {
    background: url(../images/index/top_bg.png);
    background-size: cover;
}
#value h1 img {
    max-width: 480px;
    margin: 0 auto;
}
#value p {
    font-family: var(--font-serif);
}
#value p strong,
#value p b {
    display: block;
    margin-top: 56px;
    font-size: var(--font-size-title-m);
}
#value .btn_cta {
    margin-top: 32px;
}
@media (min-width: 376px) {
#value p strong,
#value p b {
    font-size: var(--font-size-title-l);
}
}

/* 店舗紹介 */
#intro {
    color: var(--color-N0);
    background: linear-gradient(rgba(0,0,0,.5), rgba(0,0,0,.9)), url(../images/index/intro_bg.png);
    background-size: cover;
    background-position: center center;
}
#intro .swiper {
    max-width: 480px;
    margin: 16px auto 0;
}
#intro .swiper img {
    border-radius: 32px;
}
#intro .swiper p {
    margin-top: 8px;
    padding-bottom: 48px;
    font-size: var(--font-size-caption);
}
#intro .swiper .swiper-pagination-bullet {
    background: var(--color-N0);
}
#intro .swiper .swiper-pagination-bullet-active {
    background: var(--color-secondary);
}

/* よくある質問 */
#faq .faq-item {
    display: flex;
    flex-direction: column;
    gap: 24px 0;
    margin-top: 24px;
    font-size: var(--font-size-paragraph);
}
#faq .faq-item h3 {
    color: var(--color-secondary);
}
#faq .faq-item h3 + * {
    margin-top: 8px;
}

/* 応募 */
#apply {
    text-align: center;
    padding-bottom: 64px;
}
#apply p + .btn_cta {
    margin-top: 40px;
}