@charset "UTF-8";


/* 2025/03/11追加 */

:root {

    scroll-padding: 7.4rem;

}

html {font-size: 10px;}

html * {font-size: 1.5rem;}

body {padding-top: 9rem;}



@media screen and (max-width:1199px) {

    html {font-size: 9px;}

}

@media screen and (max-width:1099px) {

    html {font-size: 8px;}

}



.sp {

    display: none;

}



/*--------------------------------------------------------------------------

----------------------------------------------------------------------------

----------------------------------------------------------------------------

汎用

----------------------------------------------------------------------------

----------------------------------------------------------------------------

--------------------------------------------------------------------------*/



/*----------------------------------------

コンテナ

----------------------------------------*/

.container.scr-width {

    width: calc(100% - 6rem);

}

.container.l-width {

    width: 100rem;

}

.container.m-width {

    width: 80rem;

}



/*--------------------------------------------------------------------------

コンポーネント

--------------------------------------------------------------------------*/

/*----------------------------------------

見出し（ページトップ）

----------------------------------------*/

.cm__headline-pagetop {

    width: 40rem;

    padding-bottom: 4.6rem;

    margin: var(--mrg-100) auto var(--mrg-150);

}

.cm__headline-pagetop .headline-pagetop_txt-jp {

    font-size: 2rem;

    line-height: 2.9rem;

    margin-bottom: .7rem;

}

.cm__headline-pagetop .headline-pagetop_txt-en {

    font-size: 5rem;

    line-height: 6.7rem;

}

/*----------------------------------------

見出し（小）

----------------------------------------*/

.cm__headline-s span {

    font-size: 2rem;

    line-height: 3rem;

    letter-spacing: 0;

}



/*----------------------------------------

見出し（大）

----------------------------------------*/

.cm__headline-l {

    margin-bottom: var(--mrg-35);

}

.cm__headline-l .headline-l_txt-en {

    line-height: 2.3rem;

    letter-spacing: .1em;

}

.cm__headline-l .headline-l_txt-jp {

    font-size: 3rem;

    line-height: 4.5rem;

    letter-spacing: 0;

    border-width: .15rem;

}



/*----------------------------------------

ボタン

----------------------------------------*/

.cm__link-btn {

    display: block;

    width: 19rem;

    padding: 1.2rem;

    border-radius: 5rem;

}

.cm__link-btn span {

    font-size: 2rem;

}

@media screen and (min-width:1024px) and (max-width:1099px) {

    .cm__link-btn .arrow:after {

        width: 1.6400rem;

        height: 1.1rem;/*9.22追記*/

    }

}

@media screen and (min-width:1100px) and (max-width:1199px) {

    .cm__link-btn .arrow:after {

        width: 1.3800rem;

        height: 1.1rem;/*9.22追記*/

    }

}

/*----------------------------------------

ロゴ

----------------------------------------*/

.cm__logo .logo_img {

    width: 5.9rem;

    height: 5.9rem;

}

.cm__logo .logo_img + .logo_txt-warp {

    margin-left: 1rem;

}

.cm__logo .logo_txt-en {

    font-size: 1.5rem;

    line-height: 2.1rem;

}

.cm__logo .logo_txt-jp {

    font-size: 2.5rem;

    line-height: 3.6rem;

}



/*----------------------------------------

アドレス

----------------------------------------*/

.cm__address .address_ttl {

    margin-bottom: .75rem;

}

.cm__address .address_num {

    font-size: 3rem;

}

.cm__address .address_domicile {

    margin-top: 1rem;

}

.cm__address .address_ttl_txt .address_fax {

    font-size: 2rem;

    margin-left: 3.2rem;

}



/*----------------------------------------

診察時間

----------------------------------------*/

.cm__timetable {

    width: 50rem;

    padding: 0 2rem;

    border-radius: 1.5rem;

}

/* 2025/03修正 */

.rehabili .container .cm__facility-info_wrap-left .cm__timetable,

.support .container .cm__facility-info_wrap-left .cm__timetable {

    margin-bottom: 2.4rem;

}

.cm__timetable .timetable_table tr td,

.cm__timetable .timetable_table tr th {

    height: 7.4rem;

}

.cm__timetable .timetable_table tr th * {

    font-size: 1.7rem;

}

.cm__timetable .timetable_table tr th .table-hl_end {

    font-size: 1.3rem;

    margin-top: .375rem;

}

.cm__timetable .timetable_table thead tr th:not(:first-child) {

    font-size: 1.4rem;

}

.cm__timetable .timetable_table tbody tr td {

    font-size: 1.2rem;

    padding: 0 1rem;

}

