@charset "UTF-8";

/********************↓↓↓共通↓↓↓*******************/
html{scroll-padding-top: 200px;scroll-behavior: smooth;
}
table{box-sizing: content-box;}
#body-wrap{
  max-width: 100%;
  position: relative;
  z-index: 1;
}
.w1100{
  width:1100px;
  margin:0 auto;
}
p{margin-bottom:1em;line-height:1.8;}
.btn{border: solid 2px #E07292;
  padding: 7px;
  text-decoration-thickness: 50%;
  text-underline-offset: -53%;
  display: block;
  width: 160px;
  font-weight: bold;
  font-size: 80%;
  color: #666 !important;
  text-align: center;
  transition: all 0.5s 0s ease;
  border-radius:10px;
}
.lineArrow {border-color: #888;border-width: 2px;height:5px;width: 20%;border-bottom: 1px solid #7b7a7a;border-right: 1px solid #7b7a7a;transform: skew(45deg);margin: -5px 0 0 100px;transition: all 0.5s 0s ease;}
.btn:hover{transition: all 0.5s 0s ease;}
.btn:hover .lineArrow{margin:-5px 0 0 110px;}
.btn:hover{box-shadow:  inset #E07292 0 0 6px;}
.btn p{text-decoration:none;margin:0;}
#current a{color:#E8413B!important;}
#current a:visited{color:#E8413B!important;}
#breadcrumb a:hover{color:#E07292!important;}
@media (max-width: 1100px){
  .w1100{width:96%;padding:0 4%;}
  .pc{display:none!important;}
}
@media (min-width: 1101px){
  .sp{display:none!important;}
}
body {
  font-family:"メイリオ",sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-size:18px;
  color:#666;
}
header,h1{font-family: "Noto Serif JP", serif;}

#sub-main a{color:#FF6391;}
#sub-main a:hover{color:#ff3e82;}
#breadcrumb{width:97%;max-width:1100px;margin:0 auto;}
.breadcrumb__item {
  display: inline;
}
li.breadcrumb__item::after {
  content: ">";
  display: inline;
}
li.breadcrumb__item:last-child::after{content:none;}

/********************↑↑↑共通↑↑↑*******************/
/********************↓↓↓header↓↓↓*******************/

header{z-index: 10;font-weight:bold;padding:0 20px;background-color:#fff;height:130px;display:grid;grid-template-columns:auto 1fr;align-items: center;width:100%;position:fixed;top:0;box-shadow: 0px 2px 6px 0 #333;}
header .header-menu{display:grid;grid-template-columns:1fr auto;justify-items: end;gap:0 50px;align-items: center;}
.header-tel{font-size:180%;color:#FF6391!important;margin-bottom: 0;letter-spacing: 3px;    line-height: unset;}.header-tel span{font-size:60%;}
.header-web{grid-row:1/3;grid-column:2/3;color: #fff!important;background-color: #FF6391;border-radius: 10px;display: grid;align-items: center;padding: 0 15px 0 20px;font-size: 140%;letter-spacing: 5px;text-align: center;}
header nav{    margin: 0;padding: 0;align-self: end;padding-bottom: 5px;}
header nav ul{display:flex;gap: 30px;font-weight: 600;font-size:90%;}
header nav ul a:hover{text-decoration:underline;text-underline-offset:5px;}
#slider img{width:100%;}

#news {
  background-color: #fff;
  width: 100%;
  margin: 50px auto;
  border-radius: 10px;

}
#news h2{letter-spacing:3px;margin-bottom:15px;}
.info-list li:first-child {
  border-top: solid 1px rgba(255, 137, 163, 0.4);
}
.info-list li {
  padding:1%;
  border-bottom: solid 1px rgba(255, 137, 163, 0.4);
  text-indent:-6em;
  padding-left:6em;

}
.info-list li a{color:#333;}.info-list li a:hover{text-decoration:underline;}
.sinryo{width:100%;max-width:1100px;display:grid;grid-template-columns:1fr 1fr 1fr 1fr;row-gap:70px;margin:0 auto;justify-items: center;box-shadow:#66666666 0 0 8px 0 ;border-radius:10px;margin-top:35px;padding:100px 50px;}
.sinryo a{display:grid;justify-items: center;}
.sinryo img{width:80px;}
.sinryo p{margin-bottom:0;margin-top:10px;}
#news .btn{margin-top:10px;    margin-left: calc(100% - 180px);margin-top: 20px;}


#greeting{margin-top:100px;}
#greeting h2{font-size:200%;text-align: center;margin-bottom:50px;}
#greeting img{width:100%;}
#greeting p{line-height:2;}
#greeting .w1100 > div{display:grid;grid-template-columns:25% 70%;gap:5%;}
#greeting .btn{margin-top:10px;    margin-left: calc(100% - 180px);margin-top: 20px;}
footer{background-color:#FFF6F7;margin-top:100px;}

#infomation{display:grid;grid-template-columns:50% 50%;padding:50px 0;color:#333;align-items: start;}#infomation img{margin-bottom:20px;}
#infomation table{width:90%;margin-left:10%;}
#infomation table th{color: #fff;background-color: #FF6391;padding: 4% 0;text-align: center;}
#infomation table td{border:solid 1px #FF6391;padding:1% 0;text-align:center;color:#FF6391;background-color:#fff;}
#infomation table tbody th{text-align:left;display:grid;justify-items: center;padding:15% 0;}
#infomation table thead th:first-child {width:33%;background-color:#ff3e82;}

@media (max-width: 1100px){
  body{font-size:80%;}
  .info-list li {text-indent:unset;padding-left:0;}
  .info-list li a{display:inline-block;}
  #obstetrics,#gynecology{grid-template-columns:100%;}
  #obstetrics .bg,#gynecology .bg{height:80vw;}#gynecology .bg{grid-row:1/2;margin-top:20px;}
  #greeting{margin-top:50px;}
  #greeting .w1100 > div {grid-template-columns: 100%;}
  #greeting img{width:70%;margin-left:15%;}
  #infomation{grid-template-columns:100%;gap:50px;}#infomation table{width:100%;margin-left:0;}
  .sinryo{grid-template-columns: 1fr 1fr;padding:50px 0;width:90%;margin-left:5%;}
}
/********************↓↓↓index↓↓↓*******************/
    button {
      padding: 0;
      border: none;
      outline: none;
      font: inherit;
      color: inherit;
      background: none
    }
    #top .swiper-slide{width:100%;height:800px!important;max-height:60vw;background-size:cover;background-position-x:center;background-position-y:30%;background-repeat:no-repeat;margin-bottom:2em;}
    .slide1{background-image:url("../img/main1.png");}
    .slide2{background-image:url("/faci/img/img1.webp");background-position-y:40%!important;}
    .slide3{background-image:url("../img/main3.png");}
    .slide4{background-image:url("../img/main4.png");background-position-y:20%;}
    .h2-1{text-align:center;}
    .h2-1 h2{
      position: relative;
      display:inline-block;
      margin-bottom: 1em;
      border-bottom: 5px solid #FFA0B4;
      color: #666;
      font-size: 200%;
      padding: 10px;
      margin-top: 1em;
      font-weight: bold;
     }
    
    .h2-1 h2:before {
        position: absolute;
        bottom: -0.6rem;
        left: 0rem;
        right: 0rem;
        border-bottom: 1px solid #FFA0B4;
        content: '';
    }
    @media (max-width: 1100px){
      main{margin-top:110px;}
      header{height:110px;grid-template-columns: 40vw 50vw;justify-content: space-between;padding:0 3vw;}
      header h1 img{max-height: 60px;margin-left: 3vw;}
      .header-tel.sp{width:53px;height:50px;color:#fff!important;background-color:#FF6391;font-size:14px;display:grid;align-items: center;justify-items: center;}
      .header-web{border-radius:0;width:53px;height:50px;color:#fff!important;background-color:#FF6391;font-size:14px;display:grid;align-items: center;justify-items: center;grid-column:2/3;padding:0;line-height:0;}
      .header-web span.sp{font-size:80%;letter-spacing: 2px;margin-bottom: -2px;}
      header .header-menu {justify-content: end;grid-template-rows:1fr;grid-template-columns: repeat(3,auto);gap: 0 1em;justify-items: center}
      header nav ul{display:block;}
      .header-menu p {margin-bottom: 0;}
      .nav-btn{z-index:2;width:53px;height:50px;background-color:#FF6391;display:block;position:relative;}
      .nav-btn span{position: absolute;top: 0;right: 0;bottom: 0;left: 0;margin: auto;width: 30px;height: 4px;background-color: #fff;-webkit-border-radius: 5px;border-radius: 5px;transition: All 0.35s ease;-webkit-transition: All 0.35s ease;}
      .open .nav-btn span{background-color: transparent;}
      .nav-btn span::before{content: '';
        position: absolute;
        transform: translateY(-11px);
        left:0;
        width: 30px;
        height: 4px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -ms-border-radius: 5px;
        border-radius: 5px;
        background-color: #fff;
        transition: All 0.35s ease-in-out;
        -webkit-transition: All 0.35s ease-in-out;
        -o-transition: All 0.35s ease-in-out;}
        .nav-btn span::after{content: '';
        position: absolute;
        transform: translateY(11px);
        left:0;
        width: 30px;
        height: 4px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -ms-border-radius: 5px;
        border-radius: 5px;
        background-color: #fff;
        transition: All 0.35s ease-in-out;
        -webkit-transition: All 0.35s ease-in-out;
        -o-transition: All 0.35s ease-in-out;}
    
    
      
    .open .nav-btn span::before {
        transform: rotate(45deg);
        
    }
    .open .nav-btn span::after {
        transform: rotate(-45deg);
    }
    nav.sp{position: fixed;width: 100%;height: 100%;background-color: #ffb0b0f0;right:-100%;top: 0;transition: All 0.35s ease;-webkit-transition: All 0.35s ease;}
    .open nav.sp{right:0;}
    nav.sp ul{padding-top:110px;}
    nav.sp li{width: 100%;
        height: 50px;
        margin: 0 auto;
        border-left: none;
        border-bottom: #FFF dotted 1px;
        color:#fff;
        font-weight:bold;
        font-size:120%;
        padding-left: 30px;
        text-align: left;
        box-sizing: border-box;    display: grid;
    align-items: center;}
  }
@media (min-width: 1101px){
  .sinryo{grid-template-columns:repeat(8,1fr);}
  .sinryo div{grid-column:span 2;}
}
/********************↑↑↑index↑↑↑*******************/
/********************↓↓↓subpage↓↓↓*******************/
#subpage .sub-head{width:100%;height:200px;max-height:30vw;background-image:url(../img/sub-head1.png);background-size:cover;background-position:center;}
.sub-head h1{font-size: 200%;font-weight: bold;color: #444;width: 100%;height: 100%;display: grid;align-items: center;justify-items: center;}

#sub-main{width:1100px;max-width:97%;margin:0 auto;margin-top:60px;}
#mokuji dl{text-align:center;}
.grid{display:grid;}
.grid-2{display:grid;grid-template-columns:48% 48%;gap:0 4%;}
#mokuji dt a,#mokuji dd a{position: relative;
  font-size: 100%;
  display: block;
  padding: 14px;
  text-decoration: none;
  margin-bottom: 10px;
}
#mokuji dl{text-align:center;}
#mokuji dd{display:none;}
#mokuji dt a,#mokuji dd a{position: relative;
    font-weight: bold;
    font-size: 100%;
    display: block;
    padding: 14px;
    text-decoration: none;
    background-color: #ffbfcd;
    margin-bottom: 1px;
    border-radius:10px;
    color: unset;}
  #mokuji dd a{background-color: #ffbfcd96;}

#sub-main h3{  background: #ffbfcd;
  box-shadow: 0px 0px 0px 5px #ffbfcd;
  border: dashed 2px white;
  padding: 20px 60px 15px;
  display:inline-block;
  margin:2em 0 1em 0;
font-size:175%;}
#sub-main h4{font-size:125%;margin:2em 0 1em 0;}
#sub-main h4:before {
  content:"●";
  font-size:125%;
  color:#ffa0b4;
  }
#sub-main h5{font-size: 110%;
  font-weight: bold;
  color: #ff5f82;
  border-bottom: solid 1px #ffbfcd;
  padding-bottom: .2em;
  margin:2em 0 1em 0;
  }
#subpage #annai{margin-top:5em;}
.incho{font-family: A1 Mincho, YuMincho, 'Yu Mincho', 'Hiragino Mincho ProN', 'serif';
  margin-top: 7px;}
.incho span{font-size:130%;}
.txtbox{border-radius:20px;background-color:rgb(255 228 234);padding:2em 2em 1em;margin-bottom: 2em;}
.txtbox2{border:solid 1px #666;padding:2em 2em 1em;margin:2em;}
.table1{
  margin:1em 0;
}
.table1 {
  border-collapse: collapse;
  width: 100%;
  max-width: 700px;
}
.table1 th, .table1 td {
  border: 2px solid #fff;
  background-color: #ffe4ea;
  padding: 1em;
}
.table1 th {
  background-color: #ff90a8;
  color: #fff;
  font-weight: bold;
  text-align: center;
  width: 20%;
  min-width: 4em;
}

#subpage .h2-1{margin-top:3em;}
#subpage .h2-1:first-child{margin-top:1em;}

@media (min-width: 1101px){
  main#subpage{margin-top:130px;}
  

}
@media (max-width: 1100px){
  .grid-2{grid-template-columns: 1fr;}
  #sub-main h3{display:block;text-align:center;}
}
/********************↑↑↑subpage↑↑↑*******************/