@import url('./article-w.css');

:root{
    --basePink: #f07c97;
    --palePink: #fdf3f5;
    --borderPink:#f5bfcc;
    --borderPink-light:#f7d7de;
    --borderPink-verylight:#fae9ee;
    --deepPink:#e7597a;
    --fontBrown: #3d2714;/*#553c26;*/
    --objBrown: #8c7974;
    --beige: #fcf2e8;
    --paleBeige:#fbf4ec;
    --paleYellow:#fafae9;
    --deepBeige:#b9897b;
    --alartRed:#ea3b64;

    --homeKataaki-element:calc((100% - 1600px) / 2);
    --homeKataaki:clamp(1200px, calc(100% - var(--homeKataaki-element)), calc(100% - 40px));
}

body{ min-width:100%; /*overflow:hidden;*/ }
.text{ color:var(--fontBrown); }
.pict img{ width:100%; height:auto; }
.moreBtnBox{ display:flex; }
.moreBtn{ display:inline-block; }
.moreBtn a{
     background:var(--basePink); color:#fff; font-weight:500;
     display:flex; align-items:center; justify-content:space-between; 
    }
.moreBtn a::after{ content:''; display:block; background-image:url(../images/arrow-white.svg); background-repeat:no-repeat; }
.moreBtn.bigBtn a{
     background:#fff; border:3px solid var(--basePink); color:var(--basePink);
    }
.moreBtn.bigBtn a::after{ background-image:url(../images/arrow-pink.svg); background-repeat:no-repeat; }
.discHead{ display:flex; align-items:center; font-size:120%; font-weight:500; }
.discHead::before{
     content:''; display:inline-block; height:.8em; width:.8em; border-radius:50%;
     margin-right:.2em; background:var(--basePink);

}
.bold{ font-weight:500; font-size:104%; }
.ali-L{ text-align:left; }
.ali-C{ text-align:center; }
.ali-R{ text-align:right; }
.posi-R{ margin-left:auto; }
.posi-C{ margin:0 auto; }
.posi-L{ margin-right:auto; }
cite{ font-style:italic; }
.headMarkList .topic{ display:flex; }
.littleMar-ver{ margin:.5em 0; }
.littleMar-hor{ margin:0 .5em; }
.linkText{ color:var(--basePink); font-weight:500; }
.linkImage{
    border:2px solid #1eb0fc; border-radius:2px; display:inline-block;
}
.indentCase{ text-indent:-1em; padding-left:1em; }

h2,h3,h4{ line-height:1.3; }

.brownText-1{ color:var(--objBrown); }
.brownText-2{ color:var(--fontBrown); }
.beigeText{ color:var(--deepBeige); }


/* header */
header{ position:relative; z-index:10000; }
header .wrap{ display:flex; align-items:center; }
header .topic a{ font-weight:500; }

nav .screen{
    position:fixed; top:0; left:0; width:100%; height:100vh; background:rgba(0,0,0,.6);
    z-index:1; opacity:0; pointer-events:none;
}
nav.open .screen{ opacity:1; pointer-events:all;}
/* header */


/* FV */
#fvSec{ position:relative; }
#fvSec .bgBoard{
     width:100%; height:100%; background-image:url(../../images/home/main_pict.jpg); 
     background-size:cover; background-repeat:no-repeat; background-position:center center;
     position:absolute; top:0; left:0;
}
#fvSec .innerBlock{ position:relative; z-index:10; }
.middleBtn{ position:relative; }
.middleBtn a{ 
    border:4px solid var(--basePink); line-height:1.3; width:100%; height:100%; background:#fff;
    display:flex; align-items:center; justify-content:space-around;
 }
 .middleBtn a::after{ content:''; display:block; background-image:url(../images/arrow-pink.svg); }
 .middleBtn a .title{ color:var(--basePink); font-weight:500; }
/* FV */

/* 当院について */
#aboutSec .swiper-wrapper {
    transition-timing-function: linear; /*スライドの動きをイージングさせない*/
  }
#aboutSec .pictSlider .swiper-slide{ overflow:hidden; aspect-ratio:10/7; }
#aboutSec .pictSlider .swiper-slide img{ 
    width:100%; height:100%; object-fit:cover; object-position:center;
 }

/* 診療案内 */
#treatSec{ position:relative; }
#treatSec .backBoard{ position:absolute; top:0; left:0; }
.treatBtnList{ display:flex; flex-wrap:wrap; }
.treatBtnList .btn{ text-align:center; display:flex; flex-wrap:wrap; align-content:center; }
.treatBtnList .btn .title{ display:block; line-height:1; }
.treatBtnList .btn .icon{ width:38%; margin:0 auto 10px; }
.treatBtnList .btn .main{ color:var(--fontBrown); margin-bottom:6px;}
.treatBtnList .btn .sub{ color:var(--basePink); }

/* 診療時間 ***/
.timeTable{ border-top:1px solid var(--objBrown); border-left:1px solid var(--objBrown); }
.timeTable th,
.timeTable td{
     border-right:1px solid var(--objBrown); border-bottom:1px solid var(--objBrown); 
     text-align:center; vertical-align:middle;
    }
.timeTable th{
     color:#fff; background:var(--basePink); padding:3px 12px; font-weight:500;
    }
.timeTable td{ color:var(--fontBrown); }
.timeTable td .innerCell{ width:100%; height:100%; display:flex; align-items:center; justify-content:center; }
.timeTable td .innerCell::before{
     content:''; display:block; width:33%; aspect-ratio:1/1;
     background:var(--fontBrown); border-radius:50%; 
}
.timeTable td.closed .innerCell::before{ content:none; }
.timeTable td.ex-01 .innerCell::before{ border:1px solid var(--fontBrown); background:#fff; }
/* 診療時間 ***/


/* アクセス */
#access .middleBtn a{ border:2px solid var(--fontBrown); justify-content:flex-start;}
#access .middleBtn a::after{ background-image:url(../images/arrow-brown.svg); margin-left:auto; }
#access  .middleBtn a .title{ color:var(--fontBrown); font-weight:500; }


/* Footer */
footer{ background:var(--fontBrown); color:#fff; }
footer *{ color:#fff; }


/* Safari hach*/
_:lang(x)+_:-webkit-full-screen-document, #hideMenu .timeTableBox .timeTable .closed{
    position:relative; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; 
} 
_:lang(x)+_:-webkit-full-screen-document, #hideMenu .timeTableBox .timeTable .closed .innerText{
    transform:translateX(-.5em) rotate(90deg);
} 
/* Safari hac*/


 /* 下層 **********************************************************************************/

.headerImage{ position:relative; width:100%; }
.headerImage .pict{
    width:100%; height:100%; position:absolute; top:0; left:0; z-index:1; background:#3a2c2b;
}
.headerImage img{ width:100%; height:100%; object-fit:cover; object-position:center; opacity:.6; }
.headerImage .pageTitle{ position:relative; z-index:10; }
.headerImage .pageTitle p{ color:#fff; }
.secHead{ position:relative; }
.anchor{ position:absolute; left:0; }

.secHead .secHeader{ font-size:200%; font-weight:500; }
.secHead .secHeader::first-letter{ color:var(--basePink); }
.secHead .secHeader .sub{ font-size:50%; margin-left:8px; }
.secHead .secHeader .sub.update{
     display:inline-block; border:1px solid var(--objBrown); padding:3px 8px; border-radius:3px; background:#fff;
    }

.baseTable{
    background:#fff; border-top:1px solid var(--objBrown); border-left:1px solid var(--objBrown);
}
.baseTable th,
.baseTable td{
    border-right:1px solid var(--objBrown); border-bottom:1px solid var(--objBrown); 
}
.baseTable thead th{ background:var(--basePink); color:#fff; font-weight:500; }
.baseTable thead td{ background:var(--borderPink-light); font-weight:500; }

.baseTable.male thead th{ background:#6896e9; }
.baseTable thead td{ background:var(--borderPink-light); font-weight:500; }

.blockHeader{
     font-size:160%; position:relative; border-bottom:2px solid var(--objBrown); 
    }
.blockHeader::before{
    content:''; display:inline-block; width:.8em; height:.8em; background:var(--basePink);
}
.likeaTable .tr{ display:flex; }

.discStyleList{ list-style:inside; list-style-type: disc; }
.circleStyleList{ list-style:inside; list-style-type: circle; }
.numStyleList{ list-style-type:decimal; }
.numStyleList li::marker{ font-weight:bold; }
.overSizePictCase{ overflow-x:auto; border:1px solid #ccc; background:#fff; }

.lineCase{ border:1px solid var(--objBrown); }
.lineCase .text:last-of-type{ margin-bottom:0; }
.topic .text:last-of-type{ margin-bottom:0; }

.marB0{ margin-bottom:0 !important; }
.marB5{ margin-bottom:5px; }
.marB10{ margin-bottom:10px; }
.marB20{ margin-bottom:20px; }
.marB50{ margin-bottom:50px; }

.pad0{ padding:0 !important; }
.padT0{ padding-top:0 !important; }
.padB0{ padding-bottom:0 !important; }


/* 当院について **********/
#aboutPage{ background:#f3f7ec; }

/* 診療案内 **********/
#treatmentPage{ background:var(--palePink); }
#treatmentPage .eachPieceSec .secHeader .main{ font-weight:500; }

/*ピル外来*/
#pill-puepuse #pearlIndex tbody th{ background:var(--borderPink-light); }
#pill-puepuse #pearlIndex tbody td{ text-align:center; font-weight:500; }
#pill-puepuse #venous-thrombosis .contList .topic::first-letter{ color:var(--deepPink); }

/*助産師外来*/
#midwifery .timeTable{ background:#fff; }

/* これからママになる方へ **********/
#hospitalizationPage{ background:var(--paleBeige); }
#umbilicalSec .umbilicalBox{ display:flow-root; }
#umbilicalSec .umbilicalBox .pict{ float:right; }

/* 分娩 */
#hospitalizationPage.parturitionPage .birthplan-paper .pict{ border:1px solid var(--deepBeige); margin-bottom:3px; }

/* お知らせ **********/
#infoPage{background:#fdf3fb}
.sideList .topic{ margin-bottom:15px; position:relative; }

.pagenation,
.wp-pagenavi{ display:flex; justify-content:center; }
.pagenation .topic{
    min-width:1.5em; height:1.5em; border:1px solid var(--objBrown); color:var(--objBrown);
    margin:0 4px;
}

.pagenation .topic a{
    display:flex; align-items:center; justify-content:center; width:100%; height:100%;
    color:var(--objBrown); background:#fff; line-height:1;
}
.pagenation .topic:first-of-type a,
.pagenation .topic:last-of-type a{ background:var(--objBrown); color:#fff; position:relative; }

.wp-pagenavi .previouspostslink,
.wp-pagenavi .nextpostslink,
.wp-pagenavi .page,
.wp-pagenavi .current,
.wp-pagenavi .extend{
    width:2.5em; height:1.5em; border:1px solid var(--objBrown); color:var(--objBrown);
    margin:0 4px;
    display:flex; align-items:center; justify-content:center; 
    color:var(--objBrown); background:#fff; line-height:1; padding-top:4px
}
.wp-pagenavi .pages,
.wp-pagenavi .first,
.wp-pagenavi .last{
    width:max-content; height:1.5em; border:1px solid var(--objBrown); color:var(--objBrown);
    margin:0 4px; white-space:nowrap;
    display:flex; align-items:center; justify-content:center; 
    color:var(--objBrown); background:#fff; line-height:1; padding-top:4px
}
.wp-pagenavi .page.smaller{ font-size:100%; }
.wp-pagenavi .current{ background:var(--objBrown); color:#fff; font-weight:bold; }

/* 投稿 *************/
#infoPage #infoContSec .article strong{ font-weight:bold; }


/* 各種教室 **********/
#classPage{ background:#fef6e9; }
.otherPage{ background:#ecf5f3; }
#calendarSec .classList{ display:flex; flex-wrap:wrap; }
#calendarSec .classList .topic a{ width:100%; display:flex; }
#calendarSec .classList .topic a .cont{font-weight:500;}
#calendarSec .classList #haha-early .maruNum{ background:#ef6c00; }
#calendarSec .classList #haha-late .maruNum{ background:#795548; }
#calendarSec .classList #ryoshin .maruNum{ background:#3f51b5; }
#calendarSec .classList #matarnity .maruNum{ background:#e4c441; }
#calendarSec .classList #rinyushoku .maruNum{ background:#a79b8e; }
#calendarSec .classList #relaxetion .maruNum{ background:#009688; }
#calendarSec .classList #matarnityYoga .maruNum{ background:#e67c73; }
#calendarSec .classList #kotsuban .maruNum{ background:#7cb342; }
#calendarSec .classList #sangoSemi .maruNum{ background:#9e69af; }
#calendarSec .classList #yasumi .maruNum{ background:#d81b60; }


/* アクセス **********/
.mapCase{ border:1px solid #ccc; }
.mapCase iframe{ width:100%; height:100%; }
#accessPage .mapCase{
    width:100%; aspect-ratio:1/.5; overflow:hidden; border-radius:10px; border:1px solid #ccc;
}


/* お問いあわせ **********/
#contactSec .wpcf7-response-output{ background:#fff; }

 /* 下層 **********************************************************************************/








@media screen and (min-width: 768px) {
    html{scroll-padding-top:50px; scroll-behavior:smooth; }

    .spOnly{ display:none !important; }
    body{ font-size:18px; font-weight:300; }

    a{ transition:.2s; }
    a:hover{ opacity:.6; }

    .moreBtnBox .moreBtn{ margin-right:40px; }
    .moreBtnBox .moreBtn:last-of-type{ margin-right:0; }
    .moreBtn a{
         min-width:169px; height:40px; border-radius:20px; font-size:18px; 
         padding-right:10px; padding-left:15px;
        }
    .moreBtn a::after{ width:21px; height:21px; margin-left:8px;}
    .moreBtn.bigBtn a{
         width:265px; height:60px; border-radius:30px; font-size:22px;
         padding-right:12px; padding-left:20px;
        }
    .moreBtn.bigBtn a::after{ width:29px; height:29px; }
    .title{ display:flex; align-items:flex-end; }
    .title .main{ font-weight:500; font-size:32px; color:var(--fontBrown); margin-right:8px; }
    .title .sub{ font-size:16px; color:var(--basePink); }
    .cap{ font-size:13px; }
    .text{ margin-bottom:1.5em; }
    .smaller{ font-size:80%; }
    
    .baseTable th,
    .baseTable td{ padding:6px 10px; }

    /* header */
    header{ padding:30px 0; }
    header .wrap{
         justify-content:space-between; min-width:1240px; padding-left:40px; width:100%;
        }
    header .logo .text{ font-size:14px; margin-bottom:3px; }
    header .logo .pict{ width:327px; }
    header nav{
         display:flex; background:var(--basePink); align-items:center;  
         height:80px; border-top-left-radius:40px; border-bottom-left-radius:40px; 
         padding:0 150px 0 40px;
        }

    #hbgBtn{
         width:100px; height:100px; background:#fff; border-radius:50%; position:fixed; right:30px;
         display:flex; align-content:center; justify-content:center; flex-wrap:wrap;
         cursor: pointer; z-index:1001;
    }
    #hbgBtn .text{
         width:100%; text-align:center; color:var(--basePink); font-weight:500; 
         line-height:1; margin:0;
        }
    #hbgBtn .barBox{
        width:47%; height:47px; 
        display:flex; align-content:center; justify-content:flex-start; flex-wrap:wrap;
    }
    #hbgBtn .barBox .bar{
         width:100%; height:4px; border-radius:2px; background:var(--basePink); 
         margin-bottom:6px; transition:.2s;
        }
    #hbgBtn .barBox .bar:last-of-type{ width:50%; margin-bottom:0; }
    

    /* open *****/
    nav.open #hbgBtn .barBox{
        height:47px; display:flex; align-items:center; justify-content:center; position:relative;
        }
    nav.open #hbgBtn .barBox .bar{ margin-bottom:0; position:absolute; width:100%; }
    nav.open #hbgBtn .barBox .bar:first-of-type{ transform:rotate(-45deg); }
    nav.open #hbgBtn .barBox .bar:nth-of-type(2){ transform:rotate(45deg); }
    nav.open #hbgBtn .barBox .bar:last-of-type{display:none; }
    /* open *****/

    /* 隠しメニュー */
    #hideMenu{
        position:fixed; top:30px; left:30px; width:calc(100% - 60px); height:calc(100vh - 60px);
        opacity:0; pointer-events:none; transition:.2s; z-index:1000;
    }
    nav #hideMenu .wrap{
        background-color:var(--beige); 
        background-image:
          radial-gradient(#faecde 15%, transparent 15%),
          radial-gradient(#faecde 15%, transparent 15%);
        background-size: 20px 20px;
        background-position: 0 0, 10px 10px;
    
        border-radius:3vw; display:flex; align-items:stretch;
        width:100%; height:100%; max-height:calc(100% - 30px); padding-left:0; overflow:hidden;
    }
    #hideMenu .wrap .dataBox{
    width:550px; background:var(--basePink); padding:80px 70px; align-self:stretch;
    }
    #hideMenu .wrap .dataBox .text{ font-size:17px; color:#fff;}
    #hideMenu .wrap .dataBox .logo{ margin-bottom:20px; }
    #hideMenu .wrap .dataBox .discHead{ color:#fff; }
    #hideMenu .wrap .dataBox .discHead::before{ background:#fff; }
    #hideMenu .timeTableBox{ margin-top:50px; }
    #hideMenu .timeTableBox .timeTable{ background:#fff; }
    #hideMenu .timeTableBox .timeTable th{
        background:var(--palePink); color:var(--objBrown); line-height:1.2; padding:5px 12px;
        font-size:16px;
    }
    #hideMenu .timeTableBox .timeTable .closed{
        -ms-writing-mode: tb-rl; writing-mode: vertical-rl;
    }
    #hideMenu .timeTableBox .timeTable,
    #hideMenu .timeTableBox .timeTable th,
    #hideMenu .timeTableBox .timeTable td{ border-color:var(--basePink); }

    #hideMenu .wrap .linkBox{
    width:calc(100% - 550px); height:100%; overflow-y: auto; padding:80px 55px; 
    }
    #hideMenu .wrap .linkBox .indexTitle{ font-size:30px; color:var(--deepBeige); margin-bottom:30px; }
    #hideMenu .hideNav{display:flex; flex-wrap:wrap; margin-bottom:0;}
    #hideMenu .hideNav .topic{ margin:0 75px 50px 0; } 
    #hideMenu .hideNav .topic:last-of-type{ margin-right:0; }
    #hideMenu .hideNav .hubTitle{
    font-size:120%; width:100%; display:block; 
    margin-bottom:10px; padding:0 10px ; border-bottom:2px solid var(--objBrown); 
    }
    #hideMenu .hideNav .subList{ padding-left:10px; flex-wrap:wrap; }
    #hideMenu .hideNav.simpleList{ margin-bottom:20px; }
    #hideMenu .hideNav.simpleList .topic{ margin:0 35px 20px 0; }
    #hideMenu .hideNav.simpleList .topic a{ line-height:1.2; }
    #hideMenu .hideNav .phone{  margin-bottom:0; }
    #hideMenu .hideNav .phone a{ display:flex; align-items:center; }
    #hideMenu .hideNav .phone a .icon{ width:25px; padding-bottom:4px; }
    #hideMenu .hideNav .phone a .num{ font-size:30px; font-weight:500; }
    #hideMenu .hideNav .epark a{
        display:flex; align-items:center; font-weight:500; font-size:22px;
    }
    #hideMenu .hideNav .epark .pict{ width:130px; margin-right:10px; }
    #hideMenu .snsCase{ margin-top:50px; display:flex; }
    #hideMenu .snsCase a{
        display:flex; align-items:center; justify-content:center; width:50px; height:50px; margin-right:10px;
        border-radius:50%; border:2px solid #fff;
    }
    #hideMenu .snsCase a img{ width:70%; }

    nav.open #hideMenu{ opacity:1; pointer-events:all;}
    #hideMenu .subList .sinryoMenu{ 
        background:#fdfaf6; padding:10px 25px; border-radius:10px; margin-bottom:15px;
        width:auto; max-width:350px; display:flex;
    }
    #hideMenu .subList .sinryoMenu .subList{ display:flex; padding-left:0; }
    #hideMenu .subList .sinryoMenu .link{ width:100px; font-size:90%; }
    #hideMenu .subList .sinryoMenu .link:last-of-type{ margin-right:0; }