.cm__timetable .timetable_table tbody tr td.non {

    font-size: 1.5rem;

}



/*----------------------------------------

インフォメーション

----------------------------------------*/
/* 2025/03修正 */
.cm__facility-info {

    /* padding: 10rem 0; */

    padding: 10.2rem 0;

}

.cm__facility-info .container {

    display: flex;

    justify-content: space-between;

    align-items: center;

}

/* 2025/03修正 */

.rehabili .container,

.support .container {

    align-items: flex-end;

}

.cm__facility-info .cm__logo {

    margin-bottom: 3rem;

}

.cm__facility-info .cm__address {

    margin-bottom: 3.5rem;

}

.cm__facility-info .cm__g-map {

    width: 43rem;

    height: 43rem;

}

/* 2025/03修正 */

.rehabili .container .cm__facility-info_wrap-right .cm__g-map {

    height: 49rem;

}

.support .container .cm__facility-info_wrap-right .cm__g-map {

    height: 46rem;

}





/*--------------------------------------------------------------------------

----------------------------------------------------------------------------

----------------------------------------------------------------------------

インクルード

----------------------------------------------------------------------------

----------------------------------------------------------------------------

--------------------------------------------------------------------------*/



/*--------------------------------------------------------------------------

ヘッダー

--------------------------------------------------------------------------*/

#nav-header {

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    padding: 1.5rem 0;

    z-index: 1000;

}



#nav-header .header_nav {

    margin: 0 3.5rem 0 auto;

}

#nav-header .header_nav .nav-list {

    align-items: center;

}

#nav-header .header_nav .nav-list .nav-item:not(:last-child) {

    margin-right: 3.5rem;

}

/* 2025/03/11追加 */

#nav-header .header_nav .nav-list .nav-item.introduction {

    position: relative;

    padding-right: 1.5rem;

}

#nav-header .header_nav .nav-list .nav-item a {

    transition: opacity .5s ease;

    position: relative;

}

#nav-header .header_nav .nav-list .nav-item.introduction .accordion {

    display: none;

}

#nav-header .header_nav .nav-list .nav-item.introduction > a:hover {

    padding-bottom: 4.2rem;

}

#nav-header .header_nav .nav-list .nav-item.introduction a::after {

    content: "";

    width: 0.3rem;

    height: 0.3rem;

    border-top: 0.1rem solid var(--color-green);

    border-right: 0.1rem solid var(--color-green);

    transform: translateY(-50%) rotate(135deg);

    position: absolute;
    
    top: 55%;
    
    right: -1.4rem;

    transition: transform .5s ease;

    cursor: auto;

}

#nav-header .header_nav .nav-list .nav-item.introduction:hover a::after {
    
    transform: translateY(-50%) rotate(-45deg);
}

#nav-header .header_nav .nav-list .nav-item.introduction > a:hover::after {

    top: calc(55% - 2.3rem);

}

#nav-header .header_nav .nav-list .nav-item .sub-menu {

    width: 24.8rem;

    background: var(--color-white);

    border-radius: var(--br-8);

    box-shadow: .1rem 0 .6rem rgba(0, 0, 0, .16);

    padding: 1.6rem;

    position: absolute;

    top: 6.2rem;

    left: -3.2rem;

    opacity: 0;
    
    transition: 0.5s ease;

    pointer-events: none;

}

#nav-header .header_nav .nav-list .nav-item.introduction:hover .sub-menu,

#nav-header .header_nav .nav-list .nav-item.introduction .sub-menu:hover {

    opacity: 1;

    top: 4.2rem;

    pointer-events: all;

}


#nav-header .header_nav .nav-list .nav-item.introduction .sub-menu .sub-menu-item {

    width: 21.6rem;

}


#nav-header .header_nav .nav-list .nav-item.introduction .sub-menu .sub-menu-item a {

    width: 100%;

    border-radius: var(--br-6);

    padding: 1.2rem 1.6rem;

    position: relative;

}

#nav-header .header_nav .nav-list .nav-item.introduction .sub-menu .sub-menu-item a::after {

    content: "";

    width: 0.3rem;

    height: 0.3rem;

    border-top: 0.1rem solid var(--color-green);

    border-right: 0.1rem solid var(--color-green);

    transform: translate(-50%, -50%) rotate(45deg);

    position: absolute;
    
    top: 50%;
    
    right: 1.6rem;

    transition: .5s ease;

}


#nav-header .header_nav .nav-list .nav-item.introduction .sub-menu .sub-menu-item a:hover {

    background: var(--color-ivory);

    opacity: 1;

}

