/*  Typo
----------------------------------------------- */

p, ul, li, div, span, a, h1, h2, h3, tr, th, td{
    margin:0;
    padding:0;
    font-family: "Zen Kaku Gothic Antique", sans-serif !important;
    font-weight: 400;
}

a{
   color:#535152;
   transition: all .4s;
}
a:visited {color:#535152;}
a:active { text-decoration: underline; color:#535152;}
a:hover { text-decoration:none; }

/* 見出し */
h1 { font-size:46px; }
h2 { font-size:36px; }
h3 { font-size:20px; }

/* テキスト */
p, ul, li {
    font-size: 14px;
    line-height:2;
}

.mincho{
    font-family: "Noto Serif JP", serif !important;
    font-weight: 400;
}

/* ボタン */
.button-g{
    display: flex;
    align-items: center;
    width: 280px;
    height: 66px;
    padding-left: 25px;
    box-sizing: border-box;
    font-size: 13px;
    color: #FFF !important;
    background: #2b7b3c;
    text-decoration: none !important;
    border-radius: 45px;
    position:relative;
    border: 1px solid #2b7b3c;
}
.button-gs{width:260px;}
.button-g::after{
    content:"";
    display:inline-block;
    background: url(https://u.jimcdn.com/cms/o/s4a99605740671dfe/userlayout/font/arrow-g1.svg?t=1779948842) no-repeat;
    width:22px;
    height:20px;
    position: absolute;
    top: 24px;
    right: 25px;
}
.button-g:hover{
    color: #2b7b3c !important;
    background: #FFF;
}


@media screen and (min-width: 800px) {
   /* 表示領域が800px以上の場合に適用するスタイル */
.pc-only{display:inline-block;}
}



/*  Layout
----------------------------------------------- */

body {
    background: #FFF;
    padding:0;
    margin:0;
    color:#535152;
    font-family: "Zen Kaku Gothic Antique", sans-serif;
    font-weight: 400;
}
body.cc-page-index{background:#f8f0e6;}

/* スクロールバー分の横スクロールが出るのを防ぐ */
#overflow{
    position: relative;
    contain: paint;
}


/*  ヘッダー
----------------------------------------------- */
#header{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    height: 100px;
    position: fixed;
    z-index: 999;
    width: 100%;
    background: #FFF;
}
#header h1 img{
    /* width:383px; */
    width: 30vw;
    margin: 15px 15px 0;
    transition: all .4s;
}
.pc-hnav ul{
    display: flex;
    align-items: center;
    margin: 0;
}
.pc-hnav ul li{
    list-style: none;
}
.pc-hnav ul li a{
    display: block;
    width: 160px;
    height: 100px;
    border-left: 1px solid #dedcd8;
    border-bottom: 1px solid #dedcd8;
    text-decoration: none;
    display: flex;
    align-items: center;
    font-size:15px;
    padding-left: 18px;
    box-sizing: border-box;
}
.pc-hnav ul li:last-child a{
    width: 86px;
    background: #d5e5d8;
    font-size: 12px;
    justify-content: center;
    padding: 0;
}
.pc-hnav ul li img{
    width: 30px;
    margin:0 auto;
}
/* カレント設定 */
.pc-hnav ul li a:hover, .pc-hnav ul li a.current,
.cc-page-blog .pc-hnav-news a{
    border-bottom:5px solid #6ba376;
    color: #6ba376;
}



@media screen and (max-width: 1050px) {
   /* 表示領域が1050px以下の場合に適用するスタイル */
.pc-hnav ul li a{
    width: 120px;
}

}
@media screen and (max-width: 800px) {
   /* 表示領域が800px以下の場合に適用するスタイル */
#header{
    background: #FFF;
    height: 60px;
    justify-content: center;
}
#header h1 img{
    width:170px;
    margin-left: 0px;
    margin-right: 0px;
}
    
.pc-hnav{display:none;}


}





/* トップページ　ヘッダー */
.cc-page-index #header{
    height: 80px;
    background: none;
    transition: all .4s;
}
.cc-page-index .pc-hnav ul li:not(:last-child) a{
    color:#FFF;
}
.cc-page-index .pc-hnav ul li a{
    height: 80px;
    border-left: 1px solid #FFF;
    border-bottom: 1px solid #FFF;
    border-radius: 0 0 0 10px;
}
.cc-page-index .pc-hnav ul li a:hover{color: #6ba376;}

/* スクロールしたら変化 */
.cc-page-index #header.is-scrolled{
    height: 100px;
    background: #FFF;
}
.cc-page-index #header.is-scrolled .pc-hnav ul li:not(:last-child) a{
    color: #535152;
}
.cc-page-index #header.is-scrolled .pc-hnav ul li a{
    height: 100px;
    border-left: 1px solid #dedcd8;
    border-bottom: 1px solid #dedcd8;
    border-radius: 0;
}
.cc-page-index #header.is-scrolled .pc-hnav ul li a:hover,
.cc-page-index #header.is-scrolled .pc-hnav ul li a.current{
    border-bottom:5px solid #6ba376;
    color: #6ba376;
}
#header.is-scrolled h1 img{
    margin-top: 20px;
}


@media screen and (max-width: 800px) {
   /* 表示領域が800px以下の場合に適用するスタイル */
.cc-page-index #header, .cc-page-index #header.is-scrolled{
    background: #FFF;
    height: 60px;
}
#header.is-scrolled h1 img{
    margin-top: 15px;
}
}



/* トップページ　スライド */
#slide{display:none;}
.cc-page-index #slide{display:block; position: relative;}

.bx-wrapper{
    border: none !important;
    box-shadow: none !important;
    margin: 0 !important;
}
.bx-wrapper img{
    width:100%;
    object-fit: cover;
    aspect-ratio: 1120 / 1000;
}
@media screen and (max-width: 800px) {
   /* 表示領域が800px以下の場合に適用するスタイル */

.bx-viewport{height: 520px !important;}
.bxslider{height:100%;}
.bxslider img{object-fit:cover; height:100%;}
}


/* スライド上テキスト */
.slide-text{
    position: absolute;
    top: 190px;
    right: 120px;
}
.slide-text img{
    width:16vw;
}
.slide-text::before{
    content:"";
    display:inline-block;
    background: url(https://u.jimcdn.com/cms/o/s4a99605740671dfe/userlayout/font/clover1.svg?t=1779952721) no-repeat;
    width:97px;
    height:167px;
    position: absolute;
    right: -80px;
    top: -80px;
    opacity: .5;
}
.slide-text::after{
    content:"";
    display:inline-block;
    background: url(https://u.jimcdn.com/cms/o/s4a99605740671dfe/userlayout/font/clover1-2.svg?t=1779953177) no-repeat;
    width:120px;
    height:152px;
    position: absolute;
    bottom: -60px;
    left: -80px;
    opacity: .5;
}
@media screen and (max-width: 1050px) {
   /* 表示領域が1050px以下の場合に適用するスタイル */
.slide-text{top:140px;}
}
@media screen and (max-width: 800px) {
   /* 表示領域が800px以下の場合に適用するスタイル */
.slide-text{
    position: absolute;
    top: 110px;
    right: 60px;
}
.slide-text img{
    width: 93px;
}
.slide-text::before{
    width:50px;
    height:86px;
    right: -37px;
    top: -40px;
}
.slide-text::after{
    width:62px;
    height:79px;
    bottom: -50px;
    left: -50px;
}

}



/* 新着情報 */
.slide-news{
    width:580px;
    height:360px;
    padding:50px 35px 35px 60px;
    background: rgba(96, 77, 63, 0.4);
    box-sizing: border-box;
    border-radius: 25px 0 0;
    position: absolute;
    bottom: 0;
    right: 0;
}
.slide-news img{
    width: 12vw;
    max-width:152px;
}
@media screen and (max-width: 800px) {
   /* 表示領域が800px以下の場合に適用するスタイル */
.slide-news{
    position: static;
    width: calc(100% - 24px);
    height: auto;
    margin: 0 0 0 auto;
    padding: 35px 24px 20px 35px;
}
.slide-news img{
    width: 97px;
}
}




/*  コンテンツ　レイアウト
----------------------------------------------- */

/* ▼▼▼　container　▼▼▼ */
/* 1カラムレイアウト */
#container{
    width: 1120px;
    margin: 0 auto;
}


/* 2カラムレイアウト */
#page-2224311394 #container,
#page-2224311494 #container,
#page-2224567994 #container,
#page-2224568094 #container,
#page-2224568194 #container,
#page-2224568294 #container,
#page-2224568394 #container,
#page-2224568494 #container,
#page-2224568594 #container,
#page-2224568694 #container,
#page-2224568794 #container,
#page-2224658094 #container,
#page-2224568994 #container,
#page-2224569094 #container,
#page-2224569194 #container,
#page-2224569294 #container,
#page-2224569394 #container,
#page-2224569494 #container,
#page-2224322194 #container{
    display:grid;
    grid-template-columns: 360px 1fr;
    margin: 0 auto;
    gap: 80px;
    width: 100%;
}
@media screen and (max-width: 1120px) {
   /* 表示領域が1120px以下の場合に適用するスタイル */
#container{width: 100%;}
}
@media screen and (max-width: 800px) {
   /* 表示領域が800px以下の場合に適用するスタイル */
#page-2224311394 #container,
#page-2224311494 #container,
#page-2224567994 #container,
#page-2224568094 #container,
#page-2224568194 #container,
#page-2224568294 #container,
#page-2224568394 #container,
#page-2224568494 #container,
#page-2224568594 #container,
#page-2224568794 #container,
#page-2224658094 #container,
#page-2224568994 #container,
#page-2224569094 #container,
#page-2224569194 #container,
#page-2224569294 #container,
#page-2224569394 #container,
#page-2224569494 #container,
#page-2224568694 #container,
#page-2224322194 #container{
    display:block;
}


}




