@charset "UTF-8"; html { font-size: 100%; } @media (max-width: 375px) { html { font-size: 4.2666666667vw; } } @media screen and (min-width: 768px) { html { font-size: 1.1034482759vw; } } @media (min-width: 1450px) { html { font-size: 100%; } } html { scroll-behavior: smooth; } body { font-family: "FOT-筑紫A丸ゴシック Std R"; color: #333; -webkit-text-size-adjust: 100%; } @media screen and (min-width: 768px) { a, button { -webkit-transition: 0.3s; transition: 0.3s; } a:hover, button:hover { opacity: 0.7; cursor: pointer; } } /***************************** * A Modern CSS Reset (https://github.com/hankchizljaw/modern-css-reset) * 上記に、ul要素,ol要素,a要素への記述追加 *****************************/ /* Box sizing rules */ *, *::before, *::after { -webkit-box-sizing: border-box; box-sizing: border-box; } /* Remove default margin */ body, h1, h2, h3, h4, p, figure, blockquote, dl, dd, ul, li { margin: 0; } /* Remove list styles on ul, ol elements with a list role, which suggests default styling will be removed */ ul, ol { list-style: none; padding: 0; } /* Set core root defaults */ html:focus-within { scroll-behavior: smooth; } /* Set core body defaults */ body { min-height: 100vh; text-rendering: optimizeSpeed; line-height: 1.5; } /* A elements that don't have a class get default styles */ a:not([class]) { text-decoration-skip-ink: auto; } a { text-decoration: none; color: inherit; } /* Make images easier to work with */ img, picture { max-width: 100%; display: block; } /* Inherit fonts for inputs and buttons */ input, button, textarea, select { font: inherit; } button { border: none; padding: 0; background-color: transparent; background-color: initial; } /* Remove all animations, transitions and smooth scroll for people that prefer not to see them */ @media (prefers-reduced-motion: reduce) { html:focus-within { scroll-behavior: auto; } *, *::before, *::after { -webkit-animation-duration: 0.01ms !important; animation-duration: 0.01ms !important; -webkit-animation-iteration-count: 1 !important; animation-iteration-count: 1 !important; -webkit-transition-duration: 0.01ms !important; transition-duration: 0.01ms !important; scroll-behavior: auto !important; } } /* ========================================================================== // // 理念と歩み // ========================================================================== */ .l-annai-about { margin-top: 3.13rem; } @media screen and (min-width: 768px) { .l-annai-about { margin-top: 5.31rem; } } /* ========================================================================== // // 基本姿勢と取り組み // ========================================================================== */ .l-annai-attempt { margin-top: 4.88rem; } @media screen and (min-width: 768px) { .l-annai-attempt { margin-top: 9.5rem; } } /* ========================================================================== // // よくあるご質問(聖ヶ丘病院について) // ========================================================================== */ .l-annai-faq { margin-top: 4.63rem; } @media screen and (min-width: 768px) { .l-annai-faq { margin-top: 6.06rem; } } /* ========================================================================== // // 施設のご案内 // ========================================================================== */ .l-annai-introduction { margin-top: 7.19rem; } @media screen and (min-width: 768px) { .l-annai-introduction { margin-top: 7.5rem; } } /* ========================================================================== // // 医療体制 // ========================================================================== */ .l-annai-staff { margin-top: 6.75rem; } @media screen and (min-width: 768px) { .l-annai-staff { margin-top: 7.5rem; } } /* ========================================================================== // // パンくずリスト // ========================================================================== */ .l-breadcrumb { padding-block: 0.63rem; } /* ========================================================================== // // 診療科目コンテンツ // ========================================================================== */ .l-departments-content { margin-top: 1.25rem; } @media screen and (min-width: 768px) { .l-departments-content { margin-top: 3.31rem; } } /* ========================================================================== // // フッター // ========================================================================== */ .l-footer { padding-bottom: 2.69rem; } @media screen and (min-width: 768px) { .l-footer { padding: 0; } } /* ========================================================================== // // よくあるご質問(緩和ケア) // ========================================================================== */ .l-hospice-faq { padding-top: 5.63rem; } @media screen and (min-width: 768px) { .l-hospice-faq { padding-top: 7.81rem; } } /* ========================================================================== // // 緩和ケアの特徴 // ========================================================================== */ .l-hospice-feature { padding-top: 4.19rem; } @media screen and (min-width: 768px) { .l-hospice-feature { padding-top: 8.31rem; } } /* ========================================================================== // // 緩和ケアスタッフからのメッセージ(hospice-message) // ========================================================================== */ .l-hospice-message { padding-block: 7.06rem 4.81rem; } @media screen and (min-width: 768px) { .l-hospice-message { padding-block: 6.25rem 7.81rem; } } /* ========================================================================== // // 緩和ケア病棟からのお知らせ // ========================================================================== */ .l-hospice-news { margin-top: 5rem; padding-block: 1.88rem 1.25rem; } @media screen and (min-width: 768px) { .l-hospice-news { padding-top: 1rem; } } .l-inner { width: 100%; padding-right: 1.5rem; padding-left: 1.5rem; margin-right: auto; margin-left: auto; } @media screen and (min-width: 768px) { .l-inner { max-width: 1450px; padding-right: 1.56rem; padding-left: 1.56rem; } } /* ========================================================================== // // 検査一覧コンテンツ // ========================================================================== */ .l-inspection-list-content { margin-top: 1.25rem; } @media screen and (min-width: 768px) { .l-inspection-list-content { margin-top: 3.31rem; } } /* ========================================================================== // // 検査一覧サブコンテンツ // ========================================================================== */ .l-inspection-list-sub-content { margin-top: 1.69rem; } /* ========================================================================== // // よくあるご質問(人間ドック・健康診断) // ========================================================================== */ .l-medicalcheckup-faq { padding-top: 5rem; } /* ========================================================================== // // 人間ドック・健診の特徴 // ========================================================================== */ .l-medicalcheckup-feature { padding-block: 3.63rem; } @media screen and (min-width: 768px) { .l-medicalcheckup-feature { padding-block: 8.31rem; } } /* ========================================================================== // // 当院で受けられる健診・検査のご紹介 // ========================================================================== */ .l-medicalcheckup-info { padding-top: 3.13rem; } @media screen and (min-width: 768px) { .l-medicalcheckup-info { padding-top: 5.31rem; } } /* ========================================================================== // // 健診/ドックのお知らせ // ========================================================================== */ .l-medicalcheckup-news { margin-top: 5rem; padding-block: 1.88rem 1.25rem; } @media screen and (min-width: 768px) { .l-medicalcheckup-news { padding-top: 1rem; } } /* ========================================================================== // // 人間ドック・健康診断のご予約 // ========================================================================== */ .l-medicalcheckup-reservation { padding-top: 4.81rem; } @media screen and (min-width: 768px) { .l-medicalcheckup-reservation { padding-top: 8rem; } } /* ========================================================================== // // 入院について セクション // ========================================================================== */ .l-nyuin-section { padding-top: 3.38rem; } @media screen and (min-width: 768px) { .l-nyuin-section { padding-top: 5.19rem; } } /* ========================================================================== // // 入院の対象となる方 // ========================================================================== */ .l-nyuin-target { padding-top: 3.38rem; } @media screen and (min-width: 768px) { .l-nyuin-target { padding-top: 3.75rem; } } /* ========================================================================== // // 下層ページ アクセス(page-access) // ========================================================================== */ .l-page-access { padding-block: 2.31rem 1.88rem; } @media screen and (min-width: 768px) { .l-page-access { padding-block: 6.25rem 5rem; } } /* ========================================================================== // // 下層ページ パンフレット(page-brochure) // ========================================================================== */ .l-page-brochure { padding-block: 5rem 4.38rem; } @media screen and (min-width: 768px) { .l-page-brochure { padding-block: 5.81rem 5.63rem; } } /* ========================================================================== // // 下層ページ 各種ご案内(page-info) // ========================================================================== */ .l-page-info { padding-block: 0.19rem 4.38rem; } @media screen and (min-width: 768px) { .l-page-info { padding-top: 0.38rem; } } /* ========================================================================== // // 下層ページ セクション // ========================================================================== */ .l-page-section { margin-top: 3.38rem; } @media screen and (min-width: 768px) { .l-page-section { margin-top: 5.19rem; } } /* ========================================================================== // // 下層ページタイトル // ========================================================================== */ .l-page-title { padding-block: 1.25rem 0.44rem; } @media screen and (min-width: 768px) { .l-page-title { padding: 3rem 3.44rem 3.44rem 7.81rem; } } /* ========================================================================== // // 下層ページ // ========================================================================== */ .l-page-wrapper { padding-bottom: 4.69rem; } @media screen and (min-width: 768px) { .l-page-wrapper { padding-bottom: 6.69rem; } } /* ========================================================================== // // ページネーション // ========================================================================== */ @media screen and (min-width: 768px) { .l-pagination { margin-top: 1.88rem; } } /* ========================================================================== // // 一般外来のよくあるご質問 // ========================================================================== */ .l-shinryo-faq { padding-top: 5.31rem; } @media screen and (min-width: 768px) { .l-shinryo-faq { padding-top: 6.25rem; } } /* ========================================================================== // // 一般外来の特徴 // ========================================================================== */ .l-shinryo-feature { padding-block: 4.06rem; } @media screen and (min-width: 768px) { .l-shinryo-feature { padding-block: 8.31rem; } } /* ========================================================================== // // 診療内容のご案内 // ========================================================================== */ .l-shinryo-info { padding-block: 3.75rem; } @media screen and (min-width: 768px) { .l-shinryo-info { padding-block: 2.69rem; } } /* ========================================================================== // // 一般外来のお知らせ // ========================================================================== */ .l-shinryo-news { margin-top: 5rem; padding-block: 1.88rem 1.25rem; } @media screen and (min-width: 768px) { .l-shinryo-news { padding-top: 1rem; } } /* ========================================================================== // // 聖ヶ丘病院の医療(top-about) // ========================================================================== */ .l-top-about { margin-top: 4.81rem; } @media screen and (min-width: 768px) { .l-top-about { margin-top: 6.25rem; } } /* ========================================================================== // // トップページ アクセス(top-access) // ========================================================================== */ .l-top-access { padding-block: 2.31rem 1.88rem; } @media screen and (min-width: 768px) { .l-top-access { padding-block: 6.25rem 5rem; } } /* ========================================================================== // // パンフレット(top-brochure) // ========================================================================== */ .l-top-brochure { padding-block: 5rem; } @media screen and (min-width: 768px) { .l-top-brochure { padding-block: 6.25rem 7.5rem; } } /* ========================================================================== // // 当院の施設(top-facility) // ========================================================================== */ .l-top-facility { padding-block: 5rem 4.75rem; } @media screen and (min-width: 768px) { .l-top-facility { padding-block: 10.31rem 6.69rem; } } /* ========================================================================== // // 緩和ケア(top-hospice) // ========================================================================== */ .l-top-hospice { margin-top: 5rem; } @media screen and (min-width: 768px) { .l-top-hospice { margin-top: 7.5rem; } } /* ========================================================================== // // 各種ご案内(top-info) // ========================================================================== */ .l-top-info { margin-top: 5rem; } @media screen and (min-width: 768px) { .l-top-info { margin-top: 5.69rem; } } /* ========================================================================== // // 大切なお知らせ(top-news) // ========================================================================== */ .l-top-news { margin-top: 2rem; } @media screen and (min-width: 768px) { .l-top-news { margin-top: 3.56rem; } } /* ========================================================================== // // アクセス(access) // ========================================================================== */ .c-access { background-color: rgba(244, 248, 233, .75); border-radius: 0.5rem 0.5rem 0 0; } @media screen and (min-width: 768px) { .c-access { border-radius: 0; } } .c-access__logo { margin-left: -1rem; max-width: 16.63rem; width: 80%; } @media screen and (min-width: 768px) { .c-access__logo { max-width: unset; width: 27%; } } .c-access__logo img { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; aspect-ratio: 266/78; } .c-access__wrapper { margin-top: 1.75rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media screen and (min-width: 768px) { .c-access__wrapper { margin-top: 1.13rem; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; position: relative; } } @media screen and (min-width: 768px) { .c-access__wrapper-info { margin-top: 1.56rem; width: 50%; } } .c-access__info01, .c-access__info02 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media screen and (min-width: 768px) { .c-access__info02 { margin-top: 1.94rem; } } .c-access__info01-head, .c-access__info02-head { display: contents; } @media screen and (min-width: 768px) { .c-access__info01-head, .c-access__info02-head { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } .c-access__info01-title, .c-access__info02-title { padding-inline: 1.56rem; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; font-family: "FOT-クレー Pro DB"; font-size: 1.31rem; line-height: 1.4; letter-spacing: 0.07em; text-align: center; color: #1f971f; background-color: #fff; border: solid rgb(0, 166, 60) 0.94px; border-radius: 0.94rem; } @media screen and (min-width: 768px) { .c-access__info01-title, .c-access__info02-title { padding-inline: 2.19rem; border: solid rgb(0, 166, 60) 1.02px; } } .c-access__info02-title { padding: 0.13rem 0.88rem; } @media screen and (min-width: 768px) { .c-access__info02-title { padding: 0.13rem 1.31rem; } } .c-access__info02-title { font-size: 1.13rem; border: solid rgb(0, 166, 60) 0.97px; border-radius: 0.9rem; } @media screen and (min-width: 768px) { .c-access__info02-title { font-size: 1.21rem; border: solid rgb(0, 166, 60) 1.04px; border-radius: 0.9rem; } } .c-access__btn { margin-left: auto; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } .c-access__btn a { padding-block: 0.31rem; width: 100%; display: block; position: relative; font-size: 1rem; color: #00a63c; } @media screen and (min-width: 768px) { .c-access__btn a { font-size: 0.88rem; } } .c-access__btn a::before { content: ""; width: 100%; height: 0.06rem; display: block; position: absolute; bottom: 0; left: 0; background-color: #00a63c; } @media screen and (min-width: 768px) { .c-access__btn a::before { width: 185%; right: 0; left: unset; -webkit-transform: scale(0, 1); transform: scale(0, 1); -webkit-transform-origin: left top; transform-origin: left top; -webkit-transition: -webkit-transform 0.4s; transition: -webkit-transform 0.4s; transition: transform 0.4s; transition: transform 0.4s, -webkit-transform 0.4s; } } @media screen and (min-width: 768px) { .c-access__info02-btn a::before { width: 175%; } } @media screen and (min-width: 768px) { .c-access__btn a:hover { opacity: 1; } } @media screen and (min-width: 768px) { .c-access__btn a:hover::before { -webkit-transform: scale(1, 1); transform: scale(1, 1); } } .c-access__info01-btn, .c-access__info02-btn { margin-top: 0.06rem; -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } @media screen and (min-width: 768px) { .c-access__info01-btn, .c-access__info02-btn { margin-top: 0; -webkit-box-ordinal-group: unset; -ms-flex-order: unset; order: unset; } } .c-access__info02-btn { margin-top: 1.5rem; } @media screen and (min-width: 768px) { .c-access__info02-btn { margin-top: -0.81rem; } } @media screen and (min-width: 768px) { .c-access__info02-btn a { letter-spacing: 0.07em; } } .c-access__info02-btn a::before { bottom: 0.19rem; } @media screen and (min-width: 768px) { .c-access__info02-btn a::before { bottom: 0; } } .c-access__info01-bottom, .c-access__info02-bottom { margin-top: 0.75rem; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } @media screen and (min-width: 768px) { .c-access__info01-bottom, .c-access__info02-bottom { margin-top: 1.75rem; margin-left: 0.44rem; -webkit-box-ordinal-group: unset; -ms-flex-order: unset; order: unset; } } @media screen and (min-width: 768px) { .c-access__info02-bottom { margin-top: -0.81rem; } } .c-access__info01-subtitle { font-size: 1.13rem; } .c-access__info01-text { margin-top: 0.94rem; margin-left: -0.38rem; font-size: 1rem; } @media screen and (min-width: 768px) { .c-access__info01-text { margin-top: 0.69rem; } } .c-access__info01-text + p { margin-top: 0.44rem; margin-left: 0; line-height: 1.9; } .c-access__info01-text span { display: block; } @media screen and (min-width: 768px) { .c-access__info01-text span { margin-left: 2.81rem; display: inline; } } .c-access__info02 { margin-top: 2.25rem; } .c-access__info02-text { margin-top: 1.13rem; margin-left: 0.13rem; font-size: 0.88rem; } .c-access__info02-main { margin-top: -0.44rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media screen and (min-width: 768px) { .c-access__info02-main { margin-top: -0.31rem; } } .c-access__info02-tel a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; gap: 0.63rem; font-family: "FOT-筑紫A丸ゴシック Std B"; font-size: 2.19rem; letter-spacing: 0.02em; white-space: nowrap; color: #00a63c; } @media screen and (min-width: 768px) { .c-access__info02-tel a { font-size: 2.57rem; } } .c-access__info02-tel a::before { content: ""; width: 1.75rem; height: 1.75rem; -ms-flex-negative: 0; flex-shrink: 0; background: url("../images/common/ico_tel_02.png") no-repeat center center/contain; } @media screen and (min-width: 768px) { .c-access__info02-tel a::before { width: 2.06rem; height: 2.06rem; } } .c-access__info02-tel a span { margin-left: -0.38rem; font-family: "FOT-筑紫A丸ゴシック Std R"; font-size: 0.88rem; color: #333; } @media screen and (min-width: 768px) { .c-access__info02-tel a span { font-size: 1.03rem; } } .c-access__info02-fax { margin-top: -0.38rem; font-family: "FOT-筑紫A丸ゴシック Std B"; font-size: 1rem; color: #00a63c; } @media screen and (min-width: 768px) { .c-access__info02-fax { margin-left: 2.63rem; font-size: 1.18rem; } } .c-access__info02-fax span { margin-left: 0.69rem; font-family: "FOT-筑紫A丸ゴシック Std R"; font-size: 1.31rem; letter-spacing: 0.03em; color: #333; } @media screen and (min-width: 768px) { .c-access__info02-fax span { font-size: 1.54rem; } } .c-access__info02-sub { margin-top: 0.94rem; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 1.13rem; } @media screen and (min-width: 768px) { .c-access__info02-sub { margin-top: 0.63rem; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 0.56rem; } } .c-access__item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; gap: 0.94rem; } @media screen and (min-width: 768px) { .c-access__item { gap: 2.19rem; } } .c-access__item-title { padding-inline: 0.25rem; min-width: 5.75rem; width: 27%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-negative: 0; flex-shrink: 0; font-family: "FOT-筑紫A丸ゴシック Std B"; font-size: 1rem; line-height: 1.3; text-align: center; color: #00a63c; background-color: #fff; border: solid rgb(0, 166, 60) 1.08px; border-radius: 0.19rem; } @media screen and (min-width: 768px) { .c-access__item-title { width: 25%; border: solid rgb(0, 166, 60) 1.27px; } } .c-access__item-title span { display: none; } @media screen and (min-width: 768px) { .c-access__item-title span { display: inline; } } .c-access__item-text { margin-top: -0.38rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: end; -ms-flex-align: end; align-items: end; } @media screen and (min-width: 768px) { .c-access__item-text { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 1.88rem; -webkit-transform: translateY(0.25rem); transform: translateY(0.25rem); } } .c-access__item-text a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 0.38rem; position: relative; font-family: "FOT-筑紫A丸ゴシック Std B"; font-size: 1.75rem; letter-spacing: 0.02em; text-align: end; white-space: nowrap; color: #00a63c; } @media screen and (min-width: 768px) { .c-access__item-text a { margin-top: -0.31rem; font-size: 2.13rem; } } .c-access__item-text a::before { content: ""; width: 1.31rem; height: 1.31rem; -ms-flex-negative: 0; flex-shrink: 0; background: url("../images/common/ico_tel_02.png") no-repeat center center/contain; } @media screen and (min-width: 768px) { .c-access__item-text a::before { width: 1.5rem; height: 1.5rem; } } .c-access__item-text span { margin-top: -0.31rem; display: block; font-family: "FOT-筑紫A丸ゴシック Std R"; font-size: 0.88rem; color: #333; white-space: nowrap; } @media screen and (min-width: 768px) { .c-access__item-text span { display: inline; font-size: 1rem; } } /* Google Map ---------------------------------------------------------- */ .c-access__wrapper-map { margin-top: 1.88rem; width: 100%; height: 20.94rem; } @media screen and (min-width: 768px) { .c-access__wrapper-map { width: 46.4285714286%; height: 28.13rem; position: absolute; top: 0; right: 0; } } .c-access__wrapper-map iframe { width: 100%; height: 100%; aspect-ratio: 1/1; } @media screen and (min-width: 768px) { .c-access__wrapper-map iframe { aspect-ratio: 650/450; } } /* ========================================================================== // // パンくずリスト // ========================================================================== */ .c-breadcrumb { font-size: 0.56rem; color: #000; } @media screen and (min-width: 768px) { .c-breadcrumb { font-size: 0.88rem; } } @media screen and (min-width: 768px) { .c-breadcrumb__inner { max-width: unset; } } .c-breadcrumb__inner > span:last-child { padding: 0.19rem 0.38rem; } @media screen and (min-width: 768px) { .c-breadcrumb__inner > span:last-child { padding: 0.31rem 0.63rem; } } .c-breadcrumb a { padding: 0.19rem 0.38rem; display: inline-block; } @media screen and (min-width: 768px) { .c-breadcrumb a { padding: 0.56rem 0.69rem; } } /* ========================================================================== // // パンフレット(brochure) // ========================================================================== */ .c-brochure__text { margin-top: 1.56rem; padding-inline: 1.25rem; font-size: 1rem; } @media screen and (min-width: 768px) { .c-brochure__text { margin-top: 1.38rem; padding-inline: 1.88rem; font-size: 1.13rem; } } .c-brochure__list { margin-top: 1.44rem; display: grid; gap: 1.5rem; } @media screen and (min-width: 768px) { .c-brochure__list { margin-top: 2.19rem; grid-template-columns: repeat(3, 1fr); gap: 4.38rem; } } .c-brochure__item { position: relative; -webkit-box-shadow: 6px 6px 6px rgba(0, 0, 0, .15); box-shadow: 6px 6px 6px rgba(0, 0, 0, .15); } @media screen and (min-width: 768px) { .c-brochure__item { -webkit-box-shadow: 7.52px 7.52px 7.52px rgba(0, 0, 0, .15); box-shadow: 7.52px 7.52px 7.52px rgba(0, 0, 0, .15); } } .c-brochure__item::before { content: ""; width: 2.19rem; height: 2.19rem; display: block; position: absolute; top: -1rem; right: -0.63rem; background: url("../images/common/ico_download_01.png") no-repeat center center/contain; z-index: 100; } @media screen and (min-width: 768px) { .c-brochure__item::before { width: 2.69rem; height: 2.69rem; top: -1.25rem; right: -1rem; -webkit-transition: all 0.3s; transition: all 0.3s; } } .c-brochure__item a { width: 100.5%; display: block; } @media screen and (min-width: 768px) { .c-brochure__item:hover::before { -webkit-transform: translateY(0.13rem); transform: translateY(0.13rem); } } @media screen and (min-width: 768px) { .c-brochure__item a:hover, .c-brochure__item a:hover img { opacity: 1; } } .c-brochure__item-image { width: 100%; } .c-brochure__item-image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; aspect-ratio: 332/80; } @media screen and (min-width: 768px) { .c-brochure__item-image img { aspect-ratio: 417/100; } } /* ========================================================================== // // ボタン01 // ========================================================================== */ .c-btn01 { padding: 0.31rem 2.5rem 0.31rem 0.25rem; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 1.13rem; position: relative; font-family: "FOT-クレー Pro M"; font-size: 1.13rem; background-color: #f7f4f2; border-radius: 1.87rem; } @media screen and (min-width: 768px) { .c-btn01 { padding: 0.63rem 0.94rem; font-size: 1.31rem; border-radius: 2.68rem; } } @media screen and (min-width: 768px) { .c-btn01--center { gap: 2.81rem; } } @media screen and (min-width: 768px) { .c-btn01:hover { -webkit-transform: translateY(0.13rem); transform: translateY(0.13rem); background-color: #f4f8e9; opacity: 1; } } .c-btn01::before { content: ""; width: 3.13rem; height: 3.13rem; -ms-flex-negative: 0; flex-shrink: 0; } @media screen and (min-width: 768px) { .c-btn01::before { width: 4.06rem; height: 4.06rem; } } .c-btn01-01::before { background: url("../images/common/btn_01.png") no-repeat center center/contain; } .c-btn01-02::before { background: url("../images/common/btn_02.png") no-repeat center center/contain; } .c-btn01-03::before { background: url("../images/common/btn_03.png") no-repeat center center/contain; } .c-btn01-04::before { background: url("../images/common/btn_04.png") no-repeat center center/contain; } .c-btn01::after { content: ""; width: 0.44rem; height: 0.88rem; display: block; position: absolute; top: 50%; right: 1.75rem; -webkit-transform: translateY(-50%); transform: translateY(-50%); background: url("../images/common/ico_arrow_04.png") no-repeat center center/contain; } @media screen and (min-width: 768px) { .c-btn01::after { content: none; } } /* ========================================================================== // // ボタン02 // ========================================================================== */ .c-btn02 { padding: 0.31rem; width: 100%; display: block; position: relative; font-family: "FOT-クレー Pro M"; font-size: 0.88rem; } @media screen and (min-width: 768px) { .c-btn02 { font-size: 1.01rem; } } @media screen and (min-width: 768px) { .c-btn02:hover { opacity: 1; } } .c-btn02::before { content: ""; width: 92%; height: 0.06rem; display: block; position: absolute; bottom: 0; left: 0.25rem; background-color: #00a63c; } @media screen and (min-width: 768px) { .c-btn02::before { height: 0.06rem; -webkit-transform: scale(0, 1); transform: scale(0, 1); -webkit-transform-origin: left top; transform-origin: left top; -webkit-transition: -webkit-transform 0.4s; transition: -webkit-transform 0.4s; transition: transform 0.4s; transition: transform 0.4s, -webkit-transform 0.4s; } } @media screen and (min-width: 768px) { .c-btn02:hover::before { -webkit-transform: scale(1, 1); transform: scale(1, 1); } } .c-btn02--lightgreen::before { background-color: #bfe369; } @media screen and (min-width: 768px) { .c-btn02--lightgreen::before { height: 0.06rem; } } /* ========================================================================== // // ボタン03 // ========================================================================== */ .c-btn03 { padding: 0.63rem; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 0.63rem; position: relative; font-family: "FOT-クレー Pro M"; font-size: 1rem; background-color: #f7f4f2; border-radius: 1.41rem; } @media screen and (min-width: 768px) { .c-btn03 { display: block; font-size: 1.13rem; text-align: center; background-color: #fff; border: solid rgb(179, 179, 179) 0.29px; border-radius: 1.4rem; } } .c-btn03::after { content: ""; width: 0.44rem; height: 0.88rem; display: block; -ms-flex-negative: 0; flex-shrink: 0; background: url("../images/common/ico_arrow_04.png") no-repeat center center/contain; } @media screen and (min-width: 768px) { .c-btn03::after { content: none; } } @media screen and (min-width: 768px) { .c-btn03:hover { -webkit-transform: translateY(0.13rem); transform: translateY(0.13rem); background-color: #f4f8e9; opacity: 1; } } /* ========================================================================== // // ボタン04 // ========================================================================== */ .c-btn04 { padding: 1.38rem 1.88rem; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 0.63rem; position: relative; font-family: "FOT-クレー Pro M"; font-size: 1rem; background-color: #f2f2f2; border-radius: 1.69rem; } @media screen and (min-width: 768px) { .c-btn04 { padding: 1.88rem 2.5rem; font-size: 1.31rem; border-radius: 2.68rem; } } .c-btn04::after { content: "＞"; -ms-flex-negative: 0; flex-shrink: 0; font-size: 1rem; } @media screen and (min-width: 768px) { .c-btn04::after { font-size: 1.31rem; } } @media screen and (min-width: 768px) { .c-btn04:hover { background-color: rgba(204, 223, 128, .5); opacity: 1; } } /* ========================================================================== // // ボタン05 // ========================================================================== */ .c-btn05 { padding: 1.5rem 1.13rem 1.5rem 2.94rem; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 0.63rem; background-color: #f2f2f2; border-radius: 3.51rem; -webkit-transition: all 0.3s; transition: all 0.3s; } @media screen and (min-width: 768px) { .c-btn05 { padding: 2.06rem 2.06rem 2.06rem 3.31rem; border-radius: 3.82rem; } } @media screen and (min-width: 768px) { .c-btn05:hover { opacity: 1; background-color: rgba(204, 223, 128, .5); } } .c-btn05--green { background-color: rgba(204, 223, 128, .5); } @media screen and (min-width: 768px) { .c-btn05--green:hover { background-color: #f2f2f2; } } .c-btn05::after { content: "＞"; font-family: "FOT-クレー Pro M"; font-size: 1.13rem; } @media screen and (min-width: 768px) { .c-btn05::after { font-size: 1.5rem; } } .c-btn05__text { font-family: "FOT-クレー Pro M"; font-size: 1.25rem; } @media screen and (min-width: 768px) { .c-btn05__text { font-size: 1.5rem; } } .c-btn05__text span { margin-top: 0.5rem; display: block; font-family: "FOT-筑紫A丸ゴシック Std R"; font-size: 0.88rem; line-height: 1.4285714286; } @media screen and (min-width: 768px) { .c-btn05__text span { font-size: 1rem; letter-spacing: 0.025em; } } /* ========================================================================== // // ボタン06 // ========================================================================== */ .c-btn06 { padding: 0.06rem 0.81rem 0.06rem 1.44rem; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 0.63rem; font-family: "FOT-クレー Pro M"; font-size: 0.94rem; line-height: 2.6666666667; letter-spacing: 0.01em; color: #fff; background-color: #00a63c; border-radius: 1.31rem; } @media screen and (min-width: 768px) { .c-btn06 { padding: 0.19rem 1rem; border: 1px solid #00a63c; font-size: 1.13rem; line-height: 2.1111111111; border-radius: 6.25rem; } } .c-btn06::after { content: "＞"; font-family: "FOT-クレー Pro M"; font-size: 0.94rem; } @media screen and (min-width: 768px) { .c-btn06::after { font-size: 1.13rem; } } @media screen and (min-width: 768px) { .c-btn06:hover { opacity: 1; color: #00a63c; background-color: #fff; } } /* ========================================================================== // // ボタン07 // ========================================================================== */ .c-btn07 { padding: 0.75rem 1.38rem 0.75rem 1.88rem; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 0.63rem; position: relative; font-family: "FOT-クレー Pro M"; font-size: 1rem; background-color: #fff; border: 1px solid #ccdf80; border-radius: 1.38rem; } @media screen and (min-width: 768px) { .c-btn07 { padding: 1rem 1.88rem 1rem 1.5rem; font-size: 1.13rem; border-radius: 1.5rem; } } .c-btn07::after { content: "＞"; -ms-flex-negative: 0; flex-shrink: 0; font-size: 1rem; } @media screen and (min-width: 768px) { .c-btn07::after { font-size: 1.13rem; } } @media screen and (min-width: 768px) { .c-btn07:hover { color: #fff; background-color: #ccdf80; opacity: 1; } } /* ========================================================================== // // カード01 // ========================================================================== */ .c-card01 { width: 100%; display: block; position: relative; border-radius: 0.75rem; background-color: #fff; -webkit-box-shadow: 6px 6px 6px 0 rgba(0, 0, 0, .15), -3px 0 6px 0 rgba(0, 0, 0, .15); box-shadow: 6px 6px 6px 0 rgba(0, 0, 0, .15), -3px 0 6px 0 rgba(0, 0, 0, .15); overflow: hidden; } @media screen and (min-width: 768px) { .c-card01 { padding-bottom: 2.81rem; -webkit-box-shadow: 8.72px 8.72px 8.72px 0 rgba(0, 0, 0, .15), -3px 0 8.72px 0 rgba(0, 0, 0, .15); box-shadow: 8.72px 8.72px 8.72px 0 rgba(0, 0, 0, .15), -3px 0 8.72px 0 rgba(0, 0, 0, .15); } } .c-card01::before { content: ""; width: 1.25rem; height: 1.25rem; display: block; position: absolute; bottom: 0.94rem; right: 0.94rem; background: url("../images/common/ico_link_01.png") no-repeat center center/contain; } @media screen and (min-width: 768px) { .c-card01::before { width: 5.63rem; height: 5.63rem; top: 40%; bottom: unset; right: unset; left: 50%; z-index: 1000; -webkit-transform: translateX(-50%); transform: translateX(-50%); background: url("../images/common/ico_card01_01.png") no-repeat center center/contain; } } @media screen and (min-width: 768px) { .c-card01::after { content: ""; margin: auto; width: 3.75rem; height: 3.75rem; position: absolute; inset: 0; border-radius: 50%; background: rgba(204, 223, 128, .25); -webkit-transform: scale(0); transform: scale(0); -webkit-transition: 0.6s; transition: 0.6s; } } @media screen and (min-width: 768px) { .c-card01:hover { opacity: 1; } } @media screen and (min-width: 768px) { .c-card01:hover::after { -webkit-transform: scale(13); transform: scale(13); } } .c-card01__image { width: 100%; overflow: hidden; } .c-card01__image img { width: 100%; height: 100%; height: auto; -o-object-fit: cover; object-fit: cover; aspect-ratio: 335/150; border-radius: 0.75rem 0.75rem 0 0; -webkit-transition: all 0.3s; transition: all 0.3s; } @media screen and (min-width: 768px) { .c-card01__image img { aspect-ratio: 434/270; } } @media screen and (min-width: 768px) { .c-card01:hover .c-card01__image img { -webkit-transform: scale(1.1); transform: scale(1.1); } } .c-card01__image01 img { -o-object-position: bottom; object-position: bottom; } .c-card01__title { margin-top: 0.94rem; padding-inline: 0.31rem; font-family: "FOT-クレー Pro DB"; font-size: 1.5rem; text-align: center; line-height: 1.5; color: #00a63c; } @media screen and (min-width: 768px) { .c-card01__title { margin-top: 2.94rem; font-size: 1.75rem; } } .c-card01__text { padding-block: 0.44rem 1.25rem; padding-inline: 0.31rem; font-size: 1rem; line-height: 1.5; text-align: center; } @media screen and (min-width: 768px) { .c-card01__text { padding-block: 1.25rem 2.31rem; font-size: 1.13rem; line-height: 1.9; } } @media screen and (min-width: 768px) { .c-card01__more { text-align: center; } } @media screen and (min-width: 768px) { .c-card01__more span { position: relative; font-family: "FOT-クレー Pro M"; font-size: 1rem; } } @media screen and (min-width: 768px) { .c-card01 .c-card01__more span::before { content: ""; width: 100%; height: 0.05rem; display: block; position: absolute; bottom: -0.31rem; left: 0; background-color: #00a63c; -webkit-transform: scale(0, 1); transform: scale(0, 1); -webkit-transform-origin: left top; transform-origin: left top; -webkit-transition: -webkit-transform 0.4s; transition: -webkit-transform 0.4s; transition: transform 0.4s; transition: transform 0.4s, -webkit-transform 0.4s; } } @media screen and (min-width: 768px) { .c-card01:hover .c-card01__more span::before { -webkit-transform: scale(1, 1); transform: scale(1, 1); } } /* ========================================================================== // // カード02 // ========================================================================== */ .c-card02 { width: 100%; display: block; border-radius: 0.75rem; -webkit-box-shadow: 7.38px 7.38px 7.38px rgba(0, 0, 0, .15), -3px 0 7.38px rgba(0, 0, 0, .15); box-shadow: 7.38px 7.38px 7.38px rgba(0, 0, 0, .15), -3px 0 7.38px rgba(0, 0, 0, .15); } @media screen and (min-width: 768px) { .c-card02:hover { opacity: 1; } } .c-card02__image { width: 100%; } .c-card02__image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; aspect-ratio: 334/172; border-radius: 0.75rem 0.75rem 0 0; } @media screen and (min-width: 768px) { .c-card02__image img { aspect-ratio: 430/220; } } .c-card02__content { padding: 1.8rem 1.6rem 1.8rem; background-color: #fff; border-radius: 0 0 0.75rem 0.75rem; } @media screen and (min-width: 768px) { .c-card02__content { padding: 2.19rem 9% 2.19rem; } } .c-card02__title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; position: relative; font-family: "FOT-クレー Pro DB"; font-size: 1.25rem; letter-spacing: 0.05em; color: #00a63c; } @media screen and (min-width: 768px) { .c-card02__title { font-size: 1.75rem; } } @media screen and (min-width: 768px) { .c-card02__title::before { content: ""; width: 100%; height: 0.06rem; display: block; position: absolute; bottom: -0.31rem; left: 0; background-color: #00a63c; -webkit-transform: scale(0, 1); transform: scale(0, 1); -webkit-transform-origin: left top; transform-origin: left top; -webkit-transition: -webkit-transform 0.4s ease-in-out; transition: -webkit-transform 0.4s ease-in-out; transition: transform 0.4s ease-in-out; transition: transform 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out; } } .c-card02__title::after { content: ""; width: 1.38rem; height: 1.56rem; -ms-flex-negative: 0; flex-shrink: 0; background: url("../images/common/ico_arrow_05.png") no-repeat center center/contain; -webkit-transform: translateY(0.06rem); transform: translateY(0.06rem); } @media screen and (min-width: 768px) { .c-card02__title::after { width: 1.5rem; height: 1.69rem; -webkit-transform: translateY(0.13rem); transform: translateY(0.13rem); } } @media screen and (min-width: 768px) { .c-card02:hover .c-card02__title::before { -webkit-transform: scale(1, 1); transform: scale(1, 1); } } .c-card02__text { margin-top: 0.94rem; font-size: 1rem; line-height: 1.5; text-align: justify; } @media screen and (min-width: 768px) { .c-card02__text { margin-top: 1.44rem; font-size: 1.13rem; line-height: 1.5555555556; } } .c-card02--page { border-radius: 0.63rem; -webkit-box-shadow: 6.17px 6.17px 6.17px rgba(0, 0, 0, .15), -3px 0 7.38px rgba(0, 0, 0, .15); box-shadow: 6.17px 6.17px 6.17px rgba(0, 0, 0, .15), -3px 0 7.38px rgba(0, 0, 0, .15); } @media screen and (min-width: 768px) { .c-card02--page { border-radius: 0.75rem; -webkit-box-shadow: 7.38px 7.38px 7.38px rgba(0, 0, 0, .15), -3px 0 7.38px rgba(0, 0, 0, .15); box-shadow: 7.38px 7.38px 7.38px rgba(0, 0, 0, .15), -3px 0 7.38px rgba(0, 0, 0, .15); } } .c-card02--page .c-card02__image img { aspect-ratio: 324/120; border-radius: 0.63rem 0.63rem 0 0; } @media screen and (min-width: 768px) { .c-card02--page .c-card02__image img { aspect-ratio: 430/220; border-radius: 0.75rem 0.75rem 0 0; } } .c-card02--page .c-card02__content { padding: 0.94rem 1.6rem; border-radius: 0 0 0.63rem 0.63rem; } @media screen and (min-width: 768px) { .c-card02--page .c-card02__content { padding: 2.19rem 9% 2.19rem; border-radius: 0 0 0.75rem 0.75rem; } } .c-card02--page .c-card02__text { font-size: 0.88rem; line-height: 1.7142857143; } @media screen and (min-width: 768px) { .c-card02--page .c-card02__text { font-size: 1.13rem; line-height: 1.5555555556; } } /* ========================================================================== // // カード03 // ========================================================================== */ .c-card03 { padding: 1.44rem 1.56rem 1.88rem; width: 100%; background-color: #fff; border: 0.06rem solid #00a63c; border-radius: 0.75rem; -webkit-box-shadow: 0.46rem 0.46rem 0.46rem rgba(0, 0, 0, .15), -0.19rem 0 0.46rem rgba(0, 0, 0, .15); box-shadow: 0.46rem 0.46rem 0.46rem rgba(0, 0, 0, .15), -0.19rem 0 0.46rem rgba(0, 0, 0, .15); } @media screen and (min-width: 768px) { .c-card03 { padding: 2.63rem 2.5rem 1.88rem; border: 0.06rem solid #00a63c; } } .c-card03__head { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .c-card03__head-wrapper { width: 45%; } .c-card03__head-title { margin-top: 0.63rem; font-family: "FOT-クレー Pro M"; font-size: 1.13rem; line-height: 1.5555555556; letter-spacing: 0.05em; color: #000; } @media screen and (min-width: 768px) { .c-card03__head-title { font-size: 1.5rem; line-height: 1.5833333333; } } .c-card03__head-wrapper span { content: "message"; margin-top: 1.88rem; display: block; font-family: "FOT-クレー Pro DB"; font-size: 1.38rem; letter-spacing: 0.05em; color: #00a63c; } @media screen and (min-width: 768px) { .c-card03__head-wrapper span { margin-top: 3.13rem; font-size: 1.5rem; } } .c-card03__head-image { width: 53%; max-width: 9.69rem; } @media screen and (min-width: 768px) { .c-card03__head-image { width: 45%; max-width: unset; } } .c-card03__head-image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; aspect-ratio: 142/142; border-radius: 50%; } .c-card03__content { margin-top: 1rem; } @media screen and (min-width: 768px) { .c-card03__content { margin-top: 0.75rem; } } .c-card03__content-text { font-size: 1rem; line-height: 1.625; } @media screen and (min-width: 768px) { .c-card03__content-text { font-size: 1.13rem; line-height: 1.5555555556; } } /* ========================================================================== // // カード04 // ========================================================================== */ .c-card04 { padding-block: 1.88rem 1.25rem; position: relative; width: 100%; } @media screen and (min-width: 768px) { .c-card04 { padding-block: 4.06rem 3.13rem; } } .c-card04::before { content: ""; width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0; z-index: -1; border-radius: 0.75rem; } .c-card04::after { content: ""; width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0; z-index: -1; background-color: rgba(239, 247, 236, .5); border-radius: 0.75rem; -webkit-box-shadow: 0.44rem 0.44rem 0.44rem rgba(0, 0, 0, .15); box-shadow: 0.44rem 0.44rem 0.44rem rgba(0, 0, 0, .15); } @media screen and (min-width: 768px) { .c-card04::after { -webkit-box-shadow: 0.47rem 0.47rem 0.47rem rgba(0, 0, 0, .15); box-shadow: 0.47rem 0.47rem 0.47rem rgba(0, 0, 0, .15); } } .c-card04__title { padding-left: 0.19rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 1.25rem; font-family: "FOT-クレー Pro DB"; font-size: 1.38rem; line-height: 1.5454545455; color: #00a63c; text-shadow: 0 0 2px rgba(255, 255, 255, .1), 0 0 3px rgba(255, 255, 255, .5); } @media screen and (min-width: 768px) { .c-card04__title { padding-left: unset; gap: 2.19rem; font-size: 2rem; line-height: 1.5; letter-spacing: 0.025em; } } .c-card04__title::before { content: ""; width: 0.38rem; height: 3.75rem; background-color: #00a63c; } @media screen and (min-width: 768px) { .c-card04__title::before { width: 0.69rem; height: 5.44rem; } } .c-card04__title span { margin-left: -0.5em; } .c-card04__content { margin-top: 2.94rem; padding-inline: 1.44rem; } @media screen and (min-width: 768px) { .c-card04__content { margin-top: 7.19rem; padding-inline: 2.81rem; } } .c-card04__text { font-size: 1.03rem; line-height: 1.5757575758; text-shadow: 0 0 1px rgba(255, 255, 255, .1), 0 0 3px rgba(255, 255, 255, .5); } @media screen and (min-width: 768px) { .c-card04__text { font-size: 1.13rem; line-height: 1.7777777778; } } /* ========================================================================== // // 診療科目コンテンツ // ========================================================================== */ @media screen and (min-width: 768px) { .c-departments-content { padding-left: 1.69rem; } } .c-departments-content__text { font-size: 1rem; line-height: 1.7; letter-spacing: 0.025em; } @media screen and (min-width: 768px) { .c-departments-content__text { font-size: 1.13rem; line-height: 1.6666666667; } } .c-departments-content__list { margin-top: 0.94rem; display: grid; gap: 1.25rem; } @media screen and (min-width: 768px) { .c-departments-content__list { margin-top: 1.56rem; grid-template-columns: repeat(2, 1fr); gap: 1.88rem; } } .c-departments-content__item { padding: 0.94rem 1rem 0.5rem; background-color: #f4f8e9; border-radius: 0.25rem; } @media screen and (min-width: 768px) { .c-departments-content__item { padding-bottom: 1.38rem; } } .c-departments-content__item-title { font-size: 1rem; line-height: 1.7; letter-spacing: 0.025em; } @media screen and (min-width: 768px) { .c-departments-content__item-title { font-size: 1.13rem; line-height: 1.6666666667; } } .c-departments-content__item-text-wrapper { padding: 0.31rem 0.44rem 0.63rem; } @media screen and (min-width: 768px) { .c-departments-content__item-text-wrapper { padding: 0.44rem 0.63rem 0.44rem 1.06rem; } } .c-departments-content__item-text { font-size: 1rem; line-height: 1.7; letter-spacing: 0.025em; color: #00a63c; } @media screen and (min-width: 768px) { .c-departments-content__item-text { font-size: 1.13rem; line-height: 1.6666666667; } } .c-departments-content__item:nth-child(1) .c-departments-content__item-text { text-indent: -1em; padding-left: 1em; } .c-departments-content__item-btn { margin-left: 1.06rem; margin-bottom: 0.5rem; max-width: 31.25rem; width: 90%; } @media screen and (min-width: 768px) { .c-departments-content__item-btn { margin-left: 1.69rem; margin-bottom: 0; max-width: unset; } } .c-departments-content__item-btn .c-btn06 { font-family: "FOT-クレー Pro DB"; color: #00a63c; background-color: #fff; border: 1px solid #00a63c; } @media screen and (min-width: 768px) { .c-departments-content__item-btn .c-btn06:hover { color: #fff; background-color: #00a63c; } } .c-departments-content__bottom { margin-top: 0.94rem; padding-inline: 0.63rem; padding-right: 0.75rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 0.63rem; } @media screen and (min-width: 768px) { .c-departments-content__bottom { margin-top: 1.13rem; padding: 0; padding: initial; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } } @media screen and (min-width: 768px) { .c-departments-content--gynecology .c-departments-content__bottom { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } } .p-departments-content__bottom-text-wrapper { display: grid; gap: 0.31rem; } .c-departments-content__bottom-text { font-size: 1rem; line-height: 1.7; letter-spacing: 0.025em; } @media screen and (min-width: 768px) { .c-departments-content__bottom-text { font-size: 1.13rem; line-height: 1.6666666667; } } @media screen and (min-width: 768px) { .c-departments-content--gynecology .c-departments-content__bottom-text:nth-child(2), .c-departments-content--gynecology .c-departments-content__bottom-text:nth-child(3) { padding-left: 7em; } } .c-departments-content__bottom-btn { width: 18.44rem; } @media screen and (min-width: 768px) { .c-departments-content__bottom-btn { width: unset; } } @media screen and (min-width: 768px) { .c-departments-content--gynecology .c-departments-content__bottom-btn { margin-left: auto; } } .c-departments-content__bottom-btn .c-btn02 { color: #00a63c; } .c-departments-content__bottom-btn .c-btn02::before { width: 100%; left: 0; } .c-departments-content__btn-wrapper { margin-top: 1.88rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 0.94rem; } @media screen and (min-width: 768px) { .c-departments-content__btn-wrapper { margin-top: 1.56rem; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; gap: 2.19rem; } } .c-departments-content__btn { width: 20.31rem; } .c-departments-content__btn .c-btn06 { font-family: "FOT-クレー Pro DB"; color: #00a63c; background-color: #fff; border: 1px solid #00a63c; } @media screen and (min-width: 768px) { .c-departments-content__btn .c-btn06 { padding-inline: 1.69rem; } } @media screen and (min-width: 768px) { .c-departments-content__btn .c-btn06:hover { color: #fff; background-color: #00a63c; } } /* ========================================================================== // // よくあるご質問 // ========================================================================== */ .c-faq__list { display: grid; gap: 0.63rem; } .c-faq__item-title { margin-left: 2.19rem; padding: 1.13rem 0.19rem 1.13rem 0.63rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: end; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 0.63rem; position: relative; font-size: 1.13rem; line-height: 1.5555555556; letter-spacing: 0.05em; border-bottom: 1px solid #ccdf80; cursor: pointer; } @media screen and (min-width: 768px) { .c-faq__item-title { padding-right: 0.44rem; font-size: 1.31rem; line-height: 1.4285714286; } } .c-faq__item:first-child .c-faq__item-title { padding-top: 0; padding-top: initial; } @media screen and (min-width: 768px) { .c-faq__item:first-child .c-faq__item-title { padding: 1.13rem 0.44rem 1.13rem 0.63rem; } } .c-faq__item-title span { width: 1.88rem; height: 1.88rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: absolute; top: 1.25rem; left: -2.19rem; font-family: "FOT-筑紫A丸ゴシック Std B"; font-size: 0.88rem; color: #fff; background-color: #00a63c; border-radius: 50%; } @media screen and (min-width: 768px) { .c-faq__item-title span { padding-bottom: 0.31rem; width: 2.63rem; height: 2.63rem; top: 0.81rem; left: -3.44rem; font-size: 1.19rem; } } .c-faq__item:first-child .c-faq__item-title span { top: 0.13rem; } @media screen and (min-width: 768px) { .c-faq__item:first-child .c-faq__item-title span { top: 0.81rem; } } .c-faq__item-title::after { content: ""; width: 1.19rem; height: 1.06rem; -ms-flex-negative: 0; flex-shrink: 0; background: url("../images/common/ico_faq_01.png") no-repeat center center/contain; -webkit-transform: rotate(60deg); transform: rotate(60deg); -webkit-transition: all 0.3s; transition: all 0.3s; } @media screen and (min-width: 768px) { .c-faq__item-title::after { width: 1.56rem; height: 1.75rem; } } .c-faq__item-title.open::after { -webkit-transform: rotate(0); transform: rotate(0); } .c-faq__item-content { padding: 1.25rem 0.31rem 0.63rem 2.81rem; display: none; position: relative; } @media screen and (min-width: 768px) { .c-faq__item-content { padding: 1rem 5.75rem; } } @media screen and (min-width: 768px) { .c-faq__item-content--short { padding-block: 1.44rem; } } .c-faq__item-text { position: relative; font-size: 1rem; line-height: 1.625; letter-spacing: 0.025em; } @media screen and (min-width: 768px) { .c-faq__item-text { font-size: 1.13rem; line-height: 1.6666666667; letter-spacing: 0.05em; } } .c-faq__item-text span { padding-bottom: 0.13rem; width: 1.88rem; height: 1.88rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: absolute; top: 0.06rem; left: -2.81rem; font-family: "FOT-筑紫A丸ゴシック Std B"; font-size: 0.88rem; color: #fff; background-color: #ccdf80; border-radius: 50%; } @media screen and (min-width: 768px) { .c-faq__item-text span { width: 2.63rem; height: 2.63rem; top: 0.44rem; left: -3.75rem; font-size: 1.19rem; } } @media screen and (min-width: 768px) { .c-faq__item-content--short .c-faq__item-text span { top: -0.19rem; } } .c-faq__detail { margin-top: 1.25rem; } @media screen and (min-width: 768px) { .c-faq__detail { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 1.88rem; } } .c-faq__detail-text { font-size: 1rem; line-height: 1.625; letter-spacing: 0.025em; } @media screen and (min-width: 768px) { .c-faq__detail-text { line-height: 1.875; letter-spacing: 0.05em; } } .c-faq__detail-btns { margin-top: 0.63rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 1.13rem; } @media screen and (min-width: 768px) { .c-faq__detail-btns { margin: 0; margin: initial; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } } .c-faq__detail-btn { width: 81%; max-width: 16.88rem; } @media screen and (min-width: 768px) { .c-faq__detail-btn { min-width: 15.25rem; width: unset; } } .c-faq__detail-btn--long { width: 100%; } @media screen and (min-width: 768px) { .c-faq__detail-btn--long { min-width: 15.25rem; max-width: unset; width: unset; } } .c-faq__detail-btn .c-btn04 { padding: 0.81rem 1.38rem 0.81rem 1.88rem; background-color: #fff; border: 1px solid #ccdf80; border-radius: 1.38rem; } @media screen and (min-width: 768px) { .c-faq__detail-btn .c-btn04 { padding: 1rem 1.88rem 1rem 1.56rem; font-size: 1.13rem; border-radius: 1.52rem; } } @media screen and (min-width: 768px) { .c-faq__detail-btn .c-btn04:hover { color: #fff; background-color: #ccdf80; } } .c-faq__detail-btn .c-btn04::after { font-size: 0.88rem; } @media screen and (min-width: 768px) { .c-faq__detail-btn .c-btn04::after { font-size: 1rem; } } /* 人間ドック ---------------------------------------------------------- */ .page-id-133 .c-faq__item-text a { font-family: "FOT-筑紫A丸ゴシック Std B"; color: #00a63c; text-decoration: underline; } /* ========================================================================== // // 各種ご案内(info) // ========================================================================== */ .c-info { overflow: hidden; } .c-info__list { margin-top: 1.88rem; display: grid; gap: 1.25rem; } @media screen and (min-width: 768px) { .c-info__list { margin-top: 2.81rem; grid-template-columns: repeat(4, 1fr); gap: 1.25rem; } } @media screen and (min-width: 768px) { .c-info__item { position: relative; } } @media screen and (min-width: 768px) { .c-info__item:not(:last-child)::after { content: ""; width: 1px; height: 95%; display: block; position: absolute; top: 0; right: 0; background-color: #ccc; } } @media screen and (min-width: 768px) { .c-info__item-title { min-height: 5.19rem; } } .c-info__item-title a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; gap: 1.06rem; font-family: "FOT-クレー Pro M"; font-size: 1.22rem; } @media screen and (min-width: 768px) { .c-info__item-title a { padding-inline: 1.38rem; gap: 1.56rem; font-size: 1.5rem; } } @media screen and (min-width: 768px) { .c-info__item-title a:hover { opacity: 1; } } .c-info__item-title a::before { content: ""; width: 3.13rem; height: 3.13rem; -ms-flex-negative: 0; flex-shrink: 0; background: url("../images/common/ico_info_01.png") no-repeat center center/contain; } @media screen and (min-width: 768px) { .c-info__item-title a::before { width: 4.06rem; height: 4.06rem; } } .c-info__item:nth-child(2) .c-info__item-title a::before { background: url("../images/common/ico_info_02.png") no-repeat center center/contain; } .c-info__item:nth-child(3) .c-info__item-title a::before { background: url("../images/common/ico_info_03.png") no-repeat center center/contain; } .c-info__item:nth-child(4) .c-info__item-title a::before { background: url("../images/common/ico_info_04.png") no-repeat center center/contain; } .c-info__item-title a::after { content: ""; width: 0.44rem; height: 0.88rem; display: block; position: absolute; top: 50%; right: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); background: url("../images/common/ico_arrow_info_01.png") no-repeat center center/contain; } @media screen and (min-width: 768px) { .c-info__item-title a::after { content: none; } } @media screen and (min-width: 768px) { .c-info__item-title a span { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; position: relative; display: block; } } @media screen and (min-width: 768px) { .c-info__item-title a span + span::before { -webkit-transition-delay: 0.2s; transition-delay: 0.2s; } } @media screen and (min-width: 768px) { .c-info__item-title a span::before { content: ""; width: 100%; height: 0.05rem; display: block; position: absolute; bottom: 0; left: 0; background-color: #00a63c; -webkit-transform: scale(0, 1); transform: scale(0, 1); -webkit-transform-origin: left top; transform-origin: left top; -webkit-transition: -webkit-transform 0.4s; transition: -webkit-transform 0.4s; transition: transform 0.4s; transition: transform 0.4s, -webkit-transform 0.4s; } } @media screen and (min-width: 768px) { .c-info__item-title a:hover span::before { -webkit-transform: scale(1, 1); transform: scale(1, 1); } } .c-info__sub { margin-right: calc(50% - 50vw); padding-inline: 0.94rem 0.25rem; width: 90%; margin-left: auto; border-radius: 0.5rem 0 0 0.5rem; background-color: #f4f8e9; } @media screen and (min-width: 768px) { .c-info__sub { margin: 0; margin: initial; padding: 1.56rem 2.19rem 2.19rem; width: 100%; display: grid; gap: 0.94rem; position: relative; background-color: transparent; } } @media screen and (min-width: 768px) { .c-info__sub::before { content: ""; margin-inline: -1.88rem; width: calc(100% + 3.75rem); height: 100%; display: block; position: absolute; top: 0; left: 0; z-index: -2; background-color: #f4f8e9; border-radius: 0.75rem; } } .c-info__sub-item a { padding: 0.63rem 2.06rem 0.63rem 0.5rem; position: relative; display: block; } @media screen and (min-width: 768px) { .c-info__sub-item a { padding: 0.19rem 2.06rem 0.19rem 0.5rem; } } @media screen and (min-width: 768px) { .c-info__sub-item a:hover { opacity: 1; } } .c-info__sub-item a::before { content: ""; width: 100%; height: 100%; display: block; position: absolute; bottom: 0; left: 0; z-index: -1; background-color: rgba(191, 227, 105, .25); -webkit-transform: scale(0, 1); transform: scale(0, 1); -webkit-transform-origin: left top; transform-origin: left top; -webkit-transition: -webkit-transform 0.4s; transition: -webkit-transform 0.4s; transition: transform 0.4s; transition: transform 0.4s, -webkit-transform 0.4s; } @media screen and (min-width: 768px) { .c-info__sub-item a:hover::before { opacity: 1; -webkit-transform: scale(1, 1); transform: scale(1, 1); } } .c-info__sub-item a::after { content: ""; width: 100%; height: 1px; display: block; position: absolute; bottom: 0; left: 0; background-color: #ccdf80; } @media screen and (min-width: 768px) { .c-info__sub-item a::after { bottom: -0.44rem; } } .c-info__sub-item:last-child a::after { content: none; } @media screen and (min-width: 768px) { .c-info__sub-item:last-child a::after { content: ""; } } .c-info__sub-item a span { font-size: 1.18rem; } @media screen and (min-width: 768px) { .c-info__sub-item a span { font-size: 1.13rem; } } .c-info__sub-item a span::before { content: ""; width: 0.44rem; height: 0.88rem; display: block; position: absolute; top: 50%; right: 1.25rem; -webkit-transform: translateY(-50%); transform: translateY(-50%); background: url("../images/common/ico_arrow_info_01.png") no-repeat center center/contain; } @media screen and (min-width: 768px) { .c-info__sub-item a span::before { content: none; } } .c-info__inner2 { margin-inline: auto; padding-inline: 0.94rem; width: 100%; } @media screen and (min-width: 768px) { .c-info__inner2 { max-width: 1450px; padding-right: 1.56rem; padding-left: 1.56rem; } } .c-info__btn-list { margin-top: 1.38rem; display: grid; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 1.25rem; } @media screen and (min-width: 768px) { .c-info__btn-list { margin-top: 3.13rem; display: -webkit-box; display: -ms-flexbox; display: flex; gap: 1.56rem; } } .c-info__btn-item { width: 21.75rem; } @media screen and (min-width: 768px) { .c-info__btn-item { width: 20.5rem; } } /* ========================================================================== // // 検査一覧コンテンツ // ========================================================================== */ .c-inspection-list-content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 1.25rem; } @media screen and (min-width: 768px) { .c-inspection-list-content { padding-left: 1.69rem; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } } .c-inspection-list-content__text-wrapper { width: 100%; } @media screen and (min-width: 768px) { .c-inspection-list-content__text-wrapper { width: 66%; } } .c-inspection-list-content__title { font-family: "FOT-クレー Pro M"; font-size: 1.5rem; line-height: 1.5; letter-spacing: 0.025em; color: #00a63c; } @media screen and (min-width: 768px) { .c-inspection-list-content__title { line-height: 1.5; } } .c-inspection-list-content__text { margin-top: 0.63rem; font-size: 1.13rem; line-height: 1.7; letter-spacing: 0.025em; } @media screen and (min-width: 768px) { .c-inspection-list-content__text { margin-top: 1.25rem; line-height: 1.6666666667; } } .c-inspection-list-content__image { width: 100%; } @media screen and (min-width: 768px) { .c-inspection-list-content__image { margin-top: 0.31rem; width: 31%; } } .c-inspection-list-content__image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; aspect-ratio: 319/240; } .c-inspection-list-content__btn { margin-top: 0.63rem; width: 17.81rem; } @media screen and (min-width: 768px) { .c-inspection-list-content__btn { margin-left: auto; width: 20.31rem; } } .c-inspection-list-content__btn .c-btn02 { color: #00a63c; } .c-inspection-list-content__btn .c-btn02::before { width: 100%; left: 0; } /* ========================================================================== // // 検査一覧サブコンテンツ // ========================================================================== */ .c-inspection-list-sub-content { padding: 1.56rem 1.25rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 1.25rem; background-color: #f4f8e9; border-radius: 0.43rem; } @media screen and (min-width: 768px) { .c-inspection-list-sub-content { margin-left: 1.69rem; padding: 0.94rem 1.5rem 1.25rem 1.06rem; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } } .c-inspection-list-sub-content__image { margin: 0 auto; max-width: 31.25rem; width: 100%; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } @media screen and (min-width: 768px) { .c-inspection-list-sub-content__image { margin: 0; margin: initial; width: 26%; -webkit-box-ordinal-group: unset; -ms-flex-order: unset; order: unset; } } .c-inspection-list-sub-content__image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; aspect-ratio: 259/195; } .p-inspection-list__01 .c-inspection-list-sub-content__image img { aspect-ratio: unset; } .c-inspection-list-sub-content__text-wrapper { width: 100%; display: contents; } @media screen and (min-width: 768px) { .c-inspection-list-sub-content__text-wrapper { padding-top: 0.25rem; width: 72%; display: block; } } .c-inspection-list-sub-content__title { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; font-size: 1.31rem; letter-spacing: 0.025em; line-height: 1.5; color: #00a63c; } @media screen and (min-width: 768px) { .c-inspection-list-sub-content__title { -webkit-box-ordinal-group: unset; -ms-flex-order: unset; order: unset; line-height: 1.7142857143; } } .c-inspection-list-sub-content__text { margin-top: 0.31rem; -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; font-size: 1rem; line-height: 1.625; } @media screen and (min-width: 768px) { .c-inspection-list-sub-content__text { margin-top: 1.25rem; -webkit-box-ordinal-group: unset; -ms-flex-order: unset; order: unset; } } /* ========================================================================== // // メインエリア // ========================================================================== */ /* 聖ヶ丘病院について/緩和ケア/人間ドック/一般外来 ---------------------------------------------------------- */ .page-id-166 .c-main-area, .page-id-110 .c-main-area, .page-id-129 .c-main-area, .page-id-133 .c-main-area, .page-id-173 .c-main-area, .page-id-131 .c-main-area { overflow: hidden; } /* ========================================================================== // // news01 // ========================================================================== */ .c-news01 { padding: 0.31rem 1.25rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: relative; } @media screen and (min-width: 768px) { .c-news01 { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 1rem; background-color: transparent; } } @media screen and (min-width: 768px) { .c-news01:hover { background-color: rgba(191, 227, 105, .25); opacity: 1; } } .c-news01::after { content: ""; width: 0.75rem; height: 1.44rem; display: block; position: absolute; top: 50%; right: 0.31rem; -webkit-transform: translateY(-50%); transform: translateY(-50%); background: url("../images/common/ico_arrow_news01_01.png") no-repeat center center/contain; } @media screen and (min-width: 768px) { .c-news01::after { width: 0.56rem; height: 1.25rem; right: 1.25rem; opacity: 0; -webkit-transition: all 0.3s; transition: all 0.3s; } } @media screen and (min-width: 768px) { .c-news01:hover::after { opacity: 1; } } .c-news01__head { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 0.81rem; -ms-flex-negative: 0; flex-shrink: 0; } @media screen and (min-width: 768px) { .c-news01__head { min-width: 27%; gap: 1.88rem; } } .c-news01__date { font-size: 1rem; } @media screen and (min-width: 768px) { .c-news01__date { font-size: 1.13rem; line-height: 1; } } .c-news01__category { padding: 0.13rem 0.75rem; font-size: 1rem; line-height: 1; color: #179310; background-color: #fff; border: solid rgb(23, 147, 16) 0.8852px; border-radius: 0.64rem; } @media screen and (min-width: 768px) { .c-news01__category { font-size: 1.13rem; border: 1px solid #00a63c; border-radius: 0.72rem; } } .c-news01__title { margin-top: 0.25rem; font-size: 1rem; } @media screen and (min-width: 768px) { .c-news01__title { margin: 0; margin: initial; font-size: 1.13rem; line-height: 1; } } /* ========================================================================== // // ページコピー // ========================================================================== */ .c-page-copy { position: relative; } .c-page-copy::before { content: ""; width: 100vw; height: 100%; display: block; position: absolute; top: 0; left: 0; background: url("../images/annai/bg_page_copy_01_sp.jpg") no-repeat left center/cover; border-radius: 0.63rem; z-index: -1; opacity: 0; -webkit-transform: translate(0, 1.88rem); transform: translate(0, 1.88rem); -webkit-transition: all 1.5s; transition: all 1.5s; } @media screen and (min-width: 768px) { .c-page-copy::before { background: url("../images/annai/bg_page_copy_01_pc.jpg") no-repeat right center/cover; } } /* 緩和ケア ---------------------------------------------------------- */ .page-id-129 .c-page-copy::before { background: url("../images/hospice/bg_page_copy_hospice_sp.jpg") no-repeat left center/cover; } @media screen and (min-width: 768px) { .page-id-129 .c-page-copy::before { background: url("../images/hospice/bg_page_copy_hospice_pc.jpg") no-repeat left center/cover; } } /* 人間ドック・健康診断 ---------------------------------------------------------- */ .page-id-133 .c-page-copy::before { background: url("../images/medicalcheckup/bg_page_copy_medicalcheckup_sp.jpg") no-repeat right center/cover; } @media screen and (min-width: 768px) { .page-id-133 .c-page-copy::before { background: url("../images/medicalcheckup/bg_page_copy_medicalcheckup_pc.jpg") no-repeat right center/cover; } } /* 一般外来 ---------------------------------------------------------- */ .page-id-131 .c-page-copy::before, .page-id-173 .c-page-copy::before { background: url("../images/shinryo/bg_page_copy_shinryo_sp.jpg") no-repeat right center/cover; } @media screen and (min-width: 768px) { .page-id-131 .c-page-copy::before, .page-id-173 .c-page-copy::before { background: url("../images/shinryo/bg_page_copy_shinryo_pc.jpg") no-repeat right top/cover; } } .c-page-copy::after { content: ""; width: 100vw; height: 100%; display: block; position: absolute; top: 0; left: 0; background: url("../images/common/bg_02_sp.png") no-repeat center center/cover; border-radius: 0.63rem; z-index: -2; opacity: 0; -webkit-transform: translate(0, 1.88rem); transform: translate(0, 1.88rem); -webkit-transition: all 1.5s; transition: all 1.5s; } @media screen and (min-width: 768px) { .c-page-copy::after { background: url("../images/common/bg_02_pc.png") no-repeat center center/cover; } } .c-page-copy.scrollin::before { opacity: 0.5; -webkit-transform: translate(0, 0); transform: translate(0, 0); } .c-page-copy.scrollin::after { opacity: 1; -webkit-transform: translate(0, 0); transform: translate(0, 0); } .c-page-copy__wrapper { padding: 2.5rem 0 2rem 1.6rem; opacity: 0; -webkit-transform: translate(0, 1.88rem); transform: translate(0, 1.88rem); -webkit-transition: all 1.5s; transition: all 1.5s; -webkit-transition-delay: 0.5s; transition-delay: 0.5s; } @media screen and (min-width: 768px) { .c-page-copy__wrapper { padding: 3.75rem 6.25rem 3.44rem; } } .c-page-copy.scrollin .c-page-copy__wrapper { opacity: 1; -webkit-transform: translate(0, 0); transform: translate(0, 0); } .c-page-copy__text { font-family: "FOT-クレー Pro DB"; font-size: 1.13rem; line-height: 1.5555555556; letter-spacing: 0.05em; text-shadow: 5px 5px 3px rgba(255, 255, 255, .5); } @media screen and (min-width: 768px) { .c-page-copy__text { font-size: 2.38rem; line-height: 1.4473684211; } } .c-page-copy__subtext { margin-top: 2.19rem; font-size: 1rem; line-height: 1.625; text-shadow: 3px 3px 1px rgba(255, 255, 255, .5); } @media screen and (min-width: 768px) { .c-page-copy__subtext { margin-top: 2.81rem; font-size: 1.31rem; line-height: 1.7142857143; } } /* ========================================================================== // // ページ画像 // ========================================================================== */ .c-page-image { margin: 0 auto; width: 93.6%; } @media screen and (min-width: 768px) { .c-page-image { width: 96.3541666667%; } } .c-page-image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; aspect-ratio: 351/24; border-radius: 0.1rem; } @media screen and (min-width: 768px) { .c-page-image img { aspect-ratio: 1850/48; } } /* ========================================================================== // // ページリンクリスト // ========================================================================== */ .c-page-link-list { margin-top: 1.25rem; display: grid; gap: 0.69rem; } @media screen and (min-width: 768px) { .c-page-link-list { margin-top: 2.19rem; grid-template-columns: repeat(3, 1fr); gap: 1rem 1.25rem; } } /* ========================================================================== // // お知らせ(c-page-news) // ========================================================================== */ .c-page-news__wrapper { padding-inline: 1.44rem; padding-bottom: 0.94rem; background-color: #fff; -webkit-box-shadow: 3px 3px 5px 0 rgba(0, 0, 0, .2); box-shadow: 3px 3px 5px 0 rgba(0, 0, 0, .2); border-radius: 0.7rem; } @media screen and (min-width: 768px) { .c-page-news__wrapper { padding: 0; padding: initial; display: grid; -webkit-box-shadow: unset; box-shadow: unset; border-radius: unset; grid-template-columns: 18.94rem 1fr; } } .c-page-news__title { display: none; } @media screen and (min-width: 768px) { .c-page-news__title { padding-block: 0.31rem; padding-inline: 0.75rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 0.81rem; font-family: "FOT-クレー Pro DB"; font-size: 1.75rem; text-align: center; color: #179310; background-color: rgba(191, 227, 105, .3); border-radius: 0.75rem 0 0 0.75rem; } } @media screen and (min-width: 768px) { .c-page-news__title span { font-size: 1.5rem; } } @media screen and (min-width: 768px) { .c-page-news__list { padding: 1.38rem 1.25rem 1.25rem 1.88rem; display: grid; gap: 0.63rem; background-color: #f4f8e9; border-radius: 0 0.67rem 0.67rem 0; } } .c-page-news__item .c-news01 { padding: 1.13rem 1.25rem 1.19rem 0; position: relative; } @media screen and (min-width: 768px) { .c-page-news__item .c-news01 { padding: 0.31rem 1.25rem; } } .c-page-news__item .c-news01::before { content: ""; width: 101%; height: 0.05rem; display: block; background-color: #ccc; position: absolute; bottom: 0; left: -0.06rem; } @media screen and (min-width: 768px) { .c-page-news__item .c-news01::before { content: none; } } .c-page-news .c-news01::after { display: none; } @media screen and (min-width: 768px) { .c-page-news .c-news01::after { display: block; } } .c-page-news .c-news01__date { letter-spacing: 0.08em; } @media screen and (min-width: 768px) { .c-page-news .c-news01__date { letter-spacing: unset; } } .c-page-news .c-news01__title { margin-top: 0.5rem; line-height: 1.5; letter-spacing: 0.08em; } @media screen and (min-width: 768px) { .c-page-news .c-news01__title { margin: 0; margin: initial; letter-spacing: unset; } } .c-page-news__btn { margin-top: 1.25rem; margin-right: -0.31rem; margin-left: auto; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } .c-page-news__btn .c-btn02 { padding-block: 0.81rem; font-size: 0.88rem; } @media screen and (min-width: 768px) { .c-page-news__btn .c-btn02 { font-size: 1rem; } } .c-page-news__btn .c-btn02::before { width: 96%; } @media screen and (min-width: 768px) { .c-page-news__btn .c-btn02::before { background-color: #bfe369; } } /* ========================================================================== // // お知らせ(c-page-news02) // ========================================================================== */ .c-page-news02 { position: relative; } .c-page-news02__item-title { font-size: 1.5rem; letter-spacing: 0.005em; } @media screen and (min-width: 768px) { .c-page-news02__item-title { padding-right: 12.5rem; font-size: 2.13rem; letter-spacing: 0.1em; } } .c-page-news02__item-title::before { content: ""; width: 0.38rem; height: 2.81rem; } @media screen and (min-width: 768px) { .c-page-news02__item-title::before { width: 0.31rem; height: 2.38rem; } } .c-page-news02__wrapper { margin-top: 0.38rem; padding-inline: 1.44rem; padding-bottom: 0.94rem; } @media screen and (min-width: 768px) { .c-page-news02__wrapper { margin-top: 1.88rem; padding: 0; padding: initial; padding-left: 2.81rem; } } .archive.category .c-page-news02__wrapper { padding-inline: 0.63rem; } .blog .c-page-news02__wrapper { padding-inline: 0.63rem; } @media screen and (min-width: 768px) { .c-page-news02__item + li { margin-top: 0.63rem; } } .c-page-news02__item .c-news01 { padding: 1.13rem 1.25rem 1.19rem 0; position: relative; } @media screen and (min-width: 768px) { .c-page-news02__item .c-news01 { padding: 0.31rem 1.25rem; } } .c-page-news02__item .c-news01::before { content: ""; width: 101%; height: 0.05rem; display: block; background-color: #ccc; position: absolute; bottom: 0; left: -0.06rem; } @media screen and (min-width: 768px) { .c-page-news02__item .c-news01::before { content: none; } } .c-page-news02 .c-news01::after { display: none; } @media screen and (min-width: 768px) { .c-page-news02 .c-news01::after { display: block; } } .c-page-news02 .c-news01__date { letter-spacing: 0.08em; } @media screen and (min-width: 768px) { .c-page-news02 .c-news01__date { font-size: 1.24rem; letter-spacing: unset; } } @media screen and (min-width: 768px) { .c-page-news02 .c-news01__category { font-size: 1.24rem; border-radius: 0.8rem; } } .c-page-news02 .c-news01__title { margin-top: 0.5rem; line-height: 1.5; letter-spacing: 0.08em; } @media screen and (min-width: 768px) { .c-page-news02 .c-news01__title { margin: 0; margin: initial; font-size: 1.24rem; letter-spacing: unset; } } .c-page-news02__btn { margin-top: 0.88rem; margin-right: -0.31rem; margin-left: auto; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } @media screen and (min-width: 768px) { .c-page-news02__btn { margin: 0; margin: initial; position: absolute; top: 0; right: 0; } } .c-page-news02__btn .c-btn07 { padding-inline: 1rem 1.25rem; font-size: 0.88rem; } @media screen and (min-width: 768px) { .c-page-news02__btn .c-btn07 { padding-block: 0.81rem; padding-inline: 1.69rem 1.88rem; gap: 1.81rem; } } .c-page-news02__btn .c-btn07::after { font-size: 0.88rem; } /* ========================================================================== // // 下層ページサイドバー // ========================================================================== */ .c-page-sidebar { padding-inline: 1.25rem 0.31rem; padding-bottom: 1.44rem; border-top: solid 0.07rem rgb(0, 166, 60); border-bottom: solid 0.07rem rgb(0, 166, 60); } @media screen and (min-width: 768px) { .c-page-sidebar { height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; position: sticky; top: 0; left: 0; padding-inline: 1.88rem 1.25rem; border: none; } } .c-page-sidebar__title { font-family: "FOT-クレー Pro M"; font-size: 1.5rem; line-height: 1.1666666667; border-bottom: 1px solid #ccdf80; } @media screen and (min-width: 768px) { .c-page-sidebar__title { font-size: 1.63rem; line-height: 1.0769230769; border-bottom: 1px solid #00a63c; } } .c-page-sidebar__title a { padding-block: 1.06rem 0.88rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media screen and (min-width: 768px) { .c-page-sidebar__title a { padding-block: 2.5rem 2.69rem; } } .c-page-sidebar__title a::after { content: "＞"; font-size: 1rem; } @media screen and (min-width: 768px) { .c-page-sidebar__title a::after { content: none; } } .c-page-sidebar__list { margin-top: 0.69rem; } @media screen and (min-width: 768px) { .c-page-sidebar__list { margin-top: 3.13rem; } } .c-page-sidebar__list + ul { margin-top: 0.63rem; padding-top: 0.63rem; border-top: 1px solid #ccdf80; } @media screen and (min-width: 768px) { .c-page-sidebar__list + ul { margin-top: 1.25rem; padding-top: 1.25rem; } } .c-page-sidebar__item a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 0.44rem; font-family: "FOT-クレー Pro M"; font-size: 1.13rem; line-height: 2.5; letter-spacing: 0.01em; } @media screen and (min-width: 768px) { .c-page-sidebar__item a { gap: 0.25rem; line-height: 2.1111111111; } } .c-page-sidebar__item a:not(.c-page-sidebar__sublist a):before { content: "▶"; font-family: "Helvetica Neue", Arial, sans-serif; /* 記号用フォント */ font-size: 0.63rem; } @media screen and (min-width: 768px) { .c-page-sidebar__item a:hover { opacity: 1; } } .c-page-sidebar__item a span { position: relative; } @media screen and (min-width: 768px) { .c-page-sidebar__item a span::before { content: ""; width: 100%; height: 0.06rem; display: block; position: absolute; bottom: 0.19rem; left: 0; background-color: #00a63c; -webkit-transform: scale(0, 1); transform: scale(0, 1); -webkit-transform-origin: left top; transform-origin: left top; -webkit-transition: -webkit-transform 0.4s; transition: -webkit-transform 0.4s; transition: transform 0.4s; transition: transform 0.4s, -webkit-transform 0.4s; } } @media screen and (min-width: 768px) { .c-page-sidebar__item a:hover span::before { -webkit-transform: scale(1, 1); transform: scale(1, 1); } } .c-page-sidebar__item--green a:not(.c-page-sidebar__sublist-item a) { font-family: "FOT-クレー Pro DB"; color: #00a63c; } .c-page-sidebar__sublist-item { position: relative; } @media screen and (min-width: 768px) { .c-page-sidebar__sublist-item a { padding-left: 2rem; font-family: "FOT-クレー Pro M"; font-size: 1.13rem; line-height: 2.1111111111; letter-spacing: 0.01em; } } .c-page-sidebar__brochure { margin-top: 2.06rem; } @media screen and (min-width: 768px) { .c-page-sidebar__brochure { width: 14.56rem; margin-top: 1.25rem; } } .c-page-sidebar__brochure.c-brochure__item { -webkit-box-shadow: rgba(0, 0, 0, .15) 5.4px 5.4px 5.4px; box-shadow: rgba(0, 0, 0, .15) 5.4px 5.4px 5.4px; } @media screen and (min-width: 768px) { .c-page-sidebar__brochure.c-brochure__item { -webkit-box-shadow: rgba(0, 0, 0, .15) 4.2px 4.2px 4.2px; box-shadow: rgba(0, 0, 0, .15) 4.2px 4.2px 4.2px; } } @media screen and (min-width: 768px) { .c-page-sidebar__brochure.c-brochure__item::before { width: 1.56rem; height: 1.56rem; top: -0.81rem; right: -0.44rem; } } /* 診療科目一覧(サイドバー) ---------------------------------------------------------- */ @media screen and (min-width: 768px) { .page-id-367 .c-page-sidebar__sublist-item:nth-child(3), .page-id-367 .c-page-sidebar__sublist-item:nth-child(5) { padding-bottom: 0.63rem; } } @media screen and (min-width: 768px) { .page-id-367 .c-page-sidebar__sublist-item:nth-child(4), .page-id-367 .c-page-sidebar__sublist-item:nth-child(6) { padding-top: 0.63rem; } } @media screen and (min-width: 768px) { .page-id-367 .c-page-sidebar__sublist-item:nth-child(3)::before, .page-id-367 .c-page-sidebar__sublist-item:nth-child(5)::before { content: ""; width: calc(100% - 2rem); height: 1px; display: block; position: absolute; bottom: 0; left: 2rem; background-color: #ccdf80; } } /* お知らせ(サイドバー) ---------------------------------------------------------- */ .c-page-sidebar__item--select a { pointer-events: none; } .c-page-sidebar--news .c-page-sidebar__wrapper { margin-top: 0.63rem; border-top: 1px solid #ccdf80; } @media screen and (min-width: 768px) { .c-page-sidebar--news .c-page-sidebar__wrapper .c-page-sidebar__list { margin-top: 1.5rem; } } .c-page-sidebar__select-wrapper { margin-left: 0.88rem; position: relative; } .c-page-sidebar__select-wrapper::before { content: ""; width: 0; position: absolute; top: 50%; left: 8.63rem; -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index: -1; border-left: 0.34rem solid transparent; border-right: 0.34rem solid transparent; border-top: 0.47rem solid #333; cursor: pointer; } @media screen and (min-width: 768px) { .c-page-sidebar__select-wrapper::before { left: 10rem; } } .c-page-sidebar__select-wrapper select { padding: 0.88rem 3.63rem 0.81rem 1.13rem; font-family: "FOT-クレー Pro M"; font-size: 0.88rem; letter-spacing: 0.01em; color: #333; background-color: transparent; border: 1px solid #bfe369; border-radius: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; /* デフォルトの矢印を非表示 */ cursor: pointer; } @media screen and (min-width: 768px) { .c-page-sidebar__select-wrapper select { padding-inline: 1.94rem 3.56rem; font-size: 1rem; } } /* 人間ドック ---------------------------------------------------------- */ .c-page-sidebar--green.active a { color: #00a63c; } /* ========================================================================== // // 下層ページタイトル // ========================================================================== */ .c-page-title__content { font-family: "FOT-クレー Pro DB"; font-size: 2rem; } @media screen and (min-width: 768px) { .c-page-title__content { font-size: 3.75rem; } } /* ========================================================================== // // 下層ページh1タイトル // ========================================================================== */ .c-page-title02 { padding: 1.19rem 0.38rem; font-family: "FOT-クレー Pro DB"; font-size: 1.75rem; line-height: 1.2; letter-spacing: 0.1em; border-bottom: 1px solid #00a63c; } @media screen and (min-width: 768px) { .c-page-title02 { padding: 2.06rem 0; font-size: 2.38rem; } } /* ========================================================================== // // 下層ページwrapper // ========================================================================== */ .c-page-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; gap: 5.19rem; } @media screen and (min-width: 768px) { .c-page-wrapper { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: unset; } } .c-page-wrapper__sidebar { width: 100%; } @media screen and (min-width: 768px) { .c-page-wrapper__sidebar { width: 21.4285714286%; } } .c-page-wrapper__content { width: 100%; } @media screen and (min-width: 768px) { .c-page-wrapper__content { padding-left: 1.88rem; width: 78.5714285714%; } } /* ========================================================================== // // ページトップボタン // ========================================================================== */ .c-pagetop { width: 3.5rem; height: 3.5rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: fixed; bottom: 5rem; right: 0.94rem; z-index: 1000; font-family: "FOT-筑紫A丸ゴシック Std B"; font-size: 0.88rem; text-transform: uppercase; color: #fff; background-color: rgba(204, 223, 128, .8); border-radius: 50%; -webkit-box-shadow: 3px 3px 3px rgba(0, 0, 0, .3); box-shadow: 3px 3px 3px rgba(0, 0, 0, .3); } @media screen and (min-width: 768px) { .c-pagetop { width: 5rem; height: 5rem; bottom: 7.5rem; right: 1.88rem; font-size: 1.25rem; } } .c-pagetop::before { content: ""; width: 1.56rem; height: 1.56rem; background: url("../images/common/ico_arrow_top_01.png") no-repeat center center/contain; } @media screen and (min-width: 768px) { .c-pagetop::before { width: 2.19rem; height: 2.19rem; } } /* ========================================================================== // // ページネーション // ========================================================================== */ .c-pagination .nav-links { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 0.63rem; font-size: 1.25rem; } @media screen and (min-width: 768px) { .c-pagination .nav-links { font-size: 1.5rem; } } .c-pagination a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .c-pagination .page-numbers { width: 2.5rem; height: 2.5rem; } .c-pagination .page-numbers.current { margin-top: 0.13rem; font-family: "FOT-筑紫A丸ゴシック Std B"; color: #00a63c; background-color: transparent; } @media screen and (min-width: 768px) { .c-pagination .page-numbers.current { margin-top: 0.06rem; } } /* ========================================================================== // // タイトル // ========================================================================== */ .c-title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 0.63rem; font-family: "FOT-クレー Pro M"; font-size: 1.5rem; letter-spacing: 0; line-height: 1.5; } @media screen and (min-width: 768px) { .c-title { font-size: 1.88rem; letter-spacing: 0.1em; } } .c-title--page { gap: 0.94rem; line-height: 1.3; } @media screen and (min-width: 768px) { .c-title--page { gap: 1.25rem; font-size: 2.13rem; } } .c-title::before { content: ""; width: 0.38rem; height: 2.81rem; background-color: #bfe369; } @media screen and (min-width: 768px) { .c-title::before { width: 0.31rem; height: 2.38rem; } } .c-title--long::before { content: ""; height: 4.88rem; } .c-title--green::before { background-color: #00a63c; } .c-title--page::before { width: 0.24rem; height: 1.65rem; } @media screen and (min-width: 768px) { .c-title--page::before { width: 0.35rem; height: 2.38rem; } } .c-title--page02 { font-family: "FOT-クレー Pro DB"; font-size: 1.63rem; line-height: 1.2307692308; letter-spacing: 0.075em; } @media screen and (min-width: 768px) { .c-title--page02 { gap: 1.06rem; font-size: 2.13rem; letter-spacing: 0.1em; } } .c-title--page02::before { width: 0.38rem; height: 2.06rem; } @media screen and (min-width: 768px) { .c-title--page02::before { width: 0.35rem; height: 2.38rem; } } .c-title--page-sub { letter-spacing: 0.075em; } @media screen and (min-width: 768px) { .c-title--page-sub { letter-spacing: 0.1em; } } .c-title--page-sub::before { height: 2.06rem; } @media screen and (min-width: 768px) { .c-title--page-sub::before { width: 0.31rem; height: 2.38rem; } } /* ========================================================================== // // お車で来院される方へ // ========================================================================== */ .p-access-car__item-title { margin-block: 1.88rem 0.63rem; } @media screen and (min-width: 768px) { .p-access-car__item-title { margin-block: 3.44rem 1.25rem; } } .p-access-car__text { font-size: 1rem; line-height: 1.7; } @media screen and (min-width: 768px) { .p-access-car__text { font-size: 1.13rem; line-height: 1.5555555556; letter-spacing: 0.025em; } } .p-access-car__link .c-page-link-list__item .c-btn06 { color: #333; background-color: rgba(204, 223, 128, .5); } @media screen and (min-width: 768px) { .p-access-car__link .c-page-link-list__item .c-btn06 { border: 1px solid rgba(204, 223, 128, .5); } } @media screen and (min-width: 768px) { .p-access-car__link .c-page-link-list__item .c-btn06:hover { background-color: #fff; } } .p-access-car__item-wrapper { margin-top: 1.25rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 1.25rem; } @media screen and (min-width: 768px) { .p-access-car__item-wrapper { margin-top: 3.13rem; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } } @media screen and (min-width: 768px) { .p-access-car__item-wrapper-content { width: 50%; } } .p-access-car__item-wrapper-content-title { margin-bottom: 0.63rem; font-size: 1rem; line-height: 1.7; } @media screen and (min-width: 768px) { .p-access-car__item-wrapper-content-title { margin-bottom: 1.25rem; font-size: 1.13rem; line-height: 1.5555555556; letter-spacing: 0.025em; } } .p-access-car__item-wrapper-content-title a { text-decoration: underline; } .p-access-car__item-wrapper-content-text { font-size: 1rem; line-height: 1.7; } @media screen and (min-width: 768px) { .p-access-car__item-wrapper-content-text { font-size: 1.13rem; line-height: 1.5555555556; letter-spacing: 0.025em; } } .p-access-car__item-wrapper-content-list { margin-top: 0.63rem; padding-left: 0.31rem; display: grid; gap: 0.63rem; } @media screen and (min-width: 768px) { .p-access-car__item-wrapper-content-list { margin-top: 1.25rem; padding-left: 0.94rem; } } .p-access-car__item-wrapper-content-list-item { font-size: 1rem; line-height: 1.7; } @media screen and (min-width: 768px) { .p-access-car__item-wrapper-content-list-item { font-size: 1.13rem; line-height: 1.5555555556; letter-spacing: 0.025em; } } .p-access-car__item-wrapper-image { width: 100%; } @media screen and (min-width: 768px) { .p-access-car__item-wrapper-image { width: 45%; } } .p-access-car__item-wrapper-image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; aspect-ratio: 503/420; } /* ========================================================================== // // 地図 // ========================================================================== */ .p-access-map__text { margin-top: 1.88rem; font-size: 1rem; line-height: 1.7; } @media screen and (min-width: 768px) { .p-access-map__text { margin-top: 3.44rem; font-size: 1.13rem; line-height: 1.5555555556; letter-spacing: 0.025em; } } .p-access-map__text + p { margin-top: 0; } .p-access-map__zoom-wrap { margin-top: 2.5rem; } @media screen and (min-width: 768px) { .p-access-map__zoom-wrap { height: 31.25rem; } } .zoom-wrap { position: relative; overflow: hidden; } .p-access-map__zoom-controls.zoom-controls { position: absolute; top: 0.63rem; left: 0.63rem; z-index: 10; } .p-access-map__zoom-controls.zoom-controls button { font-size: 1.88rem; color: #333; background-color: #f4f8e9; border: 1px solid #333; } .p-access-map__image { width: 100%; } @media screen and (min-width: 768px) { .p-access-map__image { height: 100%; } } .p-access-map__image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; aspect-ratio: 320/400; } @media screen and (min-width: 768px) { .p-access-map__image img { -o-object-fit: contain; object-fit: contain; } } .p-access-map__google { margin-top: 1.25rem; width: 100%; } @media screen and (min-width: 768px) { .p-access-map__google { margin-top: 3.75rem; } } .p-access-map__google iframe { aspect-ratio: 320/400; } @media screen and (min-width: 768px) { .p-access-map__google iframe { aspect-ratio: 1070/400; } } /* ========================================================================== // // 電車で来院される方へ // ========================================================================== */ .p-access-train__link .c-page-link-list__item .c-btn06 { color: #333; background-color: rgba(204, 223, 128, .5); } @media screen and (min-width: 768px) { .p-access-train__link .c-page-link-list__item .c-btn06 { border: 1px solid rgba(204, 223, 128, .5); } } @media screen and (min-width: 768px) { .p-access-train__link .c-page-link-list__item .c-btn06:hover { background-color: #fff; } } .p-access-train__item-title { margin-top: 1.88rem; } @media screen and (min-width: 768px) { .p-access-train__item-title { margin-top: 3.44rem; } } .p-access-train__item-wrapper { margin-top: 1.25rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 1.25rem; } @media screen and (min-width: 768px) { .p-access-train__item-wrapper { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } } @media screen and (min-width: 768px) { .p-access-train__item-wrapper + div { margin-top: 1.88rem; } } @media screen and (min-width: 768px) { .p-access-train__item-wrapper-content { width: 50%; } } .p-access-train__item-wrapper-content-title { margin-bottom: 0.63rem; font-family: "FOT-筑紫A丸ゴシック Std B"; font-size: 1.19rem; line-height: 1.7; color: #00a63c; } @media screen and (min-width: 768px) { .p-access-train__item-wrapper-content-title { margin-bottom: 1.25rem; font-size: 1.31rem; line-height: 1.5555555556; letter-spacing: 0.025em; } } .p-access-train__item-wrapper-content-text { font-size: 1rem; line-height: 1.7; } @media screen and (min-width: 768px) { .p-access-train__item-wrapper-content-text { font-size: 1.13rem; line-height: 1.5555555556; letter-spacing: 0.025em; } } .p-access-train__item-wrapper-content-text + p { margin-top: 0.63rem; } .p-access-train__item:nth-child(2) .p-access-train__item-wrapper-content-text { text-indent: -1em; padding-left: 1em; } .p-access-train__item-wrapper-content-sub-text { font-size: 0.88rem; line-height: 1.7; } @media screen and (min-width: 768px) { .p-access-train__item-wrapper-content-sub-text { padding-top: 1.88rem; font-size: 1rem; line-height: 1.5; letter-spacing: 0.025em; } } .p-access-train__item-wrapper-content-sub-text a { text-decoration: underline; } .p-access-train__item-wrapper-image { width: 100%; } @media screen and (min-width: 768px) { .p-access-train__item-wrapper-image { width: 45%; } } .p-access-train__item-wrapper-image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; aspect-ratio: 2363/1576; } .p-access-train__item:nth-child(2) .p-access-train__item-wrapper-image img { aspect-ratio: 480/360; } /* アクセスタブ ---------------------------------------------------------- */ .p-access-train__tab { margin-block: 1.25rem 0.63rem; } @media screen and (min-width: 768px) { .p-access-train__tab { margin-block: 2.5rem 1.25rem; } } .p-access-train__tab-menu { display: grid; grid-template-columns: repeat(2, 1fr); } .p-access-train__tab-menu-item { padding: 0.19rem 0.31rem; font-size: 0.75rem; line-height: 1.7; background-color: #fff; border: 1px solid #333; border-radius: 0.31rem; -webkit-transition: all 0.3s; transition: all 0.3s; } @media screen and (min-width: 768px) { .p-access-train__tab-menu-item { padding: 0.94rem 0.63rem; font-size: 1.13rem; line-height: 1.5555555556; letter-spacing: 0.025em; text-align: center; border-radius: 0.63rem; cursor: pointer; } } .p-access-train__tab-menu-item.active { color: #fff; background: #00a63c; } .p-access-train__tab-content { padding: 0.63rem 1.25rem; display: none; background-color: #fff; border: 1px solid #00a63c; border-radius: 0.31rem; } @media screen and (min-width: 768px) { .p-access-train__tab-content { padding: 1.25rem 1.88rem; border-radius: 0.63rem; } } .p-access-train__tab-content-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 0.63rem; } @media screen and (min-width: 768px) { .p-access-train__tab-content-wrapper { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } } .p-access-train__tab-content.active { display: block; } @media screen and (min-width: 768px) { .p-access-train__tab-content-item { width: 47%; } } .p-access-train__tab-content-item-title { font-family: "FOT-筑紫A丸ゴシック Std B"; font-size: 1rem; line-height: 1.7; } @media screen and (min-width: 768px) { .p-access-train__tab-content-item-title { font-size: 1.13rem; line-height: 1.5555555556; letter-spacing: 0.025em; } } .p-access-train__tab-content-item-image-list { margin-top: 0.63rem; } @media screen and (min-width: 768px) { .p-access-train__tab-content-item-image-list { margin-top: 1.25rem; } } .p-access-train__tab-content-item-image { width: 100%; } .p-access-train__tab-content-item-image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; aspect-ratio: 480/360; } .p-access-train__tab-content-item-image + div img { aspect-ratio: 480/347; } .p-access-train__tab-content-item-table { margin-top: 0.63rem; } @media screen and (min-width: 768px) { .p-access-train__tab-content-item-table { margin-top: 1.25rem; } } .p-access-train__tab-content-item-table table { width: 100%; border-collapse: collapse; border-right: 1px solid #333; border-bottom: 1px solid #333; } .p-access-train__tab-content-item-table table tbody { -webkit-text-size-adjust: 100%; } .p-access-train__tab-content-item-table table thead th { padding: 0.31rem; font-family: "FOT-筑紫A丸ゴシック Std B"; font-size: 0.88rem; line-height: 1.7; } @media screen and (min-width: 768px) { .p-access-train__tab-content-item-table table thead th { font-size: 1.13rem; line-height: 1.5555555556; letter-spacing: 0.025em; } } .p-access-train__tab-content-item-table table thead th span { display: block; font-family: "FOT-筑紫A丸ゴシック Std R"; } .p-access-train__tab-content-item-table table thead th { text-align: center; vertical-align: middle; border-bottom: 1px solid #333; } .p-access-train__tab-content-item-table table thead th:not(:first-child) { border-top: 1px solid #333; border-left: 1px solid #333; } .p-access-train__tab-content-item-table table tbody th { border-right: 1px solid #333; border-left: 1px solid #333; } .p-access-train__tab-content-item-table table tbody tr td:nth-child(3) { border-right: 1px solid #333; } .p-access-train__tab-content-item-table table tbody tr { background-color: #fff; } .p-access-train__tab-content-item-table table tbody tr:nth-child(odd) { background-color: #f4f8e9; } .p-access-train__tab-content-item-table table tbody th, .p-access-train__tab-content-item-table table tbody td { padding: 0.19rem; font-family: "FOT-筑紫A丸ゴシック Std B"; font-size: 0.88rem; line-height: 1.7; text-align: center; vertical-align: middle; } @media screen and (min-width: 768px) { .p-access-train__tab-content-item-table table tbody th, .p-access-train__tab-content-item-table table tbody td { font-size: 1.13rem; line-height: 1.5555555556; letter-spacing: 0.025em; } } /* アクセスタブ ここまで ---------------------------------------------------------- */ .p-access-train__item-text { font-size: 1rem; line-height: 1.7; } @media screen and (min-width: 768px) { .p-access-train__item-text { font-size: 1.13rem; line-height: 1.5555555556; letter-spacing: 0.025em; } } .p-access-train__item-image-wrapper { margin-top: 0.63rem; overflow-x: auto; } @media screen and (min-width: 768px) { .p-access-train__item-image-wrapper { margin-top: 1.25rem; } } .p-access-train__item-image { width: 51.56rem; } @media screen and (min-width: 768px) { .p-access-train__item-image { width: 100%; } } .p-access-train__item-image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; aspect-ratio: 550/200; } /* ========================================================================== // // 理念と歩み // ========================================================================== */ .p-annai-about__wrapper { padding-block: 1.88rem; position: relative; } @media screen and (min-width: 768px) { .p-annai-about__wrapper { padding-block: 3.13rem 3.75rem; } } .p-annai-about__wrapper::before { content: ""; width: 18.09rem; height: 16.96rem; display: block; position: absolute; top: 3.75rem; left: 50%; -webkit-transform: translate(-50%, 1.88rem); transform: translate(-50%, 1.88rem); background: url("../images/annai/bg_annai_about_01.png") no-repeat center center/contain; opacity: 0; -webkit-transition: all 1.5s; transition: all 1.5s; } @media screen and (min-width: 768px) { .p-annai-about__wrapper::before { width: 34.08rem; height: 31.96rem; top: -2.19rem; } } .p-annai-about__wrapper.scrollin::before { opacity: 1; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); } .p-annai-about__wrapper .p-annai-about__content { -webkit-transition: all 1.5s ease 0.5s; transition: all 1.5s ease 0.5s; } .p-annai-about__catch { font-family: "FOT-クレー Pro DB"; font-size: 1.38rem; line-height: 1.7272727273; color: #00a63c; text-shadow: 5px 5px 5px rgba(68, 68, 68, .2); } @media screen and (min-width: 768px) { .p-annai-about__catch { font-size: 2.38rem; text-align: center; } } .p-annai-about__text { margin-top: 1.56rem; font-size: 1.12rem; line-height: 1.6; letter-spacing: 0.01rem; } @media screen and (min-width: 768px) { .p-annai-about__text { margin-top: 0.63rem; line-height: 2; letter-spacing: 0.025em; text-align: center; } } .p-annai-about__text + p { margin-top: 1em; } @media screen and (min-width: 768px) { .p-annai-about__text + p { margin: 0; margin: initial; } } .p-annai-about__list { display: grid; gap: 1.88rem; position: relative; } @media screen and (min-width: 768px) { .p-annai-about__list { grid-template-columns: repeat(3, 1fr); gap: 3.13rem; } } /* ========================================================================== // // 基本姿勢と取り組み // ========================================================================== */ @media screen and (min-width: 768px) { .p-annai-attempt__title { font-size: 1.88rem; } } .p-annai-attempt__title::before { width: 0.2rem; height: 3.12rem; } @media screen and (min-width: 768px) { .p-annai-attempt__title::before { width: 0.35rem; height: 2.38rem; } } .p-annai-attempt__text { margin-top: 2.06rem; font-size: 1.13rem; line-height: 1.5555555556; letter-spacing: 0.025em; } @media screen and (min-width: 768px) { .p-annai-attempt__text { margin-top: 1.88rem; padding-inline: 2.19rem; line-height: 1.6666666667; } } .p-annai-attempt__list { margin-top: 1.88rem; display: grid; gap: 0.94rem; } @media screen and (min-width: 768px) { .p-annai-attempt__list { margin-top: 2.81rem; grid-template-columns: repeat(3, 1fr); gap: 1.88rem 2.5rem; } } .p-annai-attempt__item { width: 100%; } /* ========================================================================== // // よくあるご質問(聖ヶ丘病院について) // ========================================================================== */ @media screen and (min-width: 768px) { .p-annai-faq__title { font-size: 1.88rem; } } .p-annai-faq__title::before { width: 0.2rem; height: 3.12rem; } @media screen and (min-width: 768px) { .p-annai-faq__title::before { width: 0.35rem; height: 2.38rem; } } .p-annai-faq__content { margin-top: 1.56rem; } @media screen and (min-width: 768px) { .p-annai-faq__content { margin-top: 2rem; padding-inline: 3.13rem; } } .p-annai-faq__btn { margin-top: 1.25rem; margin-right: -0.31rem; margin-left: auto; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } @media screen and (min-width: 768px) { .p-annai-faq__btn { margin-top: 2.81rem; } } .p-annai-faq__btn .c-btn02 { padding-block: 0.81rem; font-size: 1rem; } .p-annai-faq__btn .c-btn02::before { width: 96%; } /* ========================================================================== // // 施設のご案内 // ========================================================================== */ .p-annai-introduction { position: relative; } .p-annai-introduction::before { content: ""; margin: 0 calc(50% - 50vw); width: 100vw; height: 112.2666666667vw; display: block; background: url("../images/annai/bg_annai_introduction_01_sp.jpg") no-repeat center center/cover; position: absolute; top: -2.5rem; left: -0.06rem; z-index: -1; } @media screen and (min-width: 768px) { .p-annai-introduction::before { width: 48.1770833333vw; height: 38.44rem; background: url("../images/annai/bg_annai_introduction_01_pc.jpg") no-repeat center right/cover; } } .p-annai-introduction__title { -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: end; gap: unset; position: relative; } .p-annai-introduction__title::before { position: absolute; top: 50%; right: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .p-annai-introduction__title span { font-size: 1.06rem; letter-spacing: -0.05em; } @media screen and (min-width: 768px) { .p-annai-introduction__title span { font-size: 2.13rem; letter-spacing: 0.1em; } } .p-annai-introduction__content { padding-block: 1.88rem 2.19rem; } @media screen and (min-width: 768px) { .p-annai-introduction__content { padding: 2.81rem 1.56rem 3.44rem; } } .p-annai-introduction__catch { padding-right: 0.44rem; font-family: "FOT-クレー Pro DB"; font-size: 1.38rem; line-height: 1.7272727273; text-align: right; color: #00a63c; text-shadow: 3px 3px 1px rgba(255, 255, 255, .5); } @media screen and (min-width: 768px) { .p-annai-introduction__catch { padding: 0; padding: initial; font-size: 2.38rem; text-shadow: unset; } } .p-annai-introduction__text { margin-top: 1.63rem; font-size: 1.13rem; line-height: 1.5555555556; letter-spacing: 0.025em; } @media screen and (min-width: 768px) { .p-annai-introduction__text { margin-top: 1.06rem; line-height: 2; letter-spacing: 0.05em; text-align: right; } } .p-annai-introduction__list { display: grid; gap: 1.38rem; position: relative; } @media screen and (min-width: 768px) { .p-annai-introduction__list { grid-template-columns: repeat(3, 1fr); gap: 3.13rem; } } /* ========================================================================== // // 医療体制 // ========================================================================== */ .p-annai-staff { position: relative; } .p-annai-staff::before { content: ""; margin: 0 calc(50% - 50vw); width: 100vw; height: 105.8666666667vw; display: block; background: url("../images/annai/bg_annai_staff_01_sp.jpg") no-repeat center center/cover; position: absolute; top: -2.5rem; left: 0; z-index: -1; } @media screen and (min-width: 768px) { .p-annai-staff::before { width: 48.125vw; height: 38.44rem; right: 0; left: auto; background: url("../images/annai/bg_annai_staff_01_pc.jpg") no-repeat center left/cover; } } .p-annai-staff__content { padding-block: 1.81rem 2.19rem; } @media screen and (min-width: 768px) { .p-annai-staff__content { padding: 3.13rem 1.56rem 3.44rem; } } .p-annai-staff__catch { font-family: "FOT-クレー Pro DB"; font-size: 1.38rem; line-height: 1.7272727273; color: #00a63c; text-shadow: 3px 3px 1px rgba(255, 255, 255, .5); } @media screen and (min-width: 768px) { .p-annai-staff__catch { font-size: 2.38rem; text-shadow: unset; } } .p-annai-staff__text { margin-top: 1.44rem; font-size: 1.13rem; line-height: 1.5555555556; letter-spacing: 0.025em; } @media screen and (min-width: 768px) { .p-annai-staff__text { margin-top: 0.94rem; padding-inline: 0.31rem; line-height: 2; letter-spacing: 0.05em; } } .p-annai-staff__list { display: grid; gap: 1.38rem; position: relative; } @media screen and (min-width: 768px) { .p-annai-staff__list { grid-template-columns: repeat(3, 1fr); gap: 3.13rem; } } /* ========================================================================== // // 人間ドックコース // ========================================================================== */ .p-course-dock__text { margin-top: 1.25rem; font-size: 1.13rem; line-height: 1.5555555556; letter-spacing: 0.025em; } @media screen and (min-width: 768px) { .p-course-dock__text { margin-top: 3.56rem; margin-left: 0.88rem; } } .p-course-dock__text span { font-family: "FOT-筑紫A丸ゴシック Std B"; } .p-course-dock__wrapper { margin-top: 1.56rem; } .p-course-dock__content { padding: 2rem 0.94rem; background-color: #f4f8e9; } @media screen and (min-width: 768px) { .p-course-dock__content { padding: 2rem 1.88rem; } } .p-course-dock__content-image { margin: 0.63rem auto; width: 2.81rem; } .p-course-dock__content-image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; aspect-ratio: 1/1; } .p-course-dock__content-title { font-family: "FOT-クレー Pro DB"; font-size: 1.88rem; letter-spacing: 0.05em; text-align: center; color: #00a63c; } .p-course-dock__content-text { margin-top: 1.38rem; font-size: 1.13rem; line-height: 1.75; text-align: center; } .p-course-dock__content-text a { display: block; font-family: "FOT-筑紫A丸ゴシック Std B"; font-size: 1rem; line-height: 1.75; text-decoration: underline; color: #00a63c; } .p-course-dock__content-text span { display: block; font-size: 1rem; line-height: 1.75; } .p-course-dock__content-list-wrapper { margin-top: 1.56rem; overflow-x: auto; } @media screen and (min-width: 768px) { .p-course-dock__content-list-wrapper { overflow-x: visible; } } .p-course-dock__content-list { padding: 0 0.63rem 0.63rem; min-width: 61.25rem; display: grid; gap: 0.94rem; } @media screen and (min-width: 768px) { .p-course-dock__content-list { padding: 0; padding: initial; gap: 1.31rem; } } .p-course-dock__content-item { display: grid; grid-template-columns: 16.25rem 1fr; background-color: #fff; border-radius: 0.94rem; -webkit-box-shadow: 0.13rem 0.13rem 0.13rem rgba(0, 0, 0, .3); box-shadow: 0.13rem 0.13rem 0.13rem rgba(0, 0, 0, .3); } @media screen and (min-width: 768px) { .p-course-dock__content-item { grid-template-columns: 19.88rem 1fr; -webkit-box-shadow: 0.18rem 0.18rem 0.18rem rgba(0, 0, 0, .3); box-shadow: 0.18rem 0.18rem 0.18rem rgba(0, 0, 0, .3); } } .p-course-dock__content-item-head { padding: 0.63rem 0.94rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; background-color: rgba(0, 166, 60, .25); border-radius: 0.94rem 0 0 0.94rem; } @media screen and (min-width: 768px) { .p-course-dock__content-item-head { padding: 0.63rem 1.25rem; } } .p-course-dock__content-item-head-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .p-course-dock__content-item-title { font-family: "FOT-クレー Pro DB"; font-size: 2.63rem; letter-spacing: 0.05em; } @media screen and (min-width: 768px) { .p-course-dock__content-item-title { font-size: 3.13rem; } } .p-course-dock__content-item-title span { font-size: 1.25rem; } .p-course-dock__content-item-price { font-family: "FOT-クレー Pro DB"; font-size: 1.69rem; letter-spacing: 0.05em; } @media screen and (min-width: 768px) { .p-course-dock__content-item-price { font-size: 1.88rem; } } .p-course-dock__content-item-price span { font-size: 1.13rem; } .p-course-dock__content-item-head-content { padding: 0.19rem; background-color: #fff; } .p-course-dock__content-item-text { font-size: 1rem; line-height: 1.375; } .p-course-dock__content-item-body { padding: 1.38rem 0; border-radius: 0 0.94rem 0.94rem 0; } @media screen and (min-width: 768px) { .p-course-dock__content-item-body { padding: 0.81rem 0; } } .p-course-dock__content-body-list { display: -webkit-box; display: -ms-flexbox; display: flex; } .p-course-dock__content-body-item { padding-inline: 1.06rem 0.94rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative; } @media screen and (min-width: 768px) { .p-course-dock__content-body-item { padding-inline: 0.8854166667vw 1.3020833333vw; } } @media screen and (min-width: 1920px) { .p-course-dock__content-body-item { padding-inline: 1.06rem 1.56rem; } } .p-course-dock__content-body-item:nth-child(2)::before, .p-course-dock__content-body-item:nth-child(3)::before { content: ""; width: 0.06rem; height: 80%; display: block; position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); background-color: #808080; } @media screen and (min-width: 768px) { .p-course-dock__content-body-item:nth-child(2)::before, .p-course-dock__content-body-item:nth-child(3)::before { height: 100%; } } .p-course-dock__content-item:not(:first-child) .p-course-dock__content-body-item:last-child::before { content: ""; width: 1.75rem; height: 5.63rem; display: block; position: absolute; top: 50%; left: -0.81rem; -webkit-transform: translateY(-50%); transform: translateY(-50%); background: url("../images/common/ico_plus_02.png") no-repeat center center/contain; } @media screen and (min-width: 768px) { .p-course-dock__content-item:not(:first-child) .p-course-dock__content-body-item:last-child::before { width: 2rem; left: -1.19rem; } } .p-course-dock__content-body-item-text { font-size: 1rem; line-height: 1.5; letter-spacing: 0.025em; } .p-course-dock__content-body-item-text:not(.p-course-dock__content-body-item-text--green):not(.p-course-dock__content-body-item-text--pink) span { display: block; font-size: 0.88rem; } .p-course-dock__content-body-item-text--green { font-family: "FOT-筑紫A丸ゴシック Std B"; font-size: 1.13rem; line-height: 1.4444444444; letter-spacing: 0.025em; color: #00a63c; } .p-course-dock__content-body-item-text--green span { font-family: "FOT-筑紫A丸ゴシック Std R"; font-size: 1rem; } .p-course-dock__content-body-item-text--pink { font-family: "FOT-筑紫A丸ゴシック Std B"; font-size: 1.13rem; color: #c7859b; } .p-course-dock__content-body-item-text--pink span { font-family: "FOT-筑紫A丸ゴシック Std R"; font-size: 1rem; } .p-course-dock__content-body-item-text--pink span + span { display: block; font-size: 0.94rem; } /* Bコース ---------------------------------------------------------- */ .p-course-dock__content-item:nth-child(2) .p-course-dock__content-item-head { background-color: rgba(0, 166, 60, .5); } .p-course-dock__content-item:nth-child(2) .p-course-dock__content-body-item-text--green span { display: block; font-family: "FOT-筑紫A丸ゴシック Std B"; } /* Cコース ---------------------------------------------------------- */ .p-course-dock__content-item:nth-child(3) .p-course-dock__content-item-head { background-color: rgba(0, 166, 60, .75); } .p-course-dock__content-item:nth-child(3) .p-course-dock__content-item-head-wrapper { color: #fff; } .p-course-dock__content-item:nth-child(3) .p-course-dock__content-body-item-text--green span { display: block; font-size: 0.88rem; } .p-course-dock__content-item:nth-child(3) .p-course-dock__content-body-item-text--green span + span { font-size: 1rem; } /* Dコース ---------------------------------------------------------- */ .p-course-dock__content-item:nth-child(4) .p-course-dock__content-item-head { background-color: #00a63c; } .p-course-dock__content-item:nth-child(4) .p-course-dock__content-item-head-wrapper { color: #fff; } .p-course-dock__content-item:nth-child(4) .p-course-dock__content-item-head-content { margin-bottom: 1.25rem; } @media screen and (min-width: 768px) { .p-course-dock__content-item:nth-child(4) .p-course-dock__content-body-item:last-child { padding-inline: 0; } } .p-course-dock__content-item:nth-child(4) .p-course-dock__content-body-item-text--green span { padding-left: 0.63rem; display: block; font-size: 0.88rem; } .p-course-dock__content-item:nth-child(4) .p-course-dock__content-body-item:nth-child(2)::before, .p-course-dock__content-item:nth-child(4) .p-course-dock__content-body-item:nth-child(3)::before { height: 70%; } .p-course-dock__content-item:nth-child(4) .p-course-dock__content-body-item:last-child::before { height: 8.13rem; background: url("../images/common/ico_plus_03.png") no-repeat center center/contain; } @media screen and (min-width: 768px) { .p-course-dock__content-item:nth-child(4) .p-course-dock__content-body-item:last-child::before { left: -1.63rem; } } /* レディースコース ---------------------------------------------------------- */ .p-course-dock__content-item:nth-child(5) .p-course-dock__content-item-head { background-color: #d39fb0; } .p-course-dock__content-item:nth-child(5) .p-course-dock__content-item-head-wrapper { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; color: #fff; } .p-course-dock__content-item:nth-child(5) .p-course-dock__content-item-title { font-size: 1.25rem; } @media screen and (min-width: 768px) { .p-course-dock__content-item:nth-child(5) .p-course-dock__content-item-title { font-size: 1.63rem; } } .p-course-dock__content-item:nth-child(5) .p-course-dock__content-item-title span { display: block; text-align: right; } .p-course-dock__content-item:nth-child(5) .p-course-dock__content-body-item:last-child::before { background: url("../images/common/ico_plus_02_pink.png") no-repeat center center/contain; } /* 胃の検査メニュー ---------------------------------------------------------- */ .p-course-dock__content-list2 { margin-top: 1.06rem; display: grid; gap: 1.25rem; } @media screen and (min-width: 768px) { .p-course-dock__content-list2 { grid-template-columns: repeat(3, 1fr); gap: 0.63rem; } } .p-course-dock__content-item2-wrapper { background-color: #fff; border-radius: 0.94rem; -webkit-box-shadow: 0.13rem 0.13rem 0.13rem rgba(0, 0, 0, .3); box-shadow: 0.13rem 0.13rem 0.13rem rgba(0, 0, 0, .3); } @media screen and (min-width: 768px) { .p-course-dock__content-item2-wrapper { -webkit-box-shadow: 0.18rem 0.18rem 0.18rem rgba(0, 0, 0, .3); box-shadow: 0.18rem 0.18rem 0.18rem rgba(0, 0, 0, .3); } } .p-course-dock__content-item2-head { min-height: 5rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background-color: #ccdf80; border-radius: 0.94rem 0.94rem 0 0; } .p-course-dock__content-item2-title { font-family: "FOT-クレー Pro DB"; font-size: 1.31rem; line-height: 1.2380952381; letter-spacing: 0.05em; text-align: center; } .p-course-dock__content-item2-title span { display: block; font-size: 1.13rem; line-height: 1.4444444444; } .p-course-dock__content-item2-body { padding: 0.63rem; } .p-course-dock__content-item2-text { font-family: "FOT-クレー Pro DB"; font-size: 1.88rem; letter-spacing: 0.05em; text-align: center; } .p-course-dock__content-item2-text span { font-size: 1.13rem; } .p-course-dock__content-item2-sub-text { margin-top: 0.63rem; font-size: 0.94rem; line-height: 1.4; text-align: center; white-space: nowrap; } /* 気になる部位のオプション検査 ---------------------------------------------------------- */ .p-course-dock__content--option .p-course-dock__content-title { font-size: 1.75rem; } .p-course-dock__content--option .p-course-dock__content-title a { margin-top: 0.63rem; margin-inline: auto; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; padding: 0; padding: initial; display: block; font-family: "FOT-筑紫A丸ゴシック Std B"; font-size: 1.13rem; } @media screen and (min-width: 768px) { .p-course-dock__content--option .p-course-dock__content-title a { margin: 0; margin: initial; display: inline; } } .p-course-dock__content--option .p-course-dock__content-title a::before { width: 100%; } /* ボタン ---------------------------------------------------------- */ .p-course-dock__btn { margin: 1.25rem auto 0; width: 19rem; } @media screen and (min-width: 768px) { .p-course-dock__btn { margin-top: 3.25rem; width: 26.19rem; } } .p-course-dock__btn .c-btn07 { border-radius: 1.88rem; } @media screen and (min-width: 768px) { .p-course-dock__btn .c-btn07 { padding: 1rem 1.38rem; border-radius: 1.69rem; } } /* ========================================================================== // // 企業健診・健保補助健診 // ========================================================================== */ .p-course-enterprise__catch { margin-top: 1.88rem; font-family: "FOT-クレー Pro DB"; font-size: 1.63rem; line-height: 1.3333333333; letter-spacing: 0.025em; color: #00a63c; } @media screen and (min-width: 768px) { .p-course-enterprise__catch { margin-top: 3.31rem; font-size: 1.88rem; } } .p-course-enterprise__text { margin-top: 0.81rem; font-size: 1.13rem; line-height: 1.6666666667; letter-spacing: 0.025em; } .p-course-enterprise__list { margin-top: 1.75rem; display: grid; gap: 1.25rem; } @media screen and (min-width: 768px) { .p-course-enterprise__list { grid-template-columns: repeat(2, 1fr); } } .p-course-enterprise__item { padding: 1.25rem 0.94rem 1.88rem; border: 1px solid #ccdf80; } @media screen and (min-width: 768px) { .p-course-enterprise__item { padding: 1.25rem 1.56rem 2.5rem; } } .p-course-enterprise__item-title { font-family: "FOT-筑紫A丸ゴシック Std B"; font-size: 1.25rem; line-height: 1.7; letter-spacing: 0.025em; text-align: center; color: #00a63c; } @media screen and (min-width: 768px) { .p-course-enterprise__item-title { font-size: 1.31rem; line-height: 1.7142857143; } } .p-course-enterprise__item-text { margin-top: 0.63rem; font-size: 1.13rem; line-height: 1.6111111111; letter-spacing: 0.025em; } @media screen and (min-width: 768px) { .p-course-enterprise__item-text { margin-top: 1.25rem; } } /* お問い合わせ・ご予約 ---------------------------------------------------------- */ .p-course-enterprise__wrapper { margin-top: 1.25rem; padding-block: 0.5rem 0.31rem; background-color: #f4f8e9; } @media screen and (min-width: 768px) { .p-course-enterprise__wrapper { margin-top: 1.5rem; padding-block: 0.81rem; } } .p-course-enterprise__wrapper-title { margin: 0 auto; padding: 0.94rem 0; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; font-family: "FOT-クレー Pro DB"; font-size: 1.25rem; line-height: 1.2; letter-spacing: 0.05em; text-align: center; color: #00a63c; border-bottom: 1px solid #ccdf80; } @media screen and (min-width: 768px) { .p-course-enterprise__wrapper-title { padding: 1.25rem 0; font-size: 1.75rem; line-height: 1; letter-spacing: 0.025em; } } .p-course-enterprise__dllist2 { margin-block: 0.94rem 1.5rem; margin-inline: auto; width: 90%; border: 1px solid #ccdf80; } @media screen and (min-width: 768px) { .p-course-enterprise__dllist2 { margin-block: 1.56rem 0.94rem; width: 35rem; } } .p-course-enterprise__dlitem2 dt { padding: 0.75rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 0.63rem; font-family: "FOT-筑紫A丸ゴシック Std B"; font-size: 1.5rem; letter-spacing: 0.025em; color: #00a63c; background-color: #ccdf80; } @media screen and (min-width: 768px) { .p-course-enterprise__dlitem2 dt { padding: 0.88rem; font-size: 1.89rem; } } .p-course-enterprise__dlitem2 dt::before { content: ""; margin-top: 0.25rem; width: 1.13rem; height: 1.13rem; -ms-flex-negative: 0; flex-shrink: 0; background: url("../images/common/ico_tel_02.png") no-repeat center center/contain; } @media screen and (min-width: 768px) { .p-course-enterprise__dlitem2 dt::before { width: 1.56rem; height: 1.56rem; } } .p-course-enterprise__dlitem2 dd { padding: 0.94rem 1.25rem; font-size: 0.94rem; letter-spacing: 0.025em; text-align: center; background-color: #fff; } @media screen and (min-width: 768px) { .p-course-enterprise__dlitem2 dd { padding: 0.88rem; font-size: 1.13rem; } } .p-course-enterprise__dlitem2 dd span { margin: 0 auto 0.81rem; padding: 0.31rem 1.56rem; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; display: block; background-color: #f4f8e9; border-radius: 0.91rem; } @media screen and (min-width: 768px) { .p-course-enterprise__dlitem2 dd span { margin-bottom: 0; margin-right: 0.5rem; padding: 0.25rem 0.94rem; display: inline-block; } } /* ========================================================================== // // 健康診断コース（生活習慣病） // ========================================================================== */ .p-course-health__wrapper { margin-top: 1.88rem; } @media screen and (min-width: 768px) { .p-course-health__wrapper { margin-top: 3.56rem; } } .p-course-health__content { padding: 2rem 0.94rem; background-color: #f4f8e9; } @media screen and (min-width: 768px) { .p-course-health__content { padding: 1.69rem 1.88rem; } } .p-course-health__content-wrapper { overflow-x: auto; } @media screen and (min-width: 768px) { .p-course-health__content-wrapper { overflow-x: visible; } } .p-course-health__content-wrapper-inner { padding: 0 0.63rem 0.63rem; min-width: 37.5rem; } @media screen and (min-width: 768px) { .p-course-health__content-wrapper-inner { padding: 0; padding: initial; min-width: 56.25rem; } } .p-course-health__content-item { display: grid; grid-template-columns: 16.25rem 1fr; background-color: #fff; border-radius: 0.94rem; -webkit-box-shadow: 0.13rem 0.13rem 0.13rem rgba(0, 0, 0, .3); box-shadow: 0.13rem 0.13rem 0.13rem rgba(0, 0, 0, .3); } @media screen and (min-width: 768px) { .p-course-health__content-item { grid-template-columns: 19.88rem 1fr; -webkit-box-shadow: 0.29rem 0.29rem 0.29rem rgba(0, 0, 0, .3); box-shadow: 0.29rem 0.29rem 0.29rem rgba(0, 0, 0, .3); } } .p-course-health__content-item-head { padding: 1.69rem 0.94rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; background-color: rgba(0, 166, 60, .25); border-radius: 0.94rem 0 0 0.94rem; } @media screen and (min-width: 768px) { .p-course-health__content-item-head { padding: 1.69rem 1.25rem; } } .p-course-health__content-item-title { font-family: "FOT-クレー Pro DB"; font-size: 1.75rem; line-height: 1.2857142857; letter-spacing: 0.05em; } .p-course-health__content-item-texts { margin-top: 1.25rem; padding: 0.44rem 0.63rem; background-color: #fff; } .p-course-health__content-item-text { font-size: 1rem; line-height: 1.375; } .p-course-health__content-item-text span { margin-top: 0.31rem; display: block; font-family: "FOT-筑紫A丸ゴシック Std B"; color: #00a63c; } .p-course-health__content-item-head-content { text-align: right; } .p-course-health__content-item-price { font-family: "FOT-クレー Pro DB"; font-size: 1.88rem; letter-spacing: 0.05em; } .p-course-health__content-item-price span { font-size: 1.19rem; } .p-course-health__content-item-time { margin-top: 0.63rem; font-size: 1.13rem; letter-spacing: 0.05em; } .p-course-health__content-item-body { padding: 1.25rem 0.94rem; border-radius: 0 0.94rem 0.94rem 0; } @media screen and (min-width: 768px) { .p-course-health__content-item-body { padding: 1.56rem 1.38rem; } } .p-course-health__content-item-body-list { display: grid; gap: 0.94rem; } @media screen and (min-width: 768px) { .p-course-health__content-item-body-list { gap: 1.25rem; } } .p-course-health__content-item-body-title { font-family: "FOT-筑紫A丸ゴシック Std B"; font-size: 1.13rem; line-height: 1.5555555556; letter-spacing: 0.05em; color: #00a63c; text-indent: -1.5em; padding-left: 1.5em; } .p-course-health__content-item-body-text { padding-left: 1.56rem; font-size: 1rem; line-height: 1.75; letter-spacing: 0.05em; } @media screen and (min-width: 768px) { .p-course-health__content-item-body-text { padding-left: 3.13rem; } } @media screen and (min-width: 768px) { .p-course-health__content-item-link { text-align: right; } } .p-course-health__content-item-link a { padding-block: 0.88rem 0; display: inline-block; font-family: "FOT-筑紫A丸ゴシック Std B"; font-size: 1.13rem; line-height: 1.75; color: #00a63c; text-decoration: underline; } .p-course-health__content-image { margin: 0.63rem auto; width: 2.81rem; } .p-course-health__content-image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; aspect-ratio: 1/1; } .p-course-health__content-title { font-family: "FOT-クレー Pro DB"; font-size: 1.88rem; letter-spacing: 0.05em; text-align: center; color: #00a63c; } /* 気になる部位のオプション検査 ---------------------------------------------------------- */ .p-course-health__content--option .p-course-health__content-title { font-size: 1.75rem; } .p-course-health__content--option .p-course-health__content-title a { margin-top: 0.63rem; margin-inline: auto; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; padding: 0; padding: initial; display: block; font-family: "FOT-筑紫A丸ゴシック Std B"; font-size: 1.13rem; } @media screen and (min-width: 768px) { .p-course-health__content--option .p-course-health__content-title a { margin: 0; margin: initial; display: inline; } } .p-course-health__content--option .p-course-health__content-title a::before { width: 100%; } /* ボタン ---------------------------------------------------------- */ .p-course-health__btn { margin: 1.25rem auto 0; width: 19rem; } @media screen and (min-width: 768px) { .p-course-health__btn { margin-top: 3.25rem; width: 28.44rem; } } .p-course-health__btn .c-btn07 { padding-inline: 1.56rem 1.38rem; border-radius: 1.88rem; } @media screen and (min-width: 768px) { .p-course-health__btn .c-btn07 { padding: 1rem 1.38rem; border-radius: 1.69rem; } } /* ========================================================================== // // 単独検査コース // ========================================================================== */ .p-course-single__text { margin-top: 1.88rem; font-size: 1.13rem; line-height: 1.5555555556; letter-spacing: 0.025em; } @media screen and (min-width: 768px) { .p-course-single__text { margin-top: 3.38rem; margin-left: 1.44rem; } } .p-course-single__text--green { margin-top: 0; font-size: 1.13rem; line-height: 1.5555555556; letter-spacing: 0.025em; color: #00a63c; } .p-course-single__text--green span { font-family: "FOT-筑紫A丸ゴシック Std B"; } .p-course-single__attention { margin-top: 0.88rem; padding: 0.63rem 1.25rem; background-color: #fff; border: 1px solid #00a63c; border-radius: 0.96rem; } @media screen and (min-width: 768px) { .p-course-single__attention { margin-left: 1.44rem; } } .p-course-single__attention-title { font-family: "FOT-筑紫A丸ゴシック Std B"; font-size: 1.25rem; line-height: 1.5; letter-spacing: 0.025em; color: #00a63c; } .p-course-single__attention-text { margin-top: 0.63rem; font-size: 1.13rem; line-height: 1.6666666667; letter-spacing: 0.025em; color: #00a63c; } @media screen and (min-width: 768px) { .p-course-single__attention-text { margin: 0; margin: initial; } } .p-course-single__attention-text span { font-family: "FOT-筑紫A丸ゴシック Std B"; } .p-course-single__wrapper { margin-top: 2.5rem; } .p-course-single__content { padding: 2rem 0.94rem; background-color: #f4f8e9; } @media screen and (min-width: 768px) { .p-course-single__content { padding: 2rem 1.88rem; } } .p-course-single__content + .p-course-single__content { margin-top: 1.38rem; } .p-course-single__content-title { font-family: "FOT-クレー Pro DB"; font-size: 1.88rem; letter-spacing: 0.05em; text-align: center; color: #00a63c; } .p-course-single__content-list-wrapper { margin-top: 2.19rem; overflow-x: auto; } @media screen and (min-width: 768px) { .p-course-single__content-list-wrapper { overflow-x: visible; } } .p-course-single__content-list { padding: 0 0.63rem 0.63rem; min-width: 37.5rem; display: grid; gap: 1.38rem; } @media screen and (min-width: 768px) { .p-course-single__content-list { padding: 0; padding: initial; min-width: 61.25rem; } } .p-course-single__content-item { display: grid; grid-template-columns: 16.25rem 1fr; background-color: #fff; border-radius: 0.94rem; -webkit-box-shadow: 0.13rem 0.13rem 0.13rem rgba(0, 0, 0, .3); box-shadow: 0.13rem 0.13rem 0.13rem rgba(0, 0, 0, .3); } @media screen and (min-width: 768px) { .p-course-single__content-item { grid-template-columns: 19.5rem 1fr; -webkit-box-shadow: 0.23rem 0.23rem 0.23rem rgba(0, 0, 0, .3); box-shadow: 0.23rem 0.23rem 0.23rem rgba(0, 0, 0, .3); } } .p-course-single__content-item-head { padding: 1.69rem 0.94rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; background-color: rgba(0, 166, 60, .25); border-radius: 0.94rem 0 0 0.94rem; } @media screen and (min-width: 768px) { .p-course-single__content-item-head { padding: 1.69rem 1rem; } } .p-course-single__content:nth-child(2) .p-course-single__content-item:first-child .p-course-single__content-item-head { padding: 1.69rem 0.88rem 1.69rem 1rem; } .p-course-single__content-item-title { font-family: "FOT-クレー Pro DB"; font-size: 1.5rem; line-height: 1.2857142857; letter-spacing: 0.05em; } @media screen and (min-width: 768px) { .p-course-single__content-item-title { font-size: 1.75rem; } } .p-course-single__content-item-title span { display: block; font-size: 1.38rem; } @media screen and (min-width: 768px) { .p-course-single__content-item-title span { font-size: 1.5rem; } } @media screen and (min-width: 768px) { .p-course-single__content:nth-child(2) .p-course-single__content-item:first-child .p-course-single__content-item-title span { display: inline; } } .p-course-single__content-item-head-content { text-align: right; } .p-course-single__content-item-price { font-family: "FOT-クレー Pro DB"; font-size: 1.88rem; letter-spacing: 0.05em; } .p-course-single__content-item-price span { font-size: 1.19rem; } .p-course-single__content-item-body { padding: 1.38rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .p-course-single__content-item-body-text { font-size: 1.13rem; line-height: 1.5555555556; letter-spacing: 0.05em; } .p-course-single__content-item-body-text span { font-family: "FOT-筑紫A丸ゴシック Std B"; color: #00a63c; } .p-course-single__content-item-body-text + p { margin-top: 1.06rem; line-height: 1.7777777778; } .p-course-single__content-item-sub-text { margin-top: 0.94rem; font-size: 1.13rem; line-height: 1.75; color: #00a63c; } @media screen and (min-width: 768px) { .p-course-single__content-item-sub-text { margin-top: 1.44rem; } } .p-course-single__content-item-body-attention { margin-top: 1rem; padding-right: 0.88rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 0.63rem; } @media screen and (min-width: 768px) { .p-course-single__content-item-body-attention { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } .p-course-single__content-item-body-attention-text { font-family: "FOT-筑紫A丸ゴシック Std B"; font-size: 1rem; line-height: 1.625; letter-spacing: 0.05em; color: #00a63c; } .p-course-single__content-item-body-attention a { padding: 0; padding: initial; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; font-family: "FOT-筑紫A丸ゴシック Std B"; font-size: 1.13rem; line-height: 1.5555555556; letter-spacing: 0.05em; color: #00a63c; } /* ボタン ---------------------------------------------------------- */ .p-course-single__btn { margin: 2.19rem auto 0; width: 19rem; } @media screen and (min-width: 768px) { .p-course-single__btn { margin-top: 4.25rem; width: 28.44rem; } } .p-course-single__btn .c-btn07 { padding-inline: 1.56rem 1.38rem; border-radius: 1.88rem; } @media screen and (min-width: 768px) { .p-course-single__btn .c-btn07 { padding: 1rem 1.38rem; border-radius: 1.69rem; } } /* ========================================================================== // // 診療科目一覧 // ========================================================================== */ .p-departments-about__sub-title { margin-top: 1.88rem; font-family: "FOT-クレー Pro DB"; font-size: 1.5rem; line-height: 1.5; letter-spacing: 0.025em; color: #00a63c; } @media screen and (min-width: 768px) { .p-departments-about__sub-title { margin-top: 3.44rem; font-size: 1.88rem; } } .p-departments-about__text { margin-top: 0.94rem; font-size: 1rem; line-height: 1.7; letter-spacing: 0.025em; } @media screen and (min-width: 768px) { .p-departments-about__text { font-size: 1.13rem; line-height: 1.6666666667; } } /* ========================================================================== // // 施設紹介(フロアマップ) // ========================================================================== */ .p-facility-map__zoom-wrap { margin-top: 1.25rem; border-radius: 0.63rem; } @media screen and (min-width: 768px) { .p-facility-map__zoom-wrap { margin-top: 3.13rem; border-radius: 1.25rem; } } .zoom-wrap { position: relative; overflow: hidden; } .p-facility-map__zoom-controls.zoom-controls { position: absolute; top: 0.63rem; left: 0.63rem; z-index: 10; } .p-facility-map__zoom-controls.zoom-controls button { font-size: 1.88rem; color: #333; background-color: #f4f8e9; border: 1px solid #333; } .p-facility-map__image { width: 100%; } .p-facility-map__image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; aspect-ratio: 2/1; border-radius: 0.63rem; cursor: -webkit-grab; cursor: grab; } @media screen and (min-width: 768px) { .p-facility-map__image img { aspect-ratio: 2/1; border-radius: 1.25rem; } } .p-facility-map__list { counter-reset: number; margin-top: 2.5rem; display: grid; grid-template-columns: repeat(2, 1fr); gap: 1.25rem 0.63rem; } @media screen and (min-width: 768px) { .p-facility-map__list { margin-top: 3.13rem; grid-template-columns: repeat(4, 1fr); gap: 1.56rem; } } .p-facility-map__item a { width: 100%; height: 100%; display: block; -webkit-box-shadow: 3px 3px 3px 0 rgba(0, 0, 0, .15), -1px 0 3px 0 rgba(0, 0, 0, .15); box-shadow: 3px 3px 3px 0 rgba(0, 0, 0, .15), -1px 0 3px 0 rgba(0, 0, 0, .15); border-radius: 0.31rem; border: 1px solid rgb(179, 179, 179); } @media screen and (min-width: 768px) { .p-facility-map__item a { border-radius: 0.63rem; } } .p-facility-map__item-image { width: 100%; position: relative; } .p-facility-map__item-image::before { counter-increment: number; content: "" counter(number) ""; width: 1.88rem; height: 1.88rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: absolute; top: 0.31rem; left: 0.63rem; font-family: "FOT-筑紫A丸ゴシック Std B"; font-size: 1.38rem; color: #fff; /* ベンダープレフィックス */ background-color: #333; border-radius: 50%; } @media screen and (min-width: 768px) { .p-facility-map__item-image::before { width: 2.5rem; height: 2.5rem; top: 0.63rem; left: 0.94rem; font-size: 1.75rem; } } .p-facility-map__item-popup .p-facility-map__item-image::before { content: attr(data-number); font-size: 1.5rem; top: 0.94rem; left: 0.94rem; } @media screen and (min-width: 768px) { .p-facility-map__item-popup .p-facility-map__item-image::before { width: 3.13rem; height: 3.13rem; top: 1.56rem; left: 1.56rem; font-size: 2.13rem; } } .p-facility-map__item-image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; aspect-ratio: 4/3; border-radius: 0.31rem 0.31rem 0 0; } @media screen and (min-width: 768px) { .p-facility-map__item-image img { border-radius: 0.63rem 0.63rem 0 0; } } .p-facility-map__item-content { padding: 0.63rem; background-color: #fff; border-radius: 0 0 0.31rem 0.31rem; } @media screen and (min-width: 768px) { .p-facility-map__item-content { border-radius: 0 0 0.63rem 0.63rem; } } .p-facility-map__item-title { font-family: "FOT-筑紫A丸ゴシック Std B"; font-size: 1rem; line-height: 1.7; color: #00a63c; } @media screen and (min-width: 768px) { .p-facility-map__item-title { margin-bottom: 0.31rem; font-size: 1.13rem; line-height: 1.5555555556; letter-spacing: 0.025em; } } .p-facility-map__item-title span { position: relative; } @media screen and (min-width: 768px) { .p-facility-map__item-title span::before { content: ""; width: 100%; height: 0.06rem; display: block; position: absolute; bottom: -0.13rem; left: 0; background-color: #00a63c; -webkit-transform: scale(0, 1); transform: scale(0, 1); -webkit-transform-origin: left top; transform-origin: left top; transition: transform 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out; } } /* ホバー ---------------------------------------------------------- */ @media screen and (min-width: 768px) { .p-facility-map__item a:hover { -webkit-transform: scale(1.05); transform: scale(1.05); opacity: 1; } } @media screen and (min-width: 768px) { .p-facility-map__item a:hover .p-facility-map__item-title span::before { -webkit-transform: scale(1, 1); transform: scale(1, 1); } } .p-facility-map__item-text { font-size: 0.81rem; line-height: 1.7; } @media screen and (min-width: 768px) { .p-facility-map__item-text { font-size: 1rem; line-height: 1.5; letter-spacing: 0.025em; } } @media screen and (min-width: 768px) { .p-facility-map__item-text--line2 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; /* 任意の行数を指定 */ } } .p-facility-map__item:nth-child(4) .p-facility-map__item-title, .p-facility-map__item:nth-child(5) .p-facility-map__item-title { line-height: 1.5; } @media screen and (min-width: 768px) { .p-facility-map__item:nth-child(4) .p-facility-map__item-title, .p-facility-map__item:nth-child(5) .p-facility-map__item-title { line-height: 1.5555555556; } } /* ポップアップ(コンテンツ幅) ---------------------------------------------------------- */ .page-id-254 .lity { background-color: rgba(0, 0, 0, .7); } .page-id-254 .lity-container { margin: 0 auto; width: 80%; max-width: 900px; } @media screen and (min-width: 768px) { .page-id-254 .lity-container { width: 50%; } } @media screen and (min-width: 1440px) { .page-id-254 .lity-container { width: 35%; } } @media screen and (min-width: 768px) { .page-id-254 .lity-close { width: 65px; height: 65px; font-size: 75px; } } /* ボタン ---------------------------------------------------------- */ .p-facility-map__btn { margin: 2.5rem auto 0; width: 16.88rem; } @media screen and (min-width: 768px) { .p-facility-map__btn { margin-top: 3.13rem; width: 28.13rem; } } .p-facility-map__btn .c-btn07 { border-radius: 1.88rem; } /* ========================================================================== // // フェードイン // ========================================================================== */ .fadein { opacity: 0; -webkit-transform: translate(0, 0); transform: translate(0, 0); -webkit-transition: all 1.5s; transition: all 1.5s; } .fadein-up { -webkit-transform: translate(0, 1.88rem); transform: translate(0, 1.88rem); } .scrollin { opacity: 1; -webkit-transform: translate(0, 0); transform: translate(0, 0); } /* フェードイン02 ---------------------------------------------------------- */ .fadein02 { opacity: 0; top: 0; -webkit-transition: all 1.5s; transition: all 1.5s; } .fadein-up02 { top: 1.88rem; } .scrollin02 { opacity: 1; top: 0; } /* ========================================================================== // // フロートメニュー // ========================================================================== */ .p-float { width: 100%; position: fixed; bottom: 0; left: 0; z-index: 9999; } @media screen and (min-width: 768px) { .p-float { display: none; } } .p-float__list { display: grid; grid-template-columns: repeat(3, 1fr); } .p-float__item { text-align: center; background-color: #00a63c; } .p-float__item:nth-child(2) { background-color: #ccdf80; } .p-float__item a { padding: 0.25rem; width: 100%; display: block; font-size: 0.94rem; line-height: 1.3; color: #fff; } .p-float__item:nth-child(2) a { color: #333; } /* ==========================================================================// // // フッター // // ========================================================================== */ .p-footer__wrapper { position: relative; background: url("../images/common/img_fv_01.jpg") no-repeat 45% center/cover; } @media screen and (min-width: 768px) { .p-footer__wrapper { background: url("../images/common/img_fv_01.jpg") no-repeat center 30%/cover; } } .p-footer__wrapper::before { content: ""; width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0; background-color: rgba(128, 128, 128, .75); background-color: rgba(128, 128, 128, .6); } .p-footer__container { margin-inline: auto; padding-block: 3.13rem 5rem; max-width: 34.38rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: relative; } @media screen and (min-width: 768px) { .p-footer__container { max-width: unset; padding-bottom: 0.63rem; } } .p-footer__container-box { display: contents; } @media screen and (min-width: 768px) { .p-footer__container-box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } } /* フッター ナビゲーション ---------------------------------------------------------- */ .p-footer__nav { padding-bottom: 0.63rem; padding-inline: 1.25rem; position: relative; } @media screen and (min-width: 768px) { .p-footer__nav { margin-top: 0.38rem; width: 45%; padding-inline: 2.19rem; } } .p-footer__nav::before { content: ""; width: 90%; height: 0.06rem; background-color: rgba(242, 242, 242, .5); position: absolute; bottom: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } @media screen and (min-width: 768px) { .p-footer__nav::before { width: 0.06rem; height: 90%; top: 0.75rem; bottom: unset; left: 0; } } @media screen and (min-width: 768px) { .p-footer__nav02::before { left: unset; right: 0.63rem; } } @media screen and (min-width: 768px) { .p-footer__nav03::before { content: none; } } .p-footer__nav li a { padding-block: 0.56rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; font-family: "FOT-クレー Pro DB"; font-size: 1.13rem; letter-spacing: -0.05em; color: #fff; text-shadow: 0 0 10.9px rgba(0, 0, 0, .5); } @media screen and (min-width: 768px) { .p-footer__nav li a { padding-block: 0.88rem; font-size: 1.31rem; } } .p-footer__nav:not(.p-footer__nav03) li a::after { content: ""; width: 0.44rem; height: 0.94rem; background: url("../images/common/ico_arrow_03.png") no-repeat center center/contain; } .p-footer__nav02 { padding-top: 1.06rem; } @media screen and (min-width: 768px) { .p-footer__nav02 { padding: 0.31rem 4.06rem 0.31rem 1.56rem; } } .p-footer__nav02 li a { padding-block: 0.5rem; font-size: 1rem; color: #fff; text-shadow: 0 0 10.27px rgba(0, 0, 0, .5); } @media screen and (min-width: 768px) { .p-footer__nav02 li a { text-shadow: 0 0 9.91px rgba(0, 0, 0, .5); } } .p-footer__nav03 { padding-top: 0.5rem; } @media screen and (min-width: 768px) { .p-footer__nav03 { margin-top: 1.56rem; width: 100%; } } .p-footer__nav03-list { display: grid; grid-template-columns: repeat(2, 1fr); } @media screen and (min-width: 768px) { .p-footer__nav03-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } @media screen and (min-width: 768px) { .p-footer__nav03-item:nth-child(1) { margin-left: 3.75rem; } } @media screen and (min-width: 768px) { .p-footer__nav03-item:nth-child(2) { margin-left: 2.19rem; } } @media screen and (min-width: 768px) { .p-footer__nav03-item:nth-child(3) { margin-left: 2.5rem; } } @media screen and (min-width: 768px) { .p-footer__nav03-item:nth-child(4) { margin-left: 2.5rem; } } @media screen and (min-width: 768px) { .p-footer__nav03-item a { padding-inline: 0.63rem; } } .p-footer__nav03-item a span { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; position: relative; font-size: 0.88rem; color: #fff; text-shadow: 0 0 736px rgba(0, 0, 0, .5); } @media screen and (min-width: 768px) { .p-footer__nav03-item a span { font-size: 1rem; } } .p-footer__nav03-item a span::after { content: ""; width: 100%; height: 0.03rem; display: block; position: absolute; bottom: -0.13rem; left: 0; background: rgba(255, 255, 255, .5); } @media screen and (min-width: 768px) { .p-footer__nav03-item a span::after { content: none; } } .p-footer__info { margin-top: 2.81rem; -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } @media screen and (min-width: 768px) { .p-footer__info { margin: 0; margin: initial; width: 90%; -webkit-box-ordinal-group: unset; -ms-flex-order: unset; order: unset; } } .p-footer__info-title { font-family: "FOT-クレー Pro DB"; font-size: 1.13rem; color: #fff; } @media screen and (min-width: 768px) { .p-footer__info-title { padding-top: 0.75rem; padding-inline: 1rem; font-size: 1.31rem; } } .p-footer__info-list { margin-top: 1.56rem; display: grid; gap: 0.63rem 0.75rem; } @media screen and (min-width: 768px) { .p-footer__info-list { padding-left: 1.13rem; grid-template-columns: repeat(2, 1fr); gap: 0.94rem 0.63rem; } } .p-footer__info-image { width: 100%; } .p-footer__info-image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; aspect-ratio: 315/87; } .p-footer small { padding-block: 0.13rem; display: block; font-size: 1rem; color: #fff; background-color: #00a63c; text-align: center; } @media screen and (min-width: 768px) { .p-footer small { padding-block: 0.25rem; font-size: 1.13rem; } } /* ========================================================================== // // FV // ========================================================================== */ .p-fv { position: relative; z-index: 1; } .p-fv__inner { padding-inline: 1.25rem; } @media screen and (min-width: 768px) { .p-fv__inner { padding-inline: 1.88rem; } } .p-fv__wrapper { position: relative; } .p-fv__title { position: absolute; top: 0; right: 0; visibility: hidden; } .p-fv__swiper-image { overflow: hidden; border-radius: 0.63rem; } @media screen and (min-width: 768px) { .p-fv__swiper-image { border-radius: 0.75rem; } } .p-fv__swiper-image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; aspect-ratio: 333/502; border-radius: 0.63rem; -o-object-position: top; object-position: top; } @media screen and (min-width: 768px) { .p-fv__swiper-image img { aspect-ratio: 1850/680; border-radius: 0.75rem; } } .p-fv__swiper .swiper-slide-active .p-fv__swiper-image img, .p-fv__swiper .swiper-slide-duplicate-active .p-fv__swiper-image img, .p-fv__swiper .swiper-slide-prev .p-fv__swiper-image img { -webkit-animation: MoveUp 7s linear forwards; animation: MoveUp 7s linear forwards; } @media screen and (min-width: 768px) { .p-fv__swiper .swiper-slide-active .p-fv__swiper-image img, .p-fv__swiper .swiper-slide-duplicate-active .p-fv__swiper-image img, .p-fv__swiper .swiper-slide-prev .p-fv__swiper-image img { -webkit-animation: MoveUp 30s linear forwards; animation: MoveUp 30s linear forwards; } } @-webkit-keyframes MoveUp { 0% { object-position: top; } 100% { object-position: center; -webkit-backface-visibility: hidden; backface-visibility: hidden; } } @keyframes MoveUp { 0% { -o-object-position: top; object-position: top; } 100% { -o-object-position: center; object-position: center; -webkit-backface-visibility: hidden; backface-visibility: hidden; } } .p-fv__catch { width: 93%; position: absolute; bottom: 3.25rem; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 100; } @media screen and (min-width: 768px) { .p-fv__catch { width: unset; bottom: 3.125vw; left: 6%; -webkit-transform: unset; transform: unset; } } .p-fv__catch-title { padding-inline: 3.7333333333vw; font-family: "FOT-クレー Pro DB"; font-size: 9.0666666667vw; line-height: 1.3; letter-spacing: 0; color: #fff; text-shadow: 0 0 4.97px #606060; -webkit-transform: scaleX(0.9); transform: scaleX(0.9); } @media screen and (min-width: 768px) { .p-fv__catch-title { padding-inline: initial; font-size: 4.9703125vw; line-height: 1.4; letter-spacing: -0.15em; text-shadow: 0 0 10px #606060; } } .p-fv__catch-text { margin-top: 2.6666666667vw; padding-inline: 8vw 1.3333333333vw; font-family: "FOT-筑紫A丸ゴシック Std B"; font-size: 4.2666666667vw; letter-spacing: -0.05em; color: #fff; text-shadow: 0 0 4.97px #606060; } @media screen and (min-width: 768px) { .p-fv__catch-text { margin-top: 0.1041666667vw; padding-inline: 2.34375vw 0.2604166667vw; font-size: 1.6776041667vw; letter-spacing: -0.13em; text-shadow: 0 0 10px #606060; } } .p-fv__list { margin-top: 1.63rem; display: grid; grid-template-columns: repeat(2, 1fr); row-gap: 0.56rem; } @media screen and (min-width: 768px) { .p-fv__list { min-width: 26.25rem; width: 22%; padding: 1.19rem 2.13rem 0.88rem 1rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; position: absolute; bottom: -0.06rem; right: 1.81rem; z-index: 500; background-color: #fff; border-radius: 0.83rem 0 0 0; } } .p-fv__item { position: relative; } @media screen and (min-width: 768px) { .p-fv__item { width: 100%; } } .p-fv__item:nth-child(1), .p-fv__item:nth-child(2) { padding-bottom: 0.19rem; border-bottom: solid rgb(0, 166, 60) 0.5px; } @media screen and (min-width: 768px) { .p-fv__item:nth-child(1), .p-fv__item:nth-child(2) { padding: 0; padding: initial; border: none; } } .p-fv__item:nth-child(1)::before, .p-fv__item:nth-child(3)::before { content: ""; width: 0.03rem; height: 95%; display: block; position: absolute; top: -0.19rem; right: 0; background-color: #00a63c; } @media screen and (min-width: 768px) { .p-fv__item:nth-child(1)::before, .p-fv__item:nth-child(3)::before { content: none; } } .p-fv__item a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media screen and (min-width: 768px) { .p-fv__item a { padding: 0.5rem 0.63rem; width: 100%; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; gap: 1.06rem; } } @media screen and (min-width: 768px) { .p-fv__item a:hover { opacity: 1; } } .p-fv__item a::before { content: ""; width: 3rem; height: 3rem; -ms-flex-negative: 0; flex-shrink: 0; } @media screen and (min-width: 768px) { .p-fv__item a::before { width: 3.75rem; height: 3.75rem; } } .p-fv__item:nth-child(1) a::before { background: url("../images/common/ico_drawer_02.png") no-repeat center center/contain; } .p-fv__item:nth-child(2) a::before { background: url("../images/common/ico_drawer_03.png") no-repeat center center/contain; } .p-fv__item:nth-child(3) a::before { background: url("../images/common/ico_drawer_04.png") no-repeat center center/contain; } .p-fv__item:nth-child(4) a::before { background: url("../images/common/ico_drawer_05.png") no-repeat center center/contain; } .p-fv__item a span { position: relative; font-size: 1rem; } @media screen and (min-width: 768px) { .p-fv__item a span { display: block; font-size: 1.31rem; } } @media screen and (min-width: 768px) { .p-fv__item a span::before { content: ""; width: 100%; height: 0.06rem; display: block; position: absolute; bottom: -0.31rem; left: 0; background-color: #00a63c; -webkit-transform: scale(0, 1); transform: scale(0, 1); -webkit-transform-origin: left top; transform-origin: left top; -webkit-transition: -webkit-transform 0.4s; transition: -webkit-transform 0.4s; transition: transform 0.4s; transition: transform 0.4s, -webkit-transform 0.4s; } } @media screen and (min-width: 768px) { .p-fv__item a:hover span::before { -webkit-transform: scale(1, 1); transform: scale(1, 1); } } .p-fv__item a .p-fv__item-sub { display: none; } @media screen and (min-width: 768px) { .p-fv__item a .p-fv__item-sub { display: inline; } } .p-fv__item a .p-fv__item-sub::before { content: none; } /* ==========================================================================// // // ヘッダー // // ========================================================================== */ .p-header { width: 100%; height: 3.75rem; background-color: #fff; position: relative; z-index: 1000; } @media screen and (min-width: 768px) { .p-header { height: 6.88rem; } } .p-header.show { position: fixed; top: 0; left: 0; z-index: 1000; background-color: #fff; -webkit-box-shadow: 3.01px 3.01px 3.01px 0 rgba(0, 0, 0, .15); box-shadow: 3.01px 3.01px 3.01px 0 rgba(0, 0, 0, .15); -webkit-animation: slide 0.4s cubic-bezier(0.6, 0.1, 0.3, 1); animation: slide 0.4s cubic-bezier(0.6, 0.1, 0.3, 1); } @-webkit-keyframes slide { 0% { -webkit-transform: translateY(-100%); transform: translateY(-100%); } 100% { -webkit-transform: translateY(0%); transform: translateY(0%); } } @keyframes slide { 0% { -webkit-transform: translateY(-100%); transform: translateY(-100%); } 100% { -webkit-transform: translateY(0%); transform: translateY(0%); } } .p-header__inner { padding-left: 1.25rem; height: inherit; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-shadow: none; box-shadow: none; -webkit-transition: all 0.3s; transition: all 0.3s; } @media screen and (min-width: 768px) { .p-header__inner { padding-inline: 6.25rem 1.9791666667vw; } } .p-header__inner.active { -webkit-box-shadow: 3.01px 3.01px 3.01px 0 rgba(0, 0, 0, .15); box-shadow: 3.01px 3.01px 3.01px 0 rgba(0, 0, 0, .15); } .p-header__logo { max-width: 12.5rem; width: 43%; height: inherit; } @media screen and (min-width: 768px) { .p-header__logo { max-width: unset; width: 16.5%; } } .p-header__logo img { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; aspect-ratio: 149/30; } @media screen and (min-width: 768px) { .p-header__logo img { aspect-ratio: 299/60; } } @media screen and (min-width: 768px) { .p-header__wrapper { height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } /* ヘッダー ナビゲーション ---------------------------------------------------------- */ @media screen and (min-width: 768px) { .p-header__nav-box { height: 100%; padding-right: 0.63rem; } } .p-header__nav01-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: end; } @media screen and (min-width: 768px) { .p-header__nav01-item a { padding: 1.25rem 1.13rem 0.63rem; display: block; font-size: 1.13rem; } } @media screen and (min-width: 768px) { .p-header__nav01-item:nth-child(4) a { padding-inline: 0.75rem; } } @media screen and (min-width: 768px) { .p-header__nav01-item:nth-child(5) a { padding-inline: 0.31rem; } } @media screen and (min-width: 768px) { .p-header__nav01-item-color--lightgreen { padding-inline: 0.69rem; display: block; color: #4d4d4d; background-color: #ccdf80; } } @media screen and (min-width: 768px) { .p-header__nav01-item-color--green { padding-inline: 0.69rem; display: block; color: #fff; background-color: #00a63c; } } @media screen and (min-width: 768px) { .p-header__nav02-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: end; } } @media screen and (min-width: 768px) { .p-header__nav02-item { position: relative; } } @media screen and (min-width: 768px) { .p-header__nav02-item a:not(.p-header__drop-title) { padding: 0.44rem 1.4583333333vw 0.94rem; display: block; position: relative; font-family: "FOT-クレー Pro DB"; font-size: 1.31rem; } } @media screen and (min-width: 768px) { .p-header__nav02-item:last-child a:not(.p-header__drop-title) { padding-inline: 1.56rem 0.94rem; } } @media screen and (min-width: 768px) { .p-header__nav02-item a:not(.p-header__drop-title)::before { content: ""; width: 0.05rem; height: 65%; display: block; position: absolute; top: 15%; left: 0; background-color: #bfe369; } } .p-header__nav02-list > .p-header__nav02-item:first-child > a::before { content: none; } @media screen and (min-width: 768px) { .p-header__drop { width: 62.5rem; position: absolute; top: 100%; left: 0; background-color: #fff; border-radius: 0.63rem; opacity: 0; visibility: hidden; -webkit-transition: all 0.3s; transition: all 0.3s; } } @media screen and (min-width: 768px) { .p-header__nav02-item:nth-child(2) .p-header__drop { left: -12.5rem; } } @media screen and (min-width: 768px) { .p-header__nav02-item:nth-child(3) .p-header__drop { left: -18.75rem; } } @media screen and (min-width: 768px) { .p-header__nav02-item:nth-child(4) .p-header__drop { left: -34.38rem; } } @media screen and (min-width: 768px) { .p-header__nav02-item:hover .p-header__drop { opacity: 1; visibility: visible; } } @media screen and (min-width: 768px) { .p-header__drop-title { padding: 3.13rem; display: block; position: relative; font-family: "FOT-クレー Pro DB"; font-size: 1.5rem; background: url("../images/top/bg_01.png") no-repeat center center/cover; border-radius: 0.63rem 0.63rem 0 0; } } @media screen and (min-width: 768px) { .p-header__drop-title::before { content: ""; width: 0.63rem; height: 1.06rem; display: block; position: absolute; top: 50%; right: 3.13rem; -webkit-transform: translateY(-50%); transform: translateY(-50%); background: url("../images/common/ico_arrow_01.png") no-repeat center center/contain; } } @media screen and (min-width: 768px) { .p-header__drop-title::after { content: attr(data-en); display: block; font-size: 0.88rem; } } @media screen and (min-width: 768px) { .p-header__drop-list { padding: 1.25rem 3.13rem; display: grid; grid-template-columns: repeat(3, 1fr); } } @media screen and (min-width: 768px) { .p-header__nav02-item:not(:first-child) .p-header__drop-list { grid-template-columns: auto auto auto; } } @media screen and (min-width: 768px) { .p-header__drop-list .p-header__drop-item a { padding: 0.63rem 0; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 0.63rem; font-size: 1.13rem; } } @media screen and (min-width: 768px) { .p-header__drop-list .p-header__drop-item a::before { content: ""; width: 0.44rem; height: 0.88rem; display: block; position: static; background: url("../images/common/ico_arrow_01.png") no-repeat center center/contain; } } @media screen and (min-width: 768px) { .p-header__drop-list02 { border-top: 1px solid rgba(204, 204, 204, .5); } } .p-header__info-box { display: none; } @media screen and (min-width: 768px) { .p-header__info-box { height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } @media screen and (min-width: 768px) { .p-header__info__btn a { padding: 1.38rem 0.19rem; width: 100%; display: block; font-size: 1rem; line-height: 1.3; text-align: center; font-family: "FOT-筑紫A丸ゴシック Std B"; color: #fff; background-color: #00a63c; border-radius: 0.51rem; } } /* ハンバーガーメニュー ---------------------------------------------------------- */ .p-zdo-drawer-menu { width: 51%; height: inherit; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: end; } .p-zdo-drawer-menu__bg { width: 100%; height: 100%; position: fixed; z-index: 2; background-color: #fff; display: none; top: 0; left: 0; } .p-header__info { height: inherit; } .p-header__info-list { height: inherit; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .p-header__info-item { width: 50%; height: inherit; } .p-header__info-item a { padding-block: 0.44rem; height: inherit; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; position: relative; } @media screen and (min-width: 768px) { .p-header__info-item a { padding: 1.13rem 0.88rem; opacity: 1; } } .p-header__info-item a::before { content: ""; width: 0.06rem; height: 75%; display: block; position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); background-color: #bfe369; } @media screen and (min-width: 768px) { .p-header__info-item a::before { width: 0.05rem; } } .p-header__info-item:nth-child(2) a::after { content: ""; width: 0.06rem; height: 75%; display: block; position: absolute; top: 50%; right: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); background-color: #bfe369; } @media screen and (min-width: 768px) { .p-header__info-item:nth-child(2) a::after { content: none; } } .p-header__info-image { max-width: 3.88rem; width: 55%; } @media screen and (min-width: 768px) { .p-header__info-image { width: 65%; position: relative; } } .p-header__info-image img { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; aspect-ratio: 1/1; opacity: 1; -webkit-transition: all 0.3s; transition: all 0.3s; } .p-header__info-item:nth-child(2) .p-header__info-image { width: 33%; } @media screen and (min-width: 768px) { .p-header__info-item:nth-child(2) .p-header__info-image { width: 40%; } } .p-header__info-item:nth-child(2) .p-header__info-image img { aspect-ratio: 31/51; } @media screen and (min-width: 768px) { .p-header__info-item:nth-child(1) .p-header__info-image::before { content: ""; position: absolute; inset: 0; background: url("../images/common/ico_tel_02.png") no-repeat center/contain; opacity: 0; -webkit-transition: all 0.3s; transition: all 0.3s; } } @media screen and (min-width: 768px) { .p-header__info-item:nth-child(2) .p-header__info-image::before { content: ""; position: absolute; inset: 0; background: url("../images/common/ico_access_01_hover.png") no-repeat center/contain; opacity: 0; -webkit-transition: all 0.3s; transition: all 0.3s; } } @media screen and (min-width: 768px) { .p-header__info-item:hover .p-header__info-image::before { opacity: 1; } } @media screen and (min-width: 768px) { .p-header__info-item:hover .p-header__info-image img { opacity: 0; } } .p-header__info-text { font-size: 0.63rem; letter-spacing: -0.07em; } @media screen and (min-width: 768px) { .p-header__info-text { font-size: 1rem; opacity: 1; white-space: nowrap; } } /* ハンバーガーボタン ---------------------------------------------------------- */ .p-zdo-drawer-menu__btn { width: 3.75rem; height: 3.75rem; -ms-flex-negative: 0; flex-shrink: 0; position: relative; background: #fff; cursor: pointer; } .p-zdo-drawer-menu__bar { margin: auto; width: 2.19rem; height: 1px; position: absolute; left: 0; right: 0; -webkit-transform-origin: 0% 0%; transform-origin: 0% 0%; -webkit-transform: translateY(-50%); transform: translateY(-50%); background-color: #00a63c; -webkit-transition: all 0.2s; transition: all 0.2s; } .p-zdo-drawer-menu__bar1 { top: 25%; } .p-zdo-drawer-menu__bar2 { top: 40%; } .p-zdo-drawer-menu__bar3 { width: 1.25rem; top: 55%; left: -0.94rem; } .p-zdo-drawer-menu__btn.active .p-zdo-drawer-menu__bar { left: 0.5rem; } .p-zdo-drawer-menu__btn.active .p-zdo-drawer-menu__bar1 { -webkit-transform: rotate(35deg) translateY(-50%); transform: rotate(35deg) translateY(-50%); top: 20%; } .p-zdo-drawer-menu__btn.active .p-zdo-drawer-menu__bar2 { opacity: 0; } .p-zdo-drawer-menu__btn.active .p-zdo-drawer-menu__bar3 { width: 2.19rem; -webkit-transform: rotate(-35deg) translateY(-50%); transform: rotate(-35deg) translateY(-50%); top: 53%; } .p-zdo-drawer-menu__btn-text { width: 100%; position: absolute; bottom: 0.3rem; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); font-size: 0.63rem; color: #333; } /* ハンバーガーボタン メニュー ---------------------------------------------------------- */ .p-zdo-drawer-menu__wrapper { margin-top: 4rem; padding-block: 0.94rem 7.5rem; padding-inline: 1.25rem; width: 100%; height: 100%; display: none; position: fixed; top: 0; right: 0; z-index: 7; background-color: #fff; overflow: auto; } /* ハンバーガーボタン メニュー01 ---------------------------------------------------------- */ .p-zdo-drawer-menu__nav li { position: relative; border-top: 1px solid rgba(204, 204, 204, .5); } .p-zdo-drawer-menu__nav li:last-child { border-bottom: 1px solid rgba(204, 204, 204, .5); } .p-zdo-drawer-menu__nav li a { padding: 1.25rem 0.75rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 0.63rem; position: relative; font-family: "FOT-クレー Pro DB"; font-size: 1.13rem; } .p-zdo-drawer-menu__nav li a.active { color: #00a63c; } .p-zdo-drawer-menu__nav li a::before { content: ""; width: 1.88rem; height: 1.88rem; } .p-zdo-drawer-menu__nav li:nth-child(1) a::before { content: ""; background: url("../images/common/ico_drawer_01.png") no-repeat center center/contain; } .p-zdo-drawer-menu__nav li:nth-child(2) a::before { content: ""; background: url("../images/common/ico_drawer_02.png") no-repeat center center/contain; } .p-zdo-drawer-menu__nav li:nth-child(3) a::before { content: ""; background: url("../images/common/ico_drawer_03.png") no-repeat center center/contain; } .p-zdo-drawer-menu__nav li:nth-child(4) a::before { content: ""; background: url("../images/common/ico_drawer_04.png") no-repeat center center/contain; } .p-zdo-drawer-menu__nav li:nth-child(5) a::before { content: ""; background: url("../images/common/ico_drawer_05.png") no-repeat center center/contain; } .p-zdo-drawer-menu__nav li a::after { content: ""; width: 0.44rem; height: 0.88rem; display: block; position: absolute; top: 50%; right: 3.75rem; -webkit-transform: translateY(-50%); transform: translateY(-50%); background: url("../images/common/ico_arrow_01.png") no-repeat center center/contain; } /* ハンバーガーボタン メニュー アコーディオン ---------------------------------------------------------- */ .p-zdo-drawer__accordion-btn { width: 2.5rem; height: 4.38rem; position: absolute; top: 0; right: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .p-zdo-drawer__accordion-btn:before { content: ""; width: 0.63rem; height: 0.94rem; display: block; -webkit-transform: rotate(90deg); transform: rotate(90deg); background: url("../images/common/ico_arrow_01.png") no-repeat center center/contain; -webkit-transition: all 0.2s; transition: all 0.2s; } .p-zdo-drawer__accordion-btn.active:before { content: ""; width: 0.94rem; height: 0.63rem; -webkit-transform: rotate(0); transform: rotate(0); background: url("../images/common/ico_arrow_02.png") no-repeat center center/contain; } .p-zdo-drawer__accordion-btn:after { content: ""; width: 0.06rem; height: 45%; display: block; position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); background-color: #bfe369; } /* ハンバーガーボタン メニュー サブメニュー ---------------------------------------------------------- */ .p-zdo-drawer-menu__nav li .sub-menu { padding-bottom: 0.44rem; display: none; } .p-zdo-drawer-menu__nav li .sub-menu li { border: none; } .p-zdo-drawer-menu__nav li .sub-menu li a { padding: 0.75rem 3.13rem 1.19rem; font-size: 1rem; } .p-zdo-drawer-menu__nav li .sub-menu li a::before, .p-zdo-drawer-menu__nav li .sub-menu li a::after { content: none; } .p-zdo-drawer-menu__nav li .sub-menu li a span { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; position: relative; } .p-zdo-drawer-menu__nav li .sub-menu li a span::after { content: ""; width: 100%; height: 0.06rem; display: block; position: absolute; bottom: -0.13rem; left: 0; background: #ccdf80; } /* ハンバーガーボタン メニュー02 ---------------------------------------------------------- */ .p-zdo-drawer-menu__nav02 ul { padding-block: 0.69rem 0.75rem; border-bottom: 1px solid rgba(204, 204, 204, .5); } .p-zdo-drawer-menu__nav02 li a { padding: 0.75rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 0.44rem; position: relative; font-family: "FOT-クレー Pro DB"; font-size: 1rem; letter-spacing: -0.07em; } .p-zdo-drawer-menu__nav02 li a::before { content: ""; width: 0.44rem; height: 0.88rem; display: block; background: url("../images/common/ico_arrow_01.png") no-repeat center center/contain; } /* ハンバーガーボタン メニュー03 ---------------------------------------------------------- */ .p-zdo-drawer-menu__nav03-list { padding-top: 0.63rem; display: grid; grid-template-columns: repeat(2, 1fr); } .p-zdo-drawer-menu__nav03-item a { padding: 0.63rem; display: block; font-size: 0.88rem; letter-spacing: -0.01em; } .p-zdo-drawer-menu__nav03-item a span { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; display: block; position: relative; } .p-zdo-drawer-menu__nav03-item a span::before { content: ""; width: 100%; height: 0.03rem; display: block; position: absolute; bottom: -0.13rem; left: 0; background: #ccdf80; } /* ハンバーガーメニュー展開時、背景を固定 */ body.active { height: 100%; overflow: hidden; } /* ========================================================================== // // よくあるご質問(緩和ケア) // ========================================================================== */ @media screen and (min-width: 768px) { .p-hospice-faq__title { font-size: 1.88rem; } } .p-hospice-faq__title::before { width: 0.38rem; height: 2.81rem; } @media screen and (min-width: 768px) { .p-hospice-faq__title::before { width: 0.31rem; height: 2.38rem; } } .p-hospice-faq__content { margin-top: 1.56rem; } @media screen and (min-width: 768px) { .p-hospice-faq__content { margin-top: 2rem; padding-inline: 3.13rem; } } .p-hospice-faq__btn { margin-top: 1.25rem; margin-right: -0.31rem; margin-left: auto; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } @media screen and (min-width: 768px) { .p-hospice-faq__btn { margin-top: 2.81rem; } } .p-hospice-faq__btn .c-btn02 { padding-block: 0.81rem; font-size: 1rem; } .p-hospice-faq__btn .c-btn02::before { width: 96%; } /* ========================================================================== // // 緩和ケアの特徴 // ========================================================================== */ .p-hospice-feature { position: relative; } .p-hospice-feature::before { content: ""; margin: 0 calc(50% - 50vw); width: 100vw; height: 91.5%; display: block; position: absolute; top: 9.5%; left: 0; z-index: -1; background: url("../images/common/bg_03_sp.png") no-repeat center center/cover; } @media screen and (min-width: 768px) { .p-hospice-feature::before { height: 73.8%; top: 19.5%; background: url("../images/common/bg_03_pc.png") no-repeat center center/cover; } } .p-hospice-feature__title { font-family: "FOT-クレー Pro DB"; font-size: 1.5rem; text-align: center; } @media screen and (min-width: 768px) { .p-hospice-feature__title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; font-size: 2.13rem; letter-spacing: 0.1em; } } @media screen and (min-width: 768px) { .p-hospice-feature__title::before, .p-hospice-feature__title::after { content: ""; width: 30.0714285714%; height: 0.06rem; background-color: #00a63c; } } .p-hospice-feature__list { margin-top: 2.5rem; display: grid; gap: 2.5rem; } @media screen and (min-width: 768px) { .p-hospice-feature__list { margin-top: 4.81rem; gap: 4.06rem; } } .p-hospice-feature__item { padding: 1.88rem 0 1.25rem; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 1.25rem; border-radius: 0.75rem; } @media screen and (min-width: 768px) { .p-hospice-feature__item { padding: 3.75rem 0; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; position: relative; } } .p-hospice-feature__item::before { content: ""; width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0; z-index: -1; border-radius: 0.75rem; } .p-hospice-feature__item:first-child::before { background: #fff url("../images/hospice/bg_hospice_feature_item_01_sp.png") no-repeat top center/cover; } @media screen and (min-width: 768px) { .p-hospice-feature__item:first-child::before { background: #fff url("../images/hospice/bg_hospice_feature_item_01_pc.png") no-repeat top center/cover; } } .p-hospice-feature__item:nth-child(2)::before { background: #fff url("../images/hospice/bg_hospice_feature_item_02_sp.png") no-repeat top center/cover; } @media screen and (min-width: 768px) { .p-hospice-feature__item:nth-child(2)::before { background: #fff url("../images/hospice/bg_hospice_feature_item_02_pc.png") no-repeat top center/cover; } } .p-hospice-feature__item:nth-child(3)::before { background: #fff url("../images/hospice/bg_hospice_feature_item_03_sp.png") no-repeat top center/cover; } @media screen and (min-width: 768px) { .p-hospice-feature__item:nth-child(3)::before { background: #fff url("../images/hospice/bg_hospice_feature_item_03_pc.png") no-repeat top center/cover; } } .p-hospice-feature__item::after { content: ""; width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0; z-index: -1; background-color: rgba(239, 247, 236, .5); border-radius: 0.75rem; -webkit-box-shadow: 0.44rem 0.44rem 0.44rem rgba(0, 0, 0, .15); box-shadow: 0.44rem 0.44rem 0.44rem rgba(0, 0, 0, .15); } @media screen and (min-width: 768px) { .p-hospice-feature__item::after { -webkit-box-shadow: 0.47rem 0.47rem 0.47rem rgba(0, 0, 0, .15); box-shadow: 0.47rem 0.47rem 0.47rem rgba(0, 0, 0, .15); } } .p-hospice-feature__item-head { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 2.81rem; } @media screen and (min-width: 768px) { .p-hospice-feature__item-head { padding-bottom: 1.88rem; width: 48.2142857143%; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } } @media screen and (min-width: 768px) { .p-hospice-feature__item:nth-child(2) .p-hospice-feature__item-head { width: 45%; } } .p-hospice-feature__item-title { padding-left: 0.19rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 1.25rem; font-family: "FOT-クレー Pro DB"; font-size: 1.38rem; line-height: 1.5454545455; color: #00a63c; text-shadow: 0 0 2px rgba(255, 255, 255, .1), 0 0 3px rgba(255, 255, 255, .5); } @media screen and (min-width: 768px) { .p-hospice-feature__item-title { padding-left: unset; gap: 1.56rem; font-size: 2rem; letter-spacing: 0.025em; } } .p-hospice-feature__item-title::before { content: ""; width: 0.38rem; height: 3.75rem; background-color: #00a63c; } @media screen and (min-width: 768px) { .p-hospice-feature__item-title::before { width: 0.69rem; height: 5.44rem; } } .p-hospice-feature__item-texts { padding-inline: 1.88rem; } @media screen and (min-width: 768px) { .p-hospice-feature__item-texts { padding-right: unset; padding-left: 3.13rem; } } .p-hospice-feature__item-text { font-size: 1.03rem; line-height: 1.5757575758; text-shadow: 0 0 1px rgba(255, 255, 255, .1), 0 0 3px rgba(255, 255, 255, .5); } @media screen and (min-width: 768px) { .p-hospice-feature__item-text { font-size: 1.13rem; line-height: 1.7777777778; } } .p-hospice-feature__item-text + p { margin-top: 1.88rem; } .p-hospice-feature__item-image { margin: 0 auto; width: 67.3846153846%; max-width: 18.75rem; } @media screen and (min-width: 768px) { .p-hospice-feature__item-image { width: 24%; max-width: unset; position: absolute; top: 19%; left: 44.5%; } } .p-hospice-feature__item-image img { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; aspect-ratio: 219/241; } @media screen and (min-width: 768px) { .p-hospice-feature__item-image img { aspect-ratio: 320/331; } } .p-hospice-feature__item-content { margin-left: 1.13rem; padding: 1.25rem 1.88rem 1.25rem 1.75rem; background-color: rgba(204, 223, 128, .3); border-radius: 0.92rem 0 0 0.92rem; } @media screen and (min-width: 768px) { .p-hospice-feature__item-content { margin-left: unset; padding: 2.19rem; width: 49.7142857143%; } } .p-hospice-feature__item:nth-child(2) .p-hospice-feature__item-content { padding-inline: 1.75rem 1.31rem; } @media screen and (min-width: 768px) { .p-hospice-feature__item:nth-child(2) .p-hospice-feature__item-content { padding: 3.94rem 1.88rem 4.19rem 16.56rem; } } .p-hospice-feature__item:nth-child(3) .p-hospice-feature__item-content { padding-bottom: 0.25rem; } @media screen and (min-width: 768px) { .p-hospice-feature__item:nth-child(3) .p-hospice-feature__item-content { padding-block: 1.13rem 1.25rem; } } .p-hospice-feature__item-content-text { font-size: 0.91rem; line-height: 1.6551724138; text-align: justify; } @media screen and (min-width: 768px) { .p-hospice-feature__item-content-text { font-size: 1rem; line-height: 1.875; } } .p-hospice-feature__sublist { padding-left: 1.13rem; padding-bottom: 1.38rem; } @media screen and (min-width: 768px) { .p-hospice-feature__sublist { padding-left: 0.94rem; padding-bottom: 1.88rem; } } .p-hospice-feature__sublist-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 0.31rem; font-size: 0.91rem; line-height: 1.6551724138; } @media screen and (min-width: 768px) { .p-hospice-feature__sublist-item { font-size: 1rem; line-height: 1.875; gap: 0.63rem; } } .p-hospice-feature__sublist-item::before { content: ""; margin-top: 0.19rem; width: 0.31rem; height: 0.31rem; -ms-flex-negative: 0; flex-shrink: 0; background-color: #00a63c; border-radius: 50%; } @media screen and (min-width: 768px) { .p-hospice-feature__sublist-item::before { width: 0.44rem; height: 0.44rem; } } .p-hospice-feature__dllist-item { font-size: 0.91rem; line-height: 1.6551724138; } @media screen and (min-width: 768px) { .p-hospice-feature__dllist-item { display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 1rem; line-height: 1.875; } } @media screen and (min-width: 768px) { .p-hospice-feature__dllist-item--block { display: block; } } .p-hospice-feature__dllist-item dt { color: #00a63c; } .p-hospice-feature__dllist-item dd { padding-left: 0.88rem; } @media screen and (min-width: 768px) { .p-hospice-feature__dllist-item dd { padding-left: unset; } } @media screen and (min-width: 768px) { .p-hospice-feature__dllist-item--block dd { padding-left: 4.06rem; } } .p-hospice-feature__wrapper { display: grid; gap: 1.56rem; } @media screen and (min-width: 768px) { .p-hospice-feature__wrapper { gap: 0.81rem; } } .p-hospice-feature__wrapper-item { position: relative; } .p-hospice-feature__wrapper-item::before { content: ""; width: 6.94rem; height: 6.94rem; display: block; position: absolute; top: -1.56rem; right: -0.94rem; border-radius: 50%; } @media screen and (min-width: 768px) { .p-hospice-feature__wrapper-item::before { width: 11.25rem; height: 11.25rem; top: -3.31rem; right: -0.44rem; } } .p-hospice-feature__wrapper-item:first-child::before { background: url("../images/hospice/img_hospice_feature_02.png") no-repeat center center/cover; } .p-hospice-feature__wrapper-item:nth-child(2)::before { background: url("../images/hospice/img_hospice_feature_03.png") no-repeat center center/cover; } @media screen and (min-width: 768px) { .p-hospice-feature__wrapper-item:nth-child(2)::before { top: -0.63rem; } } .p-hospice-feature__wrapper-item-title { padding-bottom: 0.63rem; font-family: "FOT-クレー Pro DB"; font-size: 0.94rem; line-height: 1.6; color: #00a63c; border-bottom: 1px solid #ccdf80; } @media screen and (min-width: 768px) { .p-hospice-feature__wrapper-item-title { padding-bottom: unset; font-size: 1.5rem; line-height: 2; letter-spacing: 0.05em; } } .p-hospice-feature__wrapper-item .p-hospice-feature__sublist { padding-top: 1.25rem; padding-left: 0.38rem; } @media screen and (min-width: 768px) { .p-hospice-feature__wrapper-item .p-hospice-feature__sublist { padding: 0.38rem 9.69rem 0.38rem 0.25rem; } } @media screen and (min-width: 768px) { .p-hospice-feature__wrapper-item .p-hospice-feature__sublist-item { line-height: 1.75; } } .p-hospice-feature__wrapper-item:first-child .p-hospice-feature__sublist { padding-left: 1rem; } @media screen and (min-width: 768px) { .p-hospice-feature__wrapper-item:first-child .p-hospice-feature__sublist { padding-left: 1.31rem; } } .p-hospice-feature__wrapper-item:first-child .p-hospice-feature__sublist-item { display: block; position: relative; } .p-hospice-feature__wrapper-item:first-child .p-hospice-feature__sublist-item::before { position: absolute; top: 0.44rem; left: -0.63rem; } @media screen and (min-width: 768px) { .p-hospice-feature__wrapper-item:first-child .p-hospice-feature__sublist-item::before { top: 0.5rem; left: -1.13rem; } } .p-hospice-feature__sublist-item span { padding-left: 0.88rem; display: block; } @media screen and (min-width: 768px) { .p-hospice-feature__sublist-item span { display: inline; padding-left: unset; } } /* ========================================================================== // // 緩和ケア病棟についてのご案内(hospice-info) // ========================================================================== */ .p-hospice-info__title::before { width: 0.38rem; height: 3.75rem; } @media screen and (min-width: 768px) { .p-hospice-info__title::before { width: 0.31rem; height: 2.38rem; } } .p-hospice-info__list { margin-top: 2.38rem; display: grid; gap: 1.88rem; } @media screen and (min-width: 768px) { .p-hospice-info__list { margin-top: 3.13rem; grid-template-columns: repeat(3, 1fr); gap: 3.75rem 3.13rem; } } .p-hospice-info__item { width: 100%; } /* ========================================================================== // // 緩和ケアスタッフからのメッセージ(hospice-message) // ========================================================================== */ .p-hospice-message__title::before { width: 0.38rem; height: 3.75rem; } @media screen and (min-width: 768px) { .p-hospice-message__title::before { height: 2.38rem; } } .p-hospice-message__list { margin-top: 2.19rem; margin-inline: auto; width: 100%; max-width: 31.25rem; display: grid; gap: 1.88rem; } @media screen and (min-width: 768px) { .p-hospice-message__list { margin: 0; margin: initial; margin-top: 3.75rem; max-width: unset; grid-template-columns: repeat(3, 1fr); gap: 3.13rem; } } /* ========================================================================== // // 緩和ケア病棟からのお知らせ // ========================================================================== */ .p-hospice-news { position: relative; } .p-hospice-news::before { content: ""; margin: 0 calc(50% - 50vw); width: 100vw; height: 100%; display: block; position: absolute; top: 0; left: 0; z-index: -1; background: url("../images/common/bg_03_sp.png") no-repeat center center/cover; } @media screen and (min-width: 768px) { .p-hospice-news::before { content: none; } } @media screen and (min-width: 768px) { .p-hospice-news__title { font-size: 1.88rem; } } .p-hospice-news__title::before { width: 0.38rem; height: 3.63rem; } @media screen and (min-width: 768px) { .p-hospice-news__title::before { width: 0.31rem; height: 2.38rem; } } .p-hospice-news__content { margin-top: 1.25rem; } @media screen and (min-width: 768px) { .p-hospice-news__content { margin-top: 3.13rem; } } /* ========================================================================== // // 院内掲示・各種届出 // ========================================================================== */ .p-hospital-notices-content__list { margin-top: 1.25rem; display: grid; gap: 1.25rem; } @media screen and (min-width: 768px) { .p-hospital-notices-content__list { margin-top: 3.13rem; grid-template-columns: repeat(3, 1fr); gap: 1.56rem; } } .p-hospital-notices-content__item a { width: 100%; display: block; -webkit-box-shadow: 6px 6px 6px 0 rgba(0, 0, 0, .15), -3px 0 6px 0 rgba(0, 0, 0, .15); box-shadow: 6px 6px 6px 0 rgba(0, 0, 0, .15), -3px 0 6px 0 rgba(0, 0, 0, .15); border-radius: 0.31rem; border: 1px solid rgb(179, 179, 179); } @media screen and (min-width: 768px) { .p-hospital-notices-content__item a { height: 100%; -webkit-box-shadow: 8.72px 8.72px 8.72px 0 rgba(0, 0, 0, .15), -3px 0 8.72px 0 rgba(0, 0, 0, .15); box-shadow: 8.72px 8.72px 8.72px 0 rgba(0, 0, 0, .15), -3px 0 8.72px 0 rgba(0, 0, 0, .15); border-radius: 0.63rem; } } .p-hospital-notices-content__item-title { padding: 0.63rem; font-family: "FOT-筑紫A丸ゴシック Std B"; font-size: 1rem; line-height: 1.7; background-color: #f4f8e9; border-radius: 0.31rem 0.31rem 0 0; } @media screen and (min-width: 768px) { .p-hospital-notices-content__item-title { padding: 0.94rem 1.25rem; font-size: 1.13rem; line-height: 1.5555555556; letter-spacing: 0.025em; border-radius: 0.63rem 0.63rem 0 0; } } .p-hospital-notices-content__item-title span { background-image: -webkit-gradient(linear, left top, right top, from(#00a63c), to(#00a63c)); background-image: linear-gradient(90deg, #00a63c, #00a63c); /* 線の色 */ background-position: left bottom; /* 線の起点を左・下に設定 */ background-repeat: no-repeat; background-size: 0 1px; /* 線の横幅を0、縦幅を2pxに */ padding-bottom: 0.25rem; /* 下線を下にズラす */ -webkit-transition: background-size 0.4s; transition: background-size 0.4s; /* 変形をアニメーション化 */ } @media screen and (min-width: 768px) { .p-hospital-notices-content__item a:hover { -webkit-transform: scale(1.05); transform: scale(1.05); opacity: 1; } } @media screen and (min-width: 768px) { .p-hospital-notices-content__item a:hover .p-hospital-notices-content__item-title span { background-size: 100% 1px; /* 線の横幅を100%にする */ } } .p-hospital-notices-content__item-image { width: 100%; } .p-hospital-notices-content__item-image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: top left; object-position: top left; aspect-ratio: 210/297; } .p-hospital-notices-content__item-wrapper { padding: 0.63rem; border-radius: 0 0 0.31rem 0.31rem; } @media screen and (min-width: 768px) { .p-hospital-notices-content__item-wrapper { padding-inline: 1.25rem; border-radius: 0 0 0.63rem 0.63rem; } } .p-hospital-notices-content__item-text { font-size: 0.88rem; line-height: 1.7; } @media screen and (min-width: 768px) { .p-hospital-notices-content__item-text { font-size: 1rem; line-height: 1.625; letter-spacing: 0.025em; } } .p-hospital-notices-content__item-date { margin-top: 0.63rem; display: block; font-size: 0.75rem; line-height: 1.7; } @media screen and (min-width: 768px) { .p-hospital-notices-content__item-date { font-size: 0.88rem; line-height: 1.4285714286; letter-spacing: 0.025em; } } .p-hospital-notices-content__text { margin-top: 1.25rem; font-size: 1rem; line-height: 1.7; } @media screen and (min-width: 768px) { .p-hospital-notices-content__text { margin-top: 3.13rem; font-size: 1.13rem; line-height: 1.5555555556; letter-spacing: 0.025em; } } /* ポップアップ(コンテンツ幅) ---------------------------------------------------------- */ .page-id-260 .lity { background-color: rgba(0, 0, 0, .7); } .page-id-260 .lity-container { overflow-y: auto; width: 100%; } @media screen and (min-width: 768px) { .page-id-260 .lity-container { width: 75%; } } .page-id-260 .lity-container .p-hospital-notices-content__item-image img { aspect-ratio: unset; } @media screen and (min-width: 768px) { .page-id-260 .lity-close { width: 65px; height: 65px; font-size: 75px; } } /* PDF用ポップアップ */ @media screen and (min-width: 768px) { .page-id-260 .lity iframe { width: 100%; height: 85vh; height: 100vh; } } /* ========================================================================== // // 検査一覧 // ========================================================================== */ .p-inspection-list-about__sub-title { margin-top: 1.88rem; font-family: "FOT-クレー Pro DB"; font-size: 1.5rem; line-height: 1.5; letter-spacing: 0.025em; color: #00a63c; } @media screen and (min-width: 768px) { .p-inspection-list-about__sub-title { margin-top: 3.44rem; font-size: 1.88rem; } } .p-inspection-list-about__text { margin-top: 0.94rem; font-size: 1rem; line-height: 1.7; letter-spacing: 0.025em; } @media screen and (min-width: 768px) { .p-inspection-list-about__text { font-size: 1.13rem; line-height: 1.6666666667; } } /* ========================================================================== // // 検査一覧 // ========================================================================== */ .p-inspection_list__x-ray { margin-top: 2.81rem; background-color: #f4f8e9; border-radius: 0.97rem; } @media screen and (min-width: 768px) { .p-inspection_list__x-ray { margin-top: 5.63rem; } } .p-inspection-list__x-ray-content { padding: 1.5rem 1.25rem 1.88rem; } @media screen and (min-width: 768px) { .p-inspection-list__x-ray-content { padding: 1.5rem 1.88rem 1.88rem; } } .p-inspection-list__x-ray-title { font-family: "FOT-クレー Pro DB"; font-size: 1.5rem; line-height: 1.5; letter-spacing: 0.1em; color: #00a63c; } @media screen and (min-width: 768px) { .p-inspection-list__x-ray-title { font-size: 2.13rem; } } .p-inspection-list__x-ray-wrapper { padding-block: 1.25rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 1.56rem; } @media screen and (min-width: 768px) { .p-inspection-list__x-ray-wrapper { padding-block: 1.88rem 1.06rem; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } } .p-inspection-list__x-ray-text-wrapper { width: 100%; } @media screen and (min-width: 768px) { .p-inspection-list__x-ray-text-wrapper { width: 47.1%; } } .p-inspection-list__x-ray-text__text { font-size: 1.13rem; line-height: 1.7; letter-spacing: 0.025em; } @media screen and (min-width: 768px) { .p-inspection-list__x-ray-text__text { line-height: 1.6666666667; } } .p-inspection-list__x-ray-text__text + p { margin-top: 0.63rem; } @media screen and (min-width: 768px) { .p-inspection-list__x-ray-text__text + p { margin-top: 1.88rem; } } .p-inspection-list__x-ray-image { margin: 0 auto; max-width: 34.38rem; width: 100%; } @media screen and (min-width: 768px) { .p-inspection-list__x-ray-image { margin: 0; margin: initial; margin-top: 0.19rem; width: 50%; } } .p-inspection-list__x-ray-image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; aspect-ratio: 508/336; } /* ========================================================================== // // お知らせ(main-news) // ========================================================================== */ @media screen and (min-width: 768px) { .p-main-news { overflow: hidden; } } .p-main-news__inner { padding-block: 1.88rem; position: relative; } @media screen and (min-width: 768px) { .p-main-news__inner { padding-block: 3.13rem 2.19rem; } } .p-main-news__inner::before { content: ""; width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0; z-index: -1; background: url("../images/top/bg_01.png") no-repeat center center/cover; } @media screen and (min-width: 768px) { .p-main-news__inner::before { margin-inline: -4.69rem; width: calc(100% + 9.38rem); } } .p-main-news__wrapper { margin-top: 1.88rem; } @media screen and (min-width: 768px) { .p-main-news__wrapper { margin-top: -1.88rem; } } .p-main-news__category-list { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0.75rem 0.44rem; } @media screen and (min-width: 768px) { .p-main-news__category-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: end; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 1.25rem; } } .p-main-news__category-item { cursor: pointer; padding: 0.25rem; font-size: 1rem; text-align: center; color: #666666; background-color: #fff; border: solid rgb(23, 147, 16) 0.91px; border-radius: 1.09rem; -webkit-transition: all 0.3s; transition: all 0.3s; } @media screen and (min-width: 768px) { .p-main-news__category-item { padding: 0 0.63rem 0.13rem; min-width: 8.75rem; font-size: 1.25rem; border: solid rgb(23, 147, 16) 1.02px; border-radius: 1.01rem; } } @media screen and (min-width: 768px) { .p-main-news__category-item:hover { color: #fff; background-color: #179310; } } .click { color: #fff; background-color: #179310; } .p-main-news__content { margin-top: 1.25rem; padding-inline: 1.44rem; padding-bottom: 0.94rem; background-color: #fff; -webkit-box-shadow: 3px 3px 5px 0 rgba(0, 0, 0, .2); box-shadow: 3px 3px 5px 0 rgba(0, 0, 0, .2); border-radius: 0.7rem; } @media screen and (min-width: 768px) { .p-main-news__content { margin-top: 2.5rem; margin-inline: auto; padding-top: 4.19rem; padding-inline: 3.13rem 4.06rem; padding-bottom: 4.63rem; max-width: 75rem; width: 100%; -webkit-box-shadow: 4.7px 4.7px 9.4px 0 rgba(0, 0, 0, .2); box-shadow: 4.7px 4.7px 9.4px 0 rgba(0, 0, 0, .2); border-radius: 1.29rem; } } @media screen and (min-width: 768px) { .p-main-news__content-list { display: grid; gap: 2.5rem; } } .p-main-news__content-item .c-news01 { padding: 1.13rem 1.25rem 1.19rem 0; position: relative; } @media screen and (min-width: 768px) { .p-main-news__content-item .c-news01 { padding: 0.31rem 1.25rem; } } .p-main-news__content-item .c-news01::before { content: ""; width: 101%; height: 0.05rem; display: block; background-color: #ccc; position: absolute; bottom: 0; left: -0.06rem; } @media screen and (min-width: 768px) { .p-main-news__content-item .c-news01::before { content: none; } } .p-main-news__content-item .c-news01__head { gap: 0.5rem; } @media screen and (min-width: 768px) { .p-main-news__content-item .c-news01__head { gap: 2.31rem; } } .p-main-news__content-item .c-news01__date { letter-spacing: 0.07em; } .p-main-news__content-item .c-news01__category { padding: 0.13rem 0.44rem; min-width: 6.56rem; text-align: center; } @media screen and (min-width: 768px) { .p-main-news__content-item .c-news01__category { padding: 0.19rem 0.94rem; min-width: 8.13rem; } } .p-main-news__content-item .c-news01__title { margin-top: 0.38rem; letter-spacing: 0.06em; } @media screen and (min-width: 768px) { .p-main-news__content-item .c-news01__title { margin: 0; margin: initial; } } .p-main-news__content-category { display: none; } .p-main-news__btn { margin-top: 1.25rem; margin-left: auto; width: 9.44rem; -webkit-transform: translateX(0.31rem); transform: translateX(0.31rem); } @media screen and (min-width: 768px) { .p-main-news__btn { margin-top: 1.56rem; width: 11.56rem; } } /* ========================================================================== // // よくあるご質問(人間ドック・健康診断) // ========================================================================== */ @media screen and (min-width: 768px) { .p-medicalcheckup-faq__title { font-size: 1.88rem; } } .p-medicalcheckup-faq__title::before { width: 0.38rem; height: 3.63rem; } @media screen and (min-width: 768px) { .p-medicalcheckup-faq__title::before { width: 0.31rem; height: 2.38rem; } } .p-medicalcheckup-faq__content { margin-top: 1.56rem; } @media screen and (min-width: 768px) { .p-medicalcheckup-faq__content { margin-top: 2rem; padding-inline: 3.13rem; } } .p-medicalcheckup-faq__btn { margin-top: 1.25rem; margin-right: -0.31rem; margin-left: auto; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } @media screen and (min-width: 768px) { .p-medicalcheckup-faq__btn { margin-top: 2.81rem; } } .p-medicalcheckup-faq__btn .c-btn02 { padding-block: 0.81rem; font-size: 1rem; } .p-medicalcheckup-faq__btn .c-btn02::before { width: 96%; } /* ========================================================================== // // 人間ドック・健診の特徴 // ========================================================================== */ .p-medicalcheckup-feature { position: relative; } .p-medicalcheckup-feature::before { content: ""; margin: 0 calc(50% - 50vw); width: 100vw; height: 74.5%; display: block; position: absolute; top: 23.5%; left: 0; z-index: -1; background: url("../images/common/bg_03_sp.png") no-repeat center center/cover; } @media screen and (min-width: 768px) { .p-medicalcheckup-feature::before { height: 17%; top: unset; bottom: 6%; background: url("../images/common/bg_04_pc.png") no-repeat center center/cover; } } .p-medicalcheckup-feature__title { font-family: "FOT-クレー Pro DB"; font-size: 1.5rem; line-height: 1.5; text-align: center; } @media screen and (min-width: 768px) { .p-medicalcheckup-feature__title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; font-size: 2.13rem; line-height: unset; letter-spacing: 0.1em; } } @media screen and (min-width: 768px) { .p-medicalcheckup-feature__title::before, .p-medicalcheckup-feature__title::after { content: ""; width: 25.3571428571%; height: 0.06rem; background-color: #00a63c; } } .p-medicalcheckup-feature__list { margin-top: 2.19rem; display: grid; gap: 2.5rem; } @media screen and (min-width: 768px) { .p-medicalcheckup-feature__list { margin-top: 4.69rem; grid-template-columns: repeat(3, 1fr); gap: 3.13rem; } } .p-medicalcheckup-feature__item:first-child::before { background: #fff url("../images/medicalcheckup/bg_medicalcheckup_feature_item_01_sp.png") no-repeat top center/cover; } @media screen and (min-width: 768px) { .p-medicalcheckup-feature__item:first-child::before { background: #fff url("../images/medicalcheckup/bg_medicalcheckup_feature_item_01_pc.png") no-repeat top center/cover; } } .p-medicalcheckup-feature__item:nth-child(2)::before { background: #fff url("../images/medicalcheckup/bg_medicalcheckup_feature_item_02_sp.png") no-repeat top center/cover; } @media screen and (min-width: 768px) { .p-medicalcheckup-feature__item:nth-child(2)::before { background: #fff url("../images/medicalcheckup/bg_medicalcheckup_feature_item_02_pc.png") no-repeat top center/cover; } } .p-medicalcheckup-feature__item:nth-child(3)::before { background: #fff url("../images/medicalcheckup/bg_medicalcheckup_feature_item_03_sp.png") no-repeat top center/cover; } @media screen and (min-width: 768px) { .p-medicalcheckup-feature__item:nth-child(3)::before { background: #fff url("../images/medicalcheckup/bg_medicalcheckup_feature_item_03_pc.png") no-repeat top center/cover; } } /* ========================================================================== // // 当院で受けられる健診・検査のご紹介 // ========================================================================== */ .p-medicalcheckup-info__title::before { width: 0.38rem; height: 3.75rem; } @media screen and (min-width: 768px) { .p-medicalcheckup-info__title::before { width: 0.31rem; height: 2.38rem; } } .p-medicalcheckup-info__wrapper { margin-top: 1.38rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 1.63rem; } @media screen and (min-width: 768px) { .p-medicalcheckup-info__wrapper { margin-top: 2.69rem; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; row-gap: 2.81rem; } } @media screen and (min-width: 768px) { .p-medicalcheckup-info__wrapper-item { width: 100%; } } @media screen and (min-width: 768px) { .p-medicalcheckup-info__wrapper-item:nth-child(2) { width: 65%; } } @media screen and (min-width: 768px) { .p-medicalcheckup-info__wrapper-item:nth-child(3) { width: 30%; } } .p-medicalcheckup-info__wrapper-item-title { padding: 0.63rem 0.94rem; font-family: "FOT-クレー Pro DB"; font-size: 1.25rem; letter-spacing: 0.05em; color: #00a63c; border-bottom: 1px solid #00a63c; } @media screen and (min-width: 768px) { .p-medicalcheckup-info__wrapper-item-title { padding: 1.13rem 1.5rem; font-size: 1.75rem; letter-spacing: 0; } } .p-medicalcheckup-info__list { margin-top: 1.25rem; display: grid; gap: 1.88rem; } @media screen and (min-width: 768px) { .p-medicalcheckup-info__list { margin-top: 2.81rem; grid-template-columns: repeat(3, 1fr); gap: 3.13rem 3.75rem; } } .p-medicalcheckup-info__wrapper-item:nth-child(2) .p-medicalcheckup-info__list { margin-top: 0; margin-top: initial; } @media screen and (min-width: 768px) { .p-medicalcheckup-info__wrapper-item:nth-child(2) .p-medicalcheckup-info__list { grid-template-columns: repeat(2, 1fr); } } .p-medicalcheckup-info__wrapper-item:nth-child(3) .p-medicalcheckup-info__list { margin-top: 0; margin-top: initial; } @media screen and (min-width: 768px) { .p-medicalcheckup-info__wrapper-item:nth-child(3) .p-medicalcheckup-info__list { grid-template-columns: repeat(1, 1fr); } } /* ========================================================================== // // 健診/ドックからのお知らせ // ========================================================================== */ .p-medicalcheckup-news { position: relative; } .p-medicalcheckup-news::before { content: ""; margin: 0 calc(50% - 50vw); width: 100vw; height: 100%; display: block; position: absolute; top: 0; left: 0; z-index: -1; background: url("../images/common/bg_03_sp.png") no-repeat center center/cover; } @media screen and (min-width: 768px) { .p-medicalcheckup-news::before { content: none; } } @media screen and (min-width: 768px) { .p-medicalcheckup-news__title { font-size: 1.88rem; } } .p-medicalcheckup-news__title--desktop { display: none; } @media screen and (min-width: 768px) { .p-medicalcheckup-news__title--desktop { display: -webkit-box; display: -ms-flexbox; display: flex; } } .p-medicalcheckup-news__title::before { width: 0.38rem; height: 3.63rem; } @media screen and (min-width: 768px) { .p-medicalcheckup-news__title::before { width: 0.31rem; height: 2.38rem; } } .p-medicalcheckup-news__content { margin-top: 1.25rem; } @media screen and (min-width: 768px) { .p-medicalcheckup-news__content { margin-top: 3.13rem; } } /* ========================================================================== // // 人間ドック・健康診断のご予約 // ========================================================================== */ .p-medicalcheckup-reservation__title::before { width: 0.38rem; height: 3.75rem; } @media screen and (min-width: 768px) { .p-medicalcheckup-reservation__title::before { width: 0.31rem; height: 2.38rem; } } .p-medicalcheckup-reservation__content { margin-top: 1.25rem; padding-block: 1rem 1.56rem; position: relative; } @media screen and (min-width: 768px) { .p-medicalcheckup-reservation__content { margin-top: 2.31rem; } } .p-medicalcheckup-reservation__list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 1.25rem; } @media screen and (min-width: 768px) { .p-medicalcheckup-reservation__list { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } } .p-medicalcheckup-reservation__item { padding-block: 1.25rem 1.56rem; padding-left: 1.38rem; position: relative; } @media screen and (min-width: 768px) { .p-medicalcheckup-reservation__item { padding: 1.88rem; width: 100%; background-color: #f4f8e9; border-radius: 0.62rem; } } @media screen and (min-width: 768px) { .p-medicalcheckup-reservation__item:nth-child(2), .p-medicalcheckup-reservation__item:nth-child(3) { width: 48.5%; } } .p-medicalcheckup-reservation__item::before { content: ""; width: calc(100vw - 1.5rem); height: 100%; display: block; position: absolute; top: 0; left: 0; z-index: -1; background-color: #f4f8e9; border-radius: 0.75rem; } @media screen and (min-width: 768px) { .p-medicalcheckup-reservation__item::before { content: none; } } .p-medicalcheckup-reservation__item-title { padding: 0.5rem 0; font-family: "FOT-クレー Pro DB"; font-size: 1.25rem; letter-spacing: 0.05em; color: #00a63c; border-bottom: 1px solid #ccdf80; } @media screen and (min-width: 768px) { .p-medicalcheckup-reservation__item-title { margin-inline: 3.13rem; padding-block: 1.25rem; font-size: 1.75rem; letter-spacing: 0.025em; text-align: center; } } .p-medicalcheckup-reservation__item:nth-child(2) .p-medicalcheckup-reservation__item-title, .p-medicalcheckup-reservation__item:nth-child(3) .p-medicalcheckup-reservation__item-title { letter-spacing: -0.03em; } @media screen and (min-width: 768px) { .p-medicalcheckup-reservation__item:nth-child(2) .p-medicalcheckup-reservation__item-title, .p-medicalcheckup-reservation__item:nth-child(3) .p-medicalcheckup-reservation__item-title { margin-inline: 1.88rem; letter-spacing: 0.025em; } } .p-medicalcheckup-reservation__item:nth-child(2) .p-medicalcheckup-reservation__item-title { padding-right: 0; } @media screen and (min-width: 768px) { .p-medicalcheckup-reservation__item:nth-child(2) .p-medicalcheckup-reservation__item-title { padding-right: 1.25rem; } } .p-medicalcheckup-reservation__item-text { margin-top: 0.81rem; font-size: 0.88rem; line-height: 1.7857142857; } @media screen and (min-width: 768px) { .p-medicalcheckup-reservation__item-text { margin-top: 1.56rem; font-size: 1.31rem; line-height: 1.4285714286; letter-spacing: 0.025em; text-align: center; } } .p-medicalcheckup-reservation__item-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 1.25rem; } @media screen and (min-width: 768px) { .p-medicalcheckup-reservation__item-wrapper { margin-top: 1.25rem; padding-inline: 5.63rem; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } } @media screen and (min-width: 768px) { .p-medicalcheckup-reservation__item-wrapper .p-medicalcheckup-reservation__item-dllist { width: 48.5%; } } .p-medicalcheckup-reservation__item-dllist { margin-block: 0.63rem; border: 1px solid #ccdf80; } @media screen and (min-width: 768px) { .p-medicalcheckup-reservation__item-dllist { margin: 0; margin: initial; } } @media screen and (min-width: 768px) { .p-medicalcheckup-reservation__item:nth-child(2) .p-medicalcheckup-reservation__item-dllist, .p-medicalcheckup-reservation__item:nth-child(3) .p-medicalcheckup-reservation__item-dllist { margin-top: 1.06rem; margin-inline: 1.88rem; } } @media screen and (min-width: 768px) { .p-medicalcheckup-reservation__item:nth-child(3) .p-medicalcheckup-reservation__item-dllist { margin-top: 1.38rem; } } .p-medicalcheckup-reservation__item-dlitem dt { padding: 0.75rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 0.63rem; font-family: "FOT-筑紫A丸ゴシック Std B"; font-size: 1.5rem; letter-spacing: 0.025em; color: #00a63c; background-color: #ccdf80; } @media screen and (min-width: 768px) { .p-medicalcheckup-reservation__item-dlitem dt { padding: 1.06rem; font-size: 1.88rem; } } .p-medicalcheckup-reservation__item-dlitem dt::before { content: ""; margin-top: 0.25rem; width: 1.13rem; height: 1.13rem; -ms-flex-negative: 0; flex-shrink: 0; background: url("../images/common/ico_tel_02.png") no-repeat center center/contain; } @media screen and (min-width: 768px) { .p-medicalcheckup-reservation__item-dlitem dt::before { width: 1.56rem; height: 1.56rem; } } .p-medicalcheckup-reservation__item-dlitem dd { padding: 0.94rem 1.25rem; font-size: 0.94rem; letter-spacing: 0.025em; text-align: center; background-color: #fff; } @media screen and (min-width: 768px) { .p-medicalcheckup-reservation__item-dlitem dd { padding: 0.88rem; font-size: 1.13rem; } } .p-medicalcheckup-reservation__item-dlitem dd span { margin: 0 auto 0.81rem; padding: 0.31rem 1.56rem; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; display: block; background-color: #f4f8e9; border-radius: 0.91rem; } @media screen and (min-width: 768px) { .p-medicalcheckup-reservation__item-dlitem dd span { margin-bottom: 0; margin-right: 1.13rem; padding: 0.25rem 0.94rem; display: inline-block; } } .p-medicalcheckup-reservation__item-btn { margin-inline: auto; width: 19rem; } @media screen and (min-width: 768px) { .p-medicalcheckup-reservation__item-btn { margin: 0; margin: initial; width: 35rem; } } .p-medicalcheckup-reservation__item-btn .c-btn05 { padding: 1.31rem 0.75rem 1.19rem 1.81rem; } @media screen and (min-width: 768px) { .p-medicalcheckup-reservation__item-btn .c-btn05 { padding: 2.19rem 2.81rem 1.88rem 3.75rem; } } .p-medicalcheckup-reservation__item-btn .c-btn05__text { letter-spacing: -0.02em; } @media screen and (min-width: 768px) { .p-medicalcheckup-reservation__item-btn .c-btn05__text { letter-spacing: 0; } } .p-medicalcheckup-reservation__item-btn .c-btn05__text span { display: none; } @media screen and (min-width: 768px) { .p-medicalcheckup-reservation__item-btn .c-btn05__text span { display: block; margin-top: 0.5rem; } } .p-medicalcheckup-reservation__item-btn-sub-text { margin-top: 0.5rem; font-size: 0.88rem; line-height: 1.4285714286; text-align: center; } .p-medicalcheckup-reservation__item-more { margin-top: 1.25rem; margin-left: auto; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } @media screen and (min-width: 768px) { .p-medicalcheckup-reservation__item-more { margin-top: 0.63rem; } } .p-medicalcheckup-reservation__item:nth-child(2) .p-medicalcheckup-reservation__item-more { margin-top: 0; } .p-medicalcheckup-reservation__item-more .c-btn02 { padding: 0.94rem 0.25rem; font-size: 0.88rem; } @media screen and (min-width: 768px) { .p-medicalcheckup-reservation__item-more .c-btn02 { font-size: 1rem; } } .p-medicalcheckup-reservation__item:nth-child(2) .p-medicalcheckup-reservation__item-more .c-btn02 { line-height: 1.625; text-align: right; } .p-medicalcheckup-reservation__item-more .c-btn02::before { width: 100%; } .p-medicalcheckup-reservation__item-subtext { margin-top: 1.25rem; margin-left: 1.19rem; position: relative; font-size: 0.88rem; line-height: 1.7857142857; } @media screen and (min-width: 768px) { .p-medicalcheckup-reservation__item-subtext { margin-top: 1.44rem; margin-left: 3.25rem; font-size: 1.31rem; line-height: 1.5238095238; letter-spacing: 0.025em; } } .p-medicalcheckup-reservation__item-subtext span { display: block; } @media screen and (min-width: 768px) { .p-medicalcheckup-reservation__item-subtext span { font-size: 1.13rem; } } .p-medicalcheckup-reservation__item-subtext + p { margin-top: 0.31rem; } @media screen and (min-width: 768px) { .p-medicalcheckup-reservation__item-subtext + p { margin-top: 0; } } .p-medicalcheckup-reservation__item-subtext::before { content: "■"; position: absolute; top: 0.19rem; left: -1.13rem; font-size: 0.88rem; line-height: 1.5; letter-spacing: 0.025em; color: #00a63c; } @media screen and (min-width: 768px) { .p-medicalcheckup-reservation__item-subtext::before { top: 0; left: -1.25rem; font-size: 1.13rem; line-height: 1.6666666667; letter-spacing: 0.025em; } } /* ========================================================================== // // お知らせ投稿(p-news-post) // ========================================================================== */ .p-new-post__head { padding-block: 1.25rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 0.63rem; } @media screen and (min-width: 768px) { .p-new-post__head { padding-block: 1.09rem; } } @media screen and (min-width: 768px) { .p-news-post.c-news01 { display: block; } } @media screen and (min-width: 768px) { .p-news-post.c-news01:hover { background-color: #fff; } } .p-news-post.c-news01::after { content: none; } .p-news-post .c-news01__date { -ms-flex-negative: 0; flex-shrink: 0; } .p-news-post__category-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .p-news-post__title { padding-bottom: 0.31rem; border-bottom: 1px solid #00a63c; } .p-news-post__title::before { content: none; } .p-news-post__content { padding-block: 1.25rem; } @media screen and (min-width: 768px) { .p-news-post__content { padding-block: 2.81rem; } } .p-news-post__content p { margin-block: 0.31rem; font-size: 1.13rem; line-height: 1.7; letter-spacing: 0.025em; } .p-news-post__content figure { margin-block: 0.31rem; } /* ナビゲーション ---------------------------------------------------------- */ .p-news-post__nav { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .p-news-post__nav-previous .c-btn07, .p-news-post__nav-next .c-btn07 { padding-inline: 0.88rem; } @media screen and (min-width: 768px) { .p-news-post__nav-previous .c-btn07, .p-news-post__nav-next .c-btn07 { padding-inline: 1.5rem 1.88rem; } } .p-news-post__nav-previous .c-btn07::before { content: "＜"; margin-top: 0.06rem; -ms-flex-negative: 0; flex-shrink: 0; font-size: 0.88rem; } @media screen and (min-width: 768px) { .p-news-post__nav-previous .c-btn07::before { font-size: 1rem; } } .p-news-post__nav-previous .c-btn07::after { content: none; } .p-news-post__nav-next .c-btn07::after { margin-top: 0.06rem; font-size: 0.88rem; } @media screen and (min-width: 768px) { .p-news-post__nav-next .c-btn07::after { font-size: 1rem; } } /* ========================================================================== // // お知らせ(p-news) // ========================================================================== */ .p-news__title { margin-bottom: 2.69rem; padding-block: 1.19rem 0.5rem; font-size: 2rem; letter-spacing: 0; } @media screen and (min-width: 768px) { .p-news__title { margin-bottom: 3.63rem; padding-block: 2rem; font-size: 2.38rem; letter-spacing: 0.1em; } } .archive.category .p-news__title { margin-bottom: 3rem; } .blog .p-news__title { margin-bottom: 3rem; } .p-news__header { position: relative; } .p-news__btn { margin: 0; position: absolute; top: 58%; right: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); } @media screen and (min-width: 768px) { .p-news__btn { top: 50%; } } /* ========================================================================== // // 入院について // ========================================================================== */ .p-nyuin-about__list { margin-top: 1.25rem; display: grid; gap: 0.69rem; } @media screen and (min-width: 768px) { .p-nyuin-about__list { margin-top: 2.19rem; grid-template-columns: repeat(3, 1fr); gap: 1rem 1.25rem; } } /* ========================================================================== // // 入院のご相談 // ========================================================================== */ .p-nyuin-consultation__text { margin-top: 2.19rem; font-size: 1rem; line-height: 1.625; } @media screen and (min-width: 768px) { .p-nyuin-consultation__text { margin-top: 3.31rem; padding-left: 1.94rem; font-size: 1.13rem; line-height: 1.6666666667; letter-spacing: 0.025em; } } .p-nyuin-consultation__content { margin-top: 1.06rem; padding: 0.94rem 0.94rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; background-color: #f4f8e9; border-radius: 0.48rem; } @media screen and (min-width: 768px) { .p-nyuin-consultation__content { padding: 1.56rem 2.81rem 2rem 4.69rem; border-radius: 0.73rem; } } .p-nyuin-consultation__content-title { font-family: "FOT-筑紫A丸ゴシック Std B"; font-size: 1.13rem; letter-spacing: 0.05em; text-align: center; color: #00a63c; } @media screen and (min-width: 768px) { .p-nyuin-consultation__content-title { font-size: 1.31rem; } } .p-nyuin-consultation__wrapper { margin-top: 0.81rem; } @media screen and (min-width: 768px) { .p-nyuin-consultation__wrapper { margin-top: 1.25rem; } } .p-nyuin-consultation__tel { border: 1px solid #ccdf80; } @media screen and (min-width: 768px) { .p-nyuin-consultation__tel { display: grid; grid-template-columns: repeat(2, 1fr); } } .p-nyuin-consultation__tel-head { padding: 0.63rem 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 0.63rem; background-color: #ccdf80; } @media screen and (min-width: 768px) { .p-nyuin-consultation__tel-head { padding: 0.81rem 1.56rem; gap: 0.56rem; } } @media screen and (min-width: 768px) { .p-nyuin-consultation__tel-head-content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 1.13rem; } } .p-nyuin-consultation__tel-head span { margin: 0 auto 0.25rem; padding: 0.13rem 0.31rem 0.25rem; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; display: block; font-size: 0.88rem; color: #fff; background-color: #00a63c; } @media screen and (min-width: 768px) { .p-nyuin-consultation__tel-head span { margin: 0; margin: initial; padding: 0.31rem; font-size: 1.13rem; } } .p-nyuin-consultation__tel-head-content:nth-child(2) span { padding-inline: 1.56rem; } @media screen and (min-width: 768px) { .p-nyuin-consultation__tel-head-content:nth-child(2) span { padding-inline: 2rem; } } .p-nyuin-consultation__tel-head a { padding-block: 0.13rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 0.63rem; font-family: "FOT-筑紫A丸ゴシック Std B"; font-size: 1.88rem; letter-spacing: 0.025em; color: #00a63c; } .p-nyuin-consultation__tel-head a::before { content: ""; margin-top: 0.31rem; width: 1.56rem; height: 1.56rem; -ms-flex-negative: 0; flex-shrink: 0; background: url("../images/common/ico_tel_02.png") no-repeat center center/contain; } .p-nyuin-consultation__tel-body { padding: 0.44rem 0.19rem 0.63rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 0.13rem; font-size: 1rem; line-height: 1.3125; letter-spacing: 0.025em; text-align: center; background-color: #fff; } @media screen and (min-width: 768px) { .p-nyuin-consultation__tel-body { padding: 1.56rem 2.63rem 1.56rem 1.06rem; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; gap: 1rem; font-size: 1.13rem; text-align: left; } } .p-nyuin-consultation__tel-body span { padding: 0.31rem 0.38rem; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; display: inline-block; background-color: #f4f8e9; font-size: 0.88rem; border-radius: 0.64rem; } @media screen and (min-width: 768px) { .p-nyuin-consultation__tel-body span { margin-bottom: 0; padding: 0.25rem 0.94rem; font-size: 1.13rem; border-radius: 0.91rem; } } .p-nyuin-consultation__content-btn { margin: 0.81rem auto 0; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } @media screen and (min-width: 768px) { .p-nyuin-consultation__content-btn { margin: 0; margin: initial; margin-top: 0.75rem; margin-left: auto; } } /* ========================================================================== // // 入院費用について // ========================================================================== */ .p-nyuin-cost__content { padding-top: 1.25rem; padding-left: 1.13rem; } @media screen and (min-width: 768px) { .p-nyuin-cost__content { padding-top: 1.56rem; padding-left: 1.88rem; } } .p-nyuin-cost__item { padding: 1.25rem 0; } @media screen and (min-width: 768px) { .p-nyuin-cost__item { padding: 1.88rem 0 1.25rem; } } .p-nyuin-cost__item-text { margin-top: 1.13rem; font-size: 1rem; line-height: 1.625; } @media screen and (min-width: 768px) { .p-nyuin-cost__item-text { margin-top: 1.38rem; padding-left: 1.13rem; font-size: 1.13rem; line-height: 1.6666666667; letter-spacing: 0.025em; } } .p-nyuin-cost__list { margin-top: 0.94rem; display: grid; gap: 1rem; } @media screen and (min-width: 768px) { .p-nyuin-cost__list { margin-top: 1.88rem; padding-left: 1.13rem; gap: 1.56rem; } } .p-nyuin-cost__list-item-title { font-family: "FOT-筑紫A丸ゴシック Std B"; font-size: 1.13rem; line-height: 1.6666666667; color: #00a63c; } @media screen and (min-width: 768px) { .p-nyuin-cost__list-item-title { font-size: 1.31rem; line-height: 1.4285714286; letter-spacing: 0.025em; } } @media screen and (min-width: 768px) { .p-nyuin-cost__list-item-title span { margin-right: 0.88rem; } } .p-nyuin-cost__list-item-title-sub { margin-top: -0.25rem; padding-left: 1.31rem; display: block; font-family: "FOT-筑紫A丸ゴシック Std R"; font-size: 0.88rem; line-height: 1.5714285714; color: #333; } @media screen and (min-width: 768px) { .p-nyuin-cost__list-item-title-sub { padding-left: 1.56rem; display: inline-block; font-size: 1.13rem; line-height: 1.6666666667; letter-spacing: 0.025em; } } .p-nyuin-cost__list-item-text { margin-top: 0.5rem; font-size: 0.94rem; line-height: 1.6666666667; } @media screen and (min-width: 768px) { .p-nyuin-cost__list-item-text { margin-top: 0.94rem; padding-left: 2.25rem; font-size: 1.13rem; line-height: 1.5555555556; letter-spacing: 0.025em; } } .p-nyuin-cost__item:nth-child(2) .p-nyuin-cost__list-item-text { margin-top: 1.31rem; } @media screen and (min-width: 768px) { .p-nyuin-cost__item:nth-child(2) .p-nyuin-cost__list-item-text { margin-top: 0.94rem; padding-left: 1.25rem; } } .p-nyuin-cost__item-table { margin-block: 0.88rem 0.44rem; width: 100%; } @media screen and (min-width: 768px) { .p-nyuin-cost__item-table { margin-block: 1.63rem 1.13rem; padding-left: 2.31rem; } } .p-nyuin-cost__item-table table { width: 100%; border-collapse: collapse; border: solid 0.06rem rgb(128, 128, 128); } .p-nyuin-cost__item-table table tbody { -webkit-text-size-adjust: 100%; } .p-nyuin-cost__item-table table thead th { padding: 0.31rem 0; font-family: "FOT-筑紫A丸ゴシック Std B"; font-size: 0.88rem; line-height: 2; text-align: center; vertical-align: middle; color: #00a63c; background-color: #ccdf80; border-bottom: solid 0.06rem rgb(128, 128, 128); } @media screen and (min-width: 768px) { .p-nyuin-cost__item-table table thead th { padding: 0.5rem 0; font-size: 1.31rem; line-height: 1.3333333333; letter-spacing: 0.01em; } } @media screen and (min-width: 768px) { .p-nyuin-cost__item-table table thead th .u-desktop { display: inline; } } .p-nyuin-cost__item-table table thead th:first-child { width: 20.9677419355%; } @media screen and (min-width: 768px) { .p-nyuin-cost__item-table table thead th:first-child { width: 25%; } } .p-nyuin-cost__item-table table thead th:nth-child(2) { width: 11.2903225806%; } @media screen and (min-width: 768px) { .p-nyuin-cost__item-table table thead th:nth-child(2) { width: 14.1260162602%; } } .p-nyuin-cost__item-table table thead th:nth-child(3) { width: 46.7741935484%; } @media screen and (min-width: 768px) { .p-nyuin-cost__item-table table thead th:nth-child(3) { width: 44.2073170732%; } } .p-nyuin-cost__item-table table thead th:nth-child(4) { width: 20.9677419355%; } @media screen and (min-width: 768px) { .p-nyuin-cost__item-table table thead th:nth-child(4) { width: 16.7682926829%; } } .p-nyuin-cost__item-table table thead th:not(:last-child) { border-right: solid 0.06rem rgb(128, 128, 128); } .p-nyuin-cost__item-table table tbody td { padding: 0.13rem 0; font-size: 0.94rem; line-height: 1.0769230769; text-align: center; vertical-align: middle; background-color: #fff; } @media screen and (min-width: 768px) { .p-nyuin-cost__item-table table tbody td { padding: 0; font-size: 1.13rem; line-height: 2.5; letter-spacing: 0.01em; } } @media screen and (min-width: 768px) { .p-nyuin-cost__item-table table tbody td .u-desktop { display: inline; } } .p-nyuin-cost__item-table table tbody tr td:not(:last-child) { border-right: solid 0.06rem rgb(128, 128, 128); } .p-nyuin-cost__item-table table tbody tr:not(:last-child) td { border-bottom: solid 0.06rem rgb(128, 128, 128); } .p-nyuin-cost__item-table table tbody tr:first-child td:first-child { margin-left: auto; } .p-nyuin-cost__item-table table tbody tr:nth-child(3) td { padding: 0.56rem 0; } @media screen and (min-width: 768px) { .p-nyuin-cost__item-table table tbody tr:nth-child(3) td { padding: 0; } } .p-nyuin-cost__item-sub-text { font-size: 0.91rem; line-height: 1.5172413793; } @media screen and (min-width: 768px) { .p-nyuin-cost__item-sub-text { padding-left: 2.25rem; font-size: 1rem; line-height: 1.625; letter-spacing: 0.025em; } } @media screen and (min-width: 768px) { .p-nyuin-cost__item-sub-text span:not(.p-nyuin-cost__item-sub-text--green) { display: inline-block; margin-right: 1.75rem; } } .p-nyuin-cost__item-sub-text--green { color: #00a63c; } .p-nyuin-cost__item-dllist { margin-block: 0.63rem; } @media screen and (min-width: 768px) { .p-nyuin-cost__item-dllist { margin-block: 0.81rem 0.25rem; padding-left: 2.19rem; } } @media screen and (min-width: 768px) { .p-nyuin-cost__item-dlitem { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } .p-nyuin-cost__item-dlitem dt { font-family: "FOT-筑紫A丸ゴシック Std B"; font-size: 1rem; line-height: 1.5625; letter-spacing: 0.01em; color: #00a63c; } @media screen and (min-width: 768px) { .p-nyuin-cost__item-dlitem dt { font-size: 1.13rem; line-height: 1.8888888889; letter-spacing: 0.025em; } } .p-nyuin-cost__item-dlitem dt span { color: #333; } .p-nyuin-cost__item-dlitem dd { padding-left: 1rem; font-size: 1rem; line-height: 1.5625; letter-spacing: 0.01em; } @media screen and (min-width: 768px) { .p-nyuin-cost__item-dlitem dd { padding-left: 0; font-size: 1.13rem; line-height: 1.8888888889; letter-spacing: 0.025em; } } /* 【参考】他施設・在宅療養の費用目安 ---------------------------------------------------------- */ .p-nyuin-cost__wrapper { padding-top: 1.13rem; padding-left: 0.63rem; padding-bottom: 2.5rem; background-color: #f4f8e9; border-radius: 0.94rem; } @media screen and (min-width: 768px) { .p-nyuin-cost__wrapper { margin-top: 2.63rem; padding-inline: 1.88rem; padding-bottom: 1.88rem; border-radius: 1.45rem; } } .p-nyuin-cost__wrapper-title { font-family: "FOT-筑紫A丸ゴシック Std B"; font-size: 1.13rem; line-height: 1.6666666667; color: #00a63c; } @media screen and (min-width: 768px) { .p-nyuin-cost__wrapper-title { font-size: 1.75rem; letter-spacing: 0.1em; } } @media screen and (min-width: 768px) { .p-nyuin-cost__wrapper-title .u-desktop { display: inline; } } .p-nyuin-cost__wrapper-text { padding: 1.06rem 0.63rem 0.94rem; font-size: 0.94rem; line-height: 1.6666666667; } @media screen and (min-width: 768px) { .p-nyuin-cost__wrapper-text { padding: 1.13rem 0 1.38rem; font-size: 1.13rem; line-height: 1.6666666667; } } .p-nyuin-cost__wrapper-text span { display: block; font-family: "FOT-筑紫A丸ゴシック Std B"; color: #00a63c; } .p-nyuin-cost__wrapper-table { margin-right: 1.25rem; margin-left: 0.63rem; } @media screen and (min-width: 768px) { .p-nyuin-cost__wrapper-table { overflow: visible; width: 100%; margin: 0; margin: initial; padding: 0; padding: initial; } } .p-nyuin-cost__wrapper-table table { width: 49.13rem; border-collapse: collapse; border: solid 0.05rem rgb(51, 51, 51); scrollbar-width: 1.06rem; scrollbar-color: #b3b3b3; } @media screen and (min-width: 768px) { .p-nyuin-cost__wrapper-table table { width: 100%; border: solid 0.06rem rgb(51, 51, 51); } } .p-nyuin-cost__wrapper-table table tbody { -webkit-text-size-adjust: 100%; } .p-nyuin-cost__wrapper-table table thead th { padding: 1.13rem 0.31rem 0.94rem; font-size: 0.94rem; letter-spacing: 0.01em; text-align: center; vertical-align: middle; background-color: #ccdf80; border-bottom: solid 0.05rem rgb(51, 51, 51); } @media screen and (min-width: 768px) { .p-nyuin-cost__wrapper-table table thead th { padding-block: 0.81rem 0.88rem; font-size: 1.13rem; border-bottom: solid 0.06rem rgb(51, 51, 51); } } .p-nyuin-cost__wrapper-table table thead th:first-child { width: 21.6284987277%; } @media screen and (min-width: 768px) { .p-nyuin-cost__wrapper-table table thead th:first-child { width: 23.7623762376%; } } .p-nyuin-cost__wrapper-table table thead th:nth-child(2) { width: 16.5394402036%; } @media screen and (min-width: 768px) { .p-nyuin-cost__wrapper-table table thead th:nth-child(2) { width: 17.8217821782%; } } .p-nyuin-cost__wrapper-table table thead th:nth-child(3) { width: 17.8117048346%; } @media screen and (min-width: 768px) { .p-nyuin-cost__wrapper-table table thead th:nth-child(3) { width: 17.8217821782%; } } .p-nyuin-cost__wrapper-table table thead th:nth-child(4) { width: 44.0203562341%; } @media screen and (min-width: 768px) { .p-nyuin-cost__wrapper-table table thead th:nth-child(4) { width: 40.5940594059%; } } .p-nyuin-cost__wrapper-table table thead th:not(:last-child) { border-right: solid 0.05rem rgb(51, 51, 51); } @media screen and (min-width: 768px) { .p-nyuin-cost__wrapper-table table thead th:not(:last-child) { border-right: solid 0.06rem rgb(51, 51, 51); } } .p-nyuin-cost__wrapper-table table tbody td { padding: 0.19rem 0.25rem 0.5rem; font-size: 0.94rem; text-align: center; vertical-align: middle; background-color: #fff; } @media screen and (min-width: 768px) { .p-nyuin-cost__wrapper-table table tbody td { padding: 0; padding: initial; padding-inline: 0.81rem; font-size: 1.13rem; line-height: 3.2222222222; letter-spacing: 0.01em; } } .p-nyuin-cost__wrapper-table table tbody td:first-child { text-align: left; } .p-nyuin-cost__wrapper-table table tbody td:last-child { font-size: 0.88rem; line-height: 1.2857142857; text-align: left; } @media screen and (min-width: 768px) { .p-nyuin-cost__wrapper-table table tbody td:last-child { font-size: 1rem; } } .p-nyuin-cost__wrapper-table table tbody td span { color: #00a63c; } .p-nyuin-cost__wrapper-table table tbody tr td:not(:last-child) { border-right: solid 0.05rem rgb(51, 51, 51); } @media screen and (min-width: 768px) { .p-nyuin-cost__wrapper-table table tbody tr td:not(:last-child) { border-right: solid 0.06rem rgb(51, 51, 51); } } .p-nyuin-cost__wrapper-table table tbody tr:not(:last-child) td { border-bottom: solid 0.05rem rgb(51, 51, 51); } @media screen and (min-width: 768px) { .p-nyuin-cost__wrapper-table table tbody tr:not(:last-child) td { border-bottom: solid 0.06rem rgb(51, 51, 51); } } .p-nyuin-cost__wrapper-table .simplebar-track { bottom: -1.06rem; background-color: #fff; /* 背景色 */ border: 1px solid #333; } @media screen and (min-width: 768px) { .p-nyuin-cost__wrapper-table .simplebar-track { display: none; } } .p-nyuin-cost__wrapper-table .simplebar-track.simplebar-horizontal { height: 1.13rem; } .p-nyuin-cost__wrapper-table .simplebar-track .simplebar-scrollbar.simplebar-visible::before { opacity: 1; } .p-nyuin-cost__wrapper-table .simplebar-track .simplebar-scrollbar::before { top: 0; right: 0; bottom: 0; left: 0; background: #b3b3b3; /* ハンドルの色 */ border-radius: 0; } /* スクロールヒントのスタイル */ .p-nyuin-cost__wrapper-table .scroll-indicator { position: absolute; left: 50%; top: 50%; pointer-events: none; opacity: 0.7; -webkit-transition: opacity 0.3s, visibility 0.3s; transition: opacity 0.3s, visibility 0.3s; } @media screen and (min-width: 768px) { .p-nyuin-cost__wrapper-table .scroll-indicator { display: none; } } .p-nyuin-cost__wrapper-table .scroll-indicator.is-scroll { visibility: hidden; opacity: 0; } .p-nyuin-cost__wrapper-table .scroll-indicator-inr { -webkit-animation: fadeBlink 2s infinite ease-in-out; animation: fadeBlink 2s infinite ease-in-out; } .p-nyuin-cost__wrapper-table .scroll-indicator-inr div { width: 3.75rem; height: 3.75rem; } .p-nyuin-cost__wrapper-table .scroll-indicator-inr div img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; aspect-ratio: 1/1; } /* ========================================================================== // // 退院について // ========================================================================== */ .p-nyuin-discharge__text { margin-top: 2.06rem; font-size: 1rem; line-height: 1.7; } @media screen and (min-width: 768px) { .p-nyuin-discharge__text { margin-top: 3.44rem; padding-left: 1.88rem; font-size: 1.13rem; line-height: 1.5555555556; letter-spacing: 0.025em; } } .p-nyuin-discharge__content { margin-top: 0.38rem; } @media screen and (min-width: 768px) { .p-nyuin-discharge__content { margin-top: 0.94rem; } } .p-nyuin-discharge__content-title { padding-left: 1.25rem; font-size: 1rem; line-height: 1.75; color: #00a63c; } @media screen and (min-width: 768px) { .p-nyuin-discharge__content-title { padding-left: 3rem; font-size: 1.13rem; line-height: 1.8888888889; letter-spacing: 0.025em; } } .p-nyuin-discharge__list { counter-reset: number; padding-left: 1.25rem; } @media screen and (min-width: 768px) { .p-nyuin-discharge__list { padding-left: 3rem; } } .p-nyuin-discharge__item { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 1.25rem; font-size: 1rem; line-height: 1.75; } @media screen and (min-width: 768px) { .p-nyuin-discharge__item { gap: 1.06rem; font-size: 1.13rem; line-height: 1.8888888889; letter-spacing: 0.025em; } } .p-nyuin-discharge__item::before { counter-increment: number; content: "" counter(number) "."; font-size: 1rem; line-height: 1.75; color: #00a63c; } @media screen and (min-width: 768px) { .p-nyuin-discharge__item::before { font-size: 1.13rem; line-height: 1.8888888889; letter-spacing: 0.025em; } } /* ========================================================================== // // 入院までの流れ // ========================================================================== */ .p-nyuin-flow__list { margin-top: 2.63rem; padding-left: 3.13rem; counter-reset: number; } @media screen and (min-width: 768px) { .p-nyuin-flow__list { margin-top: 4.06rem; padding-left: 6.56rem; } } .p-nyuin-flow__item { position: relative; } .p-nyuin-flow__item:not(:last-child)::before { content: ""; width: 0.13rem; height: 100%; position: absolute; top: 1.88rem; left: -1.69rem; background-image: radial-gradient(circle, #00a63c 0.06rem, transparent 0.06rem); background-position: left top; background-repeat: repeat-y; background-size: 0.13rem 0.5rem; } @media screen and (min-width: 768px) { .p-nyuin-flow__item:not(:last-child)::before { top: 2.19rem; left: -3.25rem; } } .p-nyuin-flow__item + li { margin-top: 1.56rem; } @media screen and (min-width: 768px) { .p-nyuin-flow__item + li { margin-top: 2.56rem; } } .p-nyuin-flow__item-title { position: relative; font-family: "FOT-クレー Pro DB"; font-size: 1.38rem; line-height: 1.4545454545; color: #00a63c; } @media screen and (min-width: 768px) { .p-nyuin-flow__item-title { font-size: 1.75rem; line-height: 1.0714285714; } } .p-nyuin-flow__item-title::before { counter-increment: number; content: "" counter(number, decimal-leading-zero) ""; width: 2.25rem; height: 2.25rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: absolute; top: 0; left: -2.75rem; font-family: "FOT-筑紫A丸ゴシック Std B"; font-size: 1.13rem; color: #fff; background-color: #00a63c; border-radius: 50%; } @media screen and (min-width: 768px) { .p-nyuin-flow__item-title::before { width: 2.81rem; height: 2.81rem; top: -0.5rem; left: -4.56rem; font-size: 1.38rem; } } .p-nyuin-flow__item-text { margin-top: 0.75rem; font-size: 1rem; line-height: 1.625; } @media screen and (min-width: 768px) { .p-nyuin-flow__item-text { margin-top: 1.44rem; font-size: 1.13rem; line-height: 1.6666666667; letter-spacing: 0.025em; } } .p-nyuin-flow__item-text a { text-decoration: underline; } .p-nyuin-flow__content { margin-top: 0.63rem; padding: 1.06rem 0.81rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; background-color: #f4f8e9; border-radius: 0.48rem; } @media screen and (min-width: 768px) { .p-nyuin-flow__content { padding: 1.31rem 1.44rem 1.44rem 1.25rem; border-radius: 0.73rem; } } .p-nyuin-flow__content-title { font-family: "FOT-筑紫A丸ゴシック Std B"; font-size: 1rem; letter-spacing: 0.05em; text-align: center; color: #00a63c; } @media screen and (min-width: 768px) { .p-nyuin-flow__content-title { font-size: 1.31rem; } } .p-nyuin-flow__wrapper { margin-top: 0.69rem; } @media screen and (min-width: 768px) { .p-nyuin-flow__wrapper { margin-top: 1.25rem; } } .p-nyuin-flow__tel { border: 1px solid #ccdf80; } @media screen and (min-width: 768px) { .p-nyuin-flow__tel { display: grid; grid-template-columns: repeat(2, 1fr); } } .p-nyuin-flow__tel-head { padding: 0.5rem 0 0.63rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 0.63rem; background-color: #ccdf80; } @media screen and (min-width: 768px) { .p-nyuin-flow__tel-head { padding: 0.75rem 1.25rem 0.75rem; gap: 0.63rem; } } @media screen and (min-width: 768px) { .p-nyuin-flow__tel-head-content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 1.13rem; } } .p-nyuin-flow__tel-head span { margin: 0 auto; padding: 0.13rem 0.31rem 0.25rem; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; display: block; font-size: 0.88rem; color: #fff; background-color: #00a63c; } @media screen and (min-width: 768px) { .p-nyuin-flow__tel-head span { margin: 0; margin: initial; padding: 0.31rem; font-size: 1.13rem; } } .p-nyuin-flow__tel-head-content:nth-child(2) span { padding-inline: 1.56rem; } @media screen and (min-width: 768px) { .p-nyuin-flow__tel-head-content:nth-child(2) span { padding-inline: 1.94rem; } } .p-nyuin-flow__tel-head a { padding-block: 0.13rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 0.63rem; font-family: "FOT-筑紫A丸ゴシック Std B"; font-size: 1.75rem; letter-spacing: 0.025em; color: #00a63c; } @media screen and (min-width: 768px) { .p-nyuin-flow__tel-head a { font-size: 1.88rem; gap: 0.5rem; } } .p-nyuin-flow__tel-head a::before { content: ""; margin-top: 0.31rem; width: 1.56rem; height: 1.56rem; -ms-flex-negative: 0; flex-shrink: 0; background: url("../images/common/ico_tel_02.png") no-repeat center center/contain; } .p-nyuin-flow__tel-body { padding: 0.56rem 0.19rem 0.5rem; font-size: 1rem; line-height: 1.3125; letter-spacing: 0.025em; text-align: center; background-color: #fff; } @media screen and (min-width: 768px) { .p-nyuin-flow__tel-body { padding: 1.56rem 2.63rem 1.56rem 1.06rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 1rem; font-size: 1.13rem; text-align: left; } } .p-nyuin-flow__tel-body span { margin: 0 auto 0.25rem; padding: 0.19rem 0.38rem; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; display: block; font-size: 0.88rem; background-color: #f4f8e9; border-radius: 0.64rem; } @media screen and (min-width: 768px) { .p-nyuin-flow__tel-body span { margin: 0; margin: initial; padding: 0.25rem 1.25rem; display: inline-block; font-size: 1.13rem; border-radius: 0.91rem; } } .p-nyuin-flow__content-btn { margin: 0.81rem auto 0; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } @media screen and (min-width: 768px) { .p-nyuin-flow__content-btn { margin: 0; margin: initial; margin-top: 0.56rem; margin-left: auto; } } /* ========================================================================== // // レスパイト入院について // ========================================================================== */ .p-nyuin-respite__text { margin-top: 2.06rem; font-size: 1rem; line-height: 1.7; } @media screen and (min-width: 768px) { .p-nyuin-respite__text { margin-top: 3.25rem; padding-left: 1.88rem; font-size: 1.13rem; line-height: 1.5555555556; letter-spacing: 0.025em; } } .p-nyuin-respite__list { margin-top: 0.56rem; padding-left: 1.19rem; display: grid; gap: 0.38rem; } @media screen and (min-width: 768px) { .p-nyuin-respite__list { margin-top: 1.56rem; padding-left: 3.13rem; gap: 0; } } .p-nyuin-respite__item { font-size: 1rem; line-height: 1.75; color: #00a63c; } @media screen and (min-width: 768px) { .p-nyuin-respite__item { font-size: 1.13rem; line-height: 1.8888888889; letter-spacing: 0.025em; } } .p-nyuin-respite__item span { display: block; color: #333; } @media screen and (min-width: 768px) { .p-nyuin-respite__item span { display: inline-block; } } .p-nyuin-respite__item a { padding-block: 0.63rem; display: block; font-family: "FOT-筑紫A丸ゴシック Std B"; font-size: 1.38rem; text-decoration: underline; } @media screen and (min-width: 768px) { .p-nyuin-respite__item a { padding: 0; padding: initial; display: inline-block; font-size: 1.31rem; line-height: 1; text-decoration: none; } } .p-nyuin-respite__item-wrapper { display: block; } @media screen and (min-width: 768px) { .p-nyuin-respite__item-wrapper { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 0.63rem; } } /* ========================================================================== // // 入院の対象となる方 // ========================================================================== */ .p-nyuin-target__text { margin-top: 2.06rem; font-size: 1rem; line-height: 1.7; } @media screen and (min-width: 768px) { .p-nyuin-target__text { margin-top: 3.44rem; padding-left: 1.88rem; font-size: 1.13rem; line-height: 1.5555555556; letter-spacing: 0.025em; } } .p-nyuin-target__content { margin-top: 0.94rem; } @media screen and (min-width: 768px) { .p-nyuin-target__content { margin-top: 1.31rem; } } .p-nyuin-target__content-title { padding-left: 1.25rem; font-size: 1rem; line-height: 1.75; color: #00a63c; } @media screen and (min-width: 768px) { .p-nyuin-target__content-title { padding-left: 3rem; font-size: 1.13rem; line-height: 1.8888888889; letter-spacing: 0.025em; } } .p-nyuin-target__list { counter-reset: number; padding-left: 1.25rem; } @media screen and (min-width: 768px) { .p-nyuin-target__list { padding-left: 3rem; } } .p-nyuin-target__item { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 1.25rem; font-size: 1rem; line-height: 1.75; } @media screen and (min-width: 768px) { .p-nyuin-target__item { gap: 1.06rem; font-size: 1.13rem; line-height: 1.8888888889; letter-spacing: 0.025em; } } .p-nyuin-target__item::before { counter-increment: number; content: "" counter(number) "."; font-size: 1rem; line-height: 1.75; color: #00a63c; } @media screen and (min-width: 768px) { .p-nyuin-target__item::before { font-size: 1.13rem; line-height: 1.8888888889; letter-spacing: 0.025em; } } /* ========================================================================== // // 個人情報保護方針 // ========================================================================== */ .p-privacy-policy__text { margin-top: 1.88rem; font-size: 1rem; line-height: 1.7; } @media screen and (min-width: 768px) { .p-privacy-policy__text { margin-top: 3.44rem; font-size: 1.13rem; line-height: 1.5555555556; letter-spacing: 0.025em; } } .p-privacy-policy__list { margin-top: 0.94rem; counter-reset: number; display: grid; gap: 0.94rem; } @media screen and (min-width: 768px) { .p-privacy-policy__list { margin-top: 1.88rem; gap: 1.25rem; } } .p-privacy-policy__item-title { padding-bottom: 0.31rem; display: -webkit-box; display: -ms-flexbox; display: flex; gap: 0.63rem; font-family: "FOT-筑紫A丸ゴシック Std B"; font-size: 1rem; line-height: 1.75; } @media screen and (min-width: 768px) { .p-privacy-policy__item-title { gap: 1rem; font-size: 1.13rem; line-height: 1.8888888889; letter-spacing: 0.025em; } } .p-privacy-policy__item-title::before { counter-increment: number; content: "" counter(number) "."; font-size: 1rem; line-height: 1.75; color: #00a63c; } @media screen and (min-width: 768px) { .p-privacy-policy__item-title::before { font-size: 1.13rem; line-height: 1.8888888889; letter-spacing: 0.025em; } } .p-privacy-policy__item-text { font-size: 1rem; line-height: 1.75; } @media screen and (min-width: 768px) { .p-privacy-policy__item-text { font-size: 1.13rem; line-height: 1.8888888889; letter-spacing: 0.025em; } } .p-privacy-policy__item-text a { text-decoration: underline; } /* ========================================================================== // // 患者さまの権利 // ========================================================================== */ .p-privacy-rights__text { margin-top: 1.88rem; font-size: 1rem; line-height: 1.7; } @media screen and (min-width: 768px) { .p-privacy-rights__text { margin-top: 3.44rem; font-size: 1.13rem; line-height: 1.5555555556; letter-spacing: 0.025em; } } .p-privacy-rights__list { margin-top: 1.25rem; display: grid; gap: 0.63rem; counter-reset: number; } @media screen and (min-width: 768px) { .p-privacy-rights__list { margin-top: 1.88rem; gap: 1.25rem; } } .p-privacy-rights__item dt { padding-bottom: 0.31rem; display: -webkit-box; display: -ms-flexbox; display: flex; gap: 0.63rem; font-family: "FOT-筑紫A丸ゴシック Std B"; font-size: 1rem; line-height: 1.75; } @media screen and (min-width: 768px) { .p-privacy-rights__item dt { gap: 1rem; font-size: 1.13rem; line-height: 1.8888888889; letter-spacing: 0.025em; } } .p-privacy-rights__item dt::before { counter-increment: number; content: "" counter(number) "."; font-size: 1rem; line-height: 1.75; color: #00a63c; } @media screen and (min-width: 768px) { .p-privacy-rights__item dt::before { font-size: 1.13rem; line-height: 1.8888888889; letter-spacing: 0.025em; } } .p-privacy-rights__item dd { font-size: 1rem; line-height: 1.75; } @media screen and (min-width: 768px) { .p-privacy-rights__item dd { font-size: 1.13rem; line-height: 1.8888888889; letter-spacing: 0.025em; } } /* ========================================================================== // // 個人情報の利用目的 // ========================================================================== */ .p-privacy-use__text { margin-top: 1.88rem; font-size: 1rem; line-height: 1.7; } @media screen and (min-width: 768px) { .p-privacy-use__text { margin-top: 3.44rem; font-size: 1.13rem; line-height: 1.5555555556; letter-spacing: 0.025em; } } .p-privacy-use__list { margin-top: 0.94rem; counter-reset: number; display: grid; gap: 0.94rem; } @media screen and (min-width: 768px) { .p-privacy-use__list { margin-top: 1.88rem; gap: 1.25rem; } } .p-privacy-use__item-title { padding-bottom: 0.31rem; display: -webkit-box; display: -ms-flexbox; display: flex; gap: 0.63rem; font-family: "FOT-筑紫A丸ゴシック Std B"; font-size: 1rem; line-height: 1.75; } @media screen and (min-width: 768px) { .p-privacy-use__item-title { gap: 1rem; font-size: 1.13rem; line-height: 1.8888888889; letter-spacing: 0.025em; } } .p-privacy-use__item-title::before { counter-increment: number; content: "" counter(number) "."; font-size: 1rem; line-height: 1.75; color: #00a63c; } @media screen and (min-width: 768px) { .p-privacy-use__item-title::before { font-size: 1.13rem; line-height: 1.8888888889; letter-spacing: 0.025em; } } .p-privacy-use__item-text { font-size: 1rem; line-height: 1.75; text-indent: -1em; padding-left: 1em; } @media screen and (min-width: 768px) { .p-privacy-use__item-text { font-size: 1.13rem; line-height: 1.8888888889; letter-spacing: 0.025em; } } .p-privacy-use__item-text::before { content: "・"; } @media screen and (min-width: 768px) { .p-privacy-use__list + p { margin-top: 1.88rem; } } /* ========================================================================== // // 診療スケジュール・担当医 // ========================================================================== */ .p-schedule__about-wrapper { margin-top: 0.44rem; padding-block: 1rem 1.25rem; position: relative; border-radius: 0.55rem; } @media screen and (min-width: 768px) { .p-schedule__about-wrapper { padding: 0.31rem 1.56rem 1.56rem; } } .p-schedule__about-wrapper-list { display: grid; gap: 1.56rem; } @media screen and (min-width: 768px) { .p-schedule__about-wrapper-list { grid-template-columns: repeat(2, 1fr); gap: 3.44rem; } } .p-schedule__about-wrapper-item-title { padding: 0.5rem 0; font-family: "FOT-クレー Pro DB"; font-size: 1.25rem; letter-spacing: 0.05em; color: #00a63c; } @media screen and (min-width: 768px) { .p-schedule__about-wrapper-item-title { padding: 1.25rem 0; font-size: 1.75rem; letter-spacing: 0.025em; } } .p-schedule__about-wrapper-item-dllist { margin-block: 1.25rem 0.94rem; border: 1px solid #ccdf80; } @media screen and (min-width: 768px) { .p-schedule__about-wrapper-item-dllist { margin-block: 0rem 1.06rem; } } .p-schedule__about-wrapper-item-dlitem { display: grid; grid-template-columns: 27% 1fr; } @media screen and (min-width: 768px) { .p-schedule__about-wrapper-item-dlitem { grid-template-columns: 32% 1fr; } } .p-schedule__about-wrapper-item-dlitem:first-child dt { border-bottom: 1px solid #fff; } .p-schedule__about-wrapper-item-dlitem:first-child dd { border-bottom: 1px solid #ccdf80; } .p-schedule__about-wrapper-item-dlitem dt, .p-schedule__about-wrapper-item-dlitem dd { padding: 1.06rem 0.31rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 1.13rem; letter-spacing: 0.025em; } @media screen and (min-width: 768px) { .p-schedule__about-wrapper-item-dlitem dt, .p-schedule__about-wrapper-item-dlitem dd { font-size: 1.31rem; } } .p-schedule__about-wrapper-item-dlitem dt { background-color: #ccdf80; } .p-schedule__about-wrapper-item-dlitem dd { background-color: #fff; } .p-schedule__about-wrapper-item-text { font-size: 0.88rem; line-height: 1.7857142857; } @media screen and (min-width: 768px) { .p-schedule__about-wrapper-item-text { font-size: 1.13rem; line-height: 1.6666666667; letter-spacing: 0.025em; text-align: center; } } .p-schedule__about-wrapper-item-dllist2 { margin-block: 0.63rem 1.5rem; border: 1px solid #ccdf80; } @media screen and (min-width: 768px) { .p-schedule__about-wrapper-item-dllist2 { margin-block: 0rem 1.06rem; } } .p-schedule__about-wrapper-item-dlitem2 dt { padding: 0.75rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 0.63rem; font-family: "FOT-筑紫A丸ゴシック Std B"; font-size: 1.5rem; letter-spacing: 0.025em; color: #00a63c; background-color: #ccdf80; } @media screen and (min-width: 768px) { .p-schedule__about-wrapper-item-dlitem2 dt { padding: 0.88rem; font-size: 1.75rem; } } .p-schedule__about-wrapper-item-dlitem2 dt::before { content: ""; margin-top: 0.25rem; width: 1.13rem; height: 1.13rem; -ms-flex-negative: 0; flex-shrink: 0; background: url("../images/common/ico_tel_02.png") no-repeat center center/contain; } @media screen and (min-width: 768px) { .p-schedule__about-wrapper-item-dlitem2 dt::before { width: 1.56rem; height: 1.56rem; } } .p-schedule__about-wrapper-item-dlitem2 dd { padding: 0.94rem 1.25rem; font-size: 0.94rem; letter-spacing: 0.025em; text-align: center; background-color: #fff; } @media screen and (min-width: 768px) { .p-schedule__about-wrapper-item-dlitem2 dd { padding: 0.88rem; font-size: 1.13rem; } } .p-schedule__about-wrapper-item-dlitem2 dd span { margin: 0 auto 0.81rem; padding: 0.31rem 1.56rem; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; display: block; background-color: #f4f8e9; border-radius: 0.91rem; } @media screen and (min-width: 768px) { .p-schedule__about-wrapper-item-dlitem2 dd span { margin-bottom: 0; margin-right: 0.5rem; padding: 0.25rem 0.94rem; display: inline-block; } } .p-schedule__about-wrapper-item-subtext { text-indent: -1em; padding-left: 1em; font-family: "FOT-筑紫A丸ゴシック Std B"; font-size: 0.88rem; line-height: 1.7857142857; } @media screen and (min-width: 768px) { .p-schedule__about-wrapper-item-subtext { font-size: 1.13rem; line-height: 1.6666666667; letter-spacing: 0.025em; } } .p-schedule__about-wrapper-item-subtext a { color: #00a63c; text-decoration: underline; } /* 担当医 ---------------------------------------------------------- */ .p-schedule__about-doctor { margin-top: 1.25rem; width: 100%; } .p-schedule__about-doctor-wrapper { width: 100%; position: relative; } @media screen and (min-width: 768px) { .p-schedule__about-doctor-wrapper { overflow-x: auto; } } .p-schedule__about-doctor-wrapper .simplebar-track { bottom: -1.06rem; background-color: #fff; /* 背景色 */ border: 1px solid #333; } @media screen and (min-width: 768px) { .p-schedule__about-doctor-wrapper .simplebar-track { display: none; } } .p-schedule__about-doctor-wrapper .simplebar-track.simplebar-horizontal { height: 1.13rem; } .p-schedule__about-doctor-wrapper .simplebar-track .simplebar-scrollbar.simplebar-visible::before { opacity: 1; } .p-schedule__about-doctor-wrapper .simplebar-track .simplebar-scrollbar::before { top: 0; right: 0; bottom: 0; left: 0; background: #b3b3b3; /* ハンドルの色 */ border-radius: 0; } .p-schedule__about-doctor table { width: 66.69rem; border-collapse: collapse; } @media screen and (min-width: 768px) { .p-schedule__about-doctor table { width: 100%; } } .p-schedule__about-doctor table thead th { padding: 0.31rem; font-size: 1.13rem; text-align: center; vertical-align: middle; color: #fff; background-color: #00a63c; } .p-schedule__about-doctor table thead tr:nth-child(1) th:first-child { position: sticky; top: 0; left: 0; } @media screen and (min-width: 768px) { .p-schedule__about-doctor table thead tr:nth-child(1) th:first-child { position: unset; } } .p-schedule__about-doctor table thead th:not(:last-child) { border-right: 1px solid #fff; } .p-schedule__about-doctor table thead tr:nth-child(1) th:not(:first-child) { border-bottom: 1px solid #fff; } .p-schedule__about-doctor table thead tr:nth-child(2) th { width: 6.5604498594%; } .p-schedule__about-doctor table tbody { -webkit-text-size-adjust: 100%; } .p-schedule__about-doctor table tbody tr th, .p-schedule__about-doctor table tbody tr td { background-color: #fff; } .p-schedule__about-doctor table tbody tr:nth-child(even) th, .p-schedule__about-doctor table tbody tr:nth-child(even) td { background-color: #f4f8e9; } .p-schedule__about-doctor table tbody th { padding: 1.19rem 0.31rem; width: 10.4967197751%; position: sticky; top: 0; left: 0; font-size: 1.13rem; text-align: center; vertical-align: middle; color: #00a63c; } @media screen and (min-width: 768px) { .p-schedule__about-doctor table tbody th { position: unset; border-right: 1px solid #00a63c; } } .p-schedule__about-doctor table tbody th::after { content: ""; width: 0.06rem; height: 100%; position: absolute; top: 0; right: -0.06rem; background-color: #00a63c; } @media screen and (min-width: 768px) { .p-schedule__about-doctor table tbody th::after { content: none; } } .p-schedule__about-doctor table tbody td:nth-of-type(even):not(:last-child) { border-right: 1px solid #00a63c; } .p-schedule__about-doctor table tbody td:nth-of-type(odd):not(:last-child) { border-right: 1px solid #ccdf80; } .p-schedule__about-doctor table tbody td { min-height: 3.38rem; font-size: 1.13rem; text-align: center; vertical-align: middle; } .p-schedule__about-doctor table tbody td a { padding: 0.31rem; width: 100%; height: 100%; display: block; } .p-schedule__about-doctor table tbody td a:not([href]), .p-schedule__about-doctor table tbody td a[href=""], .p-schedule__about-doctor table tbody td a[href="#"] { cursor: default; pointer-events: none; } .p-schedule__about-doctor table tbody td p { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; white-space: nowrap; } .p-schedule__about-doctor table tbody td span { display: block; font-size: 0.88rem; } /* スクロールヒントのスタイル */ .p-schedule__about-doctor-wrapper .scroll-indicator { position: absolute; left: 50%; top: 50%; pointer-events: none; opacity: 0.7; -webkit-transition: opacity 0.3s, visibility 0.3s; transition: opacity 0.3s, visibility 0.3s; } @media screen and (min-width: 768px) { .p-schedule__about-doctor-wrapper .scroll-indicator { display: none; } } .p-schedule__about-doctor-wrapper .scroll-indicator.is-scroll { visibility: hidden; opacity: 0; } .p-schedule__about-doctor-wrapper .scroll-indicator-inr { -webkit-animation: fadeBlink 2s infinite ease-in-out; animation: fadeBlink 2s infinite ease-in-out; } .p-schedule__about-doctor-wrapper .scroll-indicator-inr div { width: 5.44rem; height: 5.44rem; } .p-schedule__about-doctor-wrapper .scroll-indicator-inr div img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; aspect-ratio: 1/1; } /* スクロールヒントの点滅アニメーション */ @-webkit-keyframes fadeBlink { 0% { opacity: 0.2; } 50% { opacity: 1; } 100% { opacity: 0.2; } } @keyframes fadeBlink { 0% { opacity: 0.2; } 50% { opacity: 1; } 100% { opacity: 0.2; } } .p-schedule__about-doctor--blue { color: #4472c3; } .p-schedule__about-doctor--red { color: #bf0000; } .p-schedule__about-doctor--green { color: #70ac47; } .p-schedule__about-doctor-text-wrapper { margin-top: 1.88rem; padding-left: 0.19rem; } @media screen and (min-width: 768px) { .p-schedule__about-doctor-text-wrapper { margin-top: 0.94rem; } } .p-schedule__about-doctor-text { font-size: 1.13rem; line-height: 1.4444444444; } /* ========================================================================== // // 雇入れ健診・入学時健診などの一般健診 // ========================================================================== */ .p-screening-general__text { margin-top: 1.25rem; font-size: 1rem; line-height: 1.8; letter-spacing: 0.025em; } @media screen and (min-width: 768px) { .p-screening-general__text { margin-top: 3.19rem; padding-inline: 1.94rem 0.63rem; font-size: 1.13rem; line-height: 1.6666666667; } } .p-screening-general__list { margin-top: 1.25rem; display: grid; gap: 0.63rem; } @media screen and (min-width: 768px) { .p-screening-general__list { margin-top: 2.19rem; padding-left: 1.56rem; grid-template-columns: repeat(4, 1fr); gap: 1.25rem; } } @media screen and (min-width: 768px) { .p-screening-general__item { width: 15.38rem; } } .p-screening-general__item a { padding: 1rem 1.44rem 0.81rem 0.81rem; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; font-family: "FOT-クレー Pro M"; font-size: 1.13rem; letter-spacing: 0.01em; background-color: #ccdf80; border: 1px solid transparent; } @media screen and (min-width: 768px) { .p-screening-general__item a:hover { opacity: 1; background-color: #fff; border: 1px solid #ccdf80; } } .p-screening-general__item a::after { content: ">"; -ms-flex-negative: 0; flex-shrink: 0; } .p-screening-general__wrapper { margin-top: 1.88rem; } @media screen and (min-width: 768px) { .p-screening-general__wrapper { margin-top: 3.63rem; margin-left: 1.75rem; } } .p-screening-general__content + .p-screening-general__content { margin-top: 2.5rem; } @media screen and (min-width: 768px) { .p-screening-general__content + .p-screening-general__content { margin-top: 3.25rem; } } /* 法定健診コース・料金 ---------------------------------------------------------- */ .p-screening-general__content-table { margin-top: 1.88rem; padding-left: 0.63rem; overflow-x: auto; } @media screen and (min-width: 768px) { .p-screening-general__content-table { margin-top: 1.56rem; padding-left: 1.25rem; overflow-x: visible; } } .p-screening-general__content-table table { min-width: 45.94rem; width: 100%; font-size: 1.25rem; border-collapse: collapse; } .p-screening-general__content-table table thead th { padding: 0.63rem; text-align: center; vertical-align: middle; border-top: 1px solid #808080; border-right: 1px solid #808080; } .p-screening-general__content-table table thead th:first-child { text-align: left; background-color: rgba(204, 223, 128, .5); border-left: 1px solid #808080; } .p-screening-general__content-table table tbody { -webkit-text-size-adjust: 100%; } .p-screening-general__content-table table tbody th { padding: 0.63rem; vertical-align: middle; border-top: 1px solid #808080; border-right: 1px solid #808080; } .p-screening-general__content-table table tbody th:first-child { border-left: 1px solid #808080; } .p-screening-general__content-table table tbody tr:last-child th { border-bottom: 1px solid #808080; } .p-screening-general__content-table table tbody td { padding: 0.63rem; text-align: center; vertical-align: middle; border-top: 1px solid #808080; border-right: 1px solid #808080; } .p-screening-general__content-table table tbody tr:last-child td { border-bottom: 1px solid #808080; } .p-screening-general__content-table-green { background-color: rgba(204, 223, 128, .5); } .p-screening-general__content-table-light-green { background-color: #f4f8e9; } /* 法定健診のご注意事項 ---------------------------------------------------------- */ .p-screening-general__content-list { margin-top: 1.25rem; padding-left: 0.63rem; } @media screen and (min-width: 768px) { .p-screening-general__content-list { margin-left: 0.94rem; } } .p-screening-general__content-item + li { margin-top: 0.63rem; } .p-screening-general__content-item-title { font-size: 1.13rem; line-height: 1.9047619048; color: #00a63c; } @media screen and (min-width: 768px) { .p-screening-general__content-item-title { font-size: 1.31rem; } } .p-screening-general__content-item-title::before { content: "■"; color: #00a63c; } .p-screening-general__content-item-content { padding-left: 0.63rem; } @media screen and (min-width: 768px) { .p-screening-general__content-item-content { padding-left: 2.25rem; } } .p-screening-general__content-item-catch { font-family: "FOT-筑紫A丸ゴシック Std B"; font-size: 1rem; line-height: 1.9444444444; } @media screen and (min-width: 768px) { .p-screening-general__content-item-catch { font-size: 1.13rem; } } .p-screening-general__content-item-text { text-indent: -1em; padding-left: 1em; font-size: 1rem; line-height: 1.9444444444; } @media screen and (min-width: 768px) { .p-screening-general__content-item-text { font-size: 1.13rem; } } /* お問い合わせ・ご予約 ---------------------------------------------------------- */ .p-screening-general__content-wrapper { margin-top: 1.25rem; margin-left: 0.63rem; padding-block: 0.5rem 0.31rem; background-color: #f4f8e9; } @media screen and (min-width: 768px) { .p-screening-general__content-wrapper { margin-top: 1.5rem; margin-left: 1.25rem; padding-block: 0.81rem; } } .p-screening-general__content-wrapper-title { margin: 0 auto; padding: 0.94rem 0; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; font-family: "FOT-クレー Pro DB"; font-size: 1.25rem; line-height: 1.2; letter-spacing: 0.05em; text-align: center; color: #00a63c; border-bottom: 1px solid #ccdf80; } @media screen and (min-width: 768px) { .p-screening-general__content-wrapper-title { padding: 1.25rem 0; font-size: 1.75rem; line-height: 1; letter-spacing: 0.025em; } } .p-screening-general__content-dllist2 { margin-block: 0.94rem 1.5rem; margin-inline: auto; width: 90%; border: 1px solid #ccdf80; } @media screen and (min-width: 768px) { .p-screening-general__content-dllist2 { margin-block: 1.25rem 0.94rem; width: 35rem; } } .p-screening-general__content-dlitem2 dt { padding: 0.75rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 0.63rem; font-family: "FOT-筑紫A丸ゴシック Std B"; font-size: 1.5rem; letter-spacing: 0.025em; color: #00a63c; background-color: #ccdf80; } @media screen and (min-width: 768px) { .p-screening-general__content-dlitem2 dt { padding: 0.88rem; font-size: 1.89rem; } } .p-screening-general__content-dlitem2 dt::before { content: ""; margin-top: 0.25rem; width: 1.13rem; height: 1.13rem; -ms-flex-negative: 0; flex-shrink: 0; background: url("../images/common/ico_tel_02.png") no-repeat center center/contain; } @media screen and (min-width: 768px) { .p-screening-general__content-dlitem2 dt::before { width: 1.56rem; height: 1.56rem; } } .p-screening-general__content-dlitem2 dd { padding: 0.94rem 1.25rem; font-size: 0.94rem; letter-spacing: 0.025em; text-align: center; background-color: #fff; } @media screen and (min-width: 768px) { .p-screening-general__content-dlitem2 dd { padding: 0.88rem; font-size: 1.13rem; } } .p-screening-general__content-dlitem2 dd span { margin: 0 auto 0.81rem; padding: 0.31rem 1.56rem; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; display: block; background-color: #f4f8e9; border-radius: 0.91rem; } @media screen and (min-width: 768px) { .p-screening-general__content-dlitem2 dd span { margin-bottom: 0; margin-right: 0.5rem; padding: 0.25rem 0.94rem; display: inline-block; } } /* ========================================================================== // // 多摩市各種健診 // ========================================================================== */ .p-screening-tama__text { margin-top: 1.25rem; font-size: 1rem; line-height: 1.8; letter-spacing: 0.025em; } @media screen and (min-width: 768px) { .p-screening-tama__text { margin-top: 3.19rem; padding-inline: 1.94rem 0.63rem; font-size: 1.13rem; line-height: 1.6666666667; } } .p-screening-tama__text a { text-decoration: underline; } .p-screening-tama__list { margin-top: 1.25rem; display: grid; gap: 0.63rem; } @media screen and (min-width: 768px) { .p-screening-tama__list { margin-top: 2.19rem; padding-left: 1.56rem; grid-template-columns: repeat(4, 1fr); gap: 1.25rem; } } @media screen and (min-width: 768px) { .p-screening-tama__item { width: 15.38rem; } } .p-screening-tama__item a { padding: 1rem 0.81rem 0.81rem; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; font-family: "FOT-クレー Pro M"; font-size: 1.13rem; letter-spacing: 0.01em; background-color: #ccdf80; border: 1px solid transparent; } @media screen and (min-width: 768px) { .p-screening-tama__item a:hover { opacity: 1; background-color: #fff; border: 1px solid #ccdf80; } } .p-screening-tama__item a::after { content: ">"; -ms-flex-negative: 0; flex-shrink: 0; } .p-screening-tama__wrapper { margin-top: 1.88rem; } @media screen and (min-width: 768px) { .p-screening-tama__wrapper { margin-top: 3.63rem; margin-left: 1.75rem; } } .p-screening-tama__content + .p-screening-tama__content { margin-top: 2.5rem; } @media screen and (min-width: 768px) { .p-screening-tama__content + .p-screening-tama__content { margin-top: 3.25rem; } } /* 対応する主な多摩市健診 ---------------------------------------------------------- */ .p-screening-tama__content-list { margin-top: 1.25rem; padding-left: 0.75rem; } .p-screening-tama__content-item { font-size: 1.13rem; line-height: 1.6666666667; letter-spacing: 0.025em; } @media screen and (min-width: 768px) { .p-screening-tama__content-item { font-size: 1.31rem; } } .p-screening-tama__content-item::before { content: "■"; margin-right: 0.5rem; color: #00a63c; } .p-screening-tama__content-text { margin-top: 0.56rem; padding-left: 0.81rem; font-size: 1rem; line-height: 1.7; letter-spacing: 0.025em; } @media screen and (min-width: 768px) { .p-screening-tama__content-text { font-size: 1.13rem; line-height: 2.0555555556; } } .p-screening-tama__content-text--bold { font-family: "FOT-筑紫A丸ゴシック Std B"; } /* 受診にあたってのご案内 ---------------------------------------------------------- */ .p-screening-tama__content:nth-child(2) .p-screening-tama__content-text { margin-top: 1.06rem; } .p-screening-tama__content-list2 { margin-top: 1.25rem; padding-left: 0.81rem; } @media screen and (min-width: 768px) { .p-screening-tama__content-list2 { margin-top: 1.63rem; padding-left: 1rem; } } .p-screening-tama__content-item2 { text-indent: calc(-1em - 0.38rem); padding-left: calc(1em + 0.38rem); line-height: 1.6666666667; letter-spacing: 0.025em; } @media screen and (min-width: 768px) { .p-screening-tama__content-item2 { font-size: 1.13rem; } } .p-screening-tama__content-item2 span { font-family: "FOT-筑紫A丸ゴシック Std B"; } .p-screening-tama__content-item2::before { content: "●"; margin-right: 0.38rem; color: #00a63c; } /* お問い合わせ・ご予約 ---------------------------------------------------------- */ .p-screening-tama__content-wrapper { margin-top: 1.25rem; margin-left: 0.63rem; padding-block: 0.5rem 0.31rem; background-color: #f4f8e9; } @media screen and (min-width: 768px) { .p-screening-tama__content-wrapper { margin-top: 1.5rem; margin-left: 1.25rem; padding-block: 0.81rem; } } .p-screening-tama__content-wrapper-title { margin: 0 auto; padding: 0.94rem 0; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; font-family: "FOT-クレー Pro DB"; font-size: 1.25rem; line-height: 1.2; letter-spacing: 0.05em; text-align: center; color: #00a63c; border-bottom: 1px solid #ccdf80; } @media screen and (min-width: 768px) { .p-screening-tama__content-wrapper-title { padding: 1.25rem 0; font-size: 1.75rem; line-height: 1; letter-spacing: 0.025em; } } .p-screening-tama__content-dllist2 { margin-block: 0.94rem 1.5rem; margin-inline: auto; width: 90%; border: 1px solid #ccdf80; } @media screen and (min-width: 768px) { .p-screening-tama__content-dllist2 { margin-block: 1.25rem 0.94rem; width: 35rem; } } .p-screening-tama__content-dlitem2 dt { padding: 0.75rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 0.63rem; font-family: "FOT-筑紫A丸ゴシック Std B"; font-size: 1.5rem; letter-spacing: 0.025em; color: #00a63c; background-color: #ccdf80; } @media screen and (min-width: 768px) { .p-screening-tama__content-dlitem2 dt { padding: 0.88rem; font-size: 1.89rem; } } .p-screening-tama__content-dlitem2 dt::before { content: ""; margin-top: 0.25rem; width: 1.13rem; height: 1.13rem; -ms-flex-negative: 0; flex-shrink: 0; background: url("../images/common/ico_tel_02.png") no-repeat center center/contain; } @media screen and (min-width: 768px) { .p-screening-tama__content-dlitem2 dt::before { width: 1.56rem; height: 1.56rem; } } .p-screening-tama__content-dlitem2 dd { padding: 0.94rem 1.25rem; font-size: 0.94rem; letter-spacing: 0.025em; text-align: center; background-color: #fff; } @media screen and (min-width: 768px) { .p-screening-tama__content-dlitem2 dd { padding: 0.88rem; font-size: 1.13rem; } } .p-screening-tama__content-dlitem2 dd span { margin: 0 auto 0.81rem; padding: 0.31rem 1.56rem; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; display: block; background-color: #f4f8e9; border-radius: 0.91rem; } @media screen and (min-width: 768px) { .p-screening-tama__content-dlitem2 dd span { margin-bottom: 0; margin-right: 0.5rem; padding: 0.25rem 0.94rem; display: inline-block; } } /* ========================================================================== // // 乳がん検診・婦人科検診(人間ドック) // ========================================================================== */ .p-screening-woman__text { margin-top: 1.25rem; font-size: 1rem; line-height: 1.8; letter-spacing: 0.025em; } @media screen and (min-width: 768px) { .p-screening-woman__text { margin-top: 3.19rem; padding-inline: 1.94rem 0.63rem; font-size: 1.13rem; line-height: 1.6666666667; } } .p-screening-woman__text a { text-decoration: underline; } .p-screening-woman__list { margin-top: 1.25rem; display: grid; gap: 0.63rem; } @media screen and (min-width: 768px) { .p-screening-woman__list { margin-top: 2.19rem; padding-left: 1.56rem; grid-template-columns: repeat(4, 1fr); gap: 1.25rem; } } @media screen and (min-width: 768px) { .p-screening-woman__item { width: 15.38rem; } } .p-screening-woman__item a { padding: 1rem 1.44rem 0.81rem 0.81rem; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; font-family: "FOT-クレー Pro M"; font-size: 1.13rem; letter-spacing: 0.01em; background-color: #ccdf80; border: 1px solid transparent; } @media screen and (min-width: 768px) { .p-screening-woman__item a:hover { opacity: 1; background-color: #fff; border: 1px solid #ccdf80; } } .p-screening-woman__item a::after { content: ">"; -ms-flex-negative: 0; flex-shrink: 0; } .p-screening-woman__wrapper { margin-top: 1.88rem; } @media screen and (min-width: 768px) { .p-screening-woman__wrapper { margin-top: 3.63rem; margin-left: 1.75rem; } } .p-screening-woman__content + .p-screening-woman__content { margin-top: 2.5rem; } @media screen and (min-width: 768px) { .p-screening-woman__content + .p-screening-woman__content { margin-top: 3.25rem; } } /* 乳がん検診 / 子宮がん検診 ---------------------------------------------------------- */ .p-screening-woman__content-table { margin-top: 1.5rem; padding-left: 0.63rem; width: 100%; overflow-x: auto; } @media screen and (min-width: 768px) { .p-screening-woman__content-table { padding-left: 1.25rem; overflow-x: visible; } } .p-screening-woman__content-table table { width: 100%; min-width: 37.5rem; border-collapse: collapse; } .p-screening-woman__content-table table tbody { -webkit-text-size-adjust: 100%; } .p-screening-woman__content-table table tr { border-top: 1px solid #ccdf80; } .p-screening-woman__content-table table tr:last-child { border-bottom: 1px solid #ccdf80; } .p-screening-woman__content-table table thead th { padding: 0.75rem 0.63rem; font-size: 1rem; letter-spacing: 0.025em; text-align: center; } .p-screening-woman__content-table table thead th:first-child { width: 10rem; } @media screen and (min-width: 768px) { .p-screening-woman__content-table table thead th:first-child { width: 19rem; } } .p-screening-woman__content-table table thead th:nth-child(2) { width: 8.44rem; } @media screen and (min-width: 768px) { .p-screening-woman__content-table table thead th:nth-child(2) { width: 10.31rem; text-align: left; } } .p-screening-woman__content-table table tbody th { padding: 0.63rem 0.31rem; font-family: "FOT-クレー Pro DB"; font-size: 1.13rem; line-height: 1.3333333333; letter-spacing: 0.025em; color: #00a63c; background-color: rgba(204, 223, 128, .25); } @media screen and (min-width: 768px) { .p-screening-woman__content-table table tbody th { padding: 0.31rem 1rem; width: 19rem; min-height: 3.75rem; display: grid; grid-template-columns: 12.5rem 1fr; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } } .p-screening-woman__content-table table tbody th span { margin-top: 0.31rem; width: 4rem; display: block; font-family: "FOT-筑紫A丸ゴシック Std B"; font-size: 1rem; letter-spacing: 0.025em; text-align: center; color: #fff; background-color: #00a63c; border-radius: 0.68rem; } @media screen and (min-width: 768px) { .p-screening-woman__content-table table tbody th span { margin: 0; margin: initial; } } .page-id-557 .p-screening-woman__content-table table tbody th span, .page-id-728 .p-screening-woman__content-table table tbody th span { display: block; } .p-screening-woman__content-table table tbody tr th + td { padding-right: 2.25rem; font-family: "FOT-クレー Pro DB"; font-size: 1.13rem; letter-spacing: 0.025em; text-align: right; } .p-screening-woman__content-table table tbody tr td { padding-block: 0.31rem; padding-right: 0.63rem; font-size: 1rem; line-height: 1.5; vertical-align: middle; } @media screen and (min-width: 768px) { .p-screening-woman__content-table table tbody tr td { padding: 0; padding: initial; min-height: 3.75rem; } } .p-screening-woman__content-table table tbody td span { color: #00a63c; } .p-screening-woman__content-table-bold { font-family: "FOT-筑紫A丸ゴシック Std B"; } .p-screening-woman__content-text { margin-top: 1rem; margin-left: 0.63rem; font-size: 1rem; line-height: 1.5; } @media screen and (min-width: 768px) { .p-screening-woman__content-text { margin-left: 1.25rem; } } .p-screening-woman__content-text span { margin-right: 0.5rem; width: 4rem; display: inline-block; font-family: "FOT-筑紫A丸ゴシック Std B"; font-size: 1rem; letter-spacing: 0.025em; text-align: center; color: #fff; background-color: #00a63c; border-radius: 0.68rem; } .p-screening-woman__content-table-underline { text-decoration: underline; } .p-screening-woman__content-table table tbody th .p-screening-woman__content-text-light-green, .p-screening-woman__content-text .p-screening-woman__content-text-light-green { color: #333; background-color: #ccdf80; } @media screen and (min-width: 768px) { .p-screening-woman__content:nth-child(2) .p-screening-woman__content-text { margin-top: 1.56rem; } } @media screen and (min-width: 768px) { .p-screening-woman__content:nth-child(2) .p-screening-woman__content-text + p { margin-top: 0.5rem; } } .p-screening-woman__content-table-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 0.63rem; } @media screen and (min-width: 768px) { .p-screening-woman__content-table-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 0.31rem; } } /* お問い合わせ・ご予約 ---------------------------------------------------------- */ .p-screening-woman__content-wrapper { margin-top: 1.25rem; margin-left: 0.63rem; padding-block: 0.5rem 0.31rem; background-color: #f4f8e9; } @media screen and (min-width: 768px) { .p-screening-woman__content-wrapper { margin-top: 1.5rem; margin-left: 1.25rem; padding-block: 0.81rem; } } .p-screening-woman__content-wrapper-title { margin: 0 auto; padding: 0.94rem 0; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; font-family: "FOT-クレー Pro DB"; font-size: 1.25rem; line-height: 1.2; letter-spacing: 0.05em; text-align: center; color: #00a63c; border-bottom: 1px solid #ccdf80; } @media screen and (min-width: 768px) { .p-screening-woman__content-wrapper-title { padding: 1.25rem 0; font-size: 1.75rem; line-height: 1; letter-spacing: 0.025em; } } .p-screening-woman__content-dllist2 { margin-block: 0.94rem 1.5rem; margin-inline: auto; width: 90%; border: 1px solid #ccdf80; } @media screen and (min-width: 768px) { .p-screening-woman__content-dllist2 { margin-block: 1.25rem 0.94rem; width: 35rem; } } .p-screening-woman__content-dlitem2 dt { padding: 0.75rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 0.63rem; font-family: "FOT-筑紫A丸ゴシック Std B"; font-size: 1.5rem; letter-spacing: 0.025em; color: #00a63c; background-color: #ccdf80; } @media screen and (min-width: 768px) { .p-screening-woman__content-dlitem2 dt { padding: 0.88rem; font-size: 1.89rem; } } .p-screening-woman__content-dlitem2 dt::before { content: ""; margin-top: 0.25rem; width: 1.13rem; height: 1.13rem; -ms-flex-negative: 0; flex-shrink: 0; background: url("../images/common/ico_tel_02.png") no-repeat center center/contain; } @media screen and (min-width: 768px) { .p-screening-woman__content-dlitem2 dt::before { width: 1.56rem; height: 1.56rem; } } .p-screening-woman__content-dlitem2 dd { padding: 0.94rem 1.25rem; font-size: 0.94rem; letter-spacing: 0.025em; text-align: center; background-color: #fff; } @media screen and (min-width: 768px) { .p-screening-woman__content-dlitem2 dd { padding: 0.88rem; font-size: 1.13rem; } } .p-screening-woman__content-dlitem2 dd span { margin: 0 auto 0.81rem; padding: 0.31rem 1.56rem; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; display: block; background-color: #f4f8e9; border-radius: 0.91rem; } @media screen and (min-width: 768px) { .p-screening-woman__content-dlitem2 dd span { margin-bottom: 0; margin-right: 0.5rem; padding: 0.25rem 0.94rem; display: inline-block; } } /* ========================================================================== // // 外来受診の基本情報 // ========================================================================== */ .l-shinryo-about { padding-top: 1.44rem; } @media screen and (min-width: 768px) { .l-shinryo-about { padding-top: 4.69rem; } } .p-shinryo-about__title::before { width: 0.38rem; height: 2.81rem; } @media screen and (min-width: 768px) { .p-shinryo-about__title::before { width: 0.31rem; height: 2.38rem; } } .p-shinryo-about__btn-list { margin-top: 2.19rem; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 1.06rem; } @media screen and (min-width: 768px) { .p-shinryo-about__btn-list { margin-top: 3.75rem; gap: 2.19rem; } } .p-shinryo-about__btn-item { width: 20.31rem; } @media screen and (min-width: 768px) { .p-shinryo-about__btn-item { width: 38.63rem; } } .p-shinryo-about__content { margin-top: 1.88rem; padding-block: 1rem 1.25rem; padding-left: 1.38rem; position: relative; border-radius: 0.75rem; } @media screen and (min-width: 768px) { .p-shinryo-about__content { margin-top: 2.5rem; padding: 1.88rem 3.44rem 2.5rem; } } .p-shinryo-about__content::before { content: ""; width: calc(100vw - 1.5rem); height: 100%; display: block; position: absolute; top: 0; left: 0; z-index: -1; background-color: #f4f8e9; border-radius: 0.75rem; } @media screen and (min-width: 768px) { .p-shinryo-about__content::before { width: 100%; } } .p-shinryo-about__list { display: grid; gap: 1.56rem; } @media screen and (min-width: 768px) { .p-shinryo-about__list { grid-template-columns: repeat(2, 1fr); gap: 4.69rem; } } .p-shinryo-about__item-title { padding: 0.5rem 0; font-family: "FOT-クレー Pro DB"; font-size: 1.25rem; letter-spacing: 0.05em; color: #00a63c; border-bottom: 1px solid #bfe369; } @media screen and (min-width: 768px) { .p-shinryo-about__item-title { margin-inline: 1.56rem; padding: 1.25rem 0; font-size: 1.75rem; letter-spacing: 0.025em; } } .p-shinryo-about__item:nth-child(2) .p-shinryo-about__item-text { margin-top: 0.94rem; font-size: 1rem; letter-spacing: 0.025em; } @media screen and (min-width: 768px) { .p-shinryo-about__item:nth-child(2) .p-shinryo-about__item-text { margin-top: 1.25rem; padding-inline: 1.88rem; font-size: 1.13rem; text-align: left; } } .p-shinryo-about__item-dllist { margin-block: 1.25rem 0.94rem; border: 1px solid #ccdf80; } @media screen and (min-width: 768px) { .p-shinryo-about__item-dllist { margin: 1.56rem; } } .p-shinryo-about__item-dlitem { display: grid; grid-template-columns: 27% 1fr; } @media screen and (min-width: 768px) { .p-shinryo-about__item-dlitem { grid-template-columns: 32% 1fr; } } .p-shinryo-about__item-dlitem:first-child dt { border-bottom: 1px solid #fff; } .p-shinryo-about__item-dlitem:first-child dd { border-bottom: 1px solid #ccdf80; } .p-shinryo-about__item-dlitem dt, .p-shinryo-about__item-dlitem dd { padding: 1.13rem 0.31rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 1.13rem; letter-spacing: 0.025em; } @media screen and (min-width: 768px) { .p-shinryo-about__item-dlitem dt, .p-shinryo-about__item-dlitem dd { font-size: 1.31rem; } } .p-shinryo-about__item-dlitem dt { background-color: #ccdf80; } .p-shinryo-about__item-dlitem dd { background-color: #fff; } .p-shinryo-about__item-text { font-size: 0.88rem; line-height: 1.7857142857; } @media screen and (min-width: 768px) { .p-shinryo-about__item-text { font-size: 1.13rem; line-height: 1.6666666667; letter-spacing: 0.025em; text-align: center; } } .p-shinryo-about__item-btn { margin: 1.56rem auto 0; width: 19rem; } @media screen and (min-width: 768px) { .p-shinryo-about__item-btn { width: 24.88rem; } } .p-shinryo-about__item-btn .c-btn04 { padding: 0.63rem 1.56rem; font-size: 1.13rem; line-height: 1.2777777778; background-color: #fff; border: 1px solid #ccdf80; border-radius: 2.15rem; -webkit-transition: all 0.3s; transition: all 0.3s; } @media screen and (min-width: 768px) { .p-shinryo-about__item-btn .c-btn04 { border-radius: 1.52rem; } } @media screen and (min-width: 768px) { .p-shinryo-about__item-btn .c-btn04:hover { color: #fff; background-color: #ccdf80; } } .p-shinryo-about__item-btn .c-btn04::before { font-size: 1.13rem; } .p-shinryo-about__item-dllist2 { margin-block: 0.63rem 1.5rem; border: 1px solid #ccdf80; } @media screen and (min-width: 768px) { .p-shinryo-about__item-dllist2 { margin-bottom: 0.81rem; margin-inline: 1.56rem; } } .p-shinryo-about__item-dlitem2 dt { padding: 0.75rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 0.63rem; font-family: "FOT-筑紫A丸ゴシック Std B"; font-size: 1.5rem; letter-spacing: 0.025em; color: #00a63c; background-color: #ccdf80; } @media screen and (min-width: 768px) { .p-shinryo-about__item-dlitem2 dt { padding: 1.06rem; font-size: 1.88rem; } } .p-shinryo-about__item-dlitem2 dt::before { content: ""; margin-top: 0.25rem; width: 1.13rem; height: 1.13rem; -ms-flex-negative: 0; flex-shrink: 0; background: url("../images/common/ico_tel_02.png") no-repeat center center/contain; } @media screen and (min-width: 768px) { .p-shinryo-about__item-dlitem2 dt::before { width: 1.56rem; height: 1.56rem; } } .p-shinryo-about__item-dlitem2 dd { padding: 0.94rem 1.25rem; font-size: 0.94rem; letter-spacing: 0.025em; text-align: center; background-color: #fff; } @media screen and (min-width: 768px) { .p-shinryo-about__item-dlitem2 dd { padding: 0.88rem; font-size: 1.13rem; } } .p-shinryo-about__item-dlitem2 dd span { margin: 0 auto 0.81rem; padding: 0.31rem 1.56rem; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; display: block; background-color: #f4f8e9; border-radius: 0.91rem; } @media screen and (min-width: 768px) { .p-shinryo-about__item-dlitem2 dd span { margin-bottom: 0; margin-right: 1.13rem; padding: 0.25rem 0.94rem; display: inline-block; } } .p-shinryo-about__item-subtext { text-indent: -1em; padding-left: 1em; font-size: 0.88rem; line-height: 1.7857142857; } @media screen and (min-width: 768px) { .p-shinryo-about__item-subtext { margin-left: 2.19rem; font-size: 1.13rem; line-height: 1.6666666667; letter-spacing: 0.025em; } } .p-shinryo-about__item-subtext a { color: #00a63c; text-decoration: underline; } .p-shinryo-about__item-subtext--bold { font-family: "FOT-筑紫A丸ゴシック Std B"; } .p-shinryo-about__content-text { margin-top: 1.25rem; margin-left: 1.19rem; position: relative; font-size: 0.88rem; line-height: 1.7857142857; } @media screen and (min-width: 768px) { .p-shinryo-about__content-text { margin-top: 2.38rem; margin-left: 1rem; font-size: 1.13rem; line-height: 1.6666666667; letter-spacing: 0.025em; } } .p-shinryo-about__content-text + p { margin-top: 0.31rem; } @media screen and (min-width: 768px) { .p-shinryo-about__content-text + p { margin-top: 0; } } .p-shinryo-about__content-text::before { content: "■"; position: absolute; top: 0.19rem; left: -1.13rem; font-size: 0.88rem; line-height: 1.5; letter-spacing: 0.025em; color: #00a63c; } @media screen and (min-width: 768px) { .p-shinryo-about__content-text::before { top: 0; left: -1.25rem; font-size: 1.13rem; line-height: 1.6666666667; letter-spacing: 0.025em; } } /* ========================================================================== // // よくあるご質問(一般外来) // ========================================================================== */ @media screen and (min-width: 768px) { .p-shinryo-faq__title { font-size: 1.88rem; } } .p-shinryo-faq__title::before { width: 0.38rem; height: 2.81rem; } @media screen and (min-width: 768px) { .p-shinryo-faq__title::before { width: 0.31rem; height: 2.38rem; } } .p-shinryo-faq__content { margin-top: 1.56rem; } @media screen and (min-width: 768px) { .p-shinryo-faq__content { margin-top: 2rem; padding-inline: 3.13rem; } } .p-shinryo-faq__btn { margin-top: 1.25rem; margin-right: -0.31rem; margin-left: auto; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } @media screen and (min-width: 768px) { .p-shinryo-faq__btn { margin-top: 2.81rem; } } .p-shinryo-faq__btn .c-btn02 { padding-block: 0.81rem; font-size: 1rem; } .p-shinryo-faq__btn .c-btn02::before { width: 96%; } /* ========================================================================== // // 一般外来の特徴 // ========================================================================== */ .p-shinryo-feature { position: relative; } .p-shinryo-feature::before { content: ""; margin: 0 calc(50% - 50vw); width: 100vw; height: 74.5%; display: block; position: absolute; top: 23.5%; left: 0; z-index: -1; background: url("../images/common/bg_03_sp.png") no-repeat center center/cover; } @media screen and (min-width: 768px) { .p-shinryo-feature::before { height: 17%; top: unset; bottom: 6%; background: url("../images/common/bg_04_pc.png") no-repeat center center/cover; } } .p-shinryo-feature__title { font-family: "FOT-クレー Pro DB"; font-size: 1.5rem; text-align: center; } @media screen and (min-width: 768px) { .p-shinryo-feature__title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; font-size: 2.13rem; letter-spacing: 0.1em; } } @media screen and (min-width: 768px) { .p-shinryo-feature__title::before, .p-shinryo-feature__title::after { content: ""; width: 30.2142857143%; height: 0.06rem; background-color: #00a63c; } } .p-shinryo-feature__list { margin-top: 2.5rem; display: grid; gap: 2.5rem; } @media screen and (min-width: 768px) { .p-shinryo-feature__list { margin-top: 4.69rem; grid-template-columns: repeat(3, 1fr); gap: 3.13rem; } } .p-shinryo-feature__item:first-child::before { background: #fff url("../images/shinryo/bg_shinryo_feature_item_01_sp.png") no-repeat center 50%/cover; } .p-shinryo-feature__item:nth-child(2)::before { background: #fff url("../images/shinryo/bg_shinryo_feature_item_02_sp.png") no-repeat top center/cover; } .p-shinryo-feature__item:nth-child(3)::before { background: #fff url("../images/shinryo/bg_shinryo_feature_item_03_sp.png") no-repeat top center/cover; } @media screen and (min-width: 768px) { .p-shinryo-feature__item:nth-child(3)::before { background: #fff url("../images/shinryo/bg_shinryo_feature_item_03_pc.png") no-repeat top center/cover; } } /* ========================================================================== // // 診療内容のご案内 // ========================================================================== */ .p-shinryo-info__title::before { width: 0.38rem; height: 2.81rem; } @media screen and (min-width: 768px) { .p-shinryo-info__title::before { width: 0.31rem; height: 2.38rem; } } .p-shinryo-info__wrapper { margin-top: 2.06rem; display: grid; gap: 1.88rem; } @media screen and (min-width: 768px) { .p-shinryo-info__wrapper { gap: 2.5rem; } } .p-shinryo-info__wrapper-item-title { padding: 0.63rem 0.94rem; font-family: "FOT-クレー Pro DB"; font-size: 1.25rem; letter-spacing: 0.05em; color: #00a63c; border-bottom: 1px solid #00a63c; } @media screen and (min-width: 768px) { .p-shinryo-info__wrapper-item-title { padding: 1.13rem 1.5rem; font-size: 1.88rem; letter-spacing: 0; } } .p-shinryo-info__list { display: grid; gap: 1.88rem; } @media screen and (min-width: 768px) { .p-shinryo-info__list { grid-template-columns: repeat(3, 1fr); gap: 3.13rem 3.75rem; } } .p-shinryo-info__item { width: 100%; } /* ========================================================================== // // 一般外来のお知らせ // ========================================================================== */ .p-shinryo-news { position: relative; } .p-shinryo-news::before { content: ""; margin: 0 calc(50% - 50vw); width: 100vw; height: 100%; display: block; position: absolute; top: 0; left: 0; z-index: -1; background: url("../images/common/bg_03_sp.png") no-repeat center center/cover; } @media screen and (min-width: 768px) { .p-shinryo-news::before { content: none; } } @media screen and (min-width: 768px) { .p-shinryo-news__title { font-size: 1.88rem; } } .p-shinryo-news__title::before { width: 0.38rem; height: 3.63rem; } @media screen and (min-width: 768px) { .p-shinryo-news__title::before { width: 0.31rem; height: 2.38rem; } } .p-shinryo-news__content { margin-top: 1.25rem; } @media screen and (min-width: 768px) { .p-shinryo-news__content { margin-top: 3.13rem; } } /* ========================================================================== // // 聖ヶ丘病院の医療(top-about) // ========================================================================== */ .p-top-about__title { font-family: "FOT-クレー Pro M"; font-size: 1.5rem; letter-spacing: 0.1em; text-align: center; } @media screen and (min-width: 768px) { .p-top-about__title { position: relative; font-size: 1.88rem; } } .p-top-about__title::before { content: ""; margin-inline: auto; width: 4.38rem; height: 2.38rem; display: block; background: url("../images/common/ico_card01_01.png") no-repeat center center/cover; } @media screen and (min-width: 768px) { .p-top-about__title::before { width: 35%; height: 0.06rem; position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); background: #00a63c; } } @media screen and (min-width: 768px) { .p-top-about__title::after { content: ""; width: 35%; height: 0.06rem; position: absolute; top: 50%; right: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); background: #00a63c; } } .p-top-about__list { margin-top: 2rem; display: grid; gap: 1.88rem; } @media screen and (min-width: 768px) { .p-top-about__list { margin-top: 1.75rem; grid-template-columns: repeat(3, 1fr); gap: 3.13rem; } } .p-top-about__item:nth-child(1) { -webkit-transition-delay: 0s; transition-delay: 0s; } .p-top-about__item:nth-child(2) { -webkit-transition-delay: 0.2s; transition-delay: 0.2s; } .p-top-about__item:nth-child(3) { -webkit-transition-delay: 0.4s; transition-delay: 0.4s; } /* ========================================================================== // // 当院の施設(top-facility) // ========================================================================== */ @media screen and (min-width: 768px) { .p-top-facility { overflow: hidden; } } @media screen and (min-width: 768px) { .p-top-facility__wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; position: relative; } } @media screen and (min-width: 768px) { .p-top-facility__head { width: 51.0714285714%; } } @media screen and (min-width: 768px) { .p-top-facility__title { position: relative; z-index: 999; } } .p-top-facility__text { margin-top: 1.63rem; padding-inline: 1.25rem; font-size: 1.13rem; } @media screen and (min-width: 768px) { .p-top-facility__text { margin-top: 1.31rem; position: relative; z-index: 999; letter-spacing: 0.09em; } } /* スライダー01 ---------------------------------------------------------- */ .p-top-facility__swiper { margin-top: 1.69rem; -webkit-box-shadow: 3.3px 3.3px 6.6px rgba(0, 0, 0, .2); box-shadow: 3.3px 3.3px 6.6px rgba(0, 0, 0, .2); } @media screen and (min-width: 768px) { .p-top-facility__swiper { margin: 0; margin: initial; margin-left: 0.44rem; width: 45.7142857143%; -webkit-box-shadow: 4.98px 4.98px 9.97px rgba(0, 0, 0, .2); box-shadow: 4.98px 4.98px 9.97px rgba(0, 0, 0, .2); } } .p-top-facility__frame { width: 91%; height: 91%; display: block; position: absolute; inset: 4%; border: solid rgb(255, 255, 255) 0.79px; border-radius: 0.42rem; z-index: 100; } @media screen and (min-width: 768px) { .p-top-facility__frame { width: 96%; height: 96%; inset: 2%; border: solid #fff 1px; border-radius: 0.75rem; } } .p-top-facility__image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; aspect-ratio: 331/331; } @media screen and (min-width: 768px) { .p-top-facility__image img { width: 100.5%; aspect-ratio: 640/500; } } /* スライダー02 ---------------------------------------------------------- */ .p-top-facility__swiper02 { display: none; } @media screen and (min-width: 768px) { .p-top-facility__swiper02 { margin: 0 calc(50% - 50vw); width: 100vw; display: block; position: absolute; top: 28%; left: 0; z-index: -1; } } @media screen and (min-width: 768px) and (min-width: 1920px) { .p-top-facility__swiper02 { max-height: 18.75rem; } } .p-top-facility__swiper02-wrapper { -webkit-transition-timing-function: linear; transition-timing-function: linear; } .p-top-facility__swiper-slide02 { position: relative; } @media screen and (min-width: 768px) { .p-top-facility__swiper-slide02::before { content: ""; width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0; z-index: 1; background-color: rgba(255, 255, 255, .5); } } @media screen and (min-width: 768px) { .p-top-facility__image02 img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; aspect-ratio: 507/335; } } .p-top-facility__btn { margin-top: 1.56rem; margin-right: -0.31rem; margin-left: auto; width: 12.63rem; } @media screen and (min-width: 768px) { .p-top-facility__btn { margin-top: -2.0833333333vw; margin-right: 0; } } .p-top-facility__btn .c-btn02 { font-size: 1rem; } @media screen and (min-width: 768px) { .p-top-facility__btn .c-btn02 { position: relative; z-index: 100; } } .p-top-facility__btn .c-btn02::before { width: 96%; bottom: 0.19rem; } @media screen and (min-width: 768px) { .p-top-facility__btn .c-btn02::before { width: 100%; bottom: -0.5rem; left: 0; } } /* ========================================================================== // // 緩和ケア(top-hospice) // ========================================================================== */ .p-top-hospice { background: url("../images/top/bg_01_sp.png") no-repeat center center/cover; overflow: hidden; } @media screen and (min-width: 768px) { .p-top-hospice { background: url("../images/top/bg_01.png") no-repeat left center/cover; overflow: visible; } } .p-top-hospice__wrapper { padding-block: 2.5rem 2.56rem; } @media screen and (min-width: 768px) { .p-top-hospice__wrapper { padding-block: 3.44rem 2.5rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } } @media screen and (min-width: 768px) { .p-top-hospice__content { width: 24.6%; } } @media screen and (min-width: 768px) { .p-top-hospice__title { gap: 1.13rem; } } .p-top-hospice__text { margin-top: 2.25rem; padding-inline: 1.06rem; font-size: 1.13rem; } @media screen and (min-width: 768px) { .p-top-hospice__text { margin-top: 3.44rem; padding-inline: 1.5rem; line-height: 1.7; letter-spacing: 0.02em; } } .p-top-hospice__text + p { margin-top: 2rem; } @media screen and (min-width: 768px) { .p-top-hospice__text + p { margin-top: 1.88rem; } } .p-top-hospice__btn { margin: 3.25rem auto 0; width: 17.5rem; } @media screen and (min-width: 768px) { .p-top-hospice__btn { margin: 4.25rem 1.56rem 0; width: 15.25rem; } } .p-top-hospice__swiper-container { margin-top: 2.38rem; position: relative; } @media screen and (min-width: 768px) { .p-top-hospice__swiper-container { margin-top: 0.63rem; width: 75.4%; } } .p-top-hospice__swiper { margin: 0 calc(50% - 50vw); width: 100vw; } @media screen and (min-width: 768px) { .p-top-hospice__swiper { margin: 0; margin: initial; width: 100%; overflow: visible; } } .p-top-hospice__swiper-slide { border-radius: 0.75rem; } @media screen and (min-width: 768px) { .p-top-hospice__swiper-slide { -ms-flex-negative: 1; flex-shrink: 1; } } @media screen and (min-width: 768px) { .p-top-hospice__swiper-slide:nth-child(2) { -webkit-transform: translateY(3.13rem); transform: translateY(3.13rem); -webkit-transition-delay: 0.4s; transition-delay: 0.4s; } } @media screen and (min-width: 768px) { .p-top-hospice__swiper-slide:nth-child(3) { -webkit-transform: translateY(5.63rem); transform: translateY(5.63rem); -webkit-transition-delay: 0.8s; transition-delay: 0.8s; } } @media screen and (min-width: 768px) { .p-top-hospice__list { gap: 1.88rem; } } .p-top-hospice__item { position: relative; } .p-top-hospice__item a { display: block; } @media screen and (min-width: 768px) { .p-top-hospice__item a:hover { -webkit-transform: translateY(0.13rem); transform: translateY(0.13rem); opacity: 1; } } .p-top-hospice__item a::before { content: ""; width: 1.25rem; height: 1.25rem; display: block; position: absolute; bottom: 1.25rem; right: 1.13rem; z-index: 50; background: url("../images/common/ico_link_01.png") no-repeat center center/contain; } @media screen and (min-width: 768px) { .p-top-hospice__item a::before { content: none; } } .p-top-hospice__item-image { position: relative; border-radius: 0.75rem; -webkit-box-shadow: 2.63px 2.63px 5.26px rgba(0, 0, 0, .2), -1.32px 0 5.26px rgba(0, 0, 0, .2); box-shadow: 2.63px 2.63px 5.26px rgba(0, 0, 0, .2), -1.32px 0 5.26px rgba(0, 0, 0, .2); } @media screen and (min-width: 768px) { .p-top-hospice__item-image { -webkit-box-shadow: 4.34px 4.34px 8.68px rgba(0, 0, 0, .2), -1.32px 0 8.68px rgba(0, 0, 0, .2); box-shadow: 4.34px 4.34px 8.68px rgba(0, 0, 0, .2), -1.32px 0 8.68px rgba(0, 0, 0, .2); } } .p-top-hospice__item-image::before { content: ""; width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0; background-color: rgba(102, 102, 102, .25); border-radius: 0.75rem; -webkit-transition: all 0.3s; transition: all 0.3s; } @media screen and (min-width: 768px) { .p-top-hospice__item a:hover .p-top-hospice__item-image::before { background-color: rgba(191, 227, 105, .25); } } .p-top-hospice__item-image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; aspect-ratio: 200/314; border-radius: 0.75rem; } @media screen and (min-width: 768px) { .p-top-hospice__item-image img { aspect-ratio: 330/520; } } .p-top-hospice__item-image01 img { -o-object-position: 61%; object-position: 61%; } .p-top-hospice__item-image03 img { -o-object-position: left; object-position: left; } @media screen and (min-width: 768px) { .p-top-hospice__item a:hover img { opacity: 1; } } .p-top-hospice__item-title { position: absolute; top: 11.2vw; left: 4.8vw; font-family: "FOT-筑紫A丸ゴシック Std B"; font-size: 6.6666666667vw; line-height: 1.6; color: #fff; text-shadow: 0 0 5.39px #606060; } @media screen and (min-width: 768px) { .p-top-hospice__item-title { top: 3.38rem; left: 2.13rem; font-size: 1.5rem; line-height: 1.7; } } .p-top-hospice__item-texts { width: 82%; display: grid; gap: 0.44rem; position: absolute; bottom: 3.25rem; bottom: 13.8666666667vw; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); text-align: center; } @media screen and (min-width: 768px) { .p-top-hospice__item-texts { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; bottom: 3.44rem; } } .p-top-hospice__item-text { padding: 0.13rem; font-family: "FOT-クレー Pro M"; font-size: 5.0666666667vw; letter-spacing: -0.05em; line-height: 1; color: #fff; background-color: #00a63c; border-radius: 2.664vw; } @media screen and (min-width: 768px) { .p-top-hospice__item-text { padding: 0.56rem; font-size: 1.13rem; color: #333; background-color: #bfe369; border-radius: 1.09rem; -webkit-transition: all 0.3s; transition: all 0.3s; } } .p-top-hospice__swiper-slide:nth-child(1) .p-top-hospice__item-text, .p-top-hospice__swiper-slide:nth-child(2) .p-top-hospice__item-text, .p-top-hospice__swiper-slide:nth-child(3) .p-top-hospice__item-text { width: 95%; } @media screen and (min-width: 768px) { .p-top-hospice__item a:hover .p-top-hospice__item-text { color: #fff; background-color: #00a63c; } } .p-top-hospice__swiper-container .swiper-pagination-bullets.swiper-pagination-horizontal { margin-left: 0.13rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 0.5rem; bottom: -1.88rem; } .p-top-hospice__swiper-container .swiper-pagination-bullet { width: 0.94rem; height: 0.81rem; background-color: transparent; background: url("../images/top/ico_circle_01.png") no-repeat center center/cover; border-radius: unset; opacity: 1; } @media screen and (min-width: 768px) { .p-top-hospice__swiper-container .swiper-pagination-bullet { display: none; } } .p-top-hospice__swiper-container .swiper-pagination-bullet-active { margin: 0 1px; width: 0.81rem; height: 0.81rem; background-color: #00a63c; border-radius: 50%; -webkit-transform: translateY(-0.06rem); transform: translateY(-0.06rem); } .p-top-hospice__swiper-container .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0; } /* ========================================================================== // // 大切なお知らせ(top-news) // ========================================================================== */ @media screen and (min-width: 768px) { .p-top-news__wrapper { display: grid; grid-template-columns: 18.94rem 1fr; } } .p-top-news__title { padding-block: 0.31rem; padding-right: 0.75rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 0.81rem; font-family: "FOT-クレー Pro DB"; font-size: 1.13rem; color: #179310; background-color: rgba(191, 227, 105, .3); border-radius: 0.5rem 0.5rem 0 0; } @media screen and (min-width: 768px) { .p-top-news__title { padding-inline: 0.75rem; font-size: 1.5rem; border-radius: 0.75rem 0 0 0.75rem; } } .p-top-news__title::before { content: ""; width: 1.25rem; height: 1.25rem; -ms-flex-negative: 0; flex-shrink: 0; background: url("../images/top/ico_news_01.png") no-repeat center center/contain; } @media screen and (min-width: 768px) { .p-top-news__title::before { width: 2.44rem; height: 2.44rem; } } .p-top-news__list { padding: 0.88rem 0.44rem 1.38rem; display: grid; gap: 2.06rem; background-color: #f4f8e9; border-radius: 0 0 0.5rem 0.5rem; } @media screen and (min-width: 768px) { .p-top-news__list { padding: 1.38rem 1.25rem 1.25rem 2.06rem; gap: 0.63rem; border-radius: 0 0.67rem 0.67rem 0; } } /* ========================================================================== // // 倫理綱領 // ========================================================================== */ .p-trusted-care-ethics__text { margin-top: 1.88rem; font-size: 1rem; line-height: 1.7; } @media screen and (min-width: 768px) { .p-trusted-care-ethics__text { margin-top: 3.44rem; font-size: 1.13rem; line-height: 1.5555555556; letter-spacing: 0.025em; } } .p-trusted-care-ethics__list { margin-top: 0.94rem; counter-reset: number; } @media screen and (min-width: 768px) { .p-trusted-care-ethics__list { margin-top: 1.88rem; } } .p-trusted-care-ethics__item { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 0.63rem; font-size: 1rem; line-height: 1.75; } @media screen and (min-width: 768px) { .p-trusted-care-ethics__item { gap: 1rem; font-size: 1.13rem; line-height: 1.8888888889; letter-spacing: 0.025em; } } .p-trusted-care-ethics__item::before { counter-increment: number; content: "" counter(number) "."; font-size: 1rem; line-height: 1.75; color: #00a63c; } @media screen and (min-width: 768px) { .p-trusted-care-ethics__item::before { font-size: 1.13rem; line-height: 1.8888888889; letter-spacing: 0.025em; } } /* ========================================================================== // // 医療機能評価 // ========================================================================== */ .p-trusted-care-evaluation__text { margin-top: 1.88rem; font-size: 1rem; line-height: 1.7; } @media screen and (min-width: 768px) { .p-trusted-care-evaluation__text { margin-top: 3.44rem; font-size: 1.13rem; line-height: 1.5555555556; letter-spacing: 0.025em; } } .p-trusted-care-evaluation__content { margin-top: 1.88rem; } @media screen and (min-width: 768px) { .p-trusted-care-evaluation__content { margin-top: 3.13rem; } } .p-trusted-care-evaluation__image-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .p-trusted-care-evaluation__image { width: 60%; } @media screen and (min-width: 768px) { .p-trusted-care-evaluation__image { width: 30%; } } .p-trusted-care-evaluation__image:nth-child(2) { width: 52.5%; } @media screen and (min-width: 768px) { .p-trusted-care-evaluation__image:nth-child(2) { width: 22.5%; } } .p-trusted-care-evaluation__image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; aspect-ratio: 300/300; } .p-trusted-care-evaluation__image:nth-child(2) img { aspect-ratio: 210/297; } .p-trusted-care-evaluation__content .p-trusted-care-evaluation__text { text-align: center; font-size: 0.94rem; } @media screen and (min-width: 768px) { .p-trusted-care-evaluation__content .p-trusted-care-evaluation__text { margin-top: 2.5rem; font-size: 1.13rem; } } .p-trusted-care-evaluation__content .p-trusted-care-evaluation__text + p { margin-top: 0; } .p-trusted-care-evaluation__list { margin-top: 1.88rem; } @media screen and (min-width: 768px) { .p-trusted-care-evaluation__list { margin-top: 4.38rem; } } .p-trusted-care-evaluation__list dt, .p-trusted-care-evaluation__list dd { font-size: 0.88rem; line-height: 1.7; } @media screen and (min-width: 768px) { .p-trusted-care-evaluation__list dt, .p-trusted-care-evaluation__list dd { font-size: 1rem; line-height: 1.625; letter-spacing: 0.025em; } } .p-trusted-care-evaluation__list dt { font-family: "FOT-筑紫A丸ゴシック Std B"; } .p-trusted-care-evaluation__list dd a { text-decoration: underline; } /* ========================================================================== // // 初めて受診される方へ // ========================================================================== */ .p-visit-guide-first__link { margin-top: 1.25rem; display: grid; gap: 0.63rem; } @media screen and (min-width: 768px) { .p-visit-guide-first__link { margin-top: 2.19rem; padding-left: 1.56rem; grid-template-columns: repeat(4, 1fr); gap: 1.25rem; } } @media screen and (min-width: 768px) { .p-visit-guide-first__link-item { width: 15.38rem; } } .p-visit-guide-first__link-item a { padding: 1rem 1.44rem 0.81rem 0.81rem; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; font-family: "FOT-クレー Pro M"; font-size: 1.13rem; letter-spacing: 0.01em; background-color: rgba(204, 223, 128, .5); border: 1px solid transparent; } @media screen and (min-width: 768px) { .p-visit-guide-first__link-item a:hover { opacity: 1; background-color: #fff; border: 1px solid rgba(204, 223, 128, .5); } } .p-visit-guide-first__link-item a::after { content: ">"; -ms-flex-negative: 0; flex-shrink: 0; } /* コンテンツ ---------------------------------------------------------- */ .p-visit-guide-first__wrapper { margin-top: 1.88rem; margin-left: 0.63rem; } @media screen and (min-width: 768px) { .p-visit-guide-first__wrapper { margin-top: 3.44rem; margin-left: 1.56rem; } } .p-visit-guide-first__content + div { margin-top: 1.88rem; } @media screen and (min-width: 768px) { .p-visit-guide-first__content + div { margin-top: 3.44rem; } } .p-visit-guide-first__content-title { margin-bottom: 1.25rem; } @media screen and (min-width: 768px) { .p-visit-guide-first__content-container { margin-left: 1.13rem; } } .p-visit-guide-first__content-text { font-size: 1rem; line-height: 1.7; letter-spacing: 0.025em; } @media screen and (min-width: 768px) { .p-visit-guide-first__content-text { font-size: 1.13rem; line-height: 1.6666666667; } } .p-visit-guide-first__content-wrapper { margin-top: 1.88rem; padding-block: 1rem 1.25rem; padding-left: 1.38rem; position: relative; border-radius: 0.55rem; } @media screen and (min-width: 768px) { .p-visit-guide-first__content-wrapper { padding: 0.31rem 1.56rem 1.56rem; } } .p-visit-guide-first__content-wrapper::before { content: ""; width: calc(100vw - 1.5rem); height: 100%; display: block; position: absolute; top: 0; left: 0; z-index: -1; background-color: #f4f8e9; border-radius: 0.75rem; } @media screen and (min-width: 768px) { .p-visit-guide-first__content-wrapper::before { width: 100%; } } .p-visit-guide-first__content-wrapper-list { display: grid; gap: 1.56rem; } @media screen and (min-width: 768px) { .p-visit-guide-first__content-wrapper-list { grid-template-columns: repeat(2, 1fr); gap: 1.25rem; } } .p-visit-guide-first__content-wrapper-item-title { padding: 0.5rem 0; font-family: "FOT-クレー Pro DB"; font-size: 1.25rem; letter-spacing: 0.05em; color: #00a63c; border-bottom: 1px solid #bfe369; } @media screen and (min-width: 768px) { .p-visit-guide-first__content-wrapper-item-title { padding: 1.25rem 0; font-size: 1.75rem; letter-spacing: 0.025em; } } .p-visit-guide-first__content-wrapper-item-dllist { margin-block: 1.25rem 0.94rem; border: 1px solid #ccdf80; } @media screen and (min-width: 768px) { .p-visit-guide-first__content-wrapper-item-dllist { margin-block: 1.69rem 1.56rem; } } .p-visit-guide-first__content-wrapper-item-dlitem { display: grid; grid-template-columns: 27% 1fr; } @media screen and (min-width: 768px) { .p-visit-guide-first__content-wrapper-item-dlitem { grid-template-columns: 32% 1fr; } } .p-visit-guide-first__content-wrapper-item-dlitem:first-child dt { border-bottom: 1px solid #fff; } .p-visit-guide-first__content-wrapper-item-dlitem:first-child dd { border-bottom: 1px solid #ccdf80; } .p-visit-guide-first__content-wrapper-item-dlitem dt, .p-visit-guide-first__content-wrapper-item-dlitem dd { padding: 1.06rem 0.31rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 1.13rem; letter-spacing: 0.025em; } @media screen and (min-width: 768px) { .p-visit-guide-first__content-wrapper-item-dlitem dt, .p-visit-guide-first__content-wrapper-item-dlitem dd { font-size: 1.31rem; } } .p-visit-guide-first__content-wrapper-item-dlitem dt { background-color: #ccdf80; } .p-visit-guide-first__content-wrapper-item-dlitem dd { background-color: #fff; } .p-visit-guide-first__content-wrapper-item-text { font-size: 0.88rem; line-height: 1.7857142857; } @media screen and (min-width: 768px) { .p-visit-guide-first__content-wrapper-item-text { font-size: 1.13rem; line-height: 1.6666666667; letter-spacing: 0.025em; text-align: center; } } .p-visit-guide-first__content-wrapper-item-btn { margin: 1.56rem auto 0; width: 19rem; } @media screen and (min-width: 768px) { .p-visit-guide-first__content-wrapper-item-btn { width: 24.88rem; } } .p-visit-guide-first__content-wrapper-item-btn .c-btn04 { padding: 0.63rem 1.56rem; font-size: 1.13rem; line-height: 1.2777777778; background-color: #fff; border: 1px solid #ccdf80; border-radius: 2.15rem; -webkit-transition: all 0.3s; transition: all 0.3s; } @media screen and (min-width: 768px) { .p-visit-guide-first__content-wrapper-item-btn .c-btn04 { border-radius: 1.52rem; } } @media screen and (min-width: 768px) { .p-visit-guide-first__content-wrapper-item-btn .c-btn04:hover { color: #fff; background-color: #ccdf80; } } .p-visit-guide-first__content-wrapper-item-btn .c-btn04::before { font-size: 1.13rem; } .p-visit-guide-first__content-wrapper-item-dllist2 { margin-block: 0.63rem 1.5rem; border: 1px solid #ccdf80; } @media screen and (min-width: 768px) { .p-visit-guide-first__content-wrapper-item-dllist2 { margin-block: 1.69rem 0.94rem; } } .p-visit-guide-first__content-wrapper-item-dlitem2 dt { padding: 0.75rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 0.63rem; font-family: "FOT-筑紫A丸ゴシック Std B"; font-size: 1.5rem; letter-spacing: 0.025em; color: #00a63c; background-color: #ccdf80; } @media screen and (min-width: 768px) { .p-visit-guide-first__content-wrapper-item-dlitem2 dt { padding: 0.88rem; font-size: 1.75rem; } } .p-visit-guide-first__content-wrapper-item-dlitem2 dt::before { content: ""; margin-top: 0.25rem; width: 1.13rem; height: 1.13rem; -ms-flex-negative: 0; flex-shrink: 0; background: url("../images/common/ico_tel_02.png") no-repeat center center/contain; } @media screen and (min-width: 768px) { .p-visit-guide-first__content-wrapper-item-dlitem2 dt::before { width: 1.56rem; height: 1.56rem; } } .p-visit-guide-first__content-wrapper-item-dlitem2 dd { padding: 0.94rem 1.25rem; font-size: 0.94rem; letter-spacing: 0.025em; text-align: center; background-color: #fff; } @media screen and (min-width: 768px) { .p-visit-guide-first__content-wrapper-item-dlitem2 dd { padding: 0.88rem; font-size: 1.13rem; } } .p-visit-guide-first__content-wrapper-item-dlitem2 dd span { margin: 0 auto 0.81rem; padding: 0.31rem 1.56rem; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; display: block; background-color: #f4f8e9; border-radius: 0.91rem; } @media screen and (min-width: 768px) { .p-visit-guide-first__content-wrapper-item-dlitem2 dd span { margin-bottom: 0; margin-right: 0.5rem; padding: 0.25rem 0.94rem; display: inline-block; } } .p-visit-guide-first__content-wrapper-item-subtext { text-indent: -1em; padding-left: 1em; font-size: 0.88rem; line-height: 1.7857142857; } @media screen and (min-width: 768px) { .p-visit-guide-first__content-wrapper-item-subtext { font-size: 1.13rem; line-height: 1.6666666667; letter-spacing: 0.025em; } } .p-visit-guide-first__content-wrapper-item-subtext a { color: #00a63c; text-decoration: underline; } .p-visit-guide-first__content-wrapper-item-subtext--bold { font-family: "FOT-筑紫A丸ゴシック Std B"; } .p-visit-guide-first__content-list { counter-reset: number; } .p-visit-guide-first__content-list-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; font-size: 1.13rem; line-height: 1.7; letter-spacing: 0.025em; } @media screen and (min-width: 768px) { .p-visit-guide-first__content-list-item { -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 1.31rem; line-height: 1.7142857143; } } .p-visit-guide-first__content-list-item::before { counter-increment: number; content: "" counter(number) ""; margin-top: 0.06rem; margin-right: 0.63rem; padding-left: 0.06rem; padding-bottom: 0.06rem; width: 1.25rem; height: 1.25rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-negative: 0; flex-shrink: 0; font-size: 1.13rem; line-height: 1.7; color: #00a63c; border: 0.06rem solid #00a63c; border-radius: 50%; } @media screen and (min-width: 768px) { .p-visit-guide-first__content-list-item::before { margin-right: 1rem; font-size: 1.19rem; line-height: 1.7142857143; } } .p-visit-guide-first__content-list-item span { color: #00a63c; } .p-visit-guide-first__content:nth-child(3) .p-visit-guide-first__content-list { margin-block: 1rem; } @media screen and (min-width: 768px) { .p-visit-guide-first__content:nth-child(3) .p-visit-guide-first__content-list { margin-block: 1rem 0.63rem; } } .p-visit-guide-first__content:nth-child(3) .p-visit-guide-first__content-list-item::before { content: "■"; width: unset; height: unset; font-size: 1.13rem; border: none; } @media screen and (min-width: 768px) { .p-visit-guide-first__content:nth-child(3) .p-visit-guide-first__content-list-item::before { font-size: 1.31rem; } } .p-visit-guide-first__content-sub-text { text-indent: -1em; padding-left: 1em; font-size: 0.88rem; line-height: 1.4117647059; letter-spacing: 0.025em; } @media screen and (min-width: 768px) { .p-visit-guide-first__content-sub-text { font-size: 1.06rem; } } .p-visit-guide-first__flow-list { margin-top: 1.56rem; padding-left: 2.5rem; counter-reset: number; } @media screen and (min-width: 768px) { .p-visit-guide-first__flow-list { margin-top: 1.56rem; padding-left: 4.63rem; } } .p-visit-guide-first__flow-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 1.25rem; position: relative; } @media screen and (min-width: 768px) { .p-visit-guide-first__flow-item { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } } .p-visit-guide-first__flow-item:not(:last-child)::before { content: ""; width: 0.13rem; height: 100%; position: absolute; top: 1.88rem; left: -1.69rem; background-image: radial-gradient(circle, #00a63c 0.06rem, transparent 0.06rem); background-position: left top; background-repeat: repeat-y; background-size: 0.13rem 0.5rem; } @media screen and (min-width: 768px) { .p-visit-guide-first__flow-item:not(:last-child)::before { top: 2.19rem; left: -3.25rem; } } .p-visit-guide-first__flow-item + li { margin-top: 1.94rem; } .p-visit-guide-first__flow-item-content { width: 100%; } @media screen and (min-width: 768px) { .p-visit-guide-first__flow-item-content { margin-top: 0.44rem; width: 62%; } } .p-visit-guide-first__flow-item-title { position: relative; font-family: "FOT-クレー Pro DB"; font-size: 1.38rem; line-height: 1.4545454545; color: #00a63c; } @media screen and (min-width: 768px) { .p-visit-guide-first__flow-item-title { font-size: 1.75rem; line-height: 1.0714285714; } } .p-visit-guide-first__flow-item-title::before { counter-increment: number; content: "" counter(number, decimal-leading-zero) ""; width: 2.25rem; height: 2.25rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: absolute; top: 0; left: -2.75rem; font-family: "FOT-筑紫A丸ゴシック Std B"; font-size: 1.13rem; color: #fff; background-color: #00a63c; border-radius: 50%; } @media screen and (min-width: 768px) { .p-visit-guide-first__flow-item-title::before { width: 2.81rem; height: 2.81rem; top: -0.5rem; left: -4.56rem; font-size: 1.38rem; } } .p-visit-guide-first__flow-item-text { margin-top: 0.94rem; font-size: 1rem; line-height: 1.7; letter-spacing: 0.025em; } @media screen and (min-width: 768px) { .p-visit-guide-first__flow-item-text { margin-top: 1.5rem; line-height: 1.625; } } .p-visit-guide-first__flow-item-text + p { margin-top: 0.63rem; } @media screen and (min-width: 768px) { .p-visit-guide-first__flow-item-text + p { margin-top: 1.69rem; } } .p-visit-guide-first__flow-item-btn { margin-top: 0.75rem; max-width: 19.38rem; } @media screen and (min-width: 768px) { .p-visit-guide-first__flow-item-btn { margin-left: auto; width: 19.38rem; } } .p-visit-guide-first__flow-item-image { width: 100%; } @media screen and (min-width: 768px) { .p-visit-guide-first__flow-item-image { width: 34%; } } .p-visit-guide-first__flow-item-image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; aspect-ratio: 319/240; } /* 再診の方へ ---------------------------------------------------------- */ .p-visit-guide-second__wrapper { margin-top: 1.88rem; margin-left: 0.63rem; } @media screen and (min-width: 768px) { .p-visit-guide-second__wrapper { margin-top: 2.63rem; margin-left: 1.56rem; } } .p-visit-guide-second__content + div { margin-top: 1.88rem; } @media screen and (min-width: 768px) { .p-visit-guide-second__content + div { margin-top: 3.44rem; } } .p-visit-guide-second__content-title { margin-bottom: 1.25rem; } @media screen and (min-width: 768px) { .p-visit-guide-second__content-title { margin-bottom: 1.56rem; } } @media screen and (min-width: 768px) { .p-visit-guide-second__content-container { margin-left: 1.13rem; } } .p-visit-guide-second__content-text { font-size: 1rem; line-height: 1.7; letter-spacing: 0.025em; } @media screen and (min-width: 768px) { .p-visit-guide-second__content-text { font-size: 1.13rem; line-height: 1.6666666667; } } .p-visit-guide-second__content-dllist { margin-block: 1.25rem 1.5rem; border: 1px solid #ccdf80; } @media screen and (min-width: 768px) { .p-visit-guide-second__content-dllist { margin-block: 1rem 0.94rem; width: 29.81rem; } } .p-visit-guide-second__content-dlitem dt { padding: 0.75rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 0.63rem; font-family: "FOT-筑紫A丸ゴシック Std B"; font-size: 1.5rem; letter-spacing: 0.025em; color: #00a63c; background-color: #ccdf80; } @media screen and (min-width: 768px) { .p-visit-guide-second__content-dlitem dt { padding: 0.88rem; font-size: 1.75rem; } } .p-visit-guide-second__content-dlitem dt::before { content: ""; margin-top: 0.25rem; width: 1.13rem; height: 1.13rem; -ms-flex-negative: 0; flex-shrink: 0; background: url("../images/common/ico_tel_02.png") no-repeat center center/contain; } @media screen and (min-width: 768px) { .p-visit-guide-second__content-dlitem dt::before { width: 1.56rem; height: 1.56rem; } } .p-visit-guide-second__content-dlitem dd { padding: 0.94rem 1.25rem; font-size: 0.94rem; letter-spacing: 0.025em; text-align: center; background-color: #fff; } @media screen and (min-width: 768px) { .p-visit-guide-second__content-dlitem dd { padding: 0.88rem; font-size: 1.13rem; } } .p-visit-guide-second__content-dlitem dd span { margin: 0 auto 0.81rem; padding: 0.31rem 1.56rem; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; display: block; background-color: #f4f8e9; border-radius: 0.91rem; } @media screen and (min-width: 768px) { .p-visit-guide-second__content-dlitem dd span { margin-bottom: 0; margin-right: 0.5rem; padding: 0.25rem 0.94rem; display: inline-block; } } .p-visit-guide-second__content-list { counter-reset: number; margin-top: 1.38rem; } .p-visit-guide-second__content-list-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; font-size: 1.13rem; line-height: 1.7; letter-spacing: 0.025em; } @media screen and (min-width: 768px) { .p-visit-guide-second__content-list-item { -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 1.31rem; line-height: 1.7142857143; } } .p-visit-guide-second__content-list-item::before { counter-increment: number; content: "" counter(number) ""; margin-top: 0.06rem; margin-right: 0.63rem; padding-left: 0.06rem; padding-bottom: 0.06rem; width: 1.25rem; height: 1.25rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-negative: 0; flex-shrink: 0; font-size: 1.13rem; line-height: 1.7; color: #00a63c; border: 0.06rem solid #00a63c; border-radius: 50%; } @media screen and (min-width: 768px) { .p-visit-guide-second__content-list-item::before { margin-right: 1rem; font-size: 1.19rem; line-height: 1.7142857143; } } .p-visit-guide-second__content-list-item span { color: #00a63c; } /* 女性の方へ ---------------------------------------------------------- */ .p-visit-guide-woman__wrapper { margin-top: 1.88rem; margin-left: 0.63rem; } @media screen and (min-width: 768px) { .p-visit-guide-woman__wrapper { margin-top: 3.63rem; margin-left: 1.56rem; } } .p-visit-guide-woman__catch { margin-bottom: 0.5rem; font-family: "FOT-クレー Pro DB"; font-size: 1.25rem; line-height: 1.5; letter-spacing: 0.025em; color: #00a63c; } @media screen and (min-width: 768px) { .p-visit-guide-woman__catch { font-size: 1.5rem; line-height: 1.5416666667; } } .p-visit-guide-woman__text { font-size: 1rem; line-height: 1.7; letter-spacing: 0.025em; } @media screen and (min-width: 768px) { .p-visit-guide-woman__text { font-size: 1.13rem; line-height: 1.6666666667; } } .p-visit-guide-woman__content { margin-top: 1.88rem; } @media screen and (min-width: 768px) { .p-visit-guide-woman__content { margin-top: 3.56rem; } } .p-visit-guide-woman__content-title { margin-bottom: 1.25rem; } @media screen and (min-width: 768px) { .p-visit-guide-woman__content-title { margin-bottom: 1.56rem; } } @media screen and (min-width: 768px) { .p-visit-guide-woman__content-container { margin-left: 1.13rem; } } .p-visit-guide-woman__content-text { font-size: 1rem; line-height: 1.7; letter-spacing: 0.025em; } @media screen and (min-width: 768px) { .p-visit-guide-woman__content-text { font-size: 1.13rem; line-height: 1.6666666667; } } .p-visit-guide-woman__content-text span { font-family: "FOT-筑紫A丸ゴシック Std B"; text-decoration: underline; color: #00a63c; } .p-visit-guide-woman__list { margin-top: 1.56rem; padding: 1.25rem 1.25rem 2.5rem; background-color: #f4f8e9; border-radius: 1.3rem; } @media screen and (min-width: 768px) { .p-visit-guide-woman__list { margin-top: 1.06rem; padding: 2.19rem 1.56rem 2.5rem 2.19rem; } } .p-visit-guide-woman__item + li { margin-top: 1.44rem; } .p-visit-guide-woman__item-title { font-family: "FOT-筑紫A丸ゴシック Std B"; font-size: 1.25rem; line-height: 1.7; letter-spacing: 0.025em; } @media screen and (min-width: 768px) { .p-visit-guide-woman__item-title { font-size: 1.5rem; line-height: 1.25; } } .p-visit-guide-woman__item-title::before { content: "■"; margin-right: 0.5rem; } .p-visit-guide-woman__item-content { margin-top: 0.94rem; padding-left: 0.63rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 1.25rem; } @media screen and (min-width: 768px) { .p-visit-guide-woman__item-content { margin-top: 1.88rem; padding-left: 1.88rem; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } } .p-visit-guide-woman__item-text { font-family: "FOT-筑紫A丸ゴシック Std B"; font-size: 1rem; line-height: 1.7; letter-spacing: 0.025em; color: #00a63c; } @media screen and (min-width: 768px) { .p-visit-guide-woman__item-text { font-size: 1.38rem; line-height: 1.6363636364; } } .p-visit-guide-woman__item-btn { width: 100%; max-width: 19.38rem; } @media screen and (min-width: 768px) { .p-visit-guide-woman__item-btn { width: 35%; -ms-flex-negative: 0; flex-shrink: 0; } } .p-visit-guide-woman__item-btn .c-btn06 { color: #00a63c; background-color: #fff; border: 1px solid #00a63c; } @media screen and (min-width: 768px) { .p-visit-guide-woman__item-btn .c-btn06 { padding-inline: 1.38rem 1.88rem; } } @media screen and (min-width: 768px) { .p-visit-guide-woman__item-btn .c-btn06:hover { color: #fff; background-color: #00a63c; } } .p-visit-guide-woman__content-sub-text { margin-top: 0.88rem; font-size: 1rem; line-height: 1.7; letter-spacing: 0.025em; } @media screen and (min-width: 768px) { .p-visit-guide-woman__content-sub-text { padding-left: 2rem; line-height: 1.5; } } .p-visit-guide-woman__content-sub-text a { text-decoration: underline; } .visually-hidden { visibility: hidden; } .u-desktop { display: none; } @media screen and (min-width: 768px) { .u-desktop { display: block; } } @media screen and (min-width: 768px) { .u-mobile { display: none; } } /*# sourceMappingURL=style.css.map */