#nav-header .header_nav .nav-list .nav-item .sub-menu .sub-menu-item a:hover::after {

    right: 1.3rem;

}

/* ここまで */



#nav-header .header_tel-btn {

    border-radius: .4rem;

    padding: 1.5rem 1.8rem;

}

#nav-header .header_tel-btn .tel-btn_icon {

    width: 1.5rem;

    margin-right: 1rem;

}

#nav-header .header_tel-btn .tel-btn_num {

    font-size: 2.5rem;

    white-space: nowrap;

}



#nav-header.scroll {

    padding: 1.2rem 0;

    box-shadow: .1rem 0 .6rem rgba(0,0,0, .16);

}

#nav-header.scroll .cm__logo .logo_img {

    width: 5rem;

    height: 5rem;

}

#nav-header.scroll .cm__logo .logo_txt-en {

    font-size: 1.3rem;

    line-height: 1.7rem;

}

#nav-header.scroll .cm__logo .logo_txt-jp {

    font-size: 2.1rem;

    line-height: 3rem;

}

#nav-header.scroll .header_nav .nav-list .nav-item a {

    font-size: 1.4rem;

}

#nav-header.scroll .header_tel-btn {

    padding: 1.2rem 1.8rem;

}

#nav-header.scroll .header_tel-btn .tel-btn_icon {

    width: auto;

    height: 2.4rem;

}

#nav-header.scroll .header_tel-btn .tel-btn_num {

    font-size: 2.1rem;

}



/*--------------------------------------------------------------------------

フッター

--------------------------------------------------------------------------*/

#nav-footer .footer_bottom-sec {

    padding: 4.5rem 0 0;

}

#nav-footer .footer_bottom-sec .footer_nav {

    width: 49.2rem;

    margin-left: 6.5rem;

}

#nav-footer .footer_bottom-sec .footer_nav .nav-list .nav-item:not(:nth-child(4n)) {

    width: calc(49.2rem / 4);

}

#nav-footer .footer_bottom-sec .footer_nav .nav-list .nav-item:nth-child(4) {

    margin-left: auto;

}

#nav-footer .footer_bottom-sec .footer_nav .nav-list .nav-item:not(:nth-child(n+4)) {

    margin-bottom: 4rem;

}

#nav-footer .footer_bottom-sec .footer_nav .nav-list .nav-item a {

    padding-left: 2rem;

}



#nav-footer .copyright {

    font-size: 1.3rem;

    padding: 4.5rem 0;

}



/*--------------------------------------------------------------------------

----------------------------------------------------------------------------

----------------------------------------------------------------------------

ページ

----------------------------------------------------------------------------

----------------------------------------------------------------------------

--------------------------------------------------------------------------*/



/*--------------------------------------------------------------------------

フロントページ

--------------------------------------------------------------------------*/



/*----------------------------------------

ヒーローヘッダー

----------------------------------------*/

#page__top .sec__hero-header {

    margin-bottom: var(--mrg-100);

}

#page__top .sec__hero-header .hero-header_wrap figure {

    height: max(67.8rem,100%);

    max-height: calc(100vh - 12rem);

    border-radius: var(--br-20);

}

#page__top .sec__hero-header .hero-header-message {

    font-size: 3rem;

    top: 30%;

    left: 3rem;

}



/*----------------------------------------

インフォメーション

----------------------------------------*/

#page__top .info-warp {

    margin-bottom: var(--mrg-100);

    padding: var(--mrg-100) 0 var(--mrg-150);

    background: var(--color-ivory);

}

#page__top .info-warp .info-ttl {

    font-size: 2rem;

    line-height: 3rem;

    margin-bottom: 3rem;

}



#page__top .sec__news {

    width: 44rem;

    margin-top: 7rem;

}

#page__top .sec__news .news-list .news-entry {

    margin-bottom: 1.6rem;

}

#page__top .sec__news .news-list .news-entry .entry-date {

    margin-right: 3rem;

}

#page__top .sec__news .news-list .news-entry .entry-txt {

    width: calc(100% - 7.6rem - 3rem);

}

#page__top .sec__news .news-list .news-entry .entry-txt .entry-cate-list .cate-item {

    font-size: 1.2rem;

    min-width: 7.8rem;

    padding: .5rem 1rem;

}



/*診察時間*/

#page__top .sec__timetable {

    width: 50rem;

}



/*担当スケジュール*/

#page__top .sec__schedule {

    margin-left: 7.4rem;

}

#page__top .sec__schedule .schedule_doctor img {

    width: 42.6rem;

}



/* 求人募集 */
/* 2024年10月30日追加 */
.sec__recruit {

    margin-top: 7rem;

}