/* ▼▼▼　sidebar　▼▼▼ */
/* 1カラムレイアウト */
#sidebar{
    display:none;
    background:#fdfaf7;
}

/* 2カラムレイアウト */
#page-2224311394 #sidebar,
#page-2224311494 #sidebar,
#page-2224567994 #sidebar,
#page-2224568094 #sidebar,
#page-2224568194 #sidebar,
#page-2224568294 #sidebar,
#page-2224568394 #sidebar,
#page-2224568494 #sidebar,
#page-2224568594 #sidebar,
#page-2224568694 #sidebar,
#page-2224568794 #sidebar,
#page-2224658094 #sidebar,
#page-2224568994 #sidebar,
#page-2224569094 #sidebar,
#page-2224569194 #sidebar,
#page-2224569294 #sidebar,
#page-2224569394 #sidebar,
#page-2224569494 #sidebar,
#page-2224322194 #sidebar{
    display:block;
}
.sidebar-inner{
    padding:80px;
    position: sticky;
    top: 50px;
}
/* サイドメニュー（2カラムレイアウト）
----------------------------------------------- */
.sidebar-inner p{font-size:12px;}
ul.sidemenu{display:none; border-top: 1px dotted #dedcd8;}
ul.sidemenu li{
    list-style:none;
    padding: 0 !important;
    right: 0 !important;
}
ul.sidemenu li a{
    display: block;
    text-decoration: none !important;
    padding: 10px 15px 10px 15px;
    border-bottom: 1px dotted #dedcd8;
    font-size:12px;
    position:relative;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
ul.sidemenu li a:hover{color: #faaab4;}
ul.sidemenu li a::after{
    content:"";
    display:inline-block;
    background: url(https://u.jimcdn.com/cms/o/s4a99605740671dfe/userlayout/font/arrow-p2.svg?t=1779864055) no-repeat;
    width:8px;
    height:7px;
    position: absolute;
    top: calc(50% - 4px);
    right: 5px;
}
ul.sidemenu.sidemenu-medical li a{padding: 10px 5px 10px 5px;}
ul.sidemenu.sidemenu-medical li a::before{
    content:"●";
    display:inline-block;
    font-size:12px;
    color: #faaab4;
    position: relative;
    right: 5px;
}
@media screen and (max-width: 800px) {
   /* 表示領域が800px以下の場合に適用するスタイル */

.sidebar-inner{
    padding:50px 24px;
}
}


#page-2224311394 .sidemenu-medical,
#page-2224311494 .sidemenu-ninshin,
#page-2224567994 .sidemenu-piru,
#page-2224568094 .sidemenu-hinin,
#page-2224568194 .sidemenu-hunin,
#page-2224568294 .sidemenu-chuzetu,
#page-2224568394 .sidemenu-sikyuu,
#page-2224568494 .sidemenu-seiri,
#page-2224568594 .sidemenu-std,
#page-2224568694 .sidemenu-josei,
#page-2224568794 .sidemenu-kounenki,
#page-2224658094 .sidemenu-rounenki,
#page-2224568994 .sidemenu-sikyuugan,
#page-2224569094 .sidemenu-bridal,
#page-2224569194 .sidemenu-preconception,
#page-2224569294 .sidemenu-placenta,
#page-2224569394 .sidemenu-wakuchin,
#page-2224569494 .sidemenu-sisyunki,
#page-2224322194 .sidemenu-access{
    display:block;
}







/* ▼▼▼　content　▼▼▼ */
/* 1カラムレイアウト */
.cc-page-index #content{
    padding-top:140px;
}
.cc-page-blog #content{
    padding-top:60px;
}
body:not(.cc-page-index) #content{
    padding:95px 0;
}
@media screen and (max-width: 800px) {
   /* 表示領域が800px以下の場合に適用するスタイル */
.cc-page-index #content{
    padding-top:70px;
}
}


/* 2カラムレイアウト */
#page-2224311394 #content,
#page-2224311494 #content,
#page-2224567994 #content,
#page-2224568094 #content,
#page-2224568194 #content,
#page-2224568294 #content,
#page-2224568394 #content,
#page-2224568494 #content,
#page-2224568594 #content,
#page-2224568694 #content,
#page-2224568794 #content,
#page-2224658094 #content,
#page-2224568994 #content,
#page-2224569094 #content,
#page-2224569194 #content,
#page-2224569294 #content,
#page-2224569394 #content,
#page-2224569494 #content,
#page-2224322194 #content{
    margin-right:80px;
}
@media screen and (max-width: 800px) {
   /* 表示領域が800px以下の場合に適用するスタイル */
#page-2224311394 #content,
#page-2224311494 #content,
#page-2224567994 #content,
#page-2224568094 #content,
#page-2224568194 #content,
#page-2224568294 #content,
#page-2224568394 #content,
#page-2224568494 #content,
#page-2224568594 #content,
#page-2224568694 #content,
#page-2224568794 #content,
#page-2224658094 #content,
#page-2224568994 #content,
#page-2224569094 #content,
#page-2224569194 #content,
#page-2224569294 #content,
#page-2224569394 #content,
#page-2224569494 #content,
#page-2224322194 #content{
    margin-right:0px;
    padding: 50px 24px;
}


body:not(.cc-page-index) #content{padding-left:24px; padding-right:24px;}

}