/*  */




    .headerNav{ 
        display:flex; align-items:center; height:100%; margin-right:15px; 
    }
    .headerNav .topic{ margin-right:20px; }
    .headerNav .topic:last-of-type{ margin-right:0; font-size:18px; }
    .headerNav .topic a{ color:#fff; }
    .headerNav .topic.phone a{
         display:flex; align-items:center; line-height:1; font-size:25px; 
        }
    .headerNav .topic.phone .icon{
         width:15px; height:25px; display:flex; align-items:center; padding-top:2px;
        }
    .headerNav .topic.phone .num{ color:#fff; font-weight:500; }


    /* FV */
    #fvSec{  height:max(800px, 100%); width:100%; min-width:1240px; }
    #fvSec .bgBoard::after{
        content:''; display:block; width:100%; height:4vw;
        /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,1+100 */
        background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
         /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
         position:absolute; left:0; bottom:0;

    }
    #fvSec .innerBlock{
         width:min( 1600px, 100% ); padding:85px 20px; margin:0 auto; 
        }
    #fvSec .innerBlock .textCont{ width:38%; font-size:20px; }
    #fvSec .innerBlock .textCont .copy{ margin-bottom:65px; }
    #fvSec .innerBlock .textCont .text{ font-weight:500; }
    #fvSec .rightBlock{
         width:650px; margin-left:auto;
    }
    #fvSec .rightBlock .mynumBtn{
        width:124px; height:124px; 
         text-align:right; padding-right:30px; margin:0 30px 20px auto; display:block;
        }
    #fvSec .rightBlock .infoBox{
        background:#fff; border-radius:10px; padding:30px;
    }
    #fvSec .rightBlock .infoBox .header{
         display:flex; justify-content:space-between; align-items:flex-end; margin-bottom:25px;
    }
    .infoList .topic{ width:100%; margin-bottom:10px; position:relative; }
    .infoList .topic:last-of-type{ margin-bottom:0; }
    .infoList .topic a{ display:flex; align-items:center; width:100%; }
    .infoBox .infoList .topic a{ padding-top:0; }
    .infoBox .infoList .topic::after{content:none; }
    .infoList .topic .date{ width:145px; margin-right:15px; }
    .infoList .topic .title{
         width:calc(100% - 160px); display:block;
         text-overflow: ellipsis; overflow: hidden; white-space: nowrap;
    }
    
    #fvSec .bottomBox{
         display:flex; flex-wrap:wrap; justify-content:center; margin-top:80px; 
         width:100%; min-width:1200px; padding:0 20px;
        }
    #fvSec .bottomBox .upperRow,
    #fvSec .bottomBox .underRow{ width:100%; display:flex; justify-content:center; }
    #fvSec .bottomBox .upperRow{ margin-bottom:50px; }
    #fvSec .bottomBox .underRow{ align-items:flex-start; margin-bottom:50px; }
    #fvSec .bottomBox .underRow .infoBtnCase{
        display:flex;
}
    #fvSec .bottomBox .underRow .infoBtnCase .btn{
        width:275px; border:2px solid var(--deepBeige); border-radius:10px; background:#fff; margin-right:20px; line-height:1.4; 
        position:relative; 
    }
    #fvSec .bottomBox .underRow .infoBtnCase #keijibanBtn{ width:240px; }
    #fvSec .bottomBox .underRow .infoBtnCase .btn a{
        display:flex; align-items: center; font-weight:400; color:var(--objBrown); 
        padding:16px 22px; width:100%; height:100%;
    }
    #fvSec .bottomBox .underRow .infoBtnCase .btn a::after{
        content:''; display:block; background-image:url(../images/arrow-brown.svg); width:22px; height:22px;
        position:absolute; top:50%; right:10px; transform:translateY(-50%);
    }

    #fvSec .bottomBox .thanxCase{
        width:min(575px, 40%); display:flex; align-items:center; 
    }
    #fvSec .bottomBox .thanxCase .btn{ display:block; margin-right:10px; width:292px; }
    #fvSec .bottomBox .thanxCase .btn img{ width:100%; }
    #fvSec .bottomBox .thanxCase .cap{ line-height:1.5; width: 275px; }
    .middleBtn{ width:246px; height:90px; margin-right:30px; }
    .middleBtn a{ border-radius:45px; padding:0 5px; }
    .middleBtn a::after{ width:26px; height:26px; }
    .middleBtn a .icon{ width:68px; margin-left:10px;  }
    #fvSec .bottomBox .snsCase{ display:flex; }
    #fvSec .bottomBox .snsCase a{ margin:0 10px; width:90px; height:90px; display:block;}
    #fvSec .bottomBox .snsCase a img{ width:100%; }

    #fvSec .bottomBox #displayBoard{
        width:880px; margin:0 auto; padding:20px 60px; border:2px solid var(--deepBeige);
        border-radius:15px; background:#fff;
    }
    #fvSec .bottomBox #displayBoard .boxHeader{
        margin-bottom:15px; border-bottom:4px solid var(--deepBeige); color:var(--objBrown);
        padding-left:8px;
    }
    #fvSec .bottomBox #displayBoard .displayList .topic{
        padding:0 8px 8px; margin-bottom: 8px; border-bottom:1px dotted var(--deepBeige);
    }
    #fvSec .bottomBox #displayBoard .displayList .topic:last-of-type{
        padding-bottom:0; margin-bottom:0; border-bottom:none;
    }
    #fvSec .bottomBox #displayBoard .displayList .topic a{
        display:block; position:relative; padding-right:2.5em; line-height:1.5;
    }
    #fvSec .bottomBox #displayBoard .displayList .topic a::before{
        content:'●'; margin-right:5px; color:var(--deepBeige);
    }
    #fvSec .bottomBox #displayBoard .displayList .topic a::after{
        content:''; display:block; background-image:url(../images/arrow-brown.svg); width:22px; height:22px;
        position:absolute; top:50%; right:10px; transform:translateY(-50%);
    }
#displayBoard .dbList {}
#displayBoard .dbList td {padding:5px 20px 5px 0;}


#displayBoard .payBlock {display: flex; flex-wrap: wrap; justify-content: space-between;}
#displayBoard .payBlock-inner {width:49%;}

#displayBoard .payList {border-top:solid 1px #8c7974; border-right:solid 1px #8c7974; width:100%;}
#displayBoard .payList th ,
#displayBoard .payList td {padding:10px; border-bottom:solid 1px #8c7974; border-left:solid 1px #8c7974; background-color:#fff;}
#displayBoard .payList th {text-align: left; background-color:#fbecef;}
#displayBoard .payList td:last-child {text-align: right; width:30%;}