.sec__recruit .recruit_text_qr {

    gap: 3rem;

}



/*----------------------------------------

当院について&診療案内

----------------------------------------*/

#page__top .sec__about.our-hospital {

    margin-bottom: var(--mrg-100);

}

#page__top .sec__about.our-hospital:before {

    bottom: -16rem;

    height: 22.4rem;

    border-radius: var(--br-8);

}

#page__top .sec__about .container {

    justify-content: space-between;

    align-items: center;

}

#page__top .sec__about.guidance {

    margin-bottom: var(--mrg-150);

}

#page__top .sec__about .about_img {

    width: 35.6rem;

    height: 49.2rem;

}

#page__top .sec__about .about_img figure {

    border-radius: var(--br-8);

}

#page__top .sec__about .about_txt {

    width: 39rem;

}

#page__top .sec__about .about_txt .about_summary {

    line-height: 3.5rem;

    margin-bottom: 2.5rem;

}



/*----------------------------------------

キャッチ

----------------------------------------*/

#page__top .sec__catch {

    margin-bottom: var(--mrg-150);

}

#page__top .sec__catch .catch_img {

    height: max(20vw,36.8rem);

}

#page__top .sec__catch .catch_txt {

    font-size: 2rem;

    width: 40rem;

    /*margin: -4rem 0 0 auto;*/

    margin: -4rem auto 0 0;

    padding: 4rem 5rem;

    max-inline-size: max-content;

    border-radius: var(--br-8);

}



/*----------------------------------------

施設紹介

----------------------------------------*/

#page__top .sec__intro {

    margin-bottom: var(--mrg-150);

}

#page__top .sec__intro .intro-list .intro-item {

    box-sizing: border-box;

    border-radius: var(--br-8);

}

#page__top .sec__intro .intro-list .intro-item:not(:last-child) {

    margin-bottom: 2rem;

}

#page__top .sec__intro .intro-list .intro-item .item_txt {

    width: 21.6rem;

    padding: 5rem 1.5rem 4rem;

    justify-content: space-between;

}

#page__top .sec__intro .intro-list .intro-item .item_txt .item_ttl {

    font-size: 2rem;

    line-height: 3rem;

    letter-spacing: 1rem;

    writing-mode: vertical-rl;

}

#page__top .sec__intro .intro-list .intro-item .item_img {

    width: calc(100% - 21.6rem);

    height: 100%;

}



/*----------------------------------------

アクセス

----------------------------------------*/

#page__top .sec__access {

    margin-bottom: var(--mrg-150);

}

#page__top .sec__access .access_wrap {

    height: 40rem;

}

#page__top .sec__access .access_map,

#page__top .sec__access .access_txt {

    width: 50%;

    height: 100%;

}

#page__top .sec__access .access_txt {

    padding: 0 3rem;

}

#page__top .sec__access .access_txt .cm__logo {

    margin-bottom: 3rem;

}

#page__top .sec__access .access_txt .access_domicile {

    margin-bottom: 1rem;

}

#page__top .sec__access .access_txt .access_traffic {

    margin-bottom: 3rem;

}



/*----------------------------------------

医師紹介

----------------------------------------*/

#page__top .sec__greeting {

    margin-bottom: var(--mrg-150);

}

#page__top .sec__greeting .greeting_img {

    width: 100%;

    height: 48rem;

    margin-bottom: var(--mrg-35);

}

#page__top .sec__greeting .greeting_img figure {

    border-radius: var(--br-8);

}







/*--------------------------------------------------------------------------

当院について

--------------------------------------------------------------------------*/



/*----------------------------------------

わたしたちのおもい

----------------------------------------*/

#page__our-hosp .sec__thought {

    margin-bottom: var(--mrg-150);

}

#page__our-hosp .sec__thought .thought-wrap {

    width: 87rem;

}

#page__our-hosp .sec__thought .thought__img {

    height: 43.5rem;

    margin: var(--mrg-70) 0 var(--mrg-35);

}

#page__our-hosp .sec__thought .thought__img figure {

    border-radius: var(--br-15);

}

#page__our-hosp .sec__thought .thought__catch {

    display: inline-flex;

    flex-direction: row-reverse;

    align-items: flex-start;

}

#page__our-hosp .sec__thought .thought__catch span {

    font-size: 2.5rem;

    writing-mode: vertical-rl;

    line-height: 1;

    letter-spacing: .4em;

}

#page__our-hosp .sec__thought .thought__catch span:not(last-child) {

    margin-left: 2rem;

}