/*  コンテンツ　スタイル
----------------------------------------------- */
.title, .title2{margin-bottom: 60px;}
.title2{text-align:center;}
.title p, .title2 p{
    font-size:20px;
    color:#2b7b3c;
}
.title p::before{
    content:"";
    display:inline-block;
    background: url(https://u.jimcdn.com/cms/o/s4a99605740671dfe/userlayout/font/icon-clover.svg?t=1780042930) no-repeat;
    width:40px;
    height:36px;
    position: relative;
    top: 10px;
    margin-right: 5px;
}
.title2 img:last-child{width:40px; margin: 20px auto 0;}

/* 緑の文字 */
.g-text, .g-text span{
    font-size: 34px;
    color: #2b7b3c;
    line-height:1.5;
    margin-bottom:40px;
}

/* 大きい文字 */
.large-text34{
    font-size: 34px;
    margin-bottom: 40px;
    line-height:1.5;
}
/* ちょっと大きい文字 */
.large-text20{
    font-size: 20px;
    margin-bottom: 20px;
    line-height:1.5;
}

/* 見出し　h2 */
.con-h2{
    font-size: 36px;
    margin-bottom: 70px;
    font-weight:400;
}
.con-h2::before{
    content:"";
    display:inline-block;
    width:9px;
    height:30px;
    background:#2b7b3c;
}
.con-h2p::before{
    background:#faaab4;
}


/* 見出し　h3 */
.con-h3{
    font-size: 20px;
    font-weight: 400;
    background: #f8f0e6;
    padding: 6px 0 6px 55px;
    border-radius: 25px 0 0 25px;
    margin: 60px 0 50px;
    position:relative;
}
.con-h3::before{
    content:"";
    display:inline-block;
    width:32px;
    height:32px;
    background:#FFF;
    border-radius: 32px;
    position:absolute;
    top: calc(50% - 16px);
    left:4px;
}
.con-h3w{
    background: #FFF;
}
.con-h3w::before{
    background:#f8f0e6;
}
/* 見出し　h4 */
.con-h4{
    font-size: 20px;
    margin-bottom: 35px;
    font-weight:400;
}
.con-h4::before{
    content:"";
    display:inline-block;
    width:5px;
    height:16px;
    background:#2b7b3c;
}


 /* テキストインデント */
.text-indent{padding-left:55px;}

 /* 区切り線 */
div.hr {margin: 80px 0;}

/* 行間の広いテキスト */
.text-lineheight{line-height:2.2 !important;}

/* カラムのコンテンツ */

@media screen and (max-width: 800px) {
   /* 表示領域が800px以下の場合に適用するスタイル */
.title, .title2{margin: 0 24px 35px;}
.title p, .title2 p{font-size:18px;}
.title p::before{
    width:33px;
    height:30px;
}
.title2 img:last-child{width:33px; margin: 20px auto 0;}
.g-text, .g-text span{
    font-size: 24px;
    margin-bottom:20px;
}
/* 大きい文字 */
.large-text34{
    font-size: 30px;
}

/* 見出し　h2 */
.con-h2{
    font-size: 30px;
    margin-bottom: 40px;
}
.con-h2::before{
    position: relative;
    top: 5px;
}
/* 見出し　h3 */
.con-h3{
    margin: 40px 0 30px;
}

/* テキストインデント */
.text-indent{padding-left:0px;}

/* 区切り線 */
div.hr {margin: 60px 0;}

/* カラムのコンテンツ */
body:not(.cc-page-index) .j-hgrid:not(:last-child){margin-bottom: 0px;}
body:not(.cc-page-index) .cc-m-hgrid-column{
    float:none;
    width:100% !important;
    margin-bottom:30px;
} 
#cc-m-12425728894 .cc-m-hgrid-column,
#cc-m-12425732394 .cc-m-hgrid-column,
#cc-m-12425772594 .cc-m-hgrid-column{margin-bottom:0px;}


body:not(.cc-page-index) .cc-m-hgrid-column.last{float: none;}

body:not(.cc-page-index) .cc-m-hgrid-column img{width:100%;}
body:not(.cc-page-index) .cc-m-hgrid-column .n{padding: 0;}
}





/* title-medical */
#cc-m-12421663194 img{width:516px;}
@media screen and (max-width: 800px) {
   /* 表示領域が800px以下の場合に適用するスタイル */
#cc-m-12421663194 img{width:240px;}

/* 「医師 看護師の・・・」テキスト */
#cc-m-12421663294{
    display: flex;
    flex-direction: column-reverse;
}
#cc-m-12421663294 .cc-m-hgrid-column{
    float: none;
    width: calc(100% - 48px) !important;
    padding: 0 24px 0;
}
#cc-m-12421663294 .cc-m-hgrid-column.last{float: none; margin-bottom: 30px;}
#cc-m-12421663294 .cc-clear{display: none;}

}

/* medical-care */
.medical-care-wrap{
    display:flex;
    gap: 27px;
    flex-wrap: wrap;
    margin: 90px 0 80px;
}
.medical-care{
    width: 352px;
    background:#FFF;
    border-radius: 25px 25px 10px 10px;
    padding: 35px 40px 40px 55px;
    box-sizing: border-box;
    box-shadow: 0px 2px 0px 0px rgba(201, 195, 161, 0.1);
}
.medical-care img{width:44px;}
.medical-care:first-child img{width:41px;}
.medical-care p{
    font-size: 22px;
    font-weight: 500;
    margin: 20px 0 40px;
    position: relative;
}
.medical-care p::after{
    content:"";
    display:inline-block;
    background: url(https://u.jimcdn.com/cms/o/s4a99605740671dfe/userlayout/font/arrow-g1.svg?t=1779948842) no-repeat;
    width:22px;
    height:20px;
    position: absolute;
    top: 13px;
    right: 0;
}
.medical-care ul li{list-style:none;}
.medical-care ul li a{
    display: block;
    text-decoration: none !important;
    color: #2b7b3c;
    line-height: 2.5;
    position: relative;
}
.medical-care ul li a::after{
    content:"";
    display:inline-block;
    background: url(https://u.jimcdn.com/cms/o/s4a99605740671dfe/userlayout/font/arrow-g2.svg?t=1779948848) no-repeat;
    width:8px;
    height:7px;
    position: absolute;
    top: 14px;
    right: 0;
}
.medical-care ul li a:hover{color:#535152;}
.medical-care ul li a:hover::after{
    filter: brightness(0) saturate(100%) invert(27%) sepia(1%) saturate(1779%) hue-rotate(278deg) brightness(99%) contrast(78%);
}

.medical-care-wrap div:last-child{
    width: 352px;
    display: flex;
    justify-content: center;
    align-items: center;
}
@media screen and (max-width: 800px) {
   /* 表示領域が800px以下の場合に適用するスタイル */
.medical-care-wrap{
    gap: 24px;
    margin: 60px 0 70px;
    padding: 0 24px;
}
.medical-care{
    width: 100%;
    padding: 30px 50px 45px;
}
.medical-care-wrap div:last-child{margin: 30px auto 0;}

}


/* 背景のクローバー */
#cc-m-12421663194, #cc-m-12421663294{position:relative;}
#cc-m-12421663194::before{
    content:"";
    display:inline-block;
    background: url(https://u.jimcdn.com/cms/o/s4a99605740671dfe/userlayout/font/clover2.svg?t=1780377700) no-repeat;
    width:283px;
    height:223px;
    position: absolute;
    top: -50px;
    right: -40px;
}
#cc-m-12421663294::after{
    content:"";
    display:inline-block;
    background: url(https://u.jimcdn.com/cms/o/s4a99605740671dfe/userlayout/font/clover2.svg?t=1780377700) no-repeat;
    width:283px;
    height:223px;
    position: absolute;
    bottom: -25px;
    left: -40px;
    z-index: -1
}
@media screen and (max-width: 800px) {
   /* 表示領域が800px以下の場合に適用するスタイル */
#cc-m-12421663194::before{display:none;}
#cc-m-12421663294 .cc-m-hgrid-column:first-child{position:relative;}
#cc-m-12421663294 .cc-m-hgrid-column:first-child::before{
    content:"";
    display:inline-block;
    background: url(https://u.jimcdn.com/cms/o/s4a99605740671dfe/userlayout/font/clover2.svg?t=1780377700) no-repeat;
    width:144px;
    height:133px;
    position: absolute;
    top: -50px;
    right: 5px;
    z-index: -1;
}
#cc-m-12421663294::after{
    width:144px;
    height:133px;
    bottom: -100px;
    left: 5px;
}
}



/* title-facilities */
#cc-m-12422320494 img{width:350px;}
@media screen and (max-width: 800px) {
   /* 表示領域が800px以下の場合に適用するスタイル */
#cc-m-12422320494 .title{margin: 35px 0px 35px;}
#cc-m-12422320494 img{width:162px;}

#cc-m-12422320194 .cc-m-hgrid-column{
    float: none;
    width: calc(100% - 48px) !important;
    padding: 0 24px 0;
}
#cc-m-12422320194 .cc-m-hgrid-column.last{float: none; margin-bottom: 30px;}
#cc-m-12422320194 .cc-clear{display: none;}


}

/* facilities */
#cc-m-12422320194{
    position:relative;
    padding: 114px 0 125px !important;
}
#cc-m-12422320194::after{
    content:"";
    display:inline-block;
    background: url(https://u.jimcdn.com/cms/o/s4a99605740671dfe/userlayout/img/facilities-bg.png?t=1780301447) no-repeat;
    margin-left: calc((-100vw + 100%) / 2);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100vw;
    background-size: cover;
    z-index: -1;
}
#cc-matrix-3368156294{padding-left: 90px;}
#cc-matrix-3368156294 .button-g{margin-top:88px;}
@media screen and (max-width: 800px) {
   /* 表示領域が800px以下の場合に適用するスタイル */
#cc-m-12422320194{padding: 74px 0 20px !important;}
#cc-m-12422320194 .cc-m-hgrid-column:first-child img{
    width: 100%;
    height: 342px;
    object-fit: cover;
    border-radius: 15px;
}
#cc-m-12422320194::after{
    background: url(https://u.jimcdn.com/cms/o/s4a99605740671dfe/userlayout/img/facilities-bg-sp.png?t=1780386360) no-repeat;
    position: absolute;
    top: auto;
    bottom: 80px;
    height: 100%;
    max-height: 580px;
    background-size: cover;
    background-position: bottom;
}


#cc-matrix-3368156294{padding-left: 0px;}
#cc-matrix-3368156294 .button-g{margin: 50px auto 0;}

}




/* title-clinic info */
#cc-m-12424426594{
    background: #FFF;
    margin-top: 80px;
    padding-top: 100px;
    border-radius: 30px 30px 0 0;
}
#cc-m-12424426594 img:first-child{width:400px; margin: 0 auto;}
@media screen and (max-width: 800px) {
   /* 表示領域が800px以下の場合に適用するスタイル */
#cc-m-12424426594{
    border-radius:0;
    padding-top: 60px;
}
#cc-m-12424426594 img:first-child{width:186px;}
}