#displayBoard .roomPay {margin-top:20px;}
#displayBoard .roomPay dt {font-weight: 500;}
#displayBoard .roomPay dd {padding-bottom:10px; margin-bottom:10px; border-bottom:solid 1px #ccc;}



    /* FV */

    /* HOME その他 */
    .homeContSec{ margin-bottom:200px; }
    .homeContSec .backBoard{
         width:var(--homeKataaki);
         position:relative; 
        }
    #aboutSec.homeContSec .backBoard{
        margin-left:auto; padding:max(75px, 8vw); background:#f6e9e9; 
        border-top-left-radius:max(30px, 5vw); border-bottom-left-radius:max(30px, 5vw);
    }
    #aboutSec.homeContSec .backBoard .imageBoard{ height:100%; position:absolute; top:0; right:0; }
    #aboutSec.homeContSec .backBoard .imageBoard img{ height:100%; }
    #aboutSec.homeContSec .innerBlock{ position:relative; z-index:10; }
    #aboutSec.homeContSec .contBox .header{ margin-bottom:30px; }
    #aboutSec.homeContSec .contBox .text{ margin-bottom:50px; }
    #aboutSec.homeContSec .contBox .bigBtn{ margin-bottom:30px; }
    #aboutSec.homeContSec .contBox{ width:clamp(480px, 40%, 720px); }
    #aboutSec .pictSlider{ margin-top:80px; }
    #aboutSec .pictSlider .swiper-slide{ margin-right:50px; border-radius:30px; width:280px; height:196px; }
    #aboutSec .pictSlider .swiper-slide:last-of-type{ margin-right:0; }

    #treatSec{
        background-image:url(../../images/home/satsuki-flower.jpg); 
        background-repeat:no-repeat; background-position:right -80px bottom 120px;
        background-size:clamp(800px, 50vw, 1200px);  /*min(1200px, 35vw); */
    }
    #treatSec .backBoard{
        width:70%; height:35vw; z-index:1;
        background:var(--beige); border-top-right-radius:max(10px, 1vw); border-bottom-right-radius:max(10px, 1vw);
    }
    #treatSec .innerBlock{
        margin-right:auto; padding:max(75px, 5.3vw); width:var(--homeKataaki); 
        width:clamp(1240px, 100%, 1600px); margin:0 auto; position:relative; z-index:10;
    }
    #treatSec .header{ display:flex; align-items:flex-end; }
    #treatSec .header .title{ margin-bottom:30px; }
    #treatSec .header .cont{ margin-right:50px; }
    .treatBtnList{ margin:50px 0; }
    .treatBtnList .btn{
        width:max(240px, calc((100% - 150px) / 4 )); height:242px; border:2px solid var(--basePink); border-radius:6px;
        box-shadow:2px 2px 0 var(--basePink); margin:0 10px 10px 0; background:#fff; transition:.2s;
    }
    .treatBtnList .btn:nth-of-type(4n){ margin-right:0; }
    .treatBtnList .btn:hover{ background:var(--palePink); }
    .treatBtnList .btn a{
        display:flex; align-content:center; justify-content:center; flex-wrap:wrap;
        width:100%; height:100%;
    }
    .treatBtnList .btn a .title{ width:100%; }

    #treatSec #timeTableBox .moreBtnBox{ margin-top:10px; }
    .timeTable{ background:#fff; }
    .timeTable td{ width:65px; height:50px; }
    .timeTable td .innerCell{  }

    #korekara.homeContSec{ position:relative; }
    #korekara .imageBoard{
         position:absolute; top:-3.5vw; left:0; 
         width:clamp(500px, 48%, 1200px); height:760px;
         z-index:10; overflow:hidden;
        }
    #korekara.homeContSec .backBoard{
        margin-left:auto; padding:max(75px, 5.3vw); background:var(--beige); 
        border-top-left-radius:max(30px, 5vw); border-bottom-left-radius:max(30px, 5vw);
    }
    #korekara .header .title{ margin-bottom:30px; }
    #korekara .contBox{ width:min(1000px, 50%); margin-left:auto; }
    #korekara .contBox .text{ margin-bottom:50px; }
    #korekara .contBox .bigBtn{ margin-bottom:30px; }
    #korekara .contBox .cont{ margin-bottom:30px; }

    
    #access.homeContSec{ padding:100px 0 70px; position: relative; margin-bottom:0; }
    #access.homeContSec::after{
        content:''; display:block; position:absolute; top:0; left:0; z-index:1; width:100%; height:200px;
        /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&1+0,0+100;White+to+Transparent */
        background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    }
    #access.homeContSec .bgPanel{
        position:absolute; top:0; left:0; opacity:.3; 
        width:100%; height:100%; min-height:753px; background-image:url(../../images/home/access-bg.jpg);
        background-size:cover; background-position:center top; background-repeat:no-repeat;
    }
    #access.homeContSec .innerBlock{ position:relative; z-index:10; }
    #access.homeContSec .header{ margin-block-start:77px; }
    #access.homeContSec .header .title{ display:block; text-align:center; margin-bottom:77px; }
    #access.homeContSec .header .title .main{ margin-bottom:10px; margin-right:0; }
    #access.homeContSec .parallelCase{ display:flex; justify-content:center; flex-wrap:wrap; margin:30px 0 80px; }
    #access .middleBtn{ width:425px; height:88px; margin:0 25px 25px 0; }
    #access .middleBtn a{ border-radius:44px; padding:0 10px; }
    #access .middleBtn a::after{ width:26px; height:26px; }
    #access .middleBtn a .logo{ width:145px; margin:0 15px 0 20px; }
    #access .middleBtn#eparkBtn{ font-size:16px; margin:0 auto; }
    #access .middleBtn a .icon{ width:68px; margin-left:0; margin-right:10px;  }
    #access .middleBtn#phoneBtn a::after{ content:none; }
    #access .middleBtn .phoneNum{ font-size:40px; }
    #access .middleBtn#mailBtn{ font-size:24px; }
    #access .middleBtn#recruitBtn{ margin:0; }
    #access .middleBtn#recruitBtn .title{ font-size:24px; }
    #access.homeContSec .btnBox .bigBtn{ display:block; margin:0 auto; text-align:center;}
    #access.homeContSec .btnBox .bigBtn a{ margin:0 auto; }

    .homeMap{ width:100%; height:min(550px, 30vw); position:relative; z-index:10; }
    
    /* フローティング */
    #floatingBox{
        background:var(--fontBrown); 
        position:fixed; top:50vh; right:0; transform:translateY(-50%); z-index:9998;
        text-align:center; padding:20px 10px;
        border-top-left-radius:10px; border-bottom-left-radius:10px;
    }
    #floatingBox .header{
        -ms-writing-mode: tb-rl; writing-mode: vertical-rl;
        color:#fff; display:inline-block;
    }
    #floatingBox .btnList{ border-top:1px solid var(--deepBeige); }
    #floatingBox .btnList .link{ border-bottom:1px solid var(--deepBeige); }
    #floatingBox .btnList .link a{
        display:flex; align-items:center; justify-content:center; 
        width:50px; height:50px; padding:10px; 
    }
    /* フローティング */

    
     /* Footer */
     footer{padding:60px 0 30px;}
     footer .title{ text-align:center; margin-bottom:20px; font-size:26px; font-weight:500; display:block;
     }
     footer .listBox .linkList{ display:flex; width:1240px; margin:0 auto; }
     footer .listBox .linkList .topic{ 
         padding:0 12px; border-right:1px solid var(--deepBeige); text-align:center; font-weight:500;
     }
     footer .listBox .linkList .topic a{ font-size:16px; }
     footer .listBox .linkList .topic span{ font-size:16px; }
     footer .listBox .linkList .topic:first-of-type{ border-left:1px solid var(--deepBeige); }
     footer .phoneNum{ line-height:1; }
     footer .phoneNum::before{
          content:''; display:inline-block; width:.75em; height:.75em; margin-right:2px;
          background-image:url(../images/icon-phone.svg); background-size:cover;
          background-repeat:no-repeat; 
     }
     footer .copyright{ text-align:right; color:var(--deepBeige); font-size:14px; margin:30px auto 0; width:1240px; }



     /* 下層 **********************************************************************************/

     .anchor{ top:-80px; }
     .contSec .innerBlock{
        width:1240px; margin:0 auto; padding:100px 20px; scroll-padding-top:0;
    }

     .contSec .innerBlock02{
        width:1240px; margin:0 auto; padding:50px 20px 100px 20px; scroll-padding-top:0;
    }

     .headerImage .pageTitle{ padding:50px; }
     .headerImage .pageTitle .main{
        font-size:45px; font-weight:500; margin-bottom:12px; letter-spacing:.075em;
    }
    .headerImage{
        position:relative; width:100%; padding:0 4%; height:390px; 
        display:flex; flex-direction:column; justify-content:space-between;
    }
    .headerImage .pict{
       border-radius:30px; overflow:hidden; width:92%; left:50%; transform:translateX(-50%);
    }
    .headerImage .pageName{
        display:flex; align-items:flex-end; position:relative; z-index:11;
        padding:25px 50px;
    }
    .headerImage .pageName .main{ font-size:70px; color:var(--basePink); margin-right:10px; }
    .headerImage .pageName .sub{ color:var(--basePink); padding-bottom:5px; }
    .headerImage .pageName .sub::before{ content:'ー'; margin-right:3px; }
    .secHead{ margin-bottom:100px; }
    .secHead .secHeader{ margin-bottom:30px; }
    .blockHeader{padding-bottom:5px; margin-bottom:20px;}
    .blockHeader::before{ margin-right:5px; border-radius:3px; }
    .likeaTable{ border-top:1px solid var(--objBrown); }
    .likeaTable .tr{ border-bottom:1px solid var(--objBrown); }
    .likeaTable .tr .header,
    .likeaTable .tr .cont{ padding:10px 15px; }
    .likeaTable .tr .header{ font-weight:500; color:var(--basePink); }

    .contBlock{ margin-bottom:100px; }
    .contSec .contBlock:last-of-type{ margin-bottom:0; }
    .contBlock .blockContWrap{ padding-left:25px; }
    .contBox{ margin-bottom:50px; }
    .boxHeader{ font-size:125%; font-weight:500; margin-bottom:12px; }

    .flexBox{ display:flex; align-items:center;}
    .flexBox.btw{ justify-content:space-between; }
    .flexBox.cen{ justify-content:center; }
    .flexBox.mid{ align-items:center; }
    .flexBox.top{ align-items:flex-start; }
    .flexBox.bottom{ align-items:flex-end; }
    .flexBox.wrap{ flex-wrap:wrap; }
    .flexBox > .flexObj-2{ width:45%; }
    .flexBox > .flexObj-3{ width:31%; }
    .flexBox > .flexObj-3-2{ width:62%; }

    .wid20{ width:20%; }
    .wid30{ width:30%; }
    .wid40{ width:40%; }
    .wid50{ width:50%; }
    .wid60{ width:60%; }
    .wid70{ width:70%; }
    .wid80{ width:80%; }


    .maruPink{
        width:1.4em; height:1.4em; border-radius:50%;
        background:var(--basePink); margin-right:.5em;
    }
    .maruNum{
        display:flex; align-items:center; justify-content:center;
        width:1.4em; height:1.4em; font-size:.85em; border-radius:50%;
        color:#fff; background:var(--deepBeige); margin-right:.5em;
    }
    .headMarkList .topic{ margin-bottom:10px; }
    .headMarkList .topic:last-of-type{ margin-bottom:0; }
    .headMarkList .maruNum{ margin-top:.4em; }
    .headMarkList .maruNum + .cont,
    .headMarkList .maruPink + .cont{ width:calc(100% - 2em); }
    .headMarkList .topic .cont .boxHeader{ line-height:1.5; }
    .komidashi{ font-weight:500; color:var(--basePink); font-size:110%; }
    .subkomidashi-1{ color:var(--deepPink); }
    .subkomidashi-2{ color:var(--objBrown); }
    .insetBox{ padding-left:1em; }
    .whiteBox{ background:#fff; border-radius:20px; padding:30px }
    .whiteBox .text:last-of-type{ margin-bottom:0; }
    .lineCase{ padding:20px; border-radius:5px; }



    /* サブナビ ***/
    #cateSubNav{ padding:0 4%; margin:20px auto 0;  width:calc(100% - 80px);}
    #cateSubNav .linkList{
        display:flex; flex-wrap:wrap;
        width:100%; background:#fff; border-radius:10px;
        padding:15px 40px;
    }
    #cateSubNav .linkList .link{ margin-right:50px; }
    #cateSubNav .linkList .link a{ display:flex; align-items:center; color:var(--deepBeige); position:relative; }
    #cateSubNav .linkList .link a .name{ display:inline-block; line-height:2.5;}
    #cateSubNav .linkList .link a::before{
        content:''; display:inline-block; width:1em; height:1em; margin-right:5px;
        background:url(../images/arrow-brown-down.svg); background-size:100%; background-repeat:no-repeat;
    }
    /* サブナビ ***/


    /* 連番 ***/
    /* 妊娠テーブル ***************************/
    .ninshinTable{
        counter-reset:weekCount 3; line-height:1.2;
        border-top:2px solid var(--borderPink); border-left:2px solid var(--borderPink);
        background:#fff;
    }
    .ninshinTable .week::after{
        counter-increment:weekCount; content:counter(weekCount);
    }
    /* 連番 ***/

    .ninshinTable{
        /* -ms-writing-mode: tb-rl; writing-mode: vertical-rl; */
    }
    .ninshinTable .month{ display:flex; }
    .ninshinTable .month > div{
        height:8em; position:relative;
        border-right:2px solid var(--borderPink); border-bottom:2px solid var(--borderPink); 
    }
    .ninshinTable .month.headerRow > div{
        height:4em; display:flex; align-items:center; justify-content:center;
        background:var(--deepPink) !important; color:#fff; font-weight:500;
    }
    .ninshinTable .monthHead{ display:flex; align-items:center; justify-content:center; }
    .ninshinTable .month > div:first-of-type{ width:7em; background:var(--basePink); color:#fff; font-weight:500; }
    /*.ninshinTable .month:last-of-type > div:first-of-type{ background:#db8196; }*/
    .ninshinTable .month > div:nth-of-type(2){ width:3em; }
    .ninshinTable .month > div:nth-of-type(3){ width:8em; }
    .ninshinTable .month > div:last-of-type{ width:calc(100% - 18em); }
    .ninshinTable .weekWrap{
        position:absolute; top:0; left:0; width:58.3em;
    }
    .ninshinTable .month:nth-last-of-type(odd) .weekWrap{ background:#f9f9f9; }
    .ninshinTable .week{
        width:100%; border-bottom:1px solid var(--borderPink-light);
    }
    .ninshinTable .week::after{
        height:calc(2em - 1px); width:calc(3em - 2px); border-right:2px solid var(--borderPink-light);
        background:#f6a0b4; color:#fff; font-weight:500;
        display:flex; align-items:center; justify-content:center; 
    }
    .ninshinTable .week:last-of-type{ border-bottom:none; }

    .ninshinTable .month > div .innerBox{
        width:100%; position:absolute; left:0; z-index:10; padding:8px 10px 9px;
    }
    .ninshinTable .month > div .innerBox .cont{
         border-radius:10px; width:100%; height:100%; padding:1em;
         background:rgba(250,250,233,.8); border:1px solid var(--deepBeige);
        }
    .ninshinTable .month:nth-of-type > div .innerBox .cont{ background:rgba(236,251,230,.7); }
    .ninshinTable .month:nth-of-type(2) > div.checkup .innerBox{ height:18em; top:0; }
    .ninshinTable .month:nth-of-type(4) > div.checkup .innerBox{ height:22em; top:2em; }
    .ninshinTable .month:nth-of-type(7) > div.checkup .innerBox{ height:24em; top:0; }
    .ninshinTable .month:nth-of-type(10) > div.checkup .innerBox{ height:12em; top:0; }

    .ninshinTable .month:nth-of-type(7) > div.delivery .innerBox{ height:30em; top:-4em; }
    .ninshinTable .month:nth-of-type(10) > div.delivery .innerBox{ height:10em; top:2em; }

    .ninshinTable .month:nth-of-type(2) > div .innerBox .cont{ background:rgba(230,251,243,.7); }
    .ninshinTable .month:nth-of-type(4) > div .innerBox .cont{ background:rgba(236,251,230,.7); }
    .ninshinTable .month:nth-of-type(7) > div .innerBox .cont{ background:rgba(251,251,230,.7); }
    .ninshinTable .month:nth-of-type(10) > div .innerBox .cont{ background:rgba(251,236,230,.7); }

    .ninshinTable .month > div.checkup .innerBox .cont{
         display:flex; align-items:center; height:100%; padding:1em 2em;
        }
    .ninshinTable .month > div.checkup .innerBox .cont .text:last-of-type{ margin-bottom:0; }
    .ninshinTable .month > div.checkup .innerBox .cont .pict{ width:160px; margin-left:auto; }

    .ninshinTable .kenshin{ font-size:125%; font-weight:500; margin-bottom:.75em; color:var(--deepPink); }
    .ninshinTable .checkup .cont .text{ line-height:1.6; }
    .ninshinTable .delivery .cont{
        font-size:125%; font-weight:500;
        /*-ms-writing-mode: tb-rl; writing-mode: vertical-rl; */
        display:flex; align-items:center; justify-content:center;
    }
    .chuzetsu{ margin-top:3.4em; font-size:80%; padding-left:.7em; }
    
    .flowRoot{ display:flow-root; }
    .flowRoot .flow-L{ float:left; }
    .flowRoot .flow-r{ float:right; }



     /* 当院について *******/
    
    #staffSec .staffBox{background:#fff; padding:50px; border-radius:10px;}
    #staffSec .staffBox .pict{ border-radius:2.5%; overflow:hidden; }
    #staffSec .nameCase{ display:flex; line-height:1; margin-bottom:40px;}
    #staffSec .nameCase .katagaki{
        display:flex; align-items:center; justify-content:center;
        background:var(--basePink); color:#fff; border-radius:3px;
        padding:4px 10px; margin-right:10px;
    }
    #staffSec .nameCase .name{ font-size:160%; font-weight:500; }
    #staffSec .director.staffBox .contBox{ margin:0; }
    #staffSec .director .nameCase .katagaki{ font-size:110%; }
    #staffSec .director{ margin-bottom:50px; }
    #staffSec .director .nameCase .name{ font-size:200%; }
    #staffSec .qualification{ border:1px solid var(--objBrown); padding:20px; border-radius:6px; }
    #staffSec .qualification .header{
        display:inline-block; background:var(--objBrown); color:#fff; border-radius:3px; padding:4px 10px;
        line-height:1;
    }
    #staffSec .staffList{ display:flex; flex-wrap:wrap; justify-content:space-between; }
    #staffSec .staffList .staffBox{ width:47%; margin-bottom:50px;}
    #staffSec .staffList .staffBox .pict{ width:85%; aspect-ratio:1/1; margin:0 auto 25px; }
    #staffSec .staffList .staffBox .discStyleList .topic:last-of-type{ margin-bottom:0; }
    #staffSec .senmonList > .topic{ margin-bottom:50px; flex-wrap:wrap; }
    #staffSec .senmonList .contGroup{ width:calc(100% - 1.9em); }
    #staffSec .senmonList .contGroup .cont{ margin-bottom:15px; }
    #staffSec .senmonList .contGroup .cont:last-of-type{ margin-bottom:0; }
    #staffSec .senmonList .boxHeader{ line-height:1.1; }
    #staffSec .senmonList .boxHeader .url{
        font-size:75%; display:inline-block; border:#6896e9; color:#6896e9; margin-left:5px;
    }
    #staffSec .senmonList .cont .text{ margin-bottom:10px; }
    #staffSec .senmonList .tantoBox .staff{
        display:inline-block; margin-right:15px; margin-bottom:12px; border:1px solid var(--objBrown); 
        background:#fff; padding:0 12px; border-radius:3px; 
    }
    #staffSec .senmonList .discStyleList{ margin-bottom:15px; }
    #staffSec .senmonList .discStyleList .topic{ margin-bottom:5px; display:list-item; }

    #tokuchoSec .appealList .topic{
        margin-bottom:50px; padding:1.85em; background:#fff; border-radius:20px;
    }
    #tokuchoSec .headMarkList .topic .cont .boxHeader{ line-height:1.1; }
    #tokuchoSec .headMarkList .topic .cont .moreBtn{ margin-right:15px; }
    #tokuchoSec .headMarkList .topic .cont .moreBtn:last-of-type{ margin-right:0; }
    #tokuchoSec .headMarkList #sougoLinks .moreBtn{ margin-bottom:15px; }
    #tokuchoSec .headMarkList .topic .cont .pict{ border-radius:6px; overflow:hidden; }


    #equipmentSec .pictBox .pict{ border-radius:6px; overflow:hidden; }
    #equipmentSec .pictBox .subPics{
        display:flex; margin-top:20px;
        /*display:grid; grid-template-rows:175px; grid-template-columns:230px 230px 230px 1fr;*/
    }
    #equipmentSec .pictBox .subPics .pictCase{ width:230px; height:325px; margin-right:20px; overflow:hidden; }
    #equipmentSec .pictBox .subPics .pictCase .pict{ overflow:hidden; width:100%; height:100%; }
    #equipmentSec .pictBox .subPics .pictCase img{
        object-fit:cover; width:100%; height:100%;
     }
    #equipmentSec .pictBox .subPics .pictCase:first-of-type{
        display:flex; flex-wrap:wrap; align-content:space-between;
    }
    #equipmentSec .pictBox .subPics .pictCase:first-of-type .pict{ height:156px; }
    #equipmentSec .pictBox .subPics .pictCase.wide{ width:calc(100% - 750px); margin-right:0; }

    #equipmentSec .sekkeiList{ display:flex; flex-wrap:wrap; justify-content:space-between;}
    #equipmentSec .sekkeiList .topic{ width:47%; margin-bottom:40px; }
    #equipmentSec .sekkeiList .topic .pict{
        width:100%; aspect-ratio:1/.82; overflow:hidden; margin-bottom:15px; border-radius:6px;
    }
    #equipmentSec .sekkeiList .topic .pict img{ object-fit:cover; width:100%; height:100%; }
    #equipmentSec .koujiList .topic{
        display:flex; width:100%; margin-bottom:0; padding:15px 5px;
        border-bottom:1px solid var(--objBrown);
    }
    #equipmentSec .koujiList{ border-top:3px solid var(--objBrown); border-bottom:2px solid var(--objBrown); }
    #equipmentSec .koujiList .topic .header{
        width:140px; background:var(--objBrown); color:#fff; text-align:center; margin-right:10px;
        border-radius:6px;
    }
    #equipmentSec .sekkeiList .topic#tatemonokousei .pict{ aspect-ratio:initial; height:auto; }
    #equipmentSec #floorBlock .contBox{ background:#fff; padding:25px; border-radius:20px;}
    #equipmentSec #floorBlock .figure{ width:64%; }
    #equipmentSec #floorBlock .subPict{ width:25%; }
    #equipmentSec #floorBlock .subPict .pict{ border-radius:6px; overflow:hidden; }

    /* 新型コロナ */
    #covidSec .headMarkList .topic .cont .boxHeader{ line-height:1.2; }
    .blockContWrap .appealList .topic{
        margin-bottom:50px; padding:1.85em; background:#fff; border-radius:20px;
    }
    #covidSec .appealList .contBox:last-of-type{ margin-bottom:0; }

    /* マイナンバー */
    #mncardSec .postar{ width:min(640px, 70%); margin:0 auto; }

    /* ハラスメント */
    #harassmentActions > .topic{ margin-bottom:0; }
    #harassmentActions .numStyleList{ margin-bottom:40px; padding-left:2em; }
    #harassmentActions .numStyleList li{ margin:10px 0 10px; }
    #harassmentActions .numStyleList li:last-of-type{ margin-bottom:0; }



     /* 診療案内 *******/
     .eachPieceSec .innerBlock > .flexBox{ align-items:stretch; }
     .eachPieceSec .treatCard{
        width:45%; background:var(--palePink); 
        border-right:3px solid var(--borderPink); border-bottom:3px solid var(--borderPink);
        border-radius:5px; border-bottom-right-radius:2em;
        position:relative; z-index:10;
    }

     .eachPieceSec .treatCard  .titleBox{ margin-bottom:30px; }
     .eachPieceSec .treatCard  .titleBox .secHeader{ padding-left:.2em; margin-bottom:15px;}
     .eachPieceSec .treatCard  .iconBox{
        width:12em; height:12em; background:#fff; border-radius:50%; 
        display:flex; align-items:center; justify-content:center; margin-right:2em;
    }
    .eachPieceSec .treatCard  .iconBox img{ width:70%; }
    .eachPieceSec .treatCard  .sub{ font-size:.45em; color:var(--objBrown); }
    .eachPieceSec .treatCard  .headMarkList .topic{ font-size:110%; }
    #treatmentPage .eachPieceSec .treatCard .moreBtn a{ min-width:0; width:169px; }
    #shinryoTable table tbody th{
        background:var(--borderPink-light); vertical-align:middle;
    }
    #shinryoTable table tbody tr td:first-of-type{ background:var(--palePink); }
    #shinryoTable table .closed{
        vertical-align:middle; color:var(--objBrown); background:#f9f9f9;
    }
    #reserve-Q .topic{ margin-bottom:30px; }
    #reserve-Q .topic .jushinka{
        padding:1px 8px; border-radius:2px; border:2px solid var(--basePink); color:var(--basePink);
        font-size:80%; margin-left:10px; font-weight:500;
    }


     /* 産科 */
    #ninpukenshinList .topic{ margin-bottom:40px; }
    #ninpukenshinList .topic:last-of-type{ margin-bottom:0; }
    #ninpukenshinList .lineCase{ margin-top:20px; }
    .external{ display:inline-block; }
    #four-dimension .echoPictList .obj{margin-bottom:40px; }
    #four-dimension .echoPictList .obj .pict{overflow:hidden; border-radius:10px;}
    #four-dimension #banzaiPict .obj:first-of-type{ margin-right:40px; }
    .nptChart{ width:85%; }
    .nptChart .topic{
        border:3px solid var(--objBrown); border-radius:10px; 
        background:#fff; margin-bottom:80px; position:relative;
    }
    .nptChart .topic::after{
        content:''; display:block; width:40px; height:40px; background:#fff; border-radius:50%;
        background-image:url(../images/arrow-brown-down.svg);
        background-size:100%; background-repeat:no-repeat;
        position:absolute; bottom:-60px; left:50%; transform:translateX(-50%);
    }
    .nptChart .topic:last-of-type::after{ display:none; }
    .nptChart .topic .header{
        background:var(--objBrown); color:#fff; font-size:125%; font-weight:500;
        padding:5px 15px; border-top-left-radius:6px; border-top-right-radius:6px;
    }
    .nptChart .topic .cont{ padding:20px; }
    .nptChart .topic .text:last-of-type{ margin-bottom:0; }
    .qrCode{ width:150px; display:inline-block; }
    #niptLinks .discStyleList .topic{ margin-bottom:20px; }
    #kensaTokucho .baseTable thead th{ font-size:120%; }
    #kensaTokucho .baseTable thead td .innerCell{
         padding-left:1em; text-indent:-1em; font-weight:500; line-height:1.5;
        }
    #kensaTokucho .baseTable tbody th{
        background:var(--basePink); color:#fff; vertical-align:middle;
        font-weight:500; font-size:120%;    
    }
    #kensaTokucho .baseTable th,
    #kensaTokucho .baseTable td{ width:20%; }
    #prenatal-diagnosis .priceTable td{ line-height:1.5; }
    #prenatal-diagnosis .priceTable th{
        background:var(--borderPink); color:var(--fontBrown); font-weight:500; vertical-align:middle;
    }
    #prenatal-diagnosis .priceTable td .price{
        margin-left:auto; padding-left:20px; text-align:right; font-weight:500;
    }



     /* 婦人科 */
    #treatmentPage .treatBtnList{ margin:0; }
    #ordinaryMens{ background:#fff; border-radius:20px; padding:30px }
    #ordinaryMens .likeaTable .tr .header{ width:165px; }
    #treatmentPage #ordinaryMens .graph{ width:460px; }
    #treatmentPage #disorderMens{ background:#fff; border-radius:20px; padding:30px }
    #treatmentPage #disorderMens .obj{ margin-bottom:40px; }

    #treatmentPage #disorderMens .likeaTable .header{ width:165px; }
    #treatmentPage #disorderMens .likeaTable .cont{ width:calc(100% - 165px); }

    #treatmentPage .moreBtn{ display:inline-block; }
    #treatmentPage .moreBtn a{ min-width:220px; max-width:400px; }

    #pms-symptoms > .obj{ margin-right:40px; }
    #pms .contList > .topic{ margin-bottom:40px; }
    #pms .contList > .topic:last-of-type{ margin-bottom:0; }
    #PMDDcont > .topic .boxHeader{ width:50px; }
    #PMDDcont > .topic .contCase{ width:calc(100% - 60px); }

    #healthcareFirstImage{ width:45%; margin:0 auto; }

    #health-hormone .estrogenBox .pict{ width:100%; }
    #health-puberty .whiteBox .discStyleList{ margin-bottom:15px; }
    #health-menopause .menopauseGraph{ width:1000px; }
    #health-menopause .headMarkList .whiteBox{ margin-bottom:20px; }
    #health-menopause .headMarkList .discStyleList .topic .text:last-of-type{ margin-bottom:0; }
    #health-menopause #hrtIllust .pict{ width:380px; }
    #health-menopause #hrtIllust .right{ width:650px; }
    #health-menopause #hrtIllust .right .headMarkList{ margin-bottom:40px;}
    #health-menopause #hrtIllust .right .discStyleList .topic{ margin-bottom:.85em; }
    #kanpo-gairai .discStyleList{ margin-bottom:30px; }

    #sexually-diseases .sexually-diseasesList .topic{ margin-bottom:40px; }

    .alart{ border:3px solid #f07c97; padding:20px; border-radius:10px; }
    #sexually-diseases .alart{ margin-top:40px; display:inline-block; }
    #sexually-diseases .alart .catch{ color:var(--alartRed); }


    /* 助産師外来 */
    .midwiferyPage .timeTable td.wide{ min-width:120px; }
    .midwiferyPage .timeTable td .innerCell::before{ width:22px; height:22px; }
    .midwiferyPage .timeTable td .add{ width:65px; display:inline-block; }

    /* その他 */
    .otherPage #bridalCheck table tbody tr td:first-of-type{ font-weight:500; }
    .otherPage #bridalCheck table tbody tr td{ vertical-align:middle; }
    .otherPage #bridalCheck table tbody th{ background:var(--borderPink-light); }
    .otherPage #bridalCheck table tbody th .innerCell{ font-weight:500; }
    .otherPage #bridalCheck table tbody th .innerCell.josei::before,
    .otherPage #bridalCheck table tbody .innerCell .set.add::before,
    .otherPage #bridalCheck .tableCase + .josei::before{
        content:''; display:inline-block; width:.7em; height:.7em; margin-right:8px;
        background:var(--alartRed); transform:rotate(45deg);
        border-radius:2px;
    }
    .otherPage #bridalCheck table tbody .innerCell .set{ margin-bottom:15px; }
    .otherPage #bridalCheck .optionRow th{ background:var(--objBrown); }
    .otherPage #bridalCheck table.male tbody th{ background:#d7e5f7; }

    /* 産後ケア */
    #treatmentPage #sango-treat .hosoku{
        font-size:85%; padding:0 8px; border:2px solid var(--borderPink); border-radius:5px; color:var(--deepPink);
        width:max-content; display:inline-block;
    }
    #treatmentPage #sango-treat .hosoku::before{ content:'補足：'; }
    #treatmentPage #sango-treat .baseTable tr th:first-of-type{ width:72px; }
    #treatmentPage #sango-treat .baseTable tr td:first-of-type{ background:var(--borderPink-verylight); text-align:right; }
    #treatmentPage #sango-treat .baseTable .taiin th{ background:var(--deepBeige); color:#fff; padding:3px; }

    #sango-hospitalization .cource .flexObj-3{ width:38%; }
    #sango-hospitalization .cource .flexObj-3 .part{ margin-bottom:12px; }
    #sango-hospitalization .cource .flexObj-3 .part:last-of-type{ margin-bottom:0; }
    #sango-hospitalization .cource .flexObj-3-2{ width:56%; }
    #sango-hospitalization .contBox.option .cont{ width:calc(100% - 205px); }
    #sango-hospitalization .contBox.option .cont .topic{ width:calc(100% / 3); }
    #sango-hospitalization .contBox.option .pict{ width:200px; }

    #treatmentPage #sango-chart .numStyleList .topic{ margin-bottom:10px; }
    #treatmentPage #sango-chart .numStyleList .topic:last-of-type{ margin-bottom:0; }
    #treatmentPage #sango-chart .graph{ margin-top:30px; }
    #treatmentPage #sango-chart .graph .chartList{ display:flex; flex-wrap:wrap; margin:5px 0; }
    #treatmentPage #sango-chart .graph .chartList .set{
        padding:6px 18px; border-radius: 6px; background:var(--deepBeige);
        color:#fff; margin-right:20px; position:relative;
    }
    #treatmentPage #sango-chart .graph .chartList .set::after{
        content:''; display:block; width:0;  height:0; border: 14px solid transparent;
        border-left-color:var(--deepBeige); border-top-width:10px; border-bottom-width:10px;
        position:absolute; left:99%; top:50%; transform:translateY(-50%);
    }
    #treatmentPage #sango-chart .graph .chartList .set:last-of-type{ background:var(--deepPink); }
    #treatmentPage #sango-chart .graph .chartList .set:last-of-type::after{content:none;}

    /* ワクチン */
    .vaccinePage #hpv-about .illust{ width:30%; }
    .vaccinePage #hpv-vaccine .span-silguard9 .pict{margin-right:20px;}
    .vaccinePage #hpv-vaccine .span-silguard9 .cont{ width:52%; }


    /* これからママ *******/
    #hospitalizationPage #hospitalizationHub .cardHolder{ align-items:stretch; margin-bottom:100px;}
    #hospitalizationPage #hospitalizationHub .cardHolder:last-of-type{ margin-bottom:0; }

    #hospitalizationPage #hospitalizationHub .cardHolder .cardHolderHead{ margin-right:80px; }
    #hospitalizationPage #hospitalizationHub .cardHolder .cardHolderHead .pict{
        /*width:300px; height:; background:#d8afa3; border-radius:10px;*/ 
        position:relative; display:flex; align-content:center; justify-content:center; flex-wrap:wrap;
        width:12em; height:12em; border-radius:50%; background:#fff; margin-bottom:10px;
    }
    #hospitalizationPage #hospitalizationHub .cardHolder .cardHolderHead .pict img{ width:70%; }
    #hospitalizationPage #hospitalizationHub .cardHolder .cardHolderHead .title{
        width:100%; font-weight:500; font-size:120%; color:var(--deepBeige); text-align:center;
        align-items:initial; display:block;
    }
    #hospitalizationPage #hospitalizationHub .cardHolder .treatCard{
         min-width:300px; margin-bottom:0; margin-right:50px; padding:40px 0; 
        }
    #hospitalizationPage #hospitalizationHub .cardHolder .treatCard .contBox{ margin-bottom:0; }
    .hubList .topic .cont{ white-space:nowrap; }

    #hospitalizationPage .moreBtn a{ min-width:220px; max-width:400px; }
    #hospitalizedSec .baseTable tbody th{
        background:var(--borderPink-light); font-weight:500; vertical-align:middle;
    }
    #hospitalizationPage #umbilicalSec .secHead{ margin-bottom:0; }
    #expenses-pluse .discStyleList .topic{ width:50%; }
    #hospitalizedSec #hospitalizePics .pict{ border-radius:5px; overflow:hidden; }
    #hospitalizedSec #hospitalizePics .flexObj-2{ width:47.5%; }
    #hospitalizedSec #hospitalizePics .subPictList .topic{ margin-right:30px; }
    #hospitalizedSec #hospitalizePics .subPictList .topic:last-of-type{ margin-right:0; }
    #hospitalizedSec #hospitalizePics .subPictList .topic .pict{ width:250px; }
    #hospitalizePics .headerRow .boxHeader{ margin-bottom:0; }
    .celebratoryMeal .pict{ width:100%; aspect-ratio:4/2.75; overflow:hidden; }
    .celebratoryMeal .pict img{ object-fit:cover; width:100%; height:100%; }
    #hospitalizedSec #sango-service{ position:relative; }
    #hospitalizedSec #sango-service .pictBox{
        position:absolute; top:0; right:15px; width:420px; aspect-ratio:4/2.75; 
        border-radius:10px; overflow:hidden;
    }


    /* 無痛分娩 */
    #painlessSec .headMarkList .topic{ margin-bottom:25px; }
    #painlessSec .headMarkList .topic:last-of-type{ margin-bottom:0; }
    

     /* お知らせ *******/
    .leftBlock{ width:80%; }
    .infoList .topic::after{
        content:''; display:block; width:22px; height:22px;
        position:absolute; top:50%; right:15px; transform:translateY(-50%);
        background-image:url(../images/arrow-brown.svg); background-size:cover; background-repeat:no-repeat;
    }
    .infoList .topic a{
        background:#fff; border-radius:6px; padding:15px; padding-right:45px; 
    }

    .rightBlock{ width:16%; }
    .rightBlock .sideList > li{ position:relative; margin-bottom:10px; }
    .rightBlock .sideList > li::after{
        content:''; display:block; width:22px; height:22px;
        position:absolute; top:50%; right:15px; transform:translateY(-50%);
        background-image:url(../images/arrow-white.svg); 
        }
    .rightBlock .sideList > li a{
        background:var(--deepBeige); color:#fff; font-weight:500; padding:10px 15px;
        display:block; border-radius:6px;
    }
    .pagenation,
    .wp-pagenavi{ margin-top:80px;}

    #infoContSec .article .contBody{ background:#fff; padding:40px; border-radius:10px; }
    #infoContSec .article .header{
        border-bottom:3px solid var(--objBrown); margin-bottom:30px; padding-bottom:10px;
    }
    #infoContSec .article .header .title{ font-weight:500; }
    #infoContSec .article .header .date{
        background:var(--fontBrown); color:#fff; padding:1px 12px; border-radius:3px;
        display:inline-block; margin-bottom:8px;
    }
    #infoContSec .moreBtn.bigBtn{ margin-top:80px; display:block;}
    #infoContSec .moreBtn.bigBtn a{ margin:0 auto; }
    

    /* 各種教室 *******/
    #classSec .classHeaderImage{
        width:100%; aspect-ratio:1/.6; overflow:hidden; border-radius:10px; margin-bottom:30px;
    }
    #classSec .classHeaderImage img{
        object-fit:cover; width:100%; height:100%; object-position:center;
    }
    #classSec .contBlock{ margin-bottom:150px; }
    #classSec .blockHeader .sub{ display:inline-block; margin-left:10px; font-size:70%; }
    #classSec .gaiyoBox .likeaTable .header{ width:140px; }
    #classSec .flexBox .pict{ border-radius:6px; overflow:hidden; }
    #calendarSec .calendarBox{ padding:30px; background:#fff; border-radius:10px; }
    #calendarSec .calendarCase{ width:100%; aspect-ratio:4/3; }
    #calendarSec .calendarCase iframe{ width:100%; height:100%; }
    #calendarSec .classList .topic{ width:25%; }
    


    /* 新生児紹介 *******/
    #babySec .entryBlock .babyListBox{ width:265px; margin:0 80px 150px 0; position:relative; }
    #babySec .entryBlock .babyListBox:nth-of-type(3n){ margin-right:0; }
    #babySec .entryBlock .babyListBox .pict{
        overflow:hidden; border-radius:6px; border:5px solid #fff;
        width:265px; aspect-ratio:4 / 3;
    }
    #babySec .entryBlock .babyListBox .pict img{
        width:100%; height:100%; object-fit:cover; object-position:100%;
    }
    #babySec .entryBlock .babyListBox .birthDay{
        position:absolute; top:-45px; left:-30px; width:165px; height:78px; font-size:85%;
        background-image:url(../../images/baby/newborn-birthday.png);
        background-size:cover; background-repeat:no-repeat;
        display:flex; align-items:flex-end; justify-content:flex-end; padding:0 26px 6px 0; font-weight:500;
    }
    #babySec .entryBlock .babyListBox .name{
        position:absolute; bottom:-55px; left:-5px; width:280px; height:92px; 
        background-image:url(../../images/baby/newborn-name.png);
        background-size:cover; background-repeat:no-repeat;
        display:flex; align-items:center; justify-content:center; font-weight:500; padding-top:15px;
    }
    #babySec .entryBlock .babyListBox .sex{
        position:absolute; bottom:0px; right:0; width:55px; height:55px; border-radius:50%;
        background:var(--objBrown); color:#fff; display:flex; align-items:center; justify-content:center;
        font-size:80%; font-weight:500;
    }

    
    /* Q&A *******/
    .faqSec .headMarkList .topic{ margin-bottom:80px; }
    .faqSec .headMarkList .topic:last-of-type{ margin-bottom:0; }
    .faqSec .headMarkList .topic .cont .boxHeader{ line-height:1.1; }
    .faqSec .headMarkList .topic #tanka{ font-style:italic; }
    .faqSec .headMarkList .subList .step{ margin-bottom:25px; }
    .faqSec .anzenList .topic{ margin-bottom:10px; }


    /* アクセス *******/
    #accessPage #adressSec .likeaTable .header{ width:125px; }
    #accessPage #adressSec .likeaTable .cont{ width:calc(100% - 125px); }    
    #accessPage .middleBtn{ width:375px; height:88px; margin-right:0; }
    #accessPage .middleBtn a{ border-radius:44px; padding:0 10px; }
    #accessPage .middleBtn a::after{ width:26px; height:26px; }
    #accessPage .middleBtn a .logo{ width:145px; margin:0 10px 0 10px; }
    #accessPage .middleBtn#eparkBtn{ font-size:16px; width:400px; }
    #accessPage .middleBtn a .icon{ width:68px; margin-left:0; margin-right:10px;  }
    #accessPage .middleBtn#phoneBtn a::after{ content:none; }
    #accessPage .middleBtn .phoneNum{ font-size:35px; }
    #accessPage .middleBtn#mailBtn{ font-size:24px; }
    #accessPage .btnBox .bigBtn{ display:block; margin:0 auto; text-align:center;}
    #accessPage .btnBox .bigBtn a{ margin:0 auto; }


    /* お問い合わせフォーム *******/
    #contactSec .likeaTable .tr{ padding-top:.5em; padding-bottom:.5em; }
    #contactSec .likeaTable .tr .header{
        width:320px; display:flex; align-items:center; justify-content:space-between;
    }
    #contactSec .likeaTable .tr .cont{ width:calc(100% - 250px); }
    #contactSec .need{
        font-size:75%; display:inline-block; line-height:1; padding:4px 8px; border-radius:3px;
        background:var(--alartRed); color:#fff; margin:0 5px;
    }
    #contactSec input[type="text"],
    #contactSec input[type="tel"],
    #contactSec input[type="email"],
    #contactSec textarea{
        border:1px solid #aaa; padding:.75em; border-radius:6px; font-size:110%;
    }
    #contactSec input[type="text"].type-1,
    #contactSec input[type="tel"].type-1,
    #contactSec input[type="email"].type-1{ width:400px; }
    #contactSec input[type="text"].type-2,
    #contactSec input[type="tel"].type-2,
    #contactSec input[type="email"].type-2{ width:600px; }
    #contactSec textarea{ width:100%; height:12em; }

    .formBtnBox{ display:flex; justify-content:center; margin-top:50px; }
    .formBtnBox .formBtn{
        width:min(150px, 200px); padding:6px 10px; border-radius:4px; transition:.2s;
        color:#fff; text-align:center; font-weight:500; margin:0 10px; cursor:pointer;
        background:var(--basePink); font-size:18px;
    }
    
    .formBtnBox .formBtn.confirm{ background:var(--basePink); }
    .formBtnBox input.wpcf7-form-control.wpcf7-submit.has-spinner{
        width:min(150px, 200px); padding:6px 10px; border-radius:4px; transition:.2s;
        color:#fff; text-align:center; font-weight:500; margin:0 10px; cursor:pointer;
        background:var(--basePink); font-size:18px;
        background:var(--basePink); color:#fff; 
    }
    .formBtnBox .formBtn.reset{ background:var(--objBrown); }
    #contactSec .formBtnBox .formBtn:hover{ background:var(--alartRed); }


    /* 院内掲示 */
    #displayBoard .payList th.subth{
        background:var(--borderPink);
    }
    #displayBoard .payList td{ font-weight:500; }
    #displayBoard .payList.addTable thead th{
        background:var(--basePink); color:#fff; text-align: center;
    }
    #displayBoard .payList.addTable thead th:first-of-type{width:250px;}
    #displayBoard .payList.addTable thead th:nth-of-type(2){width:150px;}
    #displayBoard .payList.addTable thead th:nth-of-type(3){width:220px;}
    #displayBoard .payList.addTable tbody td:first-of-type{text-align: right;}
    #displayBoard .payList.addTable tbody td:nth-of-type(2){
        text-align: left; font-weight:300; white-space: nowrap;
    }
    
     /* 下層 **********************************************************************************/

}/*PC閉じ*/