#page__our-hosp .sec__thought .thought__catch span:before {

    width: 2px;

    height: calc(100% - .125em);

    top: -.125em;

    right: -.6rem;

}

#page__our-hosp .sec__thought .thought__catch[data-scroll] span:before {

    transform: scale(1,0);

    transform-origin: top;

}

#page__our-hosp .sec__thought .thought__catch[data-scroll="in"] span:before {

    transform: scale(1,1);

}



#page__our-hosp .sec__thought .thought__txt .thought__txt_ttl {

    margin-bottom: 1.5rem;

}



/*----------------------------------------

当院３つの特徴

----------------------------------------*/

#page__our-hosp .sec__feature {

    margin-bottom: var(--mrg-150);

}

#page__our-hosp .sec__feature .feature_txt {

    margin-bottom: var(--mrg-35);

}

#page__our-hosp .sec__feature .feature_txt .feature_txt_ttl {

    border-right: 1px solid #707070;

    margin-right: 5rem;

    padding: .5rem 5rem .5rem 0;

}

#page__our-hosp .sec__feature .feature_txt .feature_txt_summary {

    line-height: 3.5rem;

}

#page__our-hosp .sec__feature .feature-list .feature-item {

    width: 22.6rem;

    height: 22.6rem;

    border-radius: var(--br-20);

}

#page__our-hosp .sec__feature .feature-list .feature-item:not(:last-child) {

    margin-right: 3.2rem;

}

#page__our-hosp .sec__feature .feature-list .feature-item .feature-item_icon {

    height: 11.5rem;

    margin-bottom: 1.5rem;

}

#page__our-hosp .sec__feature .feature-list .feature-item:nth-child(1) .feature-item_icon img {

    width: 8.4rem;

    height: 8.8rem;

}

#page__our-hosp .sec__feature .feature-list .feature-item:nth-child(2) .feature-item_icon img {

    width: 9.6rem;

    height: 9rem;

}

#page__our-hosp .sec__feature .feature-list .feature-item:nth-child(3) .feature-item_icon img {

    width: 7.6rem;

    height: 9.2rem;

}



#page__our-hosp .flavor-img .flavor-img-list .flavor-img-item {

    width: calc(100% / 3);

}



/* 2024年8月追加 */
/*----------------------------------------

かかりつけ医

----------------------------------------*/

#page__our-hosp .sec__doctor {

    margin-bottom: var(--mrg-150);

}

#page__our-hosp .sec__doctor .doctor__txt .doctor__txt_ttl {

    margin-bottom: 1.5rem;

}







/*--------------------------------------------------------------------------

診療案内

--------------------------------------------------------------------------*/

#page__guidance {

    margin-bottom: var(--mrg-150);

}



/*----------------------------------------

診療科

----------------------------------------*/

#page__guidance .sec__subjects {

    justify-content: space-between;

    margin-bottom: var(--mrg-100);

}

/* 2025/03追加 */

#page__guidance .sec__subjects.dialysis .subjects_txt p {

    margin-bottom: 4.8rem;

}

#page__guidance .sec__subjects .subjects_img {

    width: 35rem;

    height: 38rem;

}

#page__guidance .sec__subjects .subjects_img figure {

    border-radius: var(--br-8);

}

#page__guidance .sec__subjects .subjects_txt {

    display: flex;

    flex-direction: column;

    width: 61.5rem;

}

#page__guidance .sec__subjects .subjects_txt .subjects_ttl {

    margin-bottom: 1rem;

}







/*--------------------------------------------------------------------------

施設紹介

--------------------------------------------------------------------------*/

#page__introduction .sec__odanaika {

    margin-bottom: calc(var(--mrg-100) * 2);

}

#page__introduction .sec__rehabili {

    margin-bottom: var(--mrg-30);

}

#page__introduction .sec__support {

    margin-bottom: 12rem;

}



/*通所リハビリテーション*/

#page__introduction .cm__facility-info.rehabili {

    margin: 12rem 0 30rem;

}

/*居宅介護支援事業所*/

#page__introduction .cm__facility-info.support {

    margin-top: var(--mrg-100);

}



/*----------------------------------------

縦見出し

----------------------------------------*/

/*#page__introduction .sec__odanaika .momo .vertical_heading .intro_img {

    width: calc(100% / 2);

    height: 75vh;

    max-width: 124.6rem;

    max-height: 70rem;

    margin-right: -15rem;

    overflow: hidden;

}*/



#page__introduction .vertical_heading {

    position: relative;

    display: flex;

    justify-content: flex-end;

    top: calc(50% - 30vh);

    width: 192rem;

    max-width: 100%;

    margin: 0 auto var(--mrg-100);

    z-index: 2;

}