/* title-clinic info */
#cc-m-12424426894, #cc-m-12424427394, #cc-m-12424427994,
#cc-m-12424447894, #cc-m-12424448294{background: #FFF;}


/* 診療時間 */
.table-style1{
    border-collapse: collapse;
    width: 470px;
    margin: 0 auto;
}
.table-style1 th, .table-style1 td{
    font-size:17px;
    font-weight:500;
    padding: 10px 0;
    }
.table-style1 th{width:125px; text-align:left;}
.table-style1 td{width:40px; text-align:center;}

.table-style1 tr:not(:last-child){border-bottom:1px solid #e8e6e2;}
.table-style1 th:not(.gray), .table-style1 td:not(.gray){color: #2b7b3c;}
.table-style1 tr:first-child th, .table-style1 tr:first-child td{font-size:13px;}
.table-style1 .check{position:relative;}
.table-style1 .check::after{
    content:"※";
    display:block;
    font-size:12px;
    font-weight:400;
    color: #2b7b3c;
    position:absolute;
    bottom: -5px;
    left: calc(50% - 6px);
}


#cc-m-12424427394{padding:50px 0;}
#cc-m-12424427394 p, #cc-m-12424427394 p span{
    text-align: center;
    color: #2b7b3c;
    font-size:13px;
    font-weight:bold;
}


/* 「初診の方は・・」ボタン */
#cc-m-12424427994 .button-g{margin: 0 auto;}
#cc-m-12424427994::after{
    content:"";
    display:block;
    width:740px;
    height:1px;
    background:#e8e6e2;
    margin: 60px auto 0;
}
@media screen and (max-width: 800px) {
   /* 表示領域が800px以下の場合に適用するスタイル */
#cc-m-12424427994::after{
    width: calc(100% - 48px);
}
}



/* 住所 */
#cc-m-12424447894{padding:50px 0;}
#cc-m-12424447894 p{
    text-align: center;
    font-size:16px;
}
/* Googleマップ */
#cc-m-12424448294{
    padding-bottom: 90px;
    border-radius: 0 0 30px 30px;
    box-shadow: 0px 2px 0px 0px rgba(201, 195, 161, 0.1);
}
#cc-m-map-12424448294{
    max-width: 740px;
    margin: 0 auto;
}
@media screen and (max-width: 800px) {
   /* 表示領域が800px以下の場合に適用するスタイル */

/* 診療時間 */
.table-style1{
    width: calc(100% - 48px);
}
.table-style1 th, .table-style1 td{
    font-size:14px;
}
.table-style1 th{width:100px;}
.table-style1 td{width:24px;}
.table-style1 tr:first-child td:last-child{width:40px;}

#cc-m-12424427394{padding:30px 0 60px 24px;}
#cc-m-12424427394 p, #cc-m-12424427394 p span{
    text-align: left;
    font-size:14px;
}
#cc-m-12424427394 span{display:block;}

/* 住所 */
#cc-m-12424447894{padding:50px 0 25px 24px;}
#cc-m-12424447894 p{
    text-align: left;
    font-size:14px;
}

/* Googleマップ */
#cc-m-12424448294{
    padding: 0 24px 40px;
    border-radius: 0;
}
.cc-map-wrapper, .cc-map-embed-iframe{max-height:300px;}

}







/* title-reservation */
#cc-m-12424478994{
    margin-top: 80px;
    padding-top: 120px;
    position:relative;
}
#cc-m-12424478994::after{
    content:"";
    display:inline-block;
    background: #FFF;
    margin-left: calc((-100vw + 100%) / 2);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100vw;
    z-index: -2;
}
#cc-m-12424478994 img:first-child{width:467px; margin: 0 auto;}
@media screen and (max-width: 800px) {
   /* 表示領域が800px以下の場合に適用するスタイル */

#cc-m-12424478994{
    margin-top: 40px;
    padding-top: 85px;
}
#cc-m-12424478994 img:first-child{width:217px;}
}



/* 背景のクローバー */
#cc-m-12424478994::before{
    content:"";
    display:inline-block;
    background: url(https://u.jimcdn.com/cms/o/s4a99605740671dfe/userlayout/font/clover3.svg?t=1780377243) no-repeat;
    width:283px;
    height:223px;
    position: absolute;
    top: 50px;
    left: -20px;
    z-index: -1;
}
#cc-m-12424479094::before{
    content:"";
    display:inline-block;
    background: url(https://u.jimcdn.com/cms/o/s4a99605740671dfe/userlayout/font/clover3.svg?t=1780377243) no-repeat;
    width:283px;
    height:223px;
    position: absolute;
    bottom: 50px;
    right: -20px;
    z-index: -1;
}
@media screen and (max-width: 800px) {
   /* 表示領域が800px以下の場合に適用するスタイル */
#cc-m-12424478994::before{
    width:149px;
    height:117px;
    top: 175px;
    left: 24px;
}
#cc-m-12424479094::before{
    display:none;
}
#cc-m-12424479094 .cc-m-hgrid-column:first-child{position:relative;}
#cc-m-12424479094 .cc-m-hgrid-column:first-child::before{
    content:"";
    display:inline-block;
    background: url(https://u.jimcdn.com/cms/o/s4a99605740671dfe/userlayout/font/clover3.svg?t=1780377243) no-repeat;
    width:149px;
    height:117px;
    position: absolute;
    bottom: -75px;
    right: 24px;
    z-index: -1;
}

}



/* reservation */
#cc-m-12424479094{
    position:relative;
    padding: 0 0 110px 70px !important;
}
#cc-m-12424479094::after{
    content:"";
    display:inline-block;
    background: #FFF;
    margin-left: calc((-100vw + 100%) / 2);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100vw;
    z-index: -2;
}
#cc-matrix-3368824694{margin: 10px 0 0 20px;}
#cc-matrix-3368824694 .g-text,
#cc-matrix-3368824694 .g-text span{margin-bottom:10px;}
#cc-matrix-3368824694 .g-text + p{color: #2b7b3c; margin-bottom:40px; font-size:13px;}


@media screen and (max-width: 800px) {
   /* 表示領域が800px以下の場合に適用するスタイル */
#cc-m-12424479094{padding: 0 0 100px 0px !important;}
#cc-m-12424479094 .cc-m-hgrid-column{
    float: none;
    width: calc(100% - 48px) !important;
    padding: 0 24px 0;
    margin-bottom: 30px;
}
#cc-m-12424479094 .cc-m-hgrid-column.last{float: none; margin-bottom: 0px;}
#cc-m-12424479094 .cc-clear{display: none;}
#cc-matrix-3368824694{margin: 0;}

#cc-m-12424479394 .button-g{margin: 0 auto;}
}


/* 下層ページ　ページタイトル
----------------------------------------------- */
.under-title{
    background:#f8f0e6;
    height:280px;
    padding-top: 100px;
    box-sizing: border-box;   
}
.under-title-inner{
    width:1120px;
    margin: 0 auto;
    padding-top: 30px;
}
.under-title-inner h1{font-size:30px; font-weight:400;}
.page-list{
    margin: 0 0 40px 0;
    display: flex;
}
.page-list li{
    list-style:none;
}
.page-list li:not(:last-child)::after{
    content:"";
    display:inline-block;
    width:8px;
    height:1px;
    background:#757475;
    position: relative;
    top: -3px;
    margin: 0 5px 0 3px;
}
.page-list li, .page-list li a{
    color:#757475;
    font-size:11px;
}
@media screen and (max-width: 1120px) {
   /* 表示領域が1120px以下の場合に適用するスタイル */
.under-title{height:250px; padding: 100px 24px 0;}
.under-title-inner{
    width:100%;
}
}
@media screen and (max-width: 800px) {
   /* 表示領域が800px以下の場合に適用するスタイル */
.under-title{padding: 60px 24px 0;}

}


/* ブログ記事ページ　表示設定 */
.under-title-blog{display:none;}
.cc-page-blog .under-title-blog{display:block;}

/* そのほかのページ */
.under-title-def{
    height:420px;
    display:none;
}
.under-title-def .under-title-inner h1{font-size:48px;}
.under-title-def .page-list{margin: 0 0 120px 0;}

.medical-page .page-list,
.ninshin-page .page-list,
.piru-page .page-list,
.hinin-page .page-list,
.hunin-page .page-list,
.chuzetu-page .page-list,
.sikyuu-page .page-list,
.seiri-page .page-list,
.std-page .page-list,
.josei-page .page-list,
.kounenki-page .page-list,
.rounenki-page .page-list,
.sikyuugan-page .page-list,
.bridal-page .page-list,
.preconception-page .page-list,
.placenta-page .page-list,
.wakuchin-page .page-list,
.sisyunki-page .page-list,
.about-page .page-list,
.facilities-page .page-list,
.info-page .page-list{margin: 0 0 70px 0;}