/* 中間 */
@media screen and (min-width: 768px) and (max-width: 1450px){
    header .wrap{ flex-wrap:wrap; }
    header .logo{ width:100%; margin-bottom:15px; }
    header .logo a{ display:block; width:36%; margin:0 auto; }
    header .logo a .pict{ width:100%; }
    header nav{ width:100%; }

    #fvSec .bottomBox .underRow{ flex-wrap:wrap; }
    #fvSec .bottomBox .underRow .infoBtnCase .btn:last-of-type{ margin-right:0; }
    #fvSec .bottomBox .underRow .thanxCase{ width:100%; justify-content: center; margin-top: 20px; }
}
/* 中間 */






@media screen and (max-width: 767px) {
    
    .pcOnly{ display:none !important; }

    html{scroll-padding-top:8vw; scroll-behavior:smooth; }
    body{ font-size:3.73vw; font-weight:300; }

    .moreBtn a{
         min-width:37.3vw; height:8vw; border-radius:4vw; font-size:3.73vw; 
         padding-right:8px; padding-left:12px;
        }
    .moreBtn a::after{ width:18px; height:18px; margin-left:5px;}
    .moreBtn.bigBtn a{
         width:min(53.3vw, 100%); height:12.32vw; border-radius:6.16vw; font-size:4.8vw;
         padding-right:12px; padding-left:20px;
        }
    .moreBtn.bigBtn a::after{ width:6.13vw; height:6.13vw; }
    .discHead{ font-size:4.8vw; align-items:flex-start; }
    .discHead::before{ width:.8em; height: .8em; margin-top:.44em; margin-right:.3em; }

    /* header */
    header{ padding:6vw 4vw; }
    header .wrap{ width:100%; }
    header .logo .text{ font-size:2.53vw; margin-bottom:2px; }
    header .logo .pict{ width:58.6vw; height:4.8vw; }
    header .logo .pict img{ vertical-align:top; }
    header nav{
        position:fixed; left:100vw; top:22vw; width:100%; z-index:10000;
        height:auto; max-height:calc(100vh - 22vw); overflow:hidden;
    }
    #hbgBtn{
        position:fixed; z-index:10001; top:4vw; right:4vw;
         width:14.4vw; height:14.4vw; background:#fff; border-radius:50%; 
         display:flex; align-content:center; justify-content:center; flex-wrap:wrap;
    }
    #hbgBtn .text{
         width:100%; text-align:center; color:var(--basePink); font-weight:500; 
         line-height:1; font-size:2.86vw; margin-bottom:0;
        }
    #hbgBtn .barBox{
        display:flex; align-items:center; flex-wrap:wrap;
        width:47%; height:4.3vw; margin-bottom:1.3vw;
        position:relative;
    }
    #hbgBtn .barBox .bar{
         width:100%; height:2px; border-radius:1px; background:var(--basePink); 
         margin-bottom:5px; transition:.2s;
        }
    #hbgBtn .barBox .bar:last-of-type{ width:50%; margin-bottom:0; }
    .headerNav{ display:none !important; }
    #hideMenu{ 
        position:fixed; z-index:1000;
        margin-top:8vw; transition:.3s; opacity:0; pointer-events:none;  
        align-items:center; overflow-y:auto; padding-bottom:20vw;
        height:calc(100vh - 20vw);
    }
    #hideMenu .wrap{ flex-wrap:wrap; }
    #hideMenu .dataBox{ order:1; width:100%; padding:6vw 4vw; background:var(--basePink);}
    #hideMenu .dataBox .text{ color:#fff; }
    #hideMenu .dataBox .discHead{ color:#fff; }
    #hideMenu .dataBox .discHead::before{ background:#fff; }
    #hideMenu .dataBox .timeTable{ background:#fff; }
    #hideMenu .dataBox .timeTable th{
        background:var(--palePink); color:var(--objBrown);
    }
    #hideMenu .dataBox .snsCase{ display:flex; }
    #hideMenu .dataBox .snsCase a{
        display:flex; align-items:center; justify-content:center; margin-right:4vw;
        width:14vw; height:14vw; border-radius:50%; border:2px solid #fff;
    }
    #hideMenu .dataBox .snsCase a img{ width:65%; }
    
    #hideMenu .linkBox{ background:var(--beige); }
    #hideMenu .indexTitle{ display:none; }
    #hideMenu .topic{ margin-bottom:5vw; /*background:var(--basePink);*/ transition:.4s;}
    #hideMenu .topic:last-of-type{ margin-right:0; font-size:18px; transition:.1s }
    #hideMenu .topic a{
        display:flex; align-items:center; justify-content:space-between; padding:4vw; width:100%;
        color:#fff; font-weight:300; font-size:4.8vw; border-bottom:1px solid var(--borderPink);
        background:var(--basePink);
    }
    #hideMenu .topic a::after{
        content:''; display:block; width:4.5vw; height:4.5vw; background-image:url(../images/arrow-white.svg);
   }
   #hideMenu .topic .subList a::after{
    content:''; display:block; width:4.5vw; height:4.5vw; background-image:url(../images/arrow-pink.svg);
}

    #hideMenu .topic.phone a{
         display:flex; align-items:center; line-height:1; font-size:25px; 
         background:var(--beige);
        }
    #hideMenu .topic.phone .icon{
         width:5.5vw; height:; display:flex; align-items:center; padding-top:2px;
        }
    #hideMenu .topic.phone .num{
        color:var(--fontBrown); margin-right:auto; font-weight:bold;
    }
    
    #hideMenu .topic .subList{ border-left:; }
    #hideMenu .topic .sinryoMenu .subList{ display:flex; flex-wrap:wrap; background:#fff; }
    #hideMenu .topic .subList .link a{
        background:var(--palePink); color:var(--alartRed); 
        padding-top:2.5vw; padding-bottom:2.5vw;
    }
    #hideMenu .topic .sinryoMenu .subList .link{ width:50%; }
    #hideMenu .topic .sinryoMenu .subList .link:nth-of-type(odd){ border-right:1px solid var(--borderPink); }
    #hideMenu .topic .sinryoMenu .subList .link a{
        background:#fff; color:var(--deepPink); border-bottom-color:var(--borderPink);
    }
    #hideMenu .topic .sinryoMenu .subList .link:nth-last-of-type(even){
        border-right:1px solid var(--borderPink);
    }

    /* open *****/
    header nav.open{ pointer-events:all; left:0; }
    nav.open #hideMenu{ margin-top:0; opacity:1; pointer-events:all;}
    nav.open #hideMenu .topic{ margin-bottom:0; }
    nav.open #hbgBtn .barBox .bar{ margin-bottom:0; position:absolute;}
    nav.open #hbgBtn .barBox .bar:first-of-type{ transform:rotate(-45deg); }
    nav.open #hbgBtn .barBox .bar:nth-of-type(2){ transform:rotate(45deg); }
    nav.open #hbgBtn .barBox .bar:last-of-type{display:none; }
    nav.open .screen{ opacity:1; pointer-events:all;}
    /* open *****/
    /* header */


    /* FV */
    #fvSec{  margin-bottom:20vw; }
    #fvSec .bgBoard{ height:125vw; background-position:right -15vw top;}
    #fvSec .bgBoard::after{
        content:''; display:block; width:100%; height:4vw;
        /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,1+100 */
        background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
         /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
         position:absolute; left:0; bottom:0;

    }
    #fvSec .innerBlock{
         width:100%; padding:0 4vw 5vw;
        }
    #fvSec .innerBlock .textCont{ margin-bottom:6vw; }
    #fvSec .innerBlock .textCont .copy{ width:60%; margin-bottom:52vw; }
    #fvSec .rightBlock{}
    #fvSec .rightBlock .mynumBtn{
         display:block; width:32vw; margin:0 auto 10vw;
        }
    #fvSec .rightBlock .mynumBtn img{ width:100%; }
    #fvSec .rightBlock .infoBox{
        background:#fff; padding:4vw 0;
    }
    #fvSec .rightBlock .infoBox .header{margin-bottom:8vw;}
    #fvSec .rightBlock .header{ display:flex; justify-content:space-between; align-items:center; }
    .header .title .main{ font-size:6.93vw; font-weight:500; margin-bottom:3px; }
    .header .title .sub{ color:var(--basePink); }
    .infoList .topic{ width:100%; margin-bottom:4vw; position:relative; }
    .infoList .topic:last-of-type{ margin-bottom:0; }
    .infoList .topic a{
        display:block; width:100%; padding-bottom:4vw; padding-left:0; padding-right:0;
        border-bottom:2px dotted var(--objBrown);
    }
    .infoBox .infoList .topic a{
        display:block; width:100%; padding-bottom:4vw; padding-left:0; padding-right:0;
        border-bottom:2px dotted var(--objBrown);
    }
    .infoBox .infoList .topic a{ border-radius:0;}
    .infoBox .infoList .topic::after{content:none; }
    .infoBox .infoList .topic .date{ line-height:1; }
    .infoBox .infoList .topic .title{
         width:100%; display:block;
         text-overflow: ellipsis; overflow: hidden; white-space: nowrap;
    }
    
    #fvSec .bottomBox{
         display:flex; flex-wrap:wrap; justify-content:space-between; margin-top:80px; 
        }
    #fvSec .bottomBox .upperRow{ width:100%; margin-bottom:6vw; display:flex; flex-wrap:wrap; justify-content:center; }
    #fvSec .bottomBox .underRow .infoBtnCase{ width:100%;  margin:0 auto; display:flex; flex-wrap:wrap; justify-content:center; }
    #fvSec .bottomBox .underRow .infoBtnCase .btn{
        border:2px solid var(--deepBeige); border-radius:10px; background:#fff; 
        line-height:1.4; position:relative; width:60vw;
        margin:0 0 3vw; 
    }
    #fvSec .bottomBox .underRow .infoBtnCase .btn a{
        display:block; text-align:center; font-weight:400; color:var(--objBrown); padding:3vw 4vw;
    }
    #fvSec .bottomBox .underRow .infoBtnCase .btn a::after{
        content:''; display:block; background-image:url(../images/arrow-brown.svg); width:4.53vw; height:4.53vw;
        position:absolute; top:50%; right:10px; transform:translateY(-50%);
    }
    
    #fvSec .bottomBox .thanxCase{ font-size:3.2vw; margin-top:3vw;}
    #fvSec .bottomBox .thanxCase .btn{ display:block; width:60vw; margin:0 auto 10px; }
    #fvSec .bottomBox .thanxCase .btn img{width:100%; }
    .middleBtn{ width:46%; height:15.46vw; margin-right:2vw; }
    .middleBtn:last-of-type{ margin-right:0; }
    .middleBtn a{ border-radius:7.73vw; padding:0 5px; }
    .middleBtn a::after{ width:4.53vw; height:4.53vw; }
    .middleBtn a .icon{ width:12vw; height:12vw; margin-left:10px;  }
    #fvSec .bottomBox .snsCase{
        width:100%; text-align:center; margin-top:4vw; 
        display:flex; justify-content:center;
    }
    #fvSec .bottomBox .snsCase a{
        display:block; width:14.4vw; height:14.4vw; margin:0 2vw;
    }
    #fvSec .bottomBox .snsCase a img{ width:100%; }

    