#page__introduction .vertical_heading-rehabili,

#page__introduction .vertical_heading-support {

    margin: 0 auto;

}

#page__introduction .vertical_heading .thought__catch span {

    font-size: 3.5rem;

    line-height: 3.5rem;

    writing-mode: vertical-rl;

    line-height: 1;

    letter-spacing: .4em;

    margin: 0 6.5rem 0 0;

}

#page__introduction .vertical_heading .thought__catch span:before {

    width: 2px;

    height: calc(100% - .125em);

    top: -.125em;

    right: -.6rem;

}

#page__introduction .vertical_heading .thought__catch[data-scroll] span:before {

    transform: scale(1,0);

    transform-origin: top;

}

#page__introduction .vertical_heading .thought__catch[data-scroll="in"] span:before {

    transform: scale(1,1);

}

#page__introduction .vertical_heading .intro_img {

    width: 75%;

    height: 100%;

    margin-top: 7.6rem;

}

#page__introduction .vertical_heading .intro_img figure {

    border-radius: var(--br-8) 0 0 var(--br-8);

}



/*safari用2022年9月26日*/

:lang(x)+:-webkit-full-screen-document,#page__introduction .vertical_heading .thought__catch {

    margin-right: 10rem;

}



/*----------------------------------------

イントロ

----------------------------------------*/

#page__introduction .intro_txt {

    margin-left: var(--mrg-100);

}

#page__introduction .intro_txt_container {

    display: flex;

}

#page__introduction .intro_txt .intro_txt_img {

    min-width: 50.4rem;

    height: 28.5rem;

    position: relative;

    z-index: 2;

}

#page__introduction .intro_txt .intro_txt_img figure {

    border-radius: var(--br-8);

}

#page__introduction .intro_txt .intro_txt_box {

    border-radius: var(--br-8);

    position: relative;

    z-index: 1;

    width: 43.4rem;

    padding: 5.1rem 3.5rem 5rem 7.3rem;

    margin: 3.3rem 0 0 -3.8rem;

    box-sizing: border-box;

}

#page__introduction .intro_txt .intro_txt_catch {

    font-size: 2rem;

    line-height: 3rem;

    margin-bottom: 2rem;

}

#page__introduction .intro_txt .intro_txt_detail {

    font-size: 1.5rem;

    line-height: 3rem;

}



/*----------------------------------------

イントロ2

----------------------------------------*/

#page__introduction .intro_detail {

    width: 192rem;

    max-width: 100%;

    margin: 6.5rem auto 12.3rem;

}

#page__introduction .intro_detail .intro_detail-inner {

    width: 75%;

    margin-left: auto;

}

#page__introduction .intro_detail .intro_detail-inner p {

    width: 80rem;

}



/*----------------------------------------

施設詳細

----------------------------------------*/

#page__introduction .sec__facility-detail .facility-detail-list .facility-detail-item {

    display: flex;

    justify-content: space-between;

    margin-bottom: 5.7rem;

}

#page__introduction .sec__facility-detail .facility-detail-list .facility-detail-item:nth-child(even) {

    flex-direction: row-reverse;

}

#page__introduction .sec__facility-detail .facility-detail-list .facility-detail-item .facility-detail_img {

    width: 47rem;

    height: 32.7rem;

}

#page__introduction .sec__facility-detail .facility-detail-list .facility-detail-item .facility-detail_img figure {

    border-radius: var(--br-8);

}

#page__introduction .sec__facility-detail .facility-detail-list .facility-detail-item .facility-detail_txt {

    margin: 0 auto;

}

#page__introduction .sec__facility-detail .facility-detail-list .facility-detail-item .facility-detail_txt-ttl:not(:first-child) {

    margin-top: 3.5rem;

}

#page__introduction .sec__facility-detail .facility-detail-list .facility-detail-item .facility-detail_txt .facility-detail_txt-ttl {

    font-size: 2rem;

}



/*----------------------------------------

流れ

----------------------------------------*/

#page__introduction .sec__facility-detail .facility-detail-flow {

    display: flex;

    justify-content: center;

    margin-top: 8.5rem;

}

#page__introduction .sec__facility-detail .facility-detail-flow .facility-detail-flow_inner {

    margin-left: 2.258rem;

    padding-left: 6.2rem;

    background-size: .8rem 1.6rem;

}

#page__introduction .sec__facility-detail .facility-detail-flow .facility-detail-flow_inner:after {

    bottom: -.3rem;

    left: -2.258rem;

    width: 5.306rem;

    height: 3.062rem;

}