#page-2224311394 .medical-page,
#page-2224383794 .blog-page,
#page-2224311794 .blog-page,
#page-2224311494 .ninshin-page,
#page-2224567994 .piru-page,
#page-2224568094 .hinin-page,
#page-2224568194 .hunin-page,
#page-2224568294 .chuzetu-page,
#page-2224568394 .sikyuu-page,
#page-2224568494 .seiri-page,
#page-2224568594 .std-page,
#page-2224568694 .josei-page,
#page-2224568794 .kounenki-page,
#page-2224658094 .rounenki-page,
#page-2224568994 .sikyuugan-page,
#page-2224569094 .bridal-page,
#page-2224569194 .preconception-page,
#page-2224569294 .placenta-page,
#page-2224569394 .wakuchin-page,
#page-2224569494 .sisyunki-page,
#page-2224321894 .about-page,
#page-2224311694 .facilities-page,
#page-2224311594 .info-page,
#page-2224322194 .access-page{display:block;}


/* 診療内容　各ページ */
.medical-h1 div{display:inline-block;}
.medical-h1 p{font-size:22px;}
.medical-h1 span{color:#FFF;}

.medical-h1-cat1::before,
.medical-h1-cat2::before,
.medical-h1-cat3::before,
.medical-h1-cat4::before,
.medical-h1-cat5::before{
    content:"";
    display:inline-block;
    filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(93deg) brightness(103%) contrast(103%);
    position: relative;
    top: 5px;
    margin-right: 30px;
}

.medical-h1-cat1::before{
    background:url(https://u.jimcdn.com/cms/o/s4a99605740671dfe/userlayout/font/menu1.svg?t=1779956094) no-repeat;
    width:83px;
    height:91px;
}
.medical-h1-cat2::before{
    background:url(https://u.jimcdn.com/cms/o/s4a99605740671dfe/userlayout/font/menu2.svg?t=1779956102) no-repeat;
    width:88px;
    height:87px;
}
.medical-h1-cat3::before{
    background:url(https://u.jimcdn.com/cms/o/s4a99605740671dfe/userlayout/font/menu3.svg?t=1779956115) no-repeat;
    width:88px;
    height:100px;
}
.medical-h1-cat4::before{
    background:url(https://u.jimcdn.com/cms/o/s4a99605740671dfe/userlayout/font/menu4.svg?t=1779956122) no-repeat;
    width:86px;
    height:94px;
}
.medical-h1-cat5::before{
    background:url(https://u.jimcdn.com/cms/o/s4a99605740671dfe/userlayout/font/menu5.svg?t=1779956129) no-repeat;
    width:93px;
    height:93px;
}



@media screen and (max-width: 800px) {
   /* 表示領域が800px以下の場合に適用するスタイル */
.under-title-def{height:300px;}
.under-title-def .under-title-inner h1{font-size:36px;}
.under-title-def .page-list{margin: 0 0 60px 0;}

.medical-page .page-list,
.ninshin-page .page-list,
.piru-page .page-list,
.hinin-page .page-list,
.hunin-page .page-list,
.chuzetu-page .page-list,
.sikyuu-page .page-list,
.seiri-page .page-list,
.std-page .page-list,
.josei-page .page-list,
.kounenki-page .page-list,
.sikyuugan-page .page-list,
.bridal-page .page-list,
.preconception-page .page-list,
.placenta-page .page-list,
.wakuchin-page .page-list,
.sisyunki-page .page-list,
.about-page .page-list,
.facilities-page .page-list,
.info-page .page-list{margin: 0 0 25px 0; flex-wrap: wrap;}



.medical-h1 div{display:block;}
.under-title-def .under-title-inner .medical-h1 h1{font-size:28px;}
.medical-h1 p{font-size:16px;}
.medical-h1-cat1::before,
.medical-h1-cat2::before,
.medical-h1-cat3::before,
.medical-h1-cat4::before,
.medical-h1-cat5::before{
    margin-right: 10px;
}
.medical-h1-cat1::before{
    width:42px;
    height:46px;
}
.medical-h1-cat2::before{
    width:44px;
    height:43px;
}
.medical-h1-cat3::before{
    width:44px;
    height:50px;
}
.medical-h1-cat4::before{
    width:43px;
    height:47px;
}
.medical-h1-cat5::before{
    width:46px;
    height:46px;
}


}


/* 下層ページ　コンテンツ
----------------------------------------------- */
/* 施設案内 */
#cc-m-12425027694 .cc-clear{display: none;}
#page-2224311694 .cc-m-hgrid-column{margin-bottom: 60px;}

@media screen and (max-width: 800px) {
   /* 表示領域が800px以下の場合に適用するスタイル */
/* 外観 */
#cc-m-12425026794{
    display: flex;
    flex-direction: column-reverse;
}
#cc-m-12425026794 .cc-m-hgrid-column.last{margin-bottom: 20px;}
#cc-m-12425041194 .cc-m-hgrid-column.last{margin-bottom: 0px;}

}

/* 診療時間 */
#cc-m-12425043994 .table-style1{
    margin: 0;
}
#cc-m-12425044294{padding-top:50px;}
#cc-m-12425044294 p, #cc-m-12425044294 p span{
    color: #2b7b3c;
    font-size:13px;
    font-weight:bold;
}
@media screen and (max-width: 800px) {
   /* 表示領域が800px以下の場合に適用するスタイル */
#cc-m-12425044294 span{display:block;}
#cc-m-12425043994 .table-style1{width: 100%;}
}

/* 診察内容 */
.medical-page-title{
    font-size:36px;
    margin-bottom:40px;
}
.medical-page-title1::before,
.medical-page-title2::before,
.medical-page-title3::before,
.medical-page-title4::before,
.medical-page-title5::before{
    content:"";
    display:inline-block;
    position: relative;
    top: 10px;
    margin-right: 25px;
}

.medical-page-title1::before{    
    background: url(https://u.jimcdn.com/cms/o/s4a99605740671dfe/userlayout/font/menu1.svg?t=1779956094) no-repeat;
    width:83px;
    height:91px;
}
.medical-page-title2::before{
    background: url(https://u.jimcdn.com/cms/o/s4a99605740671dfe/userlayout/font/menu2.svg?t=1779956102) no-repeat;
    width:88px;
    height:86px;
}
.medical-page-title3::before{
    background: url(https://u.jimcdn.com/cms/o/s4a99605740671dfe/userlayout/font/menu3.svg?t=1779956115) no-repeat;
    width:88px;
    height:100px;
}
.medical-page-title4::before{
    background: url(https://u.jimcdn.com/cms/o/s4a99605740671dfe/userlayout/font/menu4.svg?t=1779956122) no-repeat;
    width:86px;
    height:94px;
}
.medical-page-title5::before{
    background: url(https://u.jimcdn.com/cms/o/s4a99605740671dfe/userlayout/font/menu5.svg?t=1779956129) no-repeat;
    width:93px;
    height:93px;
}


ul.medical-page-list{
    display:flex;
    flex-wrap:wrap;
    column-gap: 40px;
    margin-top:60px;
}
#cc-m-12425712394 ul.medical-page-list{margin-bottom:75px;}
ul.medical-page-list li{
    list-style:none;
    width: calc(50% - 20px);
}
ul.medical-page-list li a{
    display: block;
    text-decoration: none !important;
    font-size: 18px;
    padding: 20px 0;
    border-bottom: 1px solid #f8f0e6;
    position:relative;
}
ul.medical-page-list li a:hover{color:#2b7b3c;}
ul.medical-page-list li:first-child a,
ul.medical-page-list li:nth-child(2) a{
    border-top: 1px solid #f8f0e6;
}
ul.medical-page-list li a::before{
    content:"";
    display:inline-block;
    width:5px;
    height:16px;
    background:#dedcd8;
    margin-right: 5px;
}
ul.medical-page-list li a::after{
    content: "";
    display: inline-block;
    background: url(https://u.jimcdn.com/cms/o/s4a99605740671dfe/userlayout/font/arrow-g1.svg?t=1779948842) no-repeat;
    width: 22px;
    height: 20px;
    position: absolute;
    top: calc(50% - 10px);
    right: 0;
}
@media screen and (max-width: 800px) {
   /* 表示領域が800px以下の場合に適用するスタイル */
.medical-page-title{
    font-size:30px;
}

.medical-page-title1::before,
.medical-page-title2::before,
.medical-page-title3::before,
.medical-page-title4::before,
.medical-page-title5::before{
    display:block;
    margin: 0 0 10px 0;
}

ul.medical-page-list{
    display:block;
}
#cc-m-12425712394 ul.medical-page-list{margin-bottom:80px;}
ul.medical-page-list li{
    width: 100%;
}
ul.medical-page-list li a{
    font-size: 16px;
}
ul.medical-page-list li:nth-child(2) a{
    border-top: none;
}
ul.medical-page-list li a::before{
    width:4px;
    height:12px;
}

}


/* 診療内容　下部guide */
.guide{display:none;}
#page-2224311394 .guide{
    display:block;
    background:#f8f0e6;
    padding:120px 0 110px;
}

.guide-inner{
    width:1120px;
    margin:0 auto;
}
.guide-inner img{width:227px;}
@media screen and (max-width: 800px) {
   /* 表示領域が800px以下の場合に適用するスタイル */
#page-2224311394 .guide{
    padding:80px 0 80px;
}
.guide-inner{
    width:calc(100% - 48px);
}
.guide-inner img{width:140px;}
.guide-inner .title{margin: 0 0px 35px;}
}





/* ブログ
----------------------------------------------- */
/* 一覧 */
#page-2224383794 #container{
    width: 800px;
}
#pagenation_block{
    border-top: 1px dotted #dedcd8;
    margin-bottom: 80px;
}
.blog-item{
    display: flex;
    position: relative;
    padding: 25px 0;
    border-bottom: 1px dotted #dedcd8;
    transition:all .4s;
}
.blog-item a{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.blog-item:hover{
    background:#f8f8f7;
}
.blog-item:hover .my_blog_list_title{
    color:#2b7b3c;
}
.my_blog_list_title{
    display: block;
    width: 70%;
    margin-left: 40px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.blog-item::after{
    content:"";
    display:inline-block;
    background: url(https://u.jimcdn.com/cms/o/s4a99605740671dfe/userlayout/font/arrow-g2.svg?t=1779948848) no-repeat;
    filter: brightness(0) saturate(100%) invert(30%) sepia(6%) saturate(138%) hue-rotate(278deg) brightness(91%) contrast(82%);
    width:8px;
    height:7px;
    position: absolute;
    top: calc(50% - 4px);
    right: 20px;
}
.blog-item:hover::after{filter:none;}
@media screen and (max-width: 800px) {
   /* 表示領域が800px以下の場合に適用するスタイル */
#page-2224383794 #container{
    width: 100%;
}

#pagenation_block .blog-item{display:block;}
.my_blog_list_title{width: 80%; margin-left: 0px;}

}


/* ジンドゥーのブログページ */
#page-2224311794 #container{
    width: 800px;
}
#page-2224311794 .j-blogarticle{
    border-top: 1px dotted #dedcd8;
    margin-bottom: 0px;
    padding: 0;
}
#page-2224311794 .j-blogarticle #cc-matrix-{
    position: relative;
    padding: 25px 0;
    border-bottom: 1px dotted #dedcd8;
    transition:all .4s;
}
#page-2224311794 .j-blogarticle #cc-matrix- .j-spacing,
#page-2224311794 .j-blogarticle #cc-matrix- .j-imageSubtitle,
#page-2224311794 .j-blogarticle #cc-matrix- .j-text {
    display:none;
}
#page-2224311794 .j-blogarticle #cc-matrix- .j-text:first-child,
#page-2224311794 .j-blogarticle #cc-matrix- .j-text:nth-child(2){
    display: block;
}
#page-2224311794 .j-blogarticle #cc-matrix- .j-text:first-child{padding: 0;}

#page-2224311794 .j-blogarticle #cc-matrix-:hover{
    background:#f8f8f7;
}
#page-2224311794 .j-blogarticle #cc-matrix-:hover .j-blog h2{
    color:#2b7b3c;
}
#page-2224311794 .j-blogarticle #cc-matrix- .j-blog a{
    display: flex;
    align-items: center;
    margin-left: 140px;
    text-decoration: none;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
}
#page-2224311794 .j-blogarticle #cc-matrix- #cc-m-1:has(.j-blog){padding: 0;}
#page-2224311794 .j-blogarticle #cc-matrix- .j-blog h2{
    width: 70%;
    font-size:14px;
    font-weight: 400;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