/* 追加　「院内掲示」 */
    #fvSec .bottomBox #displayBoard{
        width:100%; padding:3vw 5vw; border:2px solid var(--deepBeige); margin-top:8vw;
        border-radius:12px; background:#fff;
    }
    #fvSec .bottomBox #displayBoard .boxHeader{
        margin-bottom:15px; border-bottom:4px solid var(--deepBeige); color:var(--objBrown);
        padding-left:5px;
    }
    #fvSec .bottomBox #displayBoard .displayList .topic{
        padding:0 8px 8px; margin-bottom: 8px; border-bottom:1px dotted var(--deepBeige);
    }
    #fvSec .bottomBox #displayBoard .displayList .topic:last-of-type{
        padding-bottom:0; margin-bottom:0; border-bottom:none;
    }
    #fvSec .bottomBox #displayBoard .displayList .topic a{
        display:block; position:relative; padding-right:2.5em; line-height:1.5;
    }
    #fvSec .bottomBox #displayBoard .displayList .topic a::before{
        content:'●'; margin-right:5px; color:var(--deepBeige);
    }
    #fvSec .bottomBox #displayBoard .displayList .topic a::after{
        content:''; display:block; background-image:url(../images/arrow-brown.svg); width:4.53vw; height:4.53vw;
        position:absolute; top:50%; right:10px; transform:translateY(-50%);
    }
    #displayBoard .dbList {}
    #displayBoard .dbList td {padding:5px 20px 5px 0;}

    #displayBoard .payList {border-top:solid 1px #8c7974; border-right:solid 1px #8c7974;}
    #displayBoard .payList.marB20{border-top:none;}
    #displayBoard .payList th ,
    #displayBoard .payList td {
        padding:10px; border-bottom:solid 1px #8c7974; border-left:solid 1px #8c7974; 
        background-color:#fff; 
        width:40%;
    }
    #displayBoard .payList td{ font-weight:500; text-align: right; }
    #displayBoard .payList th {text-align: left; background-color:#fbecef;}
    #displayBoard .payList th.subth{
        background:var(--borderPink);
    }
    #displayBoard .payList.addTable thead th{
        background:var(--basePink); color:#fff; width:33%;
    }
    #displayBoard .payList.addTable thead th:first-of-type{width:33%; font-feature-settings: 'palt';}
    #displayBoard .payList.addTable tbody tr td{ width:33%; }
    #displayBoard .payList.addTable tbody tr td:first-of-type{text-align: right;}
    #displayBoard .payList.addTable tbody tr td:nth-of-type(2){text-align: left; font-weight:300;}


    /* FV */


    /* HOME その他 */
    .homeContSec .header{ margin-bottom:7vw; }
    .homeContSec .header .main{ font-weight:500; margin-bottom:4px; }
    
    #aboutSec.homeContSec{ margin-bottom:30.66vw; }
    #aboutSec .backBoard{
        position:relative; width:96vw; margin-left:auto; margin-bottom:10vw; padding:15vw 4vw 15vw 10vw; 
        background:#f6e9e9;
        border-top-left-radius:14vw; border-bottom-left-radius:14vw; overflow:hidden;
    }
    #aboutSec .backBoard .imageBoard{
        width:100%; height:80.2vw; overflow:hidden;  position:absolute;left:0; top:82vw;
    }
    #aboutSec .backBoard .imageBoard::after{ 
        content:''; display:block; width:100%; height:16vw;
        /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f6e9e9+0,f6e9e9+100&1+0,0+99 */