#page__introduction .sec__facility-detail .facility-detail-flow .facility-detail-flow_ttl {

    margin-bottom: 2.4rem;

    font-size: 2rem;

}

#page__introduction .sec__facility-detail .facility-detail-flow .facility-detail-flow_list .facility-detail-frow_item {

    margin-bottom: 1.5rem;

}

#page__introduction .sec__facility-detail .facility-detail-flow .facility-detail-flow_list .facility-detail-frow_item dd {

    line-height: 1.5rem;

}

#page__introduction .sec__facility-detail .facility-detail-flow .facility-detail-flow_list .facility-detail-frow_item dt {

    color: var(--color-green);

}



/*----------------------------------------

主な設備

----------------------------------------*/

#page__introduction .sec__main-facility {

    margin-top: calc(var(--mrg-100) * 2);

}

#page__introduction .sec__main-facility .main-facility-ttl {

    margin-bottom: 3rem;

}

#page__introduction .sec__main-facility .main-facility-list .main-facility-item {

    width: calc((100% - 6rem) / 2);

    margin: 0 6rem 7rem 0;

}

#page__introduction .sec__main-facility .main-facility-list .main-facility-item:nth-child(2n) {

    margin-right: 0;

}

#page__introduction .sec__main-facility .main-facility-list .main-facility-item:last-child {

    margin-bottom: 0;

}

#page__introduction .sec__main-facility .main-facility-list .main-facility-item .main-facility_img {

    width: 47rem;

    height: 32.7rem;

}

#page__introduction .sec__main-facility .main-facility-list .main-facility-item .main-facility_img figure {

    border-radius: var(--br-20);

}

#page__introduction .sec__main-facility .main-facility-list .main-facility-item .main-facility_name {

    font-size: 2rem;

    line-height: 3rem;

    margin: 1.5rem 0 .5rem;

}

#page__introduction .sec__main-facility .main-facility-list .main-facility-item .main-facility_txt {

    font-size: 1.5rem;

}

#page__introduction .sec__main-facility .main-facility-list .main-facility-item .main-facility_txt.echo {

    letter-spacing: -.04rem;

}



/*----------------------------------------

腸内視鏡検査機

----------------------------------------*/

#page__introduction .sec__colonoscopy {

    padding: 9.8rem 0 9.5rem;

}

#page__introduction .sec__colonoscopy .colonoscopy_txt {

    width: 47rem;

    margin-right: 5.2rem;

}

#page__introduction .sec__colonoscopy .colonoscopy_txt h3 {

    font-size: 2rem;

    margin-bottom: 1rem;

}

#page__introduction .sec__colonoscopy .colonoscopy_txt .colonoscopy_txt_text {

    font-size: 1.5rem;

    margin-bottom: 3rem;

}

#page__introduction .sec__colonoscopy .colonoscopy_txt .colonoscopy_txt_img {

    height: 32.7rem;

}

#page__introduction .sec__colonoscopy .colonoscopy_txt .colonoscopy_txt_img figure {

    border-radius: var(--br-20);

}



#page__introduction .sec__colonoscopy .colonoscopy_ai .colonoscopy_ai_ttl {

    margin-right: 1.5rem;

}

#page__introduction .sec__colonoscopy .colonoscopy_ai .colonoscopy_ai_ttl img {

    width: 8.5rem;

    height: 7.6rem;

}

#page__introduction .sec__colonoscopy .colonoscopy_ai .colonoscopy_ai_ttl span {

    font-size: 2rem;

    letter-spacing: .2em;

    writing-mode: vertical-rl;

    margin: .5rem 2.1rem 0;

}

#page__introduction .sec__colonoscopy .colonoscopy_ai .colonoscopy_ai_intro {

    width: 39.2rem;

    margin-top: 7.6rem;

}

#page__introduction .sec__colonoscopy .colonoscopy_ai .colonoscopy_ai_intro .colonoscopy_ai_img {

    height: 30.4rem;

    margin: 2.3rem 0 2.2rem;

}

#page__introduction .sec__colonoscopy .colonoscopy_ai .colonoscopy_ai_intro .colonoscopy_ai_txt {

    top: -5rem;

    left: -1rem;

    width: 40rem;

    height: 58.1rem;

}







/*--------------------------------------------------------------------------

医師紹介

--------------------------------------------------------------------------*/



/*----------------------------------------

院長あいさつ

----------------------------------------*/

#page__greeting .sec__greeting {

    margin-bottom: var(--mrg-150);

}

#page__greeting .sec__greeting .container {

    width: 75rem;

    display: flex;

    justify-content: space-between;

}