#page-2224311794 .j-blogarticle #cc-matrix-::after{
    content:"";
    display:inline-block;
    background: url(https://u.jimcdn.com/cms/o/s4a99605740671dfe/userlayout/font/arrow-g2.svg?t=1779948848) no-repeat;
    filter: brightness(0) saturate(100%) invert(30%) sepia(6%) saturate(138%) hue-rotate(278deg) brightness(91%) contrast(82%);
    width:8px;
    height:7px;
    position: absolute;
    top: calc(50% - 4px);
    right: 20px;
}
#page-2224311794 .j-blogarticle #cc-matrix-:hover::after{filter:none;}

 /* さらに表示するボタン */
a.blogreadmore{
    display: flex !important;
    justify-content: center;
    align-items: center;
    width: 173px !important;
    height: 66px;
    margin: 80px auto 0 !important;
    background: #e8e6e2;
    border-radius: 45px;
    text-decoration: none !important;
    font-size: 13px;
    box-sizing: border-box;
    padding: 0 30px;
    border: 1px solid #e8e6e2;
    transition: all .4s;
}
a.blogreadmore:hover{background:#FFF;}

@media screen and (max-width: 800px) {
   /* 表示領域が800px以下の場合に適用するスタイル */
#page-2224311794 #container{
    width: 100%;
}

#page-2224311794 .j-blogarticle #cc-matrix-{padding: 20px 0 45px 0;}
#page-2224311794 .j-blogarticle #cc-matrix- .j-blog a{margin-left: 0px; padding-top: 15px;}
#page-2224311794 .j-blogarticle #cc-matrix- .j-blog h2{width: 80%;}

}






/* ブログ一覧ページャー */
.pagination{
    display: flex;
    justify-content: space-between;
}
.pagination ul{display:none;}
.pagination button{
    display: flex;
    align-items: center;
    width:173px;
    height:66px;
    background:#e8e6e2;
    border-radius:45px;
    color:#535152;
    text-decoration:none !important;
    font-size:13px;
    box-sizing: border-box;
    padding: 0 30px;
    border:1px solid #e8e6e2;
    position:relative;
    cursor: pointer;
    transition: all .4s;
}
.pagination p:first-child button{justify-content: right;}
.pagination p:first-child button::before {
    content: "";
    display: inline-block;
    background: url(https://u.jimcdn.com/cms/o/s4a99605740671dfe/userlayout/font/arrow-g4.svg?t=1779949060) no-repeat;
    width: 22px;
    height: 20px;
    position: absolute;
    top: calc(50% - 10px);
    left: 25px;
    transform: rotate(180deg);
}

.pagination button:hover{background:#FFF;}
.pagination p:last-child button::after {
    content: "";
    display: inline-block;
    background: url(https://u.jimcdn.com/cms/o/s4a99605740671dfe/userlayout/font/arrow-g4.svg?t=1779949060) no-repeat;
    width: 22px;
    height: 20px;
    position: absolute;
    top: calc(50% - 10px);
    right: 25px;
}
/* ページャーが最前、最後尾ページの時 */
.pagination .disabled {
  pointer-events: none; /* クリックできないようにする */
  opacity: 0.5;         /* 見た目を薄くする */
}


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

.pagination button{
    width:120px;
    height:50px;
    font-size:11px;
    padding: 0 20px;
}

.pagination p:first-child button::before {
    left: 10px;
}
.pagination p:last-child button::after {
    right: 10px;
}
}



/* トップページ一覧 */
#pagenation_block-top{
    border-top: 1px solid #fefcfa;
    margin-bottom: 20px;
}
#pagenation_block-top .blog-item{
    padding: 15px 0;
    border-bottom: 1px dotted #fefcfa;
    color: #f7f3ea;
    transition:all .4s;
}

#pagenation_block-top .blog-item:hover{
    background:none;
}
#pagenation_block-top .blog-item:hover .my_blog_list_title{
    color:#dedcd8;
}
#pagenation_block-top .blog-item::after{
    filter: brightness(0) saturate(100%) invert(100%) sepia(48%) saturate(304%) hue-rotate(12deg) brightness(108%) contrast(99%);
    right:0;
}
#pagenation_block-top .blog-item:hover::after{
    filter: brightness(0) saturate(100%) invert(100%) sepia(5%) saturate(1510%) hue-rotate(317deg) brightness(95%) contrast(88%);
}