background: linear-gradient(to bottom,  rgba(246,233,233,1) 0%,rgba(246,233,233,0) 99%,rgba(246,233,233,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        position:absolute; left:0; top:0;
     }
    #aboutSec .backBoard .imageBoard img{
         width:135%; height:auto; object-position:center center; margin-left:-28%;
        }
    #aboutSec .innerBlock{ position:relative; z-index:10; width:100%; }
    #aboutSec .innerBlock .text{ margin-bottom:82vw; }
    #aboutSec .innerBlock .moreBtnBox{ flex-wrap:wrap; }
    #aboutSec .innerBlock .moreBtn.bigBtn{ margin-bottom:6.66vw; }
    #aboutSec .innerBlock .moreBtnBox .moreBtn{ margin-bottom:4vw; margin-right:3.2vw; }
    #aboutSec .pictSlider .swiper-slide{ margin-right:4vw; border-radius:6vw; width:42vw; aspect-ratio:2/1.6; }
    #aboutSec .pictSlider .swiper-slide:last-of-type{ margin-right:0; }


    #treatSec{ padding:18.66vw 0; position:relative; }
    #treatSec .backBoard{ background:var(--beige); width:100%; height:180vw; }
    #treatSec .innerBlock{ padding:0 4vw; position:relative; z-index:10; }
    .treatBtnList{ margin:12vw 0; justify-content:space-between; width:100%; }
    .treatBtnList .btn{
        width:45vw; height:40vw; border:2px solid var(--basePink); border-radius:6px;
        box-shadow:1px 1px 0 var(--basePink); margin-bottom:2vw; background:#fff;
    }
    .treatBtnList .btn a{
        display:flex; width:100%; height:100%; align-content:center; justify-content:center; 
        flex-wrap:wrap;
    }
    .treatBtnList .btn:nth-of-type(4n){ margin-right:0; }
    .treatBtnList .btn .title{ width:100%; }
    .treatBtnList .btn .title .main{ font-size:4.8vw; font-weight:500; margin-bottom:3px; }
    .treatBtnList .btn .title .sub{ font-size:2.8vw; font-weight:500; }
    #treatSec{
        background-image:url(../../images/home/satsuki-flower.jpg); 
        background-repeat:no-repeat; background-position: right -15vw bottom 80vw;
        background-size: 70vw;
    }

    /* 診療時間 ***/
    .timeTable{
         border-top:1px solid var(--objBrown); border-left:1px solid var(--objBrown); 
         font-size:3.2vw; line-height:1.3;
        }
    .timeTable th,
    .timeTable td{
        border-right:1px solid var(--objBrown); border-bottom:1px solid var(--objBrown); 
        text-align:center; vertical-align:middle;
        }
    .timeTable th{
        color:#fff; background:var(--basePink); padding:3px 12px; font-weight:500;
        }
    .timeTable td{ color:var(--fontBrown); }
    .timeTable td .innerCell{ width:100%; height:100%; display:flex; align-items:center; justify-content:center; }
    .timeTable td .innerCell::before{
        content:''; display:block; width:33%; aspect-ratio:1/1;
        background:var(--fontBrown); border-radius:50%; 
    }
    .timeTable td.ex-01 .innerCell::before{ border:1px solid var(--fontBrown); background:#fff; }
    .timeTable td.closed{
        text-align:center; /*-ms-writing-mode: tb-rl;*/ font-size:4vw; 
    }
    .timeTable td.closed .innerCell{
        white-space: pre; display:flex; text-align:center;
        /*writing-mode: vertical-rl; -webkit-writing-mode: vertical-rl; -ms-writing-mode: vertical-rl;*/
        width:100%; height:15vw; align-items:center; justify-content:center; align-content:center;
    }
    .timeTable td.closed .innerCell::before{ content:none; }
    /* 診療時間 ***/

    #treatSec.homeContSec .header .title{ margin-bottom:7vw; }
    #treatSec.homeContSec .header .cont{ margin-bottom:8vw; }
    #treatSec.homeContSec .moreBtnBox{ margin-top:5vw; }
    .homeContSec .moreBtnBox .moreBtn{ margin-right:3.2vw; }


    #korekara{ position:relative; background:var(--beige); margin-bottom:100vw;}
    #korekara .backBoard{  width:100%; height:100%; padding:18.66vw 0; position:relative; }
    #korekara .innerBlock{ padding:0 4vw; position:relative; z-index:10; }
    #korekara .imageBoard{
        position:absolute; left:4vw; bottom:-62vw; width:72%; aspect-ratio:1/1.1; overflow:hidden;
    }
    #korekara .imageBoard img{ width:100%; height:100%; object-fit:cover; object-position:left top }
    #korekara .contBox .text{ margin-bottom:8vw; }
    #korekara .contBox .moreBtn.bigBtn{ margin-bottom:7vw; }
    #korekara .moreBtnBox{ flex-wrap:wrap; margin-bottom:3vw; }
    #korekara .moreBtnBox .moreBtn{ margin-bottom:4vw; }


    #access.homeContSec{ position:relative; padding-bottom:23.5vw; }
    #access.homeContSec .title{ text-align:center; }
    #access.homeContSec .parallelCase{ display:block; margin-bottom:17.3vw; }
    #access.homeContSec .middleBtn{ width:80vw; height:16.53vw; margin:0 auto 4vw; }
    #access.homeContSec .middleBtn a{ border-radius:8.75vw; padding:0 8px; }
    #access.homeContSec .middleBtn a::after{ width:4.26vw; height:4.26vw; }
    #access.homeContSec .middleBtn a .logo{ width:26.6vw; margin:0 10px 0 12px; }
    #access.homeContSec .middleBtn#eparkBtn{ font-size:3.73vw;  }
    #access.homeContSec .middleBtn#eparkBtn .title{text-align:left;}
    #access.homeContSec .middleBtn a .icon{ width:12vw; height:12vw; margin-left:0; margin-right:8px;  }
    #access.homeContSec .middleBtn a .icon img{ width:100%; }
    #access.homeContSec .middleBtn#phoneBtn a::after{ content:none; }
    #access.homeContSec .middleBtn .phoneNum{ font-size:6.93vw; }
    #access.homeContSec .middleBtn#mailBtn{ font-size:4.5vw; }
    #access.homeContSec .middleBtn#recruitBtn{ font-size:4.5vw; }
    #access.homeContSec .bgPanel{ 
        width:100vw; height:72vw; 
        position:absolute; bottom:0; left:0; opacity:.5; 
        background-image:url(../../images/home/access-bg.jpg);
        background-size:cover; background-position:center top; background-repeat:no-repeat;
    }
    #access.homeContSec .bgPanel::after{
        content:''; display:block; position:absolute; top:0; left:0; z-index:1; width:100%; height:15vw;
        /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&1+0,0+100;White+to+Transparent */
        background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    }
    #access.homeContSec .innerBlock{ position:relative; z-index:10; }
    #access.homeContSec .innerBlock .bigBtn{ margin-left:10vw; }
    .homeMap{ width:100%; height:50vw; position:relative; z-index:10; }
  

    .homeContSec .moreBtnBox{ display:flex; }

    /* フローティング */
    #floatingBox{
        background:var(--fontBrown); display:flex; width:100%; height:18vw; z-index:9998;
        position:fixed; bottom:0; left:0; text-align:center; padding:3vw 0;
    }
    #floatingBox .header{
        color:#fff; font-size:5vw; white-space:nowrap; width:31%; 
        display:flex; align-items:center; justify-content:center;
    }
    #floatingBox .btnList{ display:flex;}
    #floatingBox .btnList .link{
         border-left:1px solid var(--deepBeige); width:23vw;
        }
    #floatingBox .btnList .link a{
        display:flex; align-items:center; justify-content:center; 
        width:100%; height:100%; padding:0 5.8vw; 
    }

    /* フローティング */

    /* Footer */
    footer{padding:8vw 0 4vw;}
    footer .title{ text-align:center; margin-bottom:4vw; font-size:6vw; font-weight:500; 
    }
    footer .innerBlock{ padding:0 4vw; }
    footer .listBox .linkList .topic{ 
        padding:2.25vw 0; border-bottom:1px solid var(--deepBeige); text-align:center; font-weight:500;
    }
    footer .listBox .linkList .topic a{ font-size:4.2vw; }
    footer .listBox .linkList .topic span{ font-size:16px; }
    footer .listBox .linkList .topic:first-of-type{ border-top:1px solid var(--deepBeige); }
    footer .phoneNum{ line-height:1; }
    footer .phoneNum::before{
         content:''; display:inline-block; width:.75em; height:.75em; margin-right:2px;
         background-image:url(../images/icon-phone.svg); background-size:cover;
         background-repeat:no-repeat; 
    }
    footer .copyright{ text-align:center; color:var(--deepBeige); font-size:3.2vw; margin-top:6vw; }







     /* 下層 **********************************************************************************/
    .pageWrapper{ padding-bottom:20vw; }
     section.headSec{ margin-bottom:15vw; }
     .contSec{ margin-bottom:25vw; padding-top:5vw; }
     .contSec .innerBlock{ width:100%; padding:0 4vw; }
     .contSec .innerBlock02{ width:100%; padding:4vh 4vw; }
     .headerImage .pageTitle{ padding:5vw; }
     .headerImage .pageTitle .main{
        font-size:6.5vw; font-weight:500; margin-bottom:5px; letter-spacing:.055em;
    }
    .headerImage .pageTitle .sub{ font-size:5vw; }
    .headerImage{
        position:relative; width:100%; padding:0 4%; height:50vw; 
        display:flex; flex-direction:column; justify-content:space-between;
    }
    .headerImage .pict{
       border-radius:4vw; overflow:hidden; width:92%; left:50%; transform:translateX(-50%);
    }
    .headerImage .pageName{
        display:flex; align-items:flex-end; position:relative; z-index:11; padding:5vw;
        flex-wrap:wrap;
    }
    .headerImage .pageName .main{
        font-size:11.2vw; color:var(--basePink); margin-right:10px; line-height:1.2;
    }
    .headerImage .pageName .sub{ color:var(--basePink); padding-bottom:5px; font-size:4vw; }
    .headerImage .pageName .sub::before{ content:'ー'; margin-right:3px; }
    .secHead{ margin-bottom:13vw; }
    .secHead .secHeader{ margin-bottom:30px; }
    .blockHeader{padding-bottom:5px; margin-bottom:20px;}
    .blockHeader::before{ margin-right:5px; border-radius:3px; }
    .likeaTable{ border-top:1px solid var(--objBrown); }
    .likeaTable .tr{ border-bottom:1px solid var(--objBrown); padding:2vw 0;}
    .likeaTable .tr .header,
    .likeaTable .tr .cont{ padding:0 0; }
    .likeaTable .tr .header{ font-weight:500; color:var(--basePink); }

    .contBlock{ margin-bottom:22vw; }
    .contSec .contBlock:last-of-type{ margin-bottom:0; }
    .contBlock .blockContWrap{ /*padding-left:5.5vw;*/ width:100%; }
    .contBox{ margin-bottom:12vw; }
    div > .contBox:last-of-type{ margin-bottom:0; }
    .boxHeader{ font-size:125%; font-weight:500; margin-bottom:5px; }

    .flexBox{ display:block;}
    .flexBox > .obj{ margin-bottom:6vw; }
    .flexBox > .obj:last-of-type{ margin-bottom:0; }
    .text{ margin-bottom:5vw; }

    .baseTable th,
    .baseTable td{ padding:2vw; }
   
    .wid20,
    .wid30,
    .wid40,
    .wid50{ width:40%; margin:5vw auto 0; }
    .wid60,
    .wid70,
    .wid80{ width:100%; }

    .marB0{ margin-bottom:0 !important; }

    .moreBtnBox{ display:block; }
    .moreBtnBox .moreBtn{ margin-bottom:2.5vw; }
    .moreBtnBox .moreBtn:last-of-type{ margin-bottom:0; }

    .maruNum{
        display:flex; align-items:center; justify-content:center;
        width:1.4em; height:1.4em; font-size:.85em; border-radius:50%;
        color:#fff; background:var(--deepBeige); margin-right:.5em;
    }
    .maruPink{
        width:1.4em; height:1.4em; border-radius:50%;
        background:var(--basePink); margin-right:.5em; margin-top:0;
    }
    .headMarkList .maruNum{ margin-top:.4em; }
    .headMarkList .maruNum + .cont,
    .headMarkList .maruPink + .cont{ width:calc(100% - 2em); }
    .headMarkList .topic .cont .boxHeader{ line-height:1.5; }
    .headMarkList .topic{ margin-bottom:6vw; }
    
    .komidashi{ font-weight:500; color:var(--basePink); font-size:110%; }
    .subkomidashi-1{ color:var(--deepPink); }
    .subkomidashi-2{ color:var(--objBrown); }
    .insetBox{ padding-left:1em; }
    .whiteBox{ background:#fff; border-radius:5vw; padding:5vw; margin-bottom:5vw; }
    .whiteBox .text:last-of-type{ margin-bottom:0; }
    .zukaiPict{ width:80%; margin-bottom:8vw; }
    .overSizePictCase{ width:100%; }
    .tableCase{ width:100%; overflow-x:auto; border:2px solid #ccc; }


    /* サブナビ ***/
    #cateSubNav{ width:100%; padding:0 4vw; }
    #cateSubNav .linkList{
        width:100%; margin:4vw 0; background:#fff; border-radius:10px;
        padding:4vw;
    }
    #cateSubNav .linkList .link{ margin-bottom:4vw; }
    #cateSubNav .linkList .link:last-of-type{ margin-bottom:0; }
    #cateSubNav .linkList .link a{
        display:flex; align-items:center; color:var(--deepBeige); position:relative;
    }
    #cateSubNav .linkList .link a .name{
        display:inline-block; font-size:4.2vw; max-width:calc(100% - 1.3em);
    }
    #cateSubNav .linkList .link a::before{
        content:''; display:inline-block; width:1.2em; height:1.2em; margin-right:5px;
        background:url(../images/arrow-brown-down.svg); background-size:100%; background-repeat:no-repeat;
    }
    /* サブナビ ***/

        /* 妊娠テーブル ***************************/
        .ninshinTable{
            counter-reset:weekCount 3; line-height:1.2;
            border-top:2px solid var(--borderPink); border-left:2px solid var(--borderPink);
            background:#fff;
        }
        .ninshinTable .week::after{
            counter-increment:weekCount; content:counter(weekCount);
        }
        /* 連番 ***/
        .ninshinTable{
            /* -ms-writing-mode: tb-rl; writing-mode: vertical-rl; */
        }
        .ninshinTable .month{ display:flex; }
        .ninshinTable .month > div{
            height:8em; position:relative;
            border-right:2px solid var(--borderPink); border-bottom:2px solid var(--borderPink); 
        }
        .ninshinTable .month.headerRow > div{
            height:4em; display:flex; align-items:center; justify-content:center; text-align:center;
            background:var(--deepPink) !important; color:#fff; font-weight:500;
        }
        .ninshinTable .monthHead{
            display:flex; align-items:center; justify-content:center; text-align:center;
        }
        .ninshinTable .month > div:first-of-type{ width:10vw; background:var(--basePink); color:#fff; font-weight:500; }
        .ninshinTable .month > div:nth-of-type(2){ width:10vw; }
        .ninshinTable .month > div:nth-of-type(3){ width:10vw; }
        .ninshinTable .month > div:last-of-type{ width:calc(100% - 30vw); }
        .ninshinTable .weekWrap{
            position:absolute; top:0; left:0; width:10vw;
        }
        .ninshinTable .month:nth-last-of-type(odd) .weekWrap{ background:#f9f9f9; }
        .ninshinTable .week{
            width:10vw; border-bottom:1px solid var(--borderPink-light);
        }
        .ninshinTable .week::after{
            height:calc(2em - 1px); width:calc(10vw - 2px); border-right:2px solid var(--borderPink-light);
            background:#f6a0b4; color:#fff; font-weight:500;
            display:flex; align-items:center; justify-content:center; 
        }
        .ninshinTable .week:last-of-type{ border-bottom:none; }
    
        .ninshinTable .month > div .innerBox{
            width:100%; position:absolute; left:0; z-index:10; padding:5px;
        }
        .ninshinTable .month > div .innerBox .cont{
             border-radius:5px; width:100%; height:100%; padding:1em;
             background:rgba(250,250,233,.8); border:1px solid var(--deepBeige);
            }
        .ninshinTable .month:nth-of-type > div .innerBox .cont{ background:rgba(236,251,230,.7); }
        .ninshinTable .month:nth-of-type(2) > div.checkup .innerBox{ height:18em; top:0; }
        .ninshinTable .month:nth-of-type(4) > div.checkup .innerBox{ height:22em; top:2em; }
        .ninshinTable .month:nth-of-type(7) > div.checkup .innerBox{ height:24em; top:0; }
        .ninshinTable .month:nth-of-type(10) > div.checkup .innerBox{ height:12em; top:0; }
    
        .ninshinTable .month:nth-of-type(7) > div.delivery .innerBox{ height:30em; top:-4em; }
        .ninshinTable .month:nth-of-type(10) > div.delivery .innerBox{ height:10em; top:2em; }
    
        .ninshinTable .month:nth-of-type(2) > div .innerBox .cont{ background:rgba(230,251,243,.7); }
        .ninshinTable .month:nth-of-type(4) > div .innerBox .cont{ background:rgba(236,251,230,.7); }
        .ninshinTable .month:nth-of-type(7) > div .innerBox .cont{ background:rgba(251,251,230,.7); }
        .ninshinTable .month:nth-of-type(10) > div .innerBox .cont{ background:rgba(251,236,230,.7); }
    
        .ninshinTable .month > div.checkup .innerBox .cont{
             height:100%; padding:2vw;
            }
        .ninshinTable .month > div.checkup .innerBox .cont .text:last-of-type{ margin-bottom:0; }
        .ninshinTable .month > div.checkup .innerBox .cont .pict{ display:none; width:; margin-left:auto; }
    
        .ninshinTable .kenshin{ font-size:125%; font-weight:500; margin-bottom:.75em; color:var(--deepPink); }
        .ninshinTable .checkup .cont .text{ line-height:1.6; }
        .ninshinTable .delivery .cont{
            font-size:105%; font-weight:500; padding:0;
            display:flex; align-items:center; justify-content:center;
        }
        .ninshinTable .month > div.delivery .innerBox .cont{ padding:0; text-align:center; }
    


    /* 当院について *******/
    
    #staffSec .staffBox{background:#fff; padding:5vw; border-radius:5vw;}
    #staffSec .staffBox .pict{ border-radius:2.5%; overflow:hidden; }
    #staffSec .nameCase{ display:flex; line-height:1; margin-bottom:5vw;}
    #staffSec .nameCase .katagaki{
        display:flex; align-items:center; justify-content:center;
        background:var(--basePink); color:#fff; border-radius:3px;
        padding:4px 10px; margin-right:10px;
    }
    #staffSec .nameCase .name{ font-size:160%; font-weight:500; }
    #staffSec .director.staffBox .contBox{ margin:0; }
    #staffSec .director.staffBox .contBox .flexObj-2:first-of-type{ margin-bottom:4vw; }
    #staffSec .director .nameCase .katagaki{ font-size:110%; }
    #staffSec .director{ margin-bottom:50px; }
    #staffSec .director .nameCase .name{ font-size:200%; }
    #staffSec .director .pict{ margin:25px; }
    #staffSec .qualification{ border:1px solid var(--objBrown); padding:20px; border-radius:6px; }
    #staffSec .qualification .header{
        display:inline-block; background:var(--objBrown); color:#fff; border-radius:3px; padding:4px 10px;
        line-height:1;
    }
    #staffSec .staffList{ display:flex; flex-wrap:wrap; justify-content:space-between; }
    #staffSec .staffList .staffBox{ width:100%; margin-bottom:10vw;}
    #staffSec .staffList .staffBox .pict{ width:85%; aspect-ratio:1/1; margin:0 auto 25px; }
    #staffSec .staffList .staffBox .discStyleList .topic:last-of-type{ margin-bottom:0; }
    #staffSec .senmonList .topic{ margin-bottom:40px; }
    #staffSec .headMarkList .topic .maruPink{ margin-top:0; }
    #staffSec .senmonList .topic .contGroup{ width:calc(100% - 1.9em); }
    #staffSec .senmonList .cont{ margin-bottom:4vw; }
    #staffSec .senmonList .boxHeader{ line-height:1.25; margin-bottom:4vw; display:block; }
    #staffSec .senmonList .boxHeader .url{ font-size:75%; display:inline-block; border:#6896e9; color:#6896e9; }
    #staffSec .senmonList .cont .text{ margin-bottom:4vw; }
    #staffSec .senmonList .cont .komidashi{ line-height:1.4; margin-bottom:2vw; }
    #staffSec .senmonList .tantoBox .staff{
        display:inline-block; margin-right:15px; margin-bottom:12px; border:1px solid var(--objBrown); 
        background:#fff; padding:0 12px; border-radius:3px;  width:42%;
    }
    #staffSec .senmonList .discStyleList{ margin-bottom:5vw; }
    #staffSec .senmonList .discStyleList .topic{ margin-bottom:10px; display:list-item; }
    
    #tokuchoSec .appealList .topic{
        margin-bottom:50px; padding:1.2em; background:#fff; border-radius:20px;
    }
    #tokuchoSec .headMarkList .topic .cont .boxHeader{ line-height:1.1; }
    #tokuchoSec .headMarkList .topic .cont .moreBtn{ margin-bottom:12px; }
    #tokuchoSec .headMarkList .topic .cont .moreBtn:last-of-type{ margin-right:0; }
    #tokuchoSec .headMarkList #sougoLinks .moreBtn{ margin-bottom:12px; }
    #tokuchoSec .headMarkList .topic .cont .pict{ border-radius:6px; overflow:hidden; }
    #tokuchoSec .headMarkList .topic#kidsTopic .pict{ width:100%; }

    #equipmentSec .pictBox .pict{ border-radius:4px; overflow:hidden; }
    #equipmentSec .pictBox .subPics{
        display:flex; margin-top:2vw;
    }
    #equipmentSec .pictBox .subPics .pictCase{ width:20vw; height:32vw; margin-right:2vw; overflow:hidden; }
    #equipmentSec .pictBox .subPics .pictCase .pict{ overflow:hidden; width:100%; height:100%; }
    #equipmentSec .pictBox .subPics .pictCase img{
        object-fit:cover; width:100%; height:100%;
     }
    #equipmentSec .pictBox .subPics .pictCase:first-of-type{
        display:flex; flex-wrap:wrap; align-content:space-between;
    }
    #equipmentSec .pictBox .subPics .pictCase:first-of-type .pict{ height:15vw; }
    #equipmentSec .pictBox .subPics .pictCase.wide{ width:34vw; margin-right:0; }

    #equipmentSec .sekkeiList{ }
    #equipmentSec .sekkeiList .topic{ margin-bottom:8vw; }
    #equipmentSec .sekkeiList .topic .pict{
        width:100%; aspect-ratio:1/.82; overflow:hidden; margin-bottom:15px; border-radius:4px;
    }
    #equipmentSec .sekkeiList .topic .pict img{ object-fit:cover; width:100%; height:100%; }
    #equipmentSec .koujiList .topic{
        display:flex; width:100%; margin-bottom:0; padding:15px 5px;
        border-bottom:1px solid var(--objBrown);
    }
    #equipmentSec .koujiList{ border-top:3px solid var(--objBrown); border-bottom:2px solid var(--objBrown); }
    #equipmentSec .koujiList .topic .header{
        width:22vw; background:var(--objBrown); color:#fff; text-align:center; margin-right:10px;
        border-radius:6px;
    }
    #equipmentSec .sekkeiList .topic#tatemonokousei .pict{ aspect-ratio:initial; height:auto; }

     /* ハラスメント */
     .blockContWrap .appealList > .topic{
        margin-bottom:8vw; padding:1em; background:#fff; border-radius:10px;
    }
     #harassmentActions .numStyleList{ margin-bottom:40px; padding-left:2em; }
     #harassmentActions .numStyleList li{ margin-bottom:4vw; padding:0; }
     #harassmentActions .numStyleList li:last-of-type{ margin-bottom:0; }
    


     /* 診療案内 *******/
    .eachPieceSec .treatCard{
        border-right:3px solid var(--borderPink); border-bottom:3px solid var(--borderPink);
        border-radius:5px; border-bottom-right-radius:2em; padding-right:4vw; padding-bottom:5vw;
        position:relative; z-index:10;margin-bottom:20vw;
     }
 
    .eachPieceSec .treatCard  .titleBox{ margin-bottom:30px; display:flex; }
    .eachPieceSec .treatCard  .titleBox .secHeader{ padding-left:.2em; margin-bottom:15px;}
    .eachPieceSec .treatCard  .iconBox{
        width:30vw; height:30vw; background:#fff; border-radius:50%; 
        display:flex; align-items:center; justify-content:center; margin-right:2em;
     }
     .eachPieceSec .treatCard  .iconBox img{ width:70%; }
     .eachPieceSec .treatCard  .sub{ font-size:.45em; color:var(--objBrown); }
     .eachPieceSec .treatCard  .headMarkList .topic{ font-size:110%; }
     #treatmentPage .eachPieceSec .treatCard .moreBtn a{ min-width:0; width:169px; }
     #treatmentPage .eachPieceSec .treatCard .contBox{ padding-left:2vw; }

     #shinryoTable table{ width:200vw; }
     #shinryoTable table tbody th{
         background:var(--borderPink-light); vertical-align:middle;
     }
     #shinryoTable table tbody tr td:first-of-type{ background:var(--palePink); }
     #shinryoTable table .closed{
         vertical-align:middle; color:var(--objBrown); background:#f9f9f9;
     }
     #reserve-Q .topic{ margin-bottom:10vw; position:relative; }
     #reserve-Q .topic .boxHeader{ margin-bottom:4.5vw; }
     #reserve-Q .topic .jushinka{
         padding:2px 8px; border-radius:2px; background:var(--basePink); color:#fff;
         font-size:80%; margin-left:10px; font-weight:500; display:block;
         position:absolute; top:-.75em; right:2em;
     }

     /* 産科 */
     #prenatal-checkup .whiteBox.wid50{ width:100%; }
     #ninpukenshinList .topic{ margin-bottom:40px; }
     #ninpukenshinList .topic:last-of-type{ margin-bottom:0; }
     #ninpukenshinList .lineCase{ margin-top:20px; }
     .external{ display:inline-block; }
     #four-dimension .echoPictList{ width:90%; margin:0 auto; }
     #four-dimension .echoPictList .obj{margin-bottom:40px; }
     #four-dimension .echoPictList .obj .pict{overflow:hidden; border-radius:10px;}
     
     .nptChart .topic{
         border:3px solid var(--objBrown); border-radius:10px; 
         background:#fff; margin-bottom:80px; position:relative;
     }
     .nptChart .topic::after{
         content:''; display:block; width:40px; height:40px; background:#fff; border-radius:50%;
         background-image:url(../images/arrow-brown-down.svg);
         background-size:100%; background-repeat:no-repeat;
         position:absolute; bottom:-60px; left:50%; transform:translateX(-50%);
     }
     .nptChart .topic:last-of-type::after{ display:none; }
     .nptChart .topic .header{
         background:var(--objBrown); color:#fff; font-size:125%; font-weight:500;
         padding:5px 15px; border-top-left-radius:6px; border-top-right-radius:6px;
     }
     .nptChart .topic .cont{ padding:20px; }
     .nptChart .topic .text:last-of-type{ margin-bottom:0; }
     .qrCode{ width:150px; display:inline-block; }
     #niptLinks .discStyleList .topic{ margin-bottom:20px; }
     #kensaTokucho .baseTable{ width:170vw; }
     #kensaTokucho .baseTable thead th{ font-size:110%; }
     #kensaTokucho .baseTable thead td .innerCell{
          padding-left:1em; text-indent:-1em; font-weight:500; line-height:1.5;
         }
     #kensaTokucho .baseTable tbody th{
         background:var(--basePink); color:#fff; vertical-align:middle;
         font-weight:500; font-size:110%;    
     }
     #kensaTokucho .baseTable th,
     #kensaTokucho .baseTable td{ width:20%; }

     #prenatal-diagnosis .priceTable table{ line-height:1.5; width:130vw;}
     #prenatal-diagnosis .priceTable td{ line-height:1.5; }
     #prenatal-diagnosis .priceTable th{
         background:var(--borderPink); color:var(--fontBrown); font-weight:500; vertical-align:middle;
     }
     #prenatal-diagnosis .priceTable td .price{
         margin-left:auto; padding-left:20px; text-align:right; font-weight:500;
     }

    #treatmentPage .treatBtnList{ margin:0; }
    #ordinaryMens{ background:#fff; border-radius:5vw; padding:5vw; }
    #ordinaryMens .likeaTable{ margin-bottom:10vw; }
    #ordinaryMens .likeaTable .tr{ display:block; }
    #treatmentPage #disorderMens{ background:#fff; border-radius:5vw; padding:5vw; }
    #treatmentPage #disorderMens .obj{ margin-bottom:10vw; }
    #treatmentPage #disorderMens .flexBox .obj:last-of-type{ margin-bottom:3vw; }

    #treatmentPage #disorderMens .likeaTable .tr{ display:block; }

    #treatmentPage #sango-chart .numStyleList .topic{ margin-bottom:10px; }
    #treatmentPage #sango-chart .numStyleList .topic:last-of-type{ margin-bottom:0; }
    #treatmentPage #sango-chart .graph{ margin-top:30px; }
    #treatmentPage #sango-chart .graph .chartList{
        display:flex; flex-wrap:wrap; justify-content:space-between; margin:5px 0; 
    }
    #treatmentPage #sango-chart .graph .chartList .set{
        width:48%; padding:3px 15px; border-radius: 6px; background:var(--deepBeige);
        color:#fff; margin-bottom:10px; position:relative;
    }
    #treatmentPage #sango-chart .graph .chartList .set::after{
        content:''; display:block; width:0;  height:0; border: 12px solid transparent;
        border-left-color:var(--deepBeige); border-top-width:7px; border-bottom-width:7px;
        position:absolute; left:99%; top:50%; transform:translateY(-50%);
    }
    #treatmentPage #sango-chart .graph .chartList .set:last-of-type{ background:var(--deepPink); }
    #treatmentPage #sango-chart .graph .chartList .set:last-of-type::after{content:none;}

    #pms-symptoms > .obj{ margin-bottom:5vw; }
    #pms .contList > .topic{ margin-bottom:6vw; }
    #pms .contList > .topic:last-of-type{ margin-bottom:0; }
    #PMDDcont{ margin-bottom:10vw; }
    #PMDDcont > .topic .contCase{ width:100%; }

    #healthcareFirstImage{ width:70%; margin:0 auto; }

    #health-hormone .estrogenBox{ width:100%; }
    #health-hormone .estrogenBox .pict{ width:150%;  }
    #health-puberty .whiteBox .discStyleList{ margin-bottom:15px; }
    #health-puberty .whiteBox.wid50{ width:100%; }
    #health-menopause .menopauseGraph{ width:100%; }
    #health-menopause .menopauseGraph .pict{ width:150%; }
    #health-menopause .headMarkList .whiteBox{ margin-bottom:20px; }
    #health-menopause .headMarkList .discStyleList .topic .text:last-of-type{ margin-bottom:0; }
    #health-menopause #hrtIllust .pict{ width:100%; margin-bottom:10vw; }
    #health-menopause #hrtIllust .right{ width:100%; }
    #health-menopause #hrtIllust .right .headMarkList{ margin-bottom:10vw;}
    #health-menopause #hrtIllust .right .headMarkList .topic{ margin-bottom:5vw;; }
    #health-menopause #hrtIllust .right .discStyleList .topic{ margin-bottom:5vw; }
    #kanpo-gairai .discStyleList{ margin-bottom:30px; }

    #sexually-diseases .sexually-diseasesList .topic{ margin-bottom:40px; }
    #sexually-diseases .sexually-diseasesList .topic:last-of-type{ margin-bottom:0; }

    .alart{ border:3px solid #f07c97; padding:20px; border-radius:10px; }
    #sexually-diseases .alart{ margin-top:40px; display:inline-block; }
    #sexually-diseases .alart .catch{ color:var(--alartRed); }

    .pageWrapper .contSec:last-of-type{margin-bottom:0;}
    .pageWrapper .contBox:last-of-type,
    .pageWrapper .whiteBox:last-of-type,
    .pageWrapper .topic:last-of-type{ margin-bottom:0; }

    #treatmentPage .moreBtn{ display:inline-block; }
    #treatmentPage .moreBtn a{ min-width:50vw; max-width:65vw; }


    /*ピル外来*/
    #pill-puepuse #venous-thrombosis .contList .topic{ margin-bottom:3vw; line-height:1.5; }
    #pill-puepuse #venous-thrombosis .contList .topic .bold{ font-size:125%; }

     /*助産師外来*/
     #midwifery .timeTable{ width:100%; }
     #midwifery .timeTable tbody th{ padding:3px; }
     #midwifery .timeTable td{ padding:3px }
     #midwifery .timeTable td.wide .innerCell{ flex-wrap:wrap; }
     #midwifery .timeTable .closed{ font-size:3.2vw; background:#f9f9f9; }

     /* その他 */
    .otherPage #bridalCheck table tbody tr td:first-of-type{ font-weight:500; }
    .otherPage #bridalCheck table tbody tr td{ vertical-align:middle; }
    .otherPage #bridalCheck table tbody th{ background:var(--borderPink-light); }
    .otherPage #bridalCheck table tbody th .innerCell{ font-weight:500; }
    .otherPage #bridalCheck table tbody th .innerCell.josei::before,
    .otherPage #bridalCheck table tbody .innerCell .set.add::before,
    .otherPage #bridalCheck .tableCase + .josei::before{
        content:''; display:inline-block; width:.7em; height:.7em; margin-right:8px;
        background:var(--alartRed); transform:rotate(45deg);
        border-radius:2px;
    }
    .otherPage #bridalCheck table tbody .innerCell .set{ margin-bottom:15px; }
    .otherPage #bridalCheck .optionRow th{ background:var(--objBrown); }
    .otherPage #bridalCheck table.male tbody th{ background:#d7e5f7; }

    /* 産後ケア */
    #sango-hospitalization .cource .flexBox .flexObj-3{ margin-bottom:8vw; }
    #sango-hospitalization .cource .insetBox{
        font-size:96%; font-feature-settings:"palt";
    }
    #treatmentPage #sango-treat .hosoku{
        font-size:85%; padding:0 8px; border:2px solid var(--borderPink); border-radius:5px; color:var(--deepPink);
        width:max-content; display:inline-block;
    }
    #treatmentPage #sango-treat .hosoku::before{ content:'補足：'; }
    #treatmentPage #sango-treat .flexBox{
        width:100%;
        .flexObj-3-2{ 
            width:100%; 
            .baseTable{
                width:100%; position:relative;
            }
        }
    }
    #treatmentPage #sango-treat .whiteBox,
    #treatmentPage #sango-treat .insetBox{ width:100%; }
    #treatmentPage #sango-treat .baseTable tr th:first-of-type,
    #treatmentPage #sango-treat .baseTable tr td:first-of-type{
        position:sticky; left:0; 
        &::after{
            content:''; display:block; width:100%; height:100%; 
            border:1px solid var(--objBrown); border-top-color:transparent; border-bottom-color:transparent;
            position:absolute; top:0; left:-1px;
        }
    }
    #treatmentPage #sango-treat .baseTable tr td:first-of-type{ background:var(--borderPink-verylight); text-align:right; }
    #treatmentPage #sango-treat .baseTable .taiin th{ background:var(--deepBeige); color:#fff; padding:3px; }
    #sango-hospitalization .contBox.option .cont{ width:100%; }
    #sango-hospitalization .contBox.option .pict{ width:50%; margin: 5vw auto 0; }

    /* ワクチン */
    .vaccinePage #hpv-about .flexBox .ilust{ width:60%; margin:0 auto; }
    .vaccinePage #hpv-vaccine .span-silguard9 .flexBox{ margin-bottom: 6vw; }


     /* これからママ *******/
     #hospitalizationPage #hospitalizationHub .cardHolder{ margin-bottom:100px;}
     #hospitalizationPage #hospitalizationHub .cardHolder:last-of-type{ margin-bottom:0; }
 
     #hospitalizationPage #hospitalizationHub .cardHolder .cardHolderHead{
        position:relative; width:60vw; margin:0 auto;
    }
     #hospitalizationPage #hospitalizationHub .cardHolder .cardHolderHead .pict{
        display:flex; align-items:center; justify-content:center;
        width:100%; height:55vw; background:#fff; border-radius:20px; margin:2vw; 
     }
     #hospitalizationPage #hospitalizationHub .cardHolder .cardHolderHead .pict img{ width:45vw; height:45vw; }
     #hospitalizationPage #hospitalizationHub .cardHolder .cardHolderHead .title{
         width:100%; font-weight:500; font-size:120%; color:var(--deepBeige); padding:0 20px; text-align:center;
         align-items:initial; display:block;
     }
     #hospitalizationPage #hospitalizationHub .cardHolder .treatCard{ margin-bottom:0; padding:4vw 0; }
    #hospitalizationPage #hospitalizationHub .cardHolder .treatCard .secHeader{ margin-bottom:3vw; }
     #hospitalizationPage #hospitalizationHub .cardHolder .treatCard .contBox{ margin-bottom:0; }
    #hospitalizationPage #hospitalizationHub .hubList .topic{ margin-bottom:2vw; font-size:4.2vw; }
     .hubList .topic .cont{ white-space:nowrap; }
     
     #hospitalizedSec .baseTable tbody th{
         background:var(--borderPink-light); font-weight:500; vertical-align:middle;
     }
     #hospitalizationPage #umbilicalSec .secHead{ margin-bottom:0; }
     #hospitalizedSec #hospitalizePics .pict{ border-radius:5px; overflow:hidden; }
     #hospitalizedSec #hospitalizePics .flexObj-2{ width:100%; }
     #hospitalizedSec #hospitalizePics .subPictList{
        display:flex; flex-wrap:wrap; justify-content:space-between;
    }
     #hospitalizedSec #hospitalizePics .subPictList .topic{ width:47.5%; }
     #hospitalizedSec #hospitalizePics .subPictList .topic:last-of-type{ margin-right:0; }
     #hospitalizedSec #hospitalizePics .lineCase{ width:100%; margin-top:6vw;}
     #hospitalizePics .headerRow .boxHeader{ margin-bottom:0; }
     .celebratoryMeal .pict{ width:100%; aspect-ratio:4/2.75; overflow:hidden; }
     .celebratoryMeal .pict img{ object-fit:cover; width:100%; height:100%; }
    #hospitalizedSec #sango-service .pictBox{ margin-bottom:6vw; }

    /* 分娩 */
    #hospitalizationPage.parturitionPage .birthplan-paper{ width:70%; }


    /* お知らせ *******/
    .leftBlock{ width:100%; margin-bottom:20vw; }
    .infoList .topic::after{
        content:''; display:block; width:22px; height:22px;
        position:absolute; top:50%; right:15px; transform:translateY(-50%);
        background-image:url(../images/arrow-brown.svg); background-size:cover; background-repeat:no-repeat;
    }
    .infoList .topic a{
        background:#fff; border-radius:6px; padding:15px; padding-right:45px; border:none;
    }
    .pagenation,
    .wp-pagenavi{ margin-top:20vw; }
    .pagenation .topic.link{ width:8vw; height:8vw; }
    .pagenation .topic.link a{ font-size:4.5vw; }
    .rightBlock{ width:100%; }
    .rightBlock .sideList > li{
        border-radius:6px; position:relative; background:var(--deepBeige); 
        overflow:hidden; margin-bottom:10px;
    }

    .wp-pagenavi { align-items: center; }
    .wp-pagenavi .previouspostslink,
    .wp-pagenavi .nextpostslink,
    .wp-pagenavi .page,
    .wp-pagenavi .pages,
    .wp-pagenavi .extend,
    .wp-pagenavi .current{
        width:9.5vw; height:8vw; font-size:4vw; margin-left: 2px; margin-right: 2px;
        padding-left:3px; padding-right:3px;
     }
    .wp-pagenavi .pages{ font-size:2.85vw; width:14vw; }

    .rightBlock .sideList > li::after{ 
        content:''; display:block; width:22px; height:22px;
        position:absolute; top:50%; right:15px; transform:translateY(-50%);
        background-size:cover; background-repeat:no-repeat;
        background-image:url(../images/arrow-white.svg); 
    }
    .rightBlock .sideList > li a{
        background:var(--deepBeige); color:#fff; font-weight:500; padding:4vw; font-size:5vw; line-height:1;
        display:block; 
    }

    #infoContSec .article .contBody{ background:#fff; padding:6vw; border-radius:4vw; }
    #infoContSec .article .header{
        border-bottom:3px solid var(--objBrown); margin-bottom:30px; padding-bottom:10px;
    }
    #infoContSec .article .header .title{ font-weight:500; }
    #infoContSec .article .header .date{
        background:var(--fontBrown); color:#fff; padding:1px 12px; border-radius:3px;
        display:inline-block; margin-bottom:8px;
    }
    #infoContSec .moreBtn.bigBtn{ margin-top:15vw; display:block; text-align:center;} 
    #infoContSec .moreBtn.bigBtn a{ width:min(250px, 85%); margin:0 auto; }


    /* 各種教室 *******/
    #classSec .classHeaderImage{
        width:100%; aspect-ratio:1/.6; overflow:hidden; border-radius:2vw; margin-bottom:5vw;
    }
    #classSec .classHeaderImage img{
        object-fit:cover; width:100%; height:100%; object-position:center;
    }
    /*#classSec .contBlock{ margin-bottom:10vw; }*/
    #classSec .blockHeader .sub{ display:inline-block; margin-left:10px; font-size:70%; }
    #classSec .gaiyoBox{ margin-bottom:4vw; }
    #classSec .gaiyoBox .likeaTable .tr{ display:block; }
    #classSec .gaiyoBox .likeaTable .header{ width:100%; }

    #classSec .flexBox .left{ width:100%; }
    #classSec .flexBox .pict{ width:80%; margin:4vw auto; }
    #classSec .flexBox .pict{ border-radius:4px; overflow:hidden; }
    #calendarSec .calendarBox{ background:#fff; }
    #calendarSec .calendarCase{ width:100%; aspect-ratio:4/6; }
    #calendarSec .calendarCase iframe{ width:100%; height:100%; }
    #calendarSec .classList .topic{ width:50%; margin-bottom:3vw; }
    #calendarSec .classList .topic a{ font-weight:500; }
    


    /* 新生児紹介 *******/
    #babySec .entryBlock{ margin-bottom:30vw; }
    #babySec .entryBlock .babyListBox{ width:100%; margin-bottom:40vw; position:relative; }
    #babySec .entryBlock .babyListBox:last-of-type{ margin-bottom:0; }
    #babySec .entryBlock .babyListBox .pict{
        overflow:hidden; border-radius:4vw; border:5px solid #fff;
    }
    #babySec .entryBlock .babyListBox .birthDay{
        position:absolute; top:-13vw; left:-3vw; width:50%; aspect-ratio:2/1; font-size:110%;
        background-image:url(../../images/baby/newborn-birthday.png);
        background-size:cover; background-repeat:no-repeat;
        display:flex; align-items:flex-end; justify-content:flex-end; padding:0 8vw 3.5vw 0; font-weight:500;
    }
    #babySec .entryBlock .babyListBox .name{
        position:absolute; bottom:-10vw; left:50%; width:85%; aspect-ratio:4/1.2; transform:translateX(-50%); font-size:125%;
        background-image:url(../../images/baby/newborn-name.png);
        background-size:cover; background-repeat:no-repeat;
        display:flex; align-items:center; justify-content:center; font-weight:500; padding-top:4vw;
    }
    #babySec .entryBlock .babyListBox .sex{
        position:absolute; bottom:3.2vw; right:3.2vw; width:15vw; height:15vw; border-radius:50%;
        background:var(--objBrown); color:#fff; display:flex; align-items:center; justify-content:center;
        font-weight:500;
    }

    /* Q&A *********/
    #faqPage .faqSec .headMarkList .maruPink{ margin-top:.175em; }

    /* アクセス *********/
    #accessPage{ position:relative; padding-bottom:23.5vw; }
    #accessPage .title{ text-align:center; }
    #accessPage .parallelCase{ display:block; margin-bottom:17.3vw; }
    #accessPage .middleBtn{ width:80vw; height:16.53vw; margin:0 auto 4vw; }
    #accessPage .middleBtn a{ border-radius:8.75vw; padding:0 8px; }
    #accessPage .middleBtn a::after{ width:4.26vw; height:4.26vw; }
    #accessPage .middleBtn a .logo{ width:26.6vw; margin:0 10px 0 12px; }
    #accessPage .middleBtn#eparkBtn{ font-size:3.73vw;  }
    
    #accessPage .middleBtn#eparkBtn .title{text-align:left;}
    #accessPage .middleBtn a .icon{ width:12vw; height:12vw; margin-left:0; margin-right:8px;  }
    #accessPage .middleBtn a .icon img{ width:100%; }
    #accessPage .middleBtn#phoneBtn a::after{ content:none; }
    #accessPage .middleBtn .phoneNum{ font-size:6.93vw; }
    #accessPage .middleBtn#mailBtn{ font-size:4.5vw; }
    #accessPage .gaikantodata .pict,
    #accessPage .gaikantodata .right{ width:100%; }
    #accessPage .gaikantodata .right .likeaTable .header{ width:22vw; }
    #accessPage .gaikantodata .right .likeaTable .cont{ width:calc(100% - 22vw); }
    #accessPage .mapCase{ aspect-ratio:1/1; border:1px solid #ccc; }


    /* お問い合わせフォーム *******/
    #contactSec .likeaTable .tr{ padding-top:1em; padding-bottom:1.25em; display:block; }
    #contactSec .likeaTable .tr .header{ margin-bottom:.5em; }
    #contactSec .likeaTable .tr .header p{ font-size:4vw; }
    #contactSec .need{
        font-size:75%; display:inline-block; line-height:1; padding:4px 8px; border-radius:3px;
        background:var(--alartRed); color:#fff; margin:0 5px;
    }
    #contactSec input[type="text"],
    #contactSec input[type="tel"],
    #contactSec input[type="email"],
    #contactSec textarea{
        border:1px solid #aaa; padding:.75em; border-radius:4px; font-size:110%; width:100%;
    }
    #contactSec textarea{ height:12em; }

    .formBtnBox{ margin-top:10vw; }
    .formBtnBox .formBtn{
        width:80%; display:flex; padding:6px 10px; border-radius:4px; background:var(--basePink);
        color:#fff; text-align:center; font-weight:500; margin:0 auto 3vw; font-size:5vw;
    }
    
    .formBtnBox .formBtn.confirm{ background:var(--basePink); }
    .formBtnBox .formBtn.reset{ background:var(--objBrown); }

    .lineCase{ padding:3vw; border-radius:5px; }
     /* 下層 **********************************************************************************/

}/* sp閉じ */









/*  *******************/