#page__greeting .sec__greeting .greeting_img {

    width: 35.2rem;

    height: 49.5rem;

}

#page__greeting .sec__greeting .greeting_img .greeting_img_person {

    padding: 1rem 1.5rem 2.1rem 3.8rem;

    top: 4.1rem;

    left: -4.8rem;

}

#page__greeting .sec__greeting .greeting_img .greeting_img_person .person-title {

    letter-spacing: .5rem;

}

#page__greeting .sec__greeting .greeting_img .greeting_img_person .person-name {

    font-size: 2rem;

    letter-spacing: .75rem;

    margin: 1.4rem .8rem 0 0;

}



#page__greeting .sec__greeting .greeting_txt {

    width: 36.3rem;

}



#page__greeting .sec__greeting .greeting_txt_main {

    width: 75rem;

    margin: 5rem auto 0;

}

#page__greeting .sec__greeting .greeting_txt_main .cm__headline-s {

    margin-bottom: var(--mrg-50);

}

#page__greeting .sec__greeting .greeting_txt_main .cm__headline-s span {

    font-size: 2rem;

    font-weight: var(--fw-medium);

    color: var(--color-green);

}

#page__greeting .sec__greeting .greeting_txt_main .greeting_txt_catch {

    font-size: 2rem;

    font-weight: var(--fw-medium);

    margin-bottom: 3rem;

}

#page__greeting .sec__greeting .greeting_txt_main .greeting_txt_summary {

    width: 65.6rem;

    font-size: 1.5rem;

}



#page__greeting .sec__other-docs {

    margin-bottom: var(--mrg-150);

}

#page__greeting .sec__other-docs .other-docs-list {

    justify-content: space-between;

}

#page__greeting .sec__other-docs .other-docs-list .other-docs-item {

    /* 2024年8月修正 */

    /* width: calc((100% - 4rem) /3); */

    width: calc((100% - 4rem) /2);

}

#page__greeting .sec__other-docs .other-docs-list .other-docs-item .other-docs_name {

    font-size: 2rem;

    line-height: 3.5rem;

    margin: .75rem 0;

}

#page__greeting .sec__other-docs .other-docs-list .other-docs-item .other-docs_bio *:not(h3) {

    line-height: 1.667;

}



#page__greeting .flavor-img .greeting_txt_bg-logo {

    margin: 15.5rem auto;

    opacity: 0.2;

}

#page__greeting .flavor-img .flavor-img-list .flavor-img-item {

    width: calc(100% / 3);

    max-height: 26.8rem;

}

#page__greeting .flavor-img .flavor-img-list .flavor-img-item.rectangle {

    width: 50%;

}

#page__greeting .flavor-img .flavor-img-list .flavor-img-item img {

    object-position: 65% 0%;

}







/*--------------------------------------------------------------------------

アクセス

--------------------------------------------------------------------------*/



/*----------------------------------------

案内

----------------------------------------*/

#page__access .sec__access .access_guidance {

    display: flex;

    justify-content: center;

    margin-bottom: 2.8rem;

}

#page__access .sec__access .access_guidance .cm__address {

    margin-left: var(--mrg-50);

}



#page__access .sec__access .access_map {

    margin: var(--mrg-35) 0 var(--mrg-100);

}

#page__access .sec__access .access_map .access_map-img {

    margin: 0 auto;

}

#page__access .sec__access .access_map .access_txt {

    margin: var(--mrg-50) 0 var(--mrg-35);

}

#page__access .sec__access .access_map .access_button {

    margin: 0 auto;

    width: 24.3rem;

    height: 4.8rem;

}



/* 2024年10月21日追加 */

#page__access .sec__access-around {
    margin-bottom: var(--mrg-150);
}

#page__access .sec__access-around .access_around-list {

    justify-content: space-between;

}

#page__access .sec__access-around .access_around-list .access_around-item {

    width: 32rem;

}

#page__access .sec__access-around .access_around-list .access_around-item .access_around-img figure {

    border-radius: var(--br-8);

}

#page__access .sec__access-around .access_around-list .access_around-item .access_ttl {

    margin: 1.5rem 0 .75rem;

}



#page__access .flavor-img {

    margin-top: var(--mrg-150);

}

#page__access .flavor-img .flavor-img-list .flavor-img-item {

    width: calc(100% / 3);

}







/*--------------------------------------------------------------------------

404

--------------------------------------------------------------------------*/

#page__notfounds {

    padding: var(--mrg-150) 0;

}

#page__notfounds .notfounds_ttl {

    font-size: 2rem;

}

#page__notfounds .notfounds_txt {

    margin-bottom: var(--mrg-50);

}