.blog-more{
    display: block;
    width: 160px;
    color: #f7f3ea !important;
    text-decoration: none !important;
    position: relative;
    font-size: 13px;
    margin: 0 0 0 auto;
}
.blog-more:hover{color:#dedcd8 !important;}
.blog-more::after{
    content:"";
    display:inline-block;
    background: url(https://u.jimcdn.com/cms/o/s4a99605740671dfe/userlayout/font/arrow-g2.svg?t=1779948848) no-repeat;
    filter: brightness(0) saturate(100%) invert(100%) sepia(48%) saturate(304%) hue-rotate(12deg) brightness(108%) contrast(99%);
    width:8px;
    height:7px;
    position: absolute;
    top: calc(50% - 4px);
    right: 0;
}
.blog-more:hover::after{
    filter: brightness(0) saturate(100%) invert(100%) sepia(5%) saturate(1510%) hue-rotate(317deg) brightness(95%) contrast(88%);
}
@media screen and (max-width: 800px) {
   /* 表示領域が800px以下の場合に適用するスタイル */
#pagenation_block-top{
    margin-bottom: 13px;
}
#pagenation_block-top .blog-item{
    font-size: 11px;
    padding: 13px 0;
}
#pagenation_block-top .my_blog_list_title{width: 60%; margin-left: 20px;}

.blog-more{
    font-size: 11px;
    width: 120px;
}
}




/* 記事 */
.cc-page-blog #container{
    width: 800px;
}
.cc-page-blog .j-blog-post--header{
    width: 870px;
    background: #eaf2eb;
    margin: 0 0 60px -35px;
    padding: 60px 35px 60px;
    border-radius: 10px 10px 0 0;
    box-sizing: border-box;
}
.cc-page-blog .j-blog-post--header h1{font-weight:400;}
.cc-page-blog .j-blog-post--header > .j-text{
    border-bottom: 1px solid #dedcd8;
    padding-bottom: 10px;
    margin-bottom: 25px;
}
.cc-page-blog #content_area{
    padding-bottom: 60px;
    margin-bottom: 80px;
    border-bottom: 1px solid #dedcd8;
}

@media screen and (max-width: 800px) {
   /* 表示領域が800px以下の場合に適用するスタイル */
.cc-page-blog #container{width: 100%;}
.cc-page-blog .j-blog-post--header{
    width: 100%;
    margin: 0 0 60px 0px;
}
.cc-page-blog .j-blog-post--header h1{font-size: 30px;}
}



/* お知らせ一覧に戻るボタン */
.back{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 191px;
    height: 64px;
    font-size: 13px;
    background: #e8e6e2;
    margin: 0 auto 0px;
    text-decoration: none !important;
    border-radius: 40px;
    border: 1px solid #e8e6e2;
}
.back:hover{
    background: #FFF;
}
@media screen and (max-width: 800px) {
   /* 表示領域が800px以下の場合に適用するスタイル */
}


/*  フッター
----------------------------------------------- */
#footer{
    background:#e8e6e2;
}
.footer-inner{
    width: 1120px;
    margin: 0 auto;
    padding-top: 80px;
}
@media screen and (max-width: 1120px) {
   /* 表示領域が1120px以下の場合に適用するスタイル */
.footer-inner{width: 100%;}
}


/* 診療内容 */
.medical-menu p a{
    font-size: 20px;
    color: #2b7b3c;
    text-decoration: none;
}
.medical-menu ul li{
    list-style: none;
}
.medical-menu ul.main-menu{
    margin: 40px 0 0;
    padding-bottom: 90px;
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #dedcd8;
}
.medical-menu ul li a{text-decoration:none;}
.medical-menu ul li span{
    font-size:16px;
    font-weight: 500;
}
.medical-menu ul.main-menu li span::before{
    content:"";
    display:inline-block;
    background: url(https://u.jimcdn.com/cms/o/s4a99605740671dfe/userlayout/font/arrow-p1.svg?t=1779864044) no-repeat;
    width:22px;
    height:20px;
    position: relative;
    top: 3px;
    margin-right: 15px;
}
.medical-menu ul.main-menu li span a{
    font-weight: 500;
    pointer-events: all;
}
.medical-menu ul li a:hover{color:#faaab4;}

.medical-menu ul.sub-menu{display:block;}
.medical-menu ul.sub-menu li{padding-left:5px;}
.medical-menu ul.sub-menu li a{
    font-size:13px;
}
.medical-menu ul.sub-menu li::before{
    content:"";
    display:inline-block;
    background: url(https://u.jimcdn.com/cms/o/s4a99605740671dfe/userlayout/font/arrow-p2.svg?t=1779864055) no-repeat;
    width:8px;
    height:7px;
    position: relative;
    top: 0;
    margin-right: 5px;
}

@media screen and (max-width: 800px) {
   /* 表示領域が800px以下の場合に適用するスタイル */

.footer-inner{
    width: calc(100% - 40px);
    padding-top: 50px;
}

.medical-menu p a{
    font-size: 18px;
}
.medical-menu ul.main-menu{
    display: block;
    padding-bottom: 80px;
    border-top: 1px solid #dedcd8;
}
.medical-menu ul.main-menu li span{
    display: block;
    border-bottom: 1px solid #dedcd8;
    padding: 15px 20px;
    font-size: 14px;
    position: relative;
    cursor: pointer;
    transition: all .4s;
}
.medical-menu ul.main-menu li span a{pointer-events: none;}
.medical-menu ul.main-menu li.active span{
    background:#feeef0;
}

.medical-menu ul.main-menu li span::after{
    content:"";
    display:inline-block;
    background: url(https://u.jimcdn.com/cms/o/s4a99605740671dfe/userlayout/font/icon-plus2.svg?t=1779930705) no-repeat;
    width:8px;
    height:8px;
    position: absolute;
    top: calc(50% - 4px);
    right:20px;
}
.medical-menu ul.main-menu li.active span::after{
    filter: brightness(0) saturate(100%) invert(80%) sepia(9%) saturate(444%) hue-rotate(347deg) brightness(87%) contrast(87%);
}

.medical-menu ul.sub-menu{
    padding: 10px 0 10px 45px;
    background: #f1f0ee;
    margin: 0;
    display: none;
}
.medical-menu ul.sub-menu li{
    padding: 3px 0;
    font-size: 12px;
}

}





/* 住所など */
.footer-menu > a{width:342px; display: block;}
.footer-menu img{
    width:342px;
    margin: 70px 0 50px;
}
.footer-menu-inner{
    display: flex;
    gap: 200px;
}
.footer-menu-inner p{font-weight: 500;}


.copyright{
    font-size:10px;
    text-align:right;
    margin-top:120px;
}


#footer .gutter {
    height:30px;
    padding:35px 15px 0 0px;
}

@media screen and (max-width: 800px) {
   /* 表示領域が800px以下の場合に適用するスタイル */
.footer-menu > a{width:247px;}
.footer-menu img{
    width:247px;
    margin: 50px 0 40px;
}
.footer-menu-inner{
    display: block;
}
.footer-menu-inner p{font-weight: 400;}
.footer-menu-inner .add{margin-bottom:50px;}

.copyright{
    font-size:8px;
    text-align:center;
    margin:50px 0 70px;
}
#footer .gutter {padding: 0 0 70px 0;}

}






/*  Navigation
----------------------------------------------- */

ul.mainNav1,
ul.mainNav2
{
    margin:0;
    padding: 0;
    display: inline-grid;
    grid-auto-flow: column;
    grid-template-rows: repeat(3, auto);
    column-gap: 85px;
}
.jqbga-container ul.mainNav1,
.jqbga-container ul.mainNav2{
    display: inline-block;
}

ul.mainNav1 li,
ul.mainNav2 li
{
    display: inline;
    margin: 0;	
    padding: 0;
}


ul.mainNav1 li a,
ul.mainNav2 li a
{
    text-decoration:none;
}
ul.mainNav1 li a::before{
    content:"";
    display:inline-block;
    background: url(https://u.jimcdn.com/cms/o/s4a99605740671dfe/userlayout/font/arrow-p2.svg?t=1779864055) no-repeat;
    width:8px;
    height:7px;
    position: relative;
    top: 0;
    margin-right: 5px;
}


ul.mainNav1 li a { 
    line-height: 2.5;
    font-size: 13px;
}
ul.mainNav2 li a { padding:4px 4px 4px 14px; }
ul.mainNav3 li a { padding:4px 4px 4px 24px; }

ul.mainNav1 > li:last-child a::after{
    content:"";
    display:inline-block;
    background: url(https://u.jimcdn.com/cms/o/s4a99605740671dfe/userlayout/font/icon-outsidelink.svg?t=1779867059) no-repeat;
    width:12px;
    height:12px;
    position: relative;
    top: 1px;
    left: 5px;
    transition: all .4s;
}
ul.mainNav1 li:last-child a:hover::after{
    filter: brightness(0) saturate(100%) invert(75%) sepia(14%) saturate(1105%) hue-rotate(305deg) brightness(99%) contrast(97%);
}

ul.mainNav1 a:hover{color:#faaab4;}
ul.mainNav1 a.current { color:#faaab4; }


@media screen and (max-width: 800px) {
   /* 表示領域が800px以下の場合に適用するスタイル */
ul.mainNav1,
ul.mainNav2
{
    grid-template-rows: repeat(6, auto);
}

}




/*  下部固定ボタン
----------------------------------------------- */
.fixed-button{
    position:fixed;
    bottom:0;
    display: flex;
    gap: 10px;
    width: 350px;
    left: calc(50% - 350px / 2);
}
.fixed-button a.fixed-button-link{
    display:flex;
    justify-content:center;
    align-items:center;
    width:170px;
    height:66px;
    border:2px solid #FFF;
    border-radius: 10px;
    gap: 10px;
    color: #FFF !important;
    text-decoration: none !important;
    font-size: 13px;
    box-shadow: 1px 1px 3px 0px rgba(178, 174, 149, 0.3);
    box-sizing: border-box;
}
.fixed-button a.fixed-button-link img{width:26px;}

.schedule{
    background:#2b7b3c;
    position:relative;
}
.fixed-button-link.schedule:hover{
    background:#FFF;
    border:2px solid #2b7b3c;
    color:#2b7b3c !important;
}
.schedule:hover img{
    filter: brightness(0) saturate(100%) invert(38%) sepia(31%) saturate(1007%) hue-rotate(81deg) brightness(94%) contrast(82%);
}
/* 最新予約は7/16から */
.schedule::before{
    content:"";
    display: inline-block;
    width: 200px;
    height: 61px;
    background:url(https://u.jimcdn.com/cms/o/s4a99605740671dfe/userlayout/font/schedule-add.svg?t=1781227987) no-repeat;
    position:absolute;
    top: -48px;
    left: -6px;
}



.time{
    background:#faaab4;
}
.fixed-button-link.time:hover{
    background:#FFF;
    border:2px solid #faaab4;
    color:#faaab4 !important;
}
.time:hover img{
    filter: brightness(0) saturate(100%) invert(75%) sepia(14%) saturate(1105%) hue-rotate(305deg) brightness(99%) contrast(97%);
}
.fmenu{display:none;}
.sp-nav{display:none;}


@media screen and (max-width: 800px) {
   /* 表示領域が800px以下の場合に適用するスタイル */
.fixed-button{
    gap: 3px;
    width: 334px;
    left: calc(50% - 334px / 2);
}

.fixed-button a.fixed-button-link{
    width:120px;
    height:60px;
    font-size: 12px;
}
.fixed-button a.fixed-button-link img{width:24px;}


/* 最新予約は7/16から */
.schedule::before{
    width: 130px;
    height: 42px;
    top: -33px;
    left: -4px;
}


.fmenu{
    display:block;
    width: 62px;
    height: 60px;
    border-radius: 10px;
    background: #f8f0e6;
    border: 2px solid #FFF;
    box-shadow: 1px 1px 3px 0px rgba(178, 174, 149, 0.3);
    padding: 0px 12px 5px;
    position: fixed;
    bottom: 0;
    right: 18px;
    cursor:pointer;
    z-index: 999;
}
.fmenu.open{padding: 0px 8px 5px;}

.fmenu span{
    width: 100%;
    height: 1px;
    background-color: #535152;
    position: relative;
    transition: ease .4s;
    display: block;
}
.fmenu::before {
    content:"MENU";
    display:block;
    font-size:12px;
    color: #535152;
}
.fmenu.open::before {
    content:"CLOSE";
}

.fmenu span:nth-child(1) {top: 0px; margin-top: 5px;}
.fmenu span:nth-child(2) {margin: 4px 0;}
.fmenu span:nth-child(3) {bottom: 0;}

.fmenu.open span:nth-child(1) {top: 7px; transform: rotate(25deg);}
.fmenu.open span:nth-child(2) {background-color: transparent;}
.fmenu.open span:nth-child(3) {top: -3px; transform: rotate(-25deg);}



/* スマホナビゲーション 大枠 */
.sp-nav-bg{
    background:rgba(0, 0, 0, 0.3);
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 100vh;
    opacity:0;
    visibility: hidden;
    transition: all .4s;
}
.sp-nav-bg.open{
    opacity:1;
    visibility: visible;
    z-index: 999;
}

.sp-nav{
    display:block;
    position: fixed;
    bottom: 0;
    right: 0;
    width: 90%;
    height: calc(100vh - 80px);
    background: #f8f0e6;
    margin-left: auto;
    border-radius: 30px 0 0;
    padding: 40px 30px 20px;
    box-sizing: border-box;
    transition: all .4s;
    transform: translateY(100%);
    z-index: 999;
}
.sp-nav.open{
    transform: translateY(0);
}


/* スマホナビゲーション 内容 */
.sp-nav-inner{
    height:100%;
    overflow-y: auto;
    overflow-x: hidden;
}
.sp-nav-inner-link a{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 250px;
    height: 50px;
    background: #FFF;
    border: 1px solid #2b7b3c;
    border-radius: 40px;
    text-decoration: none !important;
    color: #2b7b3c !important;
    font-size: 13px;
    font-weight: 500;
    margin:0 auto;
}
.sp-nav-inner-link a:not(:last-child){margin-bottom:10px;}


.sp-nav-list{
    margin: 30px 0;
    border-top: 1px solid #dedcd8;
}
.sp-nav-list li, .sp-nav-list ul li{list-style:none;}
.sp-nav-list li a, .sp-nav-list ul li a{text-decoration:none;}

.sp-nav-list a:hover{color:#2b7b3c;}
.sp-nav-list li a{
    display: block;
    padding: 15px 7px;
    font-weight: 500;
    border-bottom: 1px solid #dedcd8;
}
.sp-nav-list li a::before{
    content:"";
    display:inline-block;
    background: url(https://u.jimcdn.com/cms/o/s4a99605740671dfe/userlayout/font/arrow-g4.svg?t=1779949060) no-repeat;
    width:22px;
    height:20px;
    position: relative;
    top: 3px;
    margin-right: 15px;
}


.sp-nav-list ul.main-menu{
    margin: 0;
    padding-left: 30px;
}
.sp-nav-list ul li span{
    font-size:12px;
    padding: 12px 15px;
    display: block;
    border-bottom: 1px solid #dedcd8;
    position:relative;
    cursor: pointer;
}
.sp-nav-list ul.main-menu li span::before{
    content:"";
    display:inline-block;
    background: url(https://u.jimcdn.com/cms/o/s4a99605740671dfe/userlayout/font/arrow-g2.svg?t=1779948848) no-repeat;
    width:8px;
    height:7px;
    position: relative;
    top: 0;
    margin-right: 8px;
}
.sp-nav-list ul.main-menu li span::after{
    content:"";
    display:inline-block;
    background: url(https://u.jimcdn.com/cms/o/s4a99605740671dfe/userlayout/font/icon-plus1.svg?t=1779948894) no-repeat;
    width:16px;
    height:16px;
    position: absolute;
    top: calc(50% - 8px);
    right: 15px;
}

.sp-nav-list ul.main-menu li.active span{background: #eaf2eb;}
.sp-nav-list ul.main-menu li.active span::after{
    background: url(https://u.jimcdn.com/cms/o/s4a99605740671dfe/userlayout/font/icon-minus.svg?t=1779948868) no-repeat;
}


.sp-nav-list ul.sub-menu{
    display: none;
    border-bottom: 1px solid #dedcd8;
    margin: 0;
    padding: 10px 0;
}
.sp-nav-list ul.sub-menu li{
    padding-left:30px;
    position:relative;
}
.sp-nav-list ul.sub-menu li a{
    font-size: 12px;
    padding: 5px 0;
    font-weight: 400;
    border: none;
}
.sp-nav-list ul.sub-menu li a::before{display:none;}
.sp-nav-list ul.sub-menu li::after{
    content:"";
    display:inline-block;
    background: url(https://u.jimcdn.com/cms/o/s4a99605740671dfe/userlayout/font/arrow-g3.svg?t=1779948854) no-repeat;
    width:16px;
    height:16px;
    position: absolute;
    top: calc(50% - 8px);
    right: 15px;
}

/* 住所等 */
.sp-nav-inner-bottom-link{
    text-decoration:none !important;
    font-size:12px;
}
.sp-nav-inner-bottom-link:hover{color:#2b7b3c;}
.sp-nav-inner-bottom-link::before{
    content:"";
    display:inline-block;
    background: url(https://u.jimcdn.com/cms/o/s4a99605740671dfe/userlayout/font/arrow-g2.svg?t=1779948848) no-repeat;
    width:8px;
    height:7px;
    position: relative;
    top: 0;
    margin-right: 8px;
}

.sp-nav-inner-bottom img{
    width: 214px;
    margin: 50px 0 20px;
}
.sp-nav-inner-bottom .add p{font-size:12px;}
.sp-nav-inner-bottom .copyright {margin: 50px 0 0; text-align: left;